/* login, register pages styles */
.login-page{
    background-image: url('../../vendor/adminlte/dist/img/login-page.gif');
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    background-size: 80% auto;
}

.login-page .login-box{
    background-color: white;
}

.login-page .login-box .login-logo{
    margin-bottom: 0;
}

.bg-status-1{
    background-color:#f90c5b !important;
    color:#FFFFFF !important;
}
.bg-status-2{
    background-color:#ffc107 !important;
    color:#FFFFFF !important;
}
.bg-status-3{
    background-color:#59b700 !important;
    color:#FFFFFF !important;
}
.bg-status-4{
    background-color:#ff7c24 !important;
    color:#FFFFFF !important;
}
.bg-status-5{
    background-color:#24cb4a !important;
    color:#FFFFFF !important;
}
.bg-status-6{
    background-color:#025e17 !important;
    color:#FFFFFF !important;
}
.bg-status-7{
    background-color:#17a2b8 !important;
    color:#FFFFFF !important;
}
.bg-status-8{
    background-color:#007bff !important;
    color:#FFFFFF !important;
}
.bg-status-9{
    background-color:#128f2e !important;
    color: #FFFFFF !important;
}
.bg-status-10{
    background-color:#28a745 !important;
    color:#FFFFFF !important;
}
.bg-status-11{
    background-color:#d54200 !important;
    color:#FFFFFF !important;
}
.bg-status-12{
    background-color:#a50010 !important;
    color:#FFFFFF !important;
}
.bg-status-13{
    background-color:#dc3545 !important;
    color:#FFFFFF !important;
}
.bg-status-14{
    background-color:#ab4500 !important;
    color:#FFFFFF !important;
}

#admin-notification .adminlte-dropdown-content{
    max-height: 490px;
    overflow-y: scroll;
}

@media (min-width: 768px) {
    .login-page .login-box{
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        position: fixed;
        padding: 50px 10px 50px 10px;
    }
}

@media (max-width: 767px) {
    .login-page{
        background-size: 100% auto;
    }
    .login-page .login-box{
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    }
}