:root {
    --dark-blue: #003a86;
    --light-blue: #dbe9f6;
}

.bg-main-custom-login {
    background: var(--light-blue) !important;
}

.bg-custom-login {
    background: white;
    color: var(--dark-blue) !important;
}


.bg-custom-login label {
    color:  var(--dark-blue);
}

.forgot-password {
    color:  var(--dark-blue) !important;
}

.bg-custom-login input {
    color: black;
}

.bg-loading-login-custom {
    background: var(--dark-blue) !important;
}

.login-button-custom button {
    background-color: var(--dark-blue) !important;
    color: white !important;
    border-color: var(--dark-blue) !important;
}

.login-button-custom button:hover{
    background-color: white !important;
    color: var(--dark-blue) !important;
    border-color: var(--dark-blue) !important;
}

.not-registered-button-custom button {
    background-color: white;
    color: var(--dark-blue) !important;
    border-color: var(--light-blue) !important;
}

.not-registered-button-custom button:hover {
    background-color: var(--light-blue) !important;
    border-color: var(--light-blue) !important;
}

.navbar-custom {
    background-image: linear-gradient(
            to bottom,
            var(--dark-blue),
            var(--light-blue)
    );
    border: none;
}

.navbar-custom button {
    background-color: white !important;
    border: none;
}

.navbar-custom button:hover {
    background-color: var(--light-blue) !important;
    border: none;
}

.navbar-custom h1 {
    color: white;
}
/*
.bg-main-300 {
    background-color: var(--light-blue) !important;
    color: white;
}

.border-main-300 {
    border-color: var(--dark-blue) !important;
}

.before\:bg-main-300:before {
    background-color: var(--light-blue);
}*/

#formRegister {
    background-color: var(--dark-blue) !important;
}