/*
    NVGM colors
    donker blauw: #03506b   rgb(26, 55,133)
    licht blauw:#0085b0     rgb(0, 147, 221)
    oranje: #f48446         rgb(244, 132, 70)
    stepcount: #9FCDE3      rgb(159, 205, 227)

*/

html {
    /*background-color: #0085b0; */   
 
}
body {
    font-family: Poppins,sans-serif;
    overflow-x: hidden;
}

body .content-wrapper {
        /* background: radial-gradient(ellipse at top right,rgba(0,149,209,0) 0,#0095d7 80%) !important;
      */
    }
#contentzone {
background-color:#fff;
padding-bottom:2em;
}
#MainContainer, .footer {
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
    background-color: #0085b0; /*footer bleed border*/
    overflow:hidden;
}
    .footer span {
    display:inline-block; 
    /*border:2px solid #fff; */
    padding:0.5em; 
    color:#fff;
    /*border-radius:1.5em;
    margin-right:2em;*/
    }
.header { 
   
   /*background-color: white;*/ 
}
.footer {
    color: white;
    background-color: #0085b0;
    /*padding-top: 20px;
    padding-bottom: 20px;*/
    position:unset;
}
.footertext {
text-align:center;
font-size:85%;
}
.logo {
    display: inline-block;
    width: 130px;
    height: 37px;
	background: url('/DomainStyle/Filestyle/GetFileByType/PortalLogo') no-repeat;
}

#cookieConsent {
    padding: 1em;
    margin: 1em;
    text-align: center;
}


.invalid-feedback {

    display:unset;
}

h1, h2 {
    font-family: Bree Serif,Rockwell,Georgia,serif;
}

h3, h4 {
    font-family: Poppins,sans-serif;
    font-weight: 600;
}

h1, h2, h3, h4 {
    color: #0085b0;
}
h3{
font-size: 1.5em;}
h4 {
    font-size: 1em;
}

.small-box h3 {
font-size:1.5em;
}

/*Colors NVGM*/
/*Disabled must be derrived from bootstrap =>custom*/
/*.bg-primary {
    background-color: #03506b !important;
}

.bg-info {
    background-color: #0085b0 !important;
}
.txt-primary {
    color: #03506b !important;
}

.txt-info {
    color: #0085b0 !important;
}*/


.dropdown-menu-right li {
    background-color: #fff;
    padding-left: 1em;
}
.dropdown-menu-right li:first-of-type {

    border-bottom-right-radius: 1em;
}
.dropdown-menu-right li:last-of-type {
        border-bottom-left-radius: 1em;
    
    }

#TitleContainer {
    background-color:#fff;
    border-top-left-radius:2em;
    border-top-right-radius:2em;
    margin-top:15px;
}
.brandtitle {
padding:1em;

}
.brandtitle h2 {
margin-bottom:0;
}
#brand {
	background-image: url('/DomainStyle/Filestyle/GetFileByType/PortalBanner');
}
    #brand .logo {
        display:inline-block;
    height:4em;
    width:12em;
    background-color:#fff;
    padding:1em;
    background-position:center;
    border-radius:2em;
    margin-top:20px;
    }
#brand div.rowtop:after {
    /*background: radial-gradient(ellipse at top right,rgba(0,149,209,0) 0,#0095d7 80%) !important;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;*/
}


#navigationBar {
    background-color: #03506b;
    
}
    #navigationBar .btn {
        color: #03506b;
       
    }
    .content .container {
        background-color: #fff;
    }


#stepzone .card, #stepzone .card-header {
    background-color: rgba(0,0,0,0);
    border: none;
    box-shadow: none;
}
#stepzone {
    background-color:#03506b;


/*border-radius:10px;*/
}

    #stepzone .step {
        color: white;
    }
.steps {
    background-origin:padding-box;
    
    background-image: linear-gradient(#0085b0, #0085b0);
    background-size: 3px 100%;
    background-repeat: no-repeat;
    background-position: 1.48em 0em;
    
}

#stepzone .step .stepcount {
    display: inline-block;
    width: 3em;
    height: 3em;
    color: #0085b0;
    margin-right: 1em;
    background-color: white;
    border-radius: 50%;
    border: 3px solid #0085b0;
    padding: 0.5em 1em 1em 1em;
    font-weight: bold;
}

#stepzone .stepactive {
    color:white;
}
    #stepzone .stepactive ~ .stepactive {
        color: #0085b0;
    }
#stepzone .stepdone {
    color: #0085b0;
}
#stepzone .card-header h4 {
color:#fff;}
#stepzone .stepdone .stepcount {
        background: #9FCDE3;
    }
    .control-sidebar .stepactive .stepcount {
        background-color: #0085b0;
        color:white;
    }
.steplabel {
font-size:0.5em;
color:#fff;
margin-top:0;
}
#stepzone .stLabel {
display:inline-block;
width:80%;

}


.headlabel {
    height: 2em;
    color: #03506b;
    font-size: 0.75em;
    font-weight: bold;
}
.headtext {
    font-size: 0.7em;
}
.energy-label {
    display: block;
    width: 4em;
    height: 2em;
    background-color: #666;
    color: #fff;
    font-weight: 900;
    padding: 0.3em;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}

.label_A {     background-color: green; }
.label_B {     background-color: limegreen;}
.label_C {     background-color: greenyellow;}
.label_D {     background-color: yellow;}
.label_E {     background-color: orange;}
.label_F {     background-color: red;}



#inlogCard .card-body {
    background-color: rgb(244, 246, 249);
}

    #inlogCard .card-body .row {
        border: 4px solid #03506b;
        border-radius: 20px;
        background-color: #03506b;
        overflow:hidden;
    }
#inlogCard .logonimage {
	background: url('/DomainStyle/Filestyle/GetFileByType/PortalBackground');
    background-position: center;
    background-size: cover;
    padding:0;
}

#inlogCard .logintext {
    padding: 10rem 3rem 10rem 3rem !important;
}
#inlogCard .logintext img {
width:100%;
}
#logozone {
    background-color: rgba(185, 212, 218, 0.6);
    padding-left: 10%;
    padding-top: 10%;
    height: 35%;
    backdrop-filter:blur(5px)
}
#logonimage {
    padding: 0;
}
#logozone img {
    max-width: 80%;
}
.logontext {
background-color:#fff;

}
#inlogCard {
box-shadow:none !important;

}
.VoImage {
width:100%;}
.VoExample {
    background-color: #fff;
    border-bottom-right-radius: 2em;
}    
.of {
display:block;
margin-top:45px;
}
.btn-success, .btn-success:hover
{
    color:#fff;
}

#userinformationform {
    padding: 0px !important
}
ul.dropdownbig{
    min-width: 200%;
}

#bg_veiligophalen {
    min-height:100%;
    background-size:100%;
    background-image:url('/images/VeiligOphalen/iphone-mockup.960x0.png');
}
.blurredImage {
    backdrop-filter: blur(5px);
}
#bg_veiligophalen .waitingAlert {
    background-color: rgba(255,255,255,0.6)
}

.customAccordionNoLabel h4 {
    /*color: #173278 !important;*/
    color: #000 !important;
}
.customAccordionNoLabel {
    /*background-color:#e8ebf3;*/
}

.customAccordionNoLabel:after {
    color: #000;
}

#brand .logo {
    display: inline-block;
    height: 4em;
    width: 20em;
    background-color: rgba(255, 255,255, 0.88);
    padding: 1em;
    background-position: center;
    background-size: contain;
    border-radius: 2em;
    margin-top: 20px;
}