.pannel__login {
background-image: url(/assets/images/custom/portalsplash.jpg);
}

.login__client-logo {
background: #fefefe;
}

.login__body {
background-image: none;
background: #fff;
padding-top: 30px;
}

.login-beter__header {
position: relative;
    color: rgba(255, 255, 255, 0);
}

.login-beter__header:after {

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #c63e00 !important;
    content: "Inloggen op de Zorgportal";
}

.login__footer {
background-color: #fc762d;
}

.form__button input[type='button'], .form__button input[type='submit'] {
background: #fc762d;

}

.form__togglebar label:before, .form__togglebar input[type='checkbox']:checked + label:after {
    color: #fff !important;
    background: #fc762d;
}

.form__togglebar input[type='checkbox']:checked + label:before {
    color: #9b3000 !important;

}

.form__textfield input[type='text']:focus + i, .form__textfield input[type='email']:focus + i, .form__textfield input[type='password']:focus + i, .form__textfield input[type='tel']:focus + i {
    background-color: #fc762d;
}

.login__client-logo img , .login__body:before, .footer__payoff {
    display: none;

}

body {
background: #e6e8e6;
background-size: cover;
}

.form__togglebar label:before, .form__togglebar label:after {
    color: #9b3000;
}

.login__client-logo {
    background: url('/assets/images/custom/logo DEF.png') no-repeat;
    background-size: 90%;
    background-position: center bottom;
    
}

.form__selectfield .select {
    color: #9b3000;
}

.login__custom-message {
    color: #9b3000;
}