/* CSS Document */
#body-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
    z-index: 9998;
    display: none; /* Hidden by default */
}
.login-box{
    height: 100vh;
    display: flex;
    align-items: center;
}
.login-box .card{
    width: 40%;
    margin: 0 auto;
    /* padding: 20px 40px; */
    box-shadow: 0 0 24px 0 rgba(3, 31, 66, 0.1);
}

.form-control:disabled, 
.form-control[readonly] {
    background: #393c50 !important;
    border-color: #666c91 !important;
}


@media (max-width: 350px){
    .login-box .card {
        width: 95%;
    }
}
@media (min-width: 351px) and (max-width: 425px){
    .login-box .card {
        width: 80%;
    }
}
@media (min-width: 426px) and (max-width: 768px) {
    .login-box .card {
        width: 70%;
    }
}