/***********************************************************************************************************************
    BASE
***********************************************************************************************************************/
:root {
    --kj-fris-blauw: #3CB5E5;
    --kj-zakelijk-blauw: #0A2643;
    --kj-actief-rood: #CF3338;
    --kj-serieus-grijs: #3F3F3F;
}

body,
.kt-login.kt-login--v6 .kt-login__aside .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__title {
    color: var(--kj-serieus-grijs);
}

/* BUTTONS */
.btn-brand {
    background-color: var(--kj-fris-blauw) !important;
    border-color: var(--kj-fris-blauw) !important;
}

.btn-brand:hover {
    background-color: #1c99ca !important;
    border-color: #1c99ca !important;
}

/* LOGIN CONTAINER WIDTH FIX */
.kt-login.kt-login--v6 .kt-login__aside .kt-login__wrapper .kt-login__container {
    width: 100%;
}

    /***********************************************************************************************************************
        BACKGROUND
    ***********************************************************************************************************************/
.login6-background {
    background-color: #0A2643;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: local !important;
}

.kj-passwordforgetwrapper {
    display:none;
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__title>h3 {
    font-size: 2rem;
    color: #004642;
}

a:hover {
    color: #b7b7b7;
}

.kt-login__wrapper .btn-primary:hover, .btn-primary:focus, .btn-primary, .btn-outline-primary:hover {
    background-color: #b7b7b7;
    border-color: #b7b7b7;
}

.alert.alert-success {
    background: #FFA400;
    border: 1px solid #FFA400;
    color: #fff;
}