.cn-login{

    background-color: #F3F1FF;

}

.cn-login header{
    width: 100%;
    background-color: #393a3e;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #8b8b91;
}

.cn-login header img{
   max-width: 200px;
    
}

.cn-login-form{
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #f4f4f4;
    width: 100%;
    margin-top: 5%;
}
.cn-login-form span.need{
    color: #a19f9f;
}

.cn-login-form .input-group{
    width: 100%;
    margin-bottom: 20px;
    z-index: 1;
}


.cn-login-form .btnShowLoginPass{
    position: absolute;
    right: 10px;
    top: 32px;
    z-index: 2;
}

.cn-login-form  .cn-input-pass{
    width: 85% !important;
}




.swal-footer{
    text-align: center !important;
}



@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 979px) {
  .cn-login-form  .cn-input-pass{
    width: 80% !important;
}
  
}

@media only screen and (max-width : 767px) {
   .cn-login-form  .cn-input-pass{
    width: 80% !important;
}
}

@media only screen and (max-width : 480px) {
  .cn-login-form  .cn-input-pass{
    width: 80% !important;
}
}

@media only screen and (max-width : 320px) {
.cn-login-form  .cn-input-pass{
    width: 80% !important;
}
    
}