/* ==========================================
   Login Responsive
   ========================================== */

@media (max-width:768px){

    body{
        background:#eef3f9;
    }

    .login-wrapper{
        padding:20px 15px;
        align-items:flex-start;
        padding-top:40px;
    }

    .login-box{
        max-width:100%;
    }

    .login-logo{
        margin-bottom:20px;
    }

    .login-logo img{
        max-width:160px;
        max-height:70px;
    }

    .login-card{
        padding:25px 20px;
        border-radius:18px;
        box-shadow:0 8px 20px rgba(0,0,0,.08);
    }

    .login-card h2{
        font-size:24px;
        text-align:center;
    }

    .login-card p{
        text-align:center;
        font-size:14px;
        margin-bottom:25px;
    }

    .form-label{
        font-size:14px;
    }

    .form-control{
        height:50px;
        font-size:15px;
    }

    .input-group-text{
        min-width:46px;
        justify-content:center;
    }

    .btn-primary{
        height:50px;
        font-size:16px;
    }

    .footer-text{
        margin-top:20px;
        font-size:12px;
        text-align:center;
    }

}

/* ==========================================
   Employee Layout
   ========================================== */

@media(max-width:991px){

.sidebar{

    left:-260px;

}

.sidebar.show{

    left:0;

}

.content{

    margin-left:0;

    padding:15px;

}

}

/* ==========================================
   Mobile Overlay
   ========================================== */

#mobileOverlay{

    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);

    display:none;

    z-index:998;

}

#mobileOverlay.show{

    display:block;

}

/* Sidebar Animation */

@media(max-width:991px){

.sidebar{

    transition:left .30s ease;

}

}