/*
 * CSS:flatline. User Segment
*/
body{padding:20px!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-khtml-user-select:none}
.account-container{position:relative;z-index:1;z-index:2;width:100%;max-width:400px;margin:auto;padding:0 0 20px}
.account-container .content{padding:36px 44px;text-align:center;border-radius:16px;background-color:#fff;box-shadow:0 5px 50px -5px rgba(0,0,0,.1)}
.account-container .content h4{margin-bottom:20px;font-size:16px;padding-bottom:20px;text-align:left;border-bottom:1px dashed;text-align:center;}
.account-container .content h4 img{max-width:200px}
.account-container .content h4 span{font-size:11px;display:block;margin-top:12px;color:#333;text-transform:uppercase;font-weight:bold;letter-spacing:3px;}
.account-container .content .form-group{margin-bottom:20px}
.account-container .content .form-group input{border-bottom:1px solid #cfd8dc;border-radius:0!important;box-shadow:unset!important}
.account-container .content .form-group img{position:absolute;top:50%;right:6px;width:auto;height:28px;transform:translateY(-50%)}
.account-container .content .login-actions,.account-container .content .login-extra{margin-top:32px}
.mk-custom-form.mk-custom-form-icon label{left:30px}
.mk-custom-form.mk-custom-form-icon .checkbox{text-align:left!important}
.mk-custom-form.mk-custom-form-icon .checkbox label{left:unset}
.mk-custom-form.mk-custom-form-icon input{padding-left:36px}
.mk-custom-form.mk-custom-form-icon md-icon{position:absolute;z-index:3;top:50%;left:0;transform:translateY(-50%)}
.user-back{font-size:16px;position:relative;display:inline-block;margin-bottom:-12px;padding:12px 12px 12px 24px;color:#fff!important}
.user-back md-icon{position:absolute;top:10px;left:0}
.user-overlay-left{position:fixed;top:0;bottom:0;left:0;width:50%;background:url(../img/login-bg.jpg);background-position:center}
.user-overlay-left::after{position:fixed;top:0;bottom:0;left:0;width:50%;content:' ';opacity:.95}
.user-overlay-right{position:fixed;top:50%;right:0;bottom:0;width:50%;width:400px;height:400px;transform:translate(50%,-50%);opacity:.2;border:48px solid;border-radius:50%}
.user-overlay-right2{position:fixed;top:50%;right:0;bottom:0;width:50%;width:560px;height:560px;transform:translate(50%,-50%);opacity:.5;border:1px dashed;border-radius:50%}

@media (max-width:640px){
  .account-container .content{padding:24px}
  .account-container .content .login-extra,.account-container .content .login-actions{margin-top:24px}
}