body,html.login-bg{background:#F2F1F7 url(/Theme/img/chatbg.jpg);z-index:-99;padding:0 1rem;margin:0;overflow:hidden;}
#login-page{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100vh;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
#login-page .card-panel.border-radius-6.login-card{margin-left:0!important;opacity:0;animation:show .75s linear .5s forwards}
@keyframes show{0%{opacity:0;transform:scale(0)}
40%{transform:scale(1.11)}
70%{transform:scale(.96)}
80%{transform:scale(1.06)}
90%{transform:scale(.98)}
100%{opacity:1;transform:scale(1)}
}
.progress{box-shadow:0 0 20px 0 #ff9800!important}
.login-form{padding: 0 2rem;margin: 0;}
.user-checked{margin-left:.7rem}
.user-checked [type=checkbox]+span:not(.lever){padding-left:32px}
.col.copyright{text-align:center;padding:.75rem 0 1.5rem 0;color:#9e9e9e}
.input-field .prefix{top:1.4rem}
.input-field>i.material-icons{background:linear-gradient(to bottom,#8e24aa 0,#ff6e40 100%);background:-webkit-linear-gradient(to bottom,#8e24aa 0,#ff6e40 100%);-webkit-background-clip:text;color:transparent}
.progress{margin:0;position:fixed;z-index:9999;top:0;left:0;right:0}
#usercode{width:calc(60% - 3rem)}
.helper-text i.material-icons{font-size:12px}
input.hidden{width:0;height:0;border:0;visibility:hidden;font-size:0;padding:0;margin:0;position:absolute;opacity:0}
#codeImage{width:calc(40% - 1rem);cursor:pointer;vertical-align:middle;height:3rem;float:right;background-color:transparent;border-radius:4px;border:none;}
@media (max-width:992px){
    .login-form{padding: 0 1rem;}
}