body{margin:0;background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:100;font-style:normal}*{font-weight:100}html,body{height:100%;margin:0}.content-container{height:100%;flex:1}.content{display:flex;flex-direction:row;margin:50px}.header-container{width:100%}.footer-container{width:100%;height:250px;background:#607d8b;display:flex;align-items:flex-end;border-top:2px solid #505050}.form .control-label{font-size:12px}.form input{height:24px;border:1px solid #ccc;border-radius:4px;color:#2c5554;margin-bottom:1px}app-root{display:flex;flex-direction:column;height:100%}.container,.login-container{flex:1;font-size:16px;gap:4px;padding:20px;background:#fbfdff;border-radius:4px;box-shadow:0 2px 8px #09204329;height:100%;overflow:hidden;position:relative}.login-container{display:flex}.login-container .box-section{flex:1;padding:16px}.login-container .box-section:not(:last-child){border-right:1px solid #000}.login-container .login-box{width:400px;margin:0 auto;padding-top:100px}.login-container .login-box .login-logo{width:100%;height:50px;float:left;margin-bottom:10px}.login-container .login-box .login-body{width:100%;float:left;background:#ffffff1a;padding:20px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.login-container .login-box .login-body .login-title{color:#fff;font-size:19px;font-weight:300;margin-bottom:20px}.login-container .login-box .login-body .form-control{border:0px;background:#0003;padding:10px 15px;color:#ccc;line-height:20px;height:auto}.login-container .login-box .login-body .btn-link{color:#fff;border:0px}.login-container .login-box .login-body .login-or{width:40px;height:25px;background:#0003;position:relative;margin:25px auto;text-align:center;line-height:25px;color:#fff}.login-container .login-box .login-body .login-or:before{content:"";position:absolute;left:0;width:0;height:0;top:-10px;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:10px solid rgba(0,0,0,.2)}.login-container .login-box .login-body .login-or:after{content:"";position:absolute;left:0;width:0;height:0;bottom:-10px;border-left:20px solid transparent;border-right:20px solid transparent;border-top:10px solid rgba(0,0,0,.2)}.login-container .login-box .login-body .login-subtitle{line-height:20px;padding:5px 0;font-size:12px;color:#fff}.login-container .login-box .login-body .login-subtitle a{color:#3fbae4}.login-container .login-box .login-footer{width:100%;float:left;padding:10px;color:#fff}.login-container .login-box .login-footer a{color:#fff}.login-container.lightmode .login-box .login-body{background:#fff3}.login-container.lightmode .login-box .login-body .form-control{background:#fff6;color:#333}.login-container.lightmode .login-box .login-subtitle a{color:#33414e}