.mandatory {
    color: red;
}

.auth-bg {
    background-image: url("/assets/images/lingg.jpg") !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    .bg-overlay {
        background: linear-gradient(to bottom, rgba(43, 57, 64, .5) 30%, #2b3940 100%);
        opacity: 1;
    }

    @media (min-width: 768px) {
        height: 100vh;
    }
}

/* rgba(139, 186, 23, 1) */
#sidebar-menu ul li a:hover {
    color: rgba(139, 186, 23, 1) !important;
}

#sidebar-menu ul li a:hover svg {
    color: rgba(139, 186, 23, 1) !important;
}

.mm-active .active {
    color: rgba(139, 186, 23, 1) !important;
}

.mm-active .active svg {
    color: rgba(139, 186, 23, 1) !important;
}

.mm-active>a {
    color: rgba(139, 186, 23, 1) !important;
}

.mm-active>a svg {
    color: rgba(139, 186, 23, 1) !important;
}

[data-topbar=dark] #page-topbar {
    background-color: #fff;
    border-color: #fff !important;
    -webkit-box-shadow: 0 0.2rem 0.5rem rgba(43, 63, 18, 0.3);
    box-shadow: 0 0.2rem 0.5rem rgba(18, 63, 18, 0.3);
}

[data-topbar=dark] .navbar-brand-box {
    background-color: #fff;
    border-color: rgba(46, 54, 143, 1) !important;
}

.logo-txt{
    color: rgba(46, 54, 143, 1) !important;
}

[data-topbar=dark] .header-item {
    color: rgba(46, 54, 143, 1);
}

[data-topbar=dark] .header-item:hover {
    color: rgba(139, 186, 23, 1);
}

#sidebar-menu ul li a{
    color: rgba(46, 54, 143, 1);
}

#sidebar-menu ul li a svg{
    color: rgba(46, 54, 143, 1);
}

.counter-value{
    color: rgba(139, 186, 23, 1);
}

.offblue{
    color: rgba(46, 54, 143, 1);
}

.carrr{
    font-size: 16px;
    font-weight: 600;
}

.hh .card{
    transition: 0.5s;
}

.hh .card:hover{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}