*{
    padding:0;
    margin:0;
    box-sizing:border-box;
}

.vs-container-login{
    width:100vw;
    height:100vh;
    position: absolute;
    overflow:hidden;
    background-color: #66676f;
}

.vs-container-login .img-background{
    width:100vw;
    height:100vh;
    position:absolute;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    /* filter:blur(2px); */
}

.login-frame{
    width:100vw;
    height:100vh;
    position: absolute;
    display:flex;
    align-items:center;
    justify-content:center;

}

.login-frame .vs-container-front-img{
    width:60vw;
    height:70vh;
    /* background-color:#f5f5f6; */
    display:flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    box-shadow: 8px 8px 6px 0 #b4cfd780;

}

.login-frame .vs-container-front-img .img-front{
    height:100%;
    width:60%;
    border-radius: 8px 0  0 8px;
    /* border-radius:60px 0 0 60px;
    padding: 50px; */
}

.login-frame .vs-container-front-img .vs-login{
    width:40%;
    height:100%;
    border-radius:0 8px 8px 0;
    display:flex;
    background-color: #2b3991;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}
.vs-login .vs--logo{
   width: 100px;
   height: 80px;

}
.vs-login .vs-title{
    font-size:16px;
    /* margin-bottom:3vh; */
    color:#cab54a;
}

.vs-login .vs-form-group{
    width:70%;
}

.vs-login .vs-form-group .vs-d-flex{
    width:100%;
    display:flex;
    flex-direction: column;
}

.vs-login .vs-form-group .vs-d-flex .vs-form-label{
    color:#cab54a;
    font-size:14px;
    padding:15px 5px  5px;
}

.vs-login .vs-form-group .vs-d-flex .vs-form-control{
    width:100%;
    height:40px;
    border-radius:5px 40px 5px 40px;
    border:2px solid #cab54a;
    outline:none;
    padding:5px 15px;
    font-size:14px;
    background: #FFF;
}

::placeholder{
    font-size:14px;
    padding:5px 10px;
}

.vs-login .vs-form-group .vs-d-flex-btn{
    /* padding:10px; */
    width:100%;
    margin-top:20px;
    display:flex;
    justify-content:center;
}

.vs-login .vs-form-group .vs-d-flex-btn .btn-login{
    width:50%;
    height:35px;
    border-radius: 10px;
    /* border-radius:5px 40px 5px 40px; */
    border:2px solid #fff;
    background-color:#cab54a;
    font-size:16px;
    color:#fff;
    cursor:pointer;
}
.vs-login .vs-form-group .vs-d-flex-btn .btn-login:hover{
    background-color: #fff;
    color: #cab54a;
    border:2px solid #cab54a;

}

.vs-login .vs-d-flex-copyright{
    width:100%;
    /* display:none; */
    display:flex;
    height:20%;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    color:#cab54a;
    font-size:14px;
}

.vs-login .vs-form-login{
    /* height:100%; */
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
}

.vs-container-front-img .vs-d-flex-copyright{
    padding:3px 0;
}

.error_text{
    color:#ff0000;
    font-size:12px;
}

.overlay-blur{
    width:100vw;
    height:100vh;
    position: absolute;
    /* background-color: #00000073; */
}

@media screen and (max-width:820px){
    .login-frame .vs-container-front-img{
        width:96vw;
    }
}