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

.vs-container-login{
    width:100vw;
    height:100vh;
    position: absolute;
    overflow:hidden;
}

.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:90vh;
    background-color:#67555544;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    position: absolute;
}

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

.login-frame .vs-container-front-img .vs-login{
    height:100%;
    width:70%;
    border-radius:0 60px 60px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}
.vs-login .vs-title{
    font-size:50px;
    /* margin-bottom:3vh; */
    color: #fff;
}

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

.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:#fff;
    font-size:20px;
    padding:25px 10px  10px;
}

.vs-login .vs-form-group .vs-d-flex .vs-form-control{
    width:100%;
    height:50px;
    border-radius:60px;
    border:1px solid #8dc63f; 
    outline:none;
    padding:5px 15px;
    font-size:16px;
    background: #f4f4f426;
}

::placeholder{
    font-size:18px;
    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:60%;
    height:50px;
    border-radius:10px;
    border:2px solid #8DC63F;
    background-color:#8DC63F;
    font-size:20px;
    color:#fff;
    cursor:pointer;
}

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

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

.vs-container-front-img .vs-d-flex-copyright span{
    padding:10px 0;
    color: #fff;
}

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



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