/*
* idd: base for IDD tool
* fp: for FondsPilot variation of the tool
*
*/

/***********
* Tool Header
************/

.toolHeaderContainer {
    padding-left: 40px;
    width: 930px;
    height: 125px;
    background-color:var(--darkBlue100);
    display:flex;
    align-items: center;
    justify-content: space-between;
}

/* specific IDD and FondsPilot (fp)*/

.toolHeaderContainer .textHeader {
    display:inline-block;
    font-family: sbn_serif, serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    color:white;
}

.toolHeaderContainer .fpHeader {
    display: inline-block;
    width: 280px;
    height: 40px;
    background-image:url("/KevuSWeb/javax.faces.resource/idd/textLogoFP.svg.jsf?ln=images&sbnv=2026-10-07_142512");
    background-repeat:no-repeat;
    background-size:280px 40px;
}

.toolHeaderContainer .ivfpCertificate {
    display: inline-block;
    width: 160px;
    height: 99px;
    background-image:url("/KevuSWeb/javax.faces.resource/idd/IVFPCertificateIDD.png.jsf?ln=images&sbnv=2026-10-07_142512");
    background-repeat:no-repeat;
    background-size:160px 99px;
    margin-right:12px;
}


/* specific Beratungsdoku (bDoku)*/

.toolHeaderContainer .textHeader .headerSubtitle {
    color: var(--blue100);
    font-size: 20px;
    line-height: 25px;
}

.toolHeaderContainer .penTip {
    display: inline-block;
    width: 80px;
    height:80px;
    background-image:url("/KevuSWeb/javax.faces.resource/beratungsDoku/penTip.svg.jsf?ln=images&sbnv=2026-10-07_142512");
    background-repeat:no-repeat;
    background-size:80px 80px;
    margin-right:40px;
    color: var(--blue100);
}

/************
* Navigation
*************/

.navTableContainer {
    position:relative;
    margin-left:5px;
    margin-right:5px;
    padding-bottom: 10px;
}

.navTable {
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0px;
}

.navHeaderRow {
    border-bottom-color: #ffffff;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.navHeaderProfil,
.navHeaderResult {
    position:relative;
    color: var(--darkBlue100);
    font-size: 12px;
    font-weight: bold;
    font-family: sbn_sans_serif, Arial, Helvetica, sans-serif;
    line-height: 18px;
    padding-left:9px;
    padding-top: 9px;
    padding-bottom: 7px;
}

.navHeaderProfil {
    background-color:var(--gray20);
}

.navHeaderResult {
    background-color:var(--gray30);
}

.navHeaderIcon {
    font-size: 16px !important;
    margin-right:8px;
    vertical-align: text-bottom;
}

.navHeaderText {

}

.navRow{
}

.navCell {
}


.navTable div.navLineContainer {
    position:relative;
    margin-left:0px;
    margin-right: 0px;
    height:2px;
    padding-left:0px;
    padding-right:0px;
}

.navLine {
    position:absolute;
    top:-11px;
    height:1px;
    width:100%;
    background-color: var(--darkBlue100);
    z-index:-1;
}

/* margin left right depend on startpoint endpoint which have 50%*/
.navTable .firstStep div.navLineContainer{
    margin-left:50%;
}

.navTable .lastStep div.navLineContainer{
    margin-right:50%;
}

/*
.Step {


}*/

.navStepActive,
.navStepInactive  {
    font-family: sbn_sans_serif, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;

    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.navStepActive.navStepMarker,
.navStepInactive.navStepMarker  {
    padding-left: 0px;
    padding-right: 0px;
}

.navStep.navStepActive {
    color: white;
    background-color: var(--blue100);
}

.navStep.navStepActive a {
    color: white;
}

/*.navStep.navStepActive.resultStep {*/
/*    background-color: #0073aa;*/
/*}*/

.navStep.navStepInactive {
    color: var(--darkBlue100);
    background-color: var(--gray10);
}

.navStep.navStepInactive a {
    color: var(--darkBlue100);
}

.navRow.navSteps2 .navStepActive,
.navRow.navSteps2 .navStepInactive {
    width:50%;
}

.navRow.navSteps3 .navStepActive,
.navRow.navSteps3 .navStepInactive {
    width:33.3%;
}

.navRow.navSteps4 .navStepActive,
.navRow.navSteps4 .navStepInactive {
    width:25%;
}

.navRow.navSteps5 .navStepActive,
.navRow.navSteps5 .navStepInactive {
    width:20%;
}

.navRow.navSteps6 .navStepActive,
.navRow.navSteps6 .navStepInactive {
    width:16.67%;
}

.navRow.navSteps7 .navStepActive,
.navRow.navSteps7 .navStepInactive {
    width:14.28%;
}


.navStepText {
    width:100%;
    display: inline-block;
    padding-top:10px;
    padding-bottom:10px;
}

.navStepLink {
    width: 100%;
    display: inline-block;
    /*color: #00a0e1;*/
    text-decoration: none;
    padding-top:10px;
    padding-bottom:10px;
}

.navStepMarkLink {
    outline: none;
}

.navStepMarkIcon {
    display:inline-block;
    width:15px;
    height:25px;
    background-color:transparent;
    background-image:url("/KevuSWeb/javax.faces.resource/idd/navIndicatorInactive.svg.jsf?ln=images&sbnv=2026-10-07_142512");
    background-position: center;
    background-repeat: no-repeat;
    border: none;
}

.navStepActive .navStepMarkIcon {
    background-image:url("/KevuSWeb/javax.faces.resource/idd/navIndicatorActive.svg.jsf?ln=images&sbnv=2026-10-07_142512");
}