:root {
    --primary: #a2bb0c;
    --secondary: #006d78;
}

.login-wrapper::after {
    background-image: url("login-BG.jpg");
    opacity:0.3;
}
#lostemail {
    background-image: url("icon-at.svg"); 
}
#loginUser {
    background-image: url("icon-user.svg");
}
#loginPassword {
    background-image: url("icon-key.svg");
}



.btn-primary, .btn-primary:focus, .btn-primary:disabled, .btn-primary:active, .btn-primary:after, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: #a2bb0c;
    border-color: #a2bb0c;
}
    .btn-primary:hover {
        background-color: #006d78;
        border-color: #006d78;
    }


.btn-secondary, .btn-secondary:focus, .btn-secondary:disabled, .btn-secondary:active, .btn-secondary:after, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    background-color: #006d78;
    border-color: #006d78;
}
    .btn-secondary:hover {
        background-color: #a2bb0c;
        border-color: #a2bb0c;
    }


.info-mod__btn, .info-mod__box, .image-container:hover .image__overlay, .image-container:active .image__overlay {
    background-color: #a2bb0c;
}



    #sidebar .active > a, #sidebar a[aria-expanded="true"] {
    background-color: #a2bb0c;
}
    #sidebar .active:hover > a:hover, #sidebar a[aria-expanded="true"]:hover {
        background-color: #006d78;
        color:#ffffff;
    }

.bg-primary {
    background-color: #a2bb0c !important;
}
.text-primary {
    color: #a2bb0c !important;
}

.dark-mode input[type="checkbox"]:checked + label {
    background: #006d78;
}