@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500');html *{font-family:"Ubuntu",sans-serif}body{margin:0;padding:0}#login-page{position:absolute;left:0;right:0;top:0;bottom:0;width:100vw;height:100vh;background-color:#f4f6f8;display:flex;align-items:center;justify-content:flex-end;flex-direction:column}#login-page .login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}#login-page .login-container .logo{width:160px}#login-page .login-container .login-form{position:relative;background-color:#fff;padding:40px;margin-top:32px;width:420px;box-sizing:border-box}#login-page .login-container .login-form .triangle{position:absolute;right:0;top:0;width:0;height:0;border-left:24px solid transparent;border-top:24px solid #f4f6f8}#login-page .login-container .login-form .login-row{display:flex;align-items:center;margin-bottom:12px}#login-page .login-container .login-form .login-row .auto-login{_font-weight:300}#login-page .login-container .login-form .login-row label{color:#a6b1ba;margin-left:14px;font-size:16px;position:relative}#login-page .login-container .login-form .credentials{border:2px solid #a6b1ba;border-radius:4px;padding:0 8px}#login-page .login-container .login-form .login-row svg{color:#5e6971;fill:#5e6971;width:22px;height:22px}#login-page .login-container .login-form .login-input{flex:1;height:40px;font-size:18px;margin-left:16px;outline:0;border:none;color:#5e6971}#login-page .login-container .login-form .login-button{height:48px;width:100%;background-color:#f39200;color:#fff;font-size:16px;border-radius:8px;outline:0;border:none;box-shadow:0 2px 4px 0 rgba(0,0,0,.06),0 6px 8px 0 rgba(0,0,0,.08);margin-bottom:12px}#login-page .login-container .login-form .bottom-buttons{color:#a6b1ba;text-decoration:underline;font-size:12px;font-weight:300}#login-page .login-container .login-form .login-message{height:40px;font-size:18px;color:#f44336}#login-page .login-container .login-form .errorMessage{color:#f44336;text-align:center}#login-page .login-container .login-form .login-loading{width:44px;height:44px;border-radius:4px;background-color:#59b55c;display:flex;flex-direction:row;align-items:center;justify-content:center}#login-page .login-container .login-form .iconLoading{width:24px;height:24px}#login-page .footer{padding:50px 0;font-size:12px;color:#5e6971}@media screen and (max-width:767px){#login-page .login-container .login-form{width:100%;padding:32px 20px}}label{display:initial;max-width:initial;margin-bottom:initial;font-weight:normal}.page-title{font-size:32px;font-weight:bold}.table-head{font-size:18px;font-weight:bold}#login-page .login-container .login-form .passwordinfo{font-size:18px;margin-left:16px;outline:0;border:none;color:#5e6971}#login-page .login-container .app-form{position:relative;background-color:#fff;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}#login-page .login-container .app-form .triangle{position:absolute;right:0;top:0;width:0;height:0;border-left:24px solid transparent;border-top:24px solid #f4f6f8}#login-page .login-container .app-form .app-row{padding:4px 4px}.alert{text-align:left}