body,html{height:100%;font-size:12px}html{overflow:auto}body{min-height:100%;padding:0;margin:0;display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;font-family:Montserrat,sans-serif}body .auth-container{z-index:1;flex:1;display:flex;flex-flow:column}body .auth-container>.after,body .auth-container>.before{position:relative;z-index:-1;width:100%}body .auth-container>.before{background:#00aeef url(/images/login.png) no-repeat 50% 40%;background-size:40%;border-bottom:6px solid #d0d0d0;max-height:180px;min-height:80px;flex:1}body .auth-container>.before:after{content:"";position:absolute;margin:auto;right:0;left:0;top:0;height:100%;width:40%;background:linear-gradient(90deg,#00aeef,rgba(0,174,239,.7) 50%,#00aeef)}body .auth-container>.after{background-color:#cdd8e4;border-top:6px solid #00aeef;height:80px}body .auth-container>:not(.before):not(.after){display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}body .auth-container .login-page{padding-bottom:50px}body .auth-container .login-page .logo{margin-bottom:30px}body .auth-container .login-page .logo img{width:200px}body .auth-container .login-page .login-title{font-size:14px;font-weight:700;margin-bottom:5px}body .auth-container .login-page .login-form{display:flex;flex-direction:column;align-items:center}body .auth-container .login-page .login-form label{text-align:center;font-weight:700}body .auth-container .login-page .login-form .login-form-input{background:#f7f7f7;height:45px;width:100%;font-size:14px;text-align:center;margin-bottom:10px;border:none;box-shadow:inset 1px 1px 2px hsla(0,0%,50.2%,.3),inset -1px 0 2px hsla(0,0%,50.2%,.3)}body .auth-container .login-page .login-form .login-button{margin:10px;border:none;background-color:#00aeef;width:150px;height:40px;color:#fff;font-size:16px;cursor:pointer;transform:skew(-15deg)}body .auth-container .login-page .login-form .login-button>*{display:block;transform:skew(15deg)}body .auth-container .login-page .login-form .login-button>* .mdi{font-size:20px}