.login-section{margin:50px 15px;background:#fff;border-radius:4px;display:flex;flex-direction:column}.login-section .login-info{padding:15px}.login-section .login-info .title{font-size:24px;font-weight:700;line-height:30px}.login-section .login-info .subtitle{font-size:18px;line-height:26px;margin-top:1px;color:#6E6E6E}.login-section .login-info .text{font-size:16px;line-height:23px;margin-top:22px}.login-section .login-form{padding:30px 15px;border-top:1px solid #f2f2f2;position:relative}.login-section .login-form.loading:before{content:'';display:block;background:url(/dist/img/ajax-loader.gif) center center no-repeat;background-color:rgba(255,255,255,0.6);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.login-section .login-form .field-wrap+.field-wrap{margin-top:20px}.login-section .login-form .mdc-text-field{width:100%}.login-section .login-form .action-buttons{margin-top:20px;text-align:center}@media (min-width: 600px){.login-section .login-info,.login-section .login-form{padding:30px}}@media (min-width: 700px){.login-section{flex-direction:row}.login-section .login-info{margin:auto}.login-section .login-form{flex:0 0 400px;border-top:none;border-left:1px solid #f2f2f2}.login-section .login-form .action-buttons{text-align:right}}@media (min-width: 1100px){.login-section{margin-left:auto;margin-right:auto}}