html,body,.main{height:100%;}body.login{background:linear-gradient(180deg,#1b5733 65%,#093d1e 100%);font-family:"sen",sans-serif;overflow:hidden;}body.login .main{display:flex;justify-content:center;align-items:center;align-content:center;flex-flow:column;width:325px;margin:auto;}body.login .main img{max-width:300px;max-height:200px;}body.login .main .box{border-radius:6px;background:#fff;display:block;width:calc(100% - 70px);padding:25px 35px;padding-top:35px;margin-top:20px;position:relative;box-shadow:1px 1px 14px 4px rgba(0,0,0,.07);}body.login .main .box #load{position:absolute;top:0;left:0;right:0;bottom:0;display:none;border-radius:6px;justify-content:center;align-items:center;align-content:center;background:#fff;z-index:1;}body.login .main .box #load.active{display:flex;}body.login .main .box h2{margin-bottom:40px;text-align:center;margin-top:0!important;}body.login .main .box .hr-form{background:#fff;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:24px;font-size:14px;line-height:21px;width:100%;padding:14px 16px;text-align:center;margin-bottom:5px;font-family:"sen",sans-serif;}body.login .main .box .hr-form:focus{border:1px solid #ccc!important;outline:0!important;}body.login .main .box .hr-btn{background:#1b5733;color:#fff;padding:14px 8px;box-sizing:border-box;line-height:21px;font-size:14px;border-radius:24px;text-align:center;margin-top:10px;}body.login .main .box .hr-btn.inactive{background:#d7d7d7;}body.login .main .box #sendnewpwemail,body.login .main .box #mail_newpwsent,body.login .main .box #mail_error{border-top:1px solid #e3e3e3;margin-top:50px;text-align:center;color:#1b5733;font-weight:normal;padding:14px 8px;padding-bottom:0;display:none;}body.login .main .box #mail_newpwsent{color:#008000;}body.login .main .box #mail_error{color:#f00;}body.login .main .box .step_2,body.login .main .box .step_1_pwreset{display:none;}body.login .main .box #smsinformation{display:none;text-align:center;font-size:.8em;margin-bottom:20px;margin-top:-20px;}body.login .main .box #error,body.login .main .box #error_sms{display:none;text-align:center;font-size:.8em;margin-bottom:20px;margin-top:-20px;color:#db1111;}body.login .hr-btn-create{background:#aaa;color:#fff;padding:10px 18px;box-sizing:border-box;line-height:21px;font-size:14px;border-radius:20px;text-align:center;margin-top:10px;display:inline-block;text-decoration:none;}body.login .hr-btn-bankid{background:#1b5733;color:#fff;padding:14px 8px;box-sizing:border-box;line-height:21px;font-size:14px;border-radius:24px;text-align:center;margin-top:10px;display:block;text-decoration:none;margin-top:40px;}body.login .btnback{position:absolute;top:40px;}body.login .btn-help{color:#1b5733;text-align:center;padding-top:20px;font-size:.8em;}body.login .help{background:#fff;position:fixed;top:40px;bottom:0;left:2px;right:2px;z-index:99;transform:translateY(100%);border-top-left-radius:10px;border-top-right-radius:10px;padding:40px;transition:.3s all ease-in;box-shadow:1px 1px 5px 1px rgba(0,0,0,.1);}body.login .help a{color:#1b5733;}body.login .help.active{transform:translateY(0%);}body.login .help .help-toolbar{position:fixed;bottom:40px;left:40px;right:40px;}body.login .help .help-toolbar .btn-close-help{background:#1b5733;color:#fff;padding:14px 8px;box-sizing:border-box;line-height:21px;font-size:14px;border-radius:24px;text-align:center;}html,body,form,.main{height:100%;}body.create{background:linear-gradient(180deg,#1b5733 65%,#093d1e 100%) fixed;font-family:"sen",sans-serif!important;}body.create .hr_step{background:#1b5733;color:#fff;padding:12px 16px;float:none!important;}body.create .main{display:flex;justify-content:center;align-items:center;align-content:center;flex-flow:column;width:325px;margin:auto;}body.create .main img{max-width:300px;max-height:200px;}body.create .alert{border-radius:0!important;}body.create .content{border-radius:6px;background:#fff;display:block;width:100%;padding:25px 35px;padding-top:35px;margin-top:20px;position:relative;text-align:center;box-shadow:1px 1px 14px 4px rgba(0,0,0,.07);}body.create .btn,body.create .btn-primary{background:#1b5733!important;border:0!important;padding:10px 20px;outline:0!important;}body.create .btn:active,body.create .btn:focus,body.create .btn-primary:active,body.create .btn-primary:focus{background:#1b5733!important;border:0!important;outline:0!important;}body.create .btnback{color:#000;text-align:left!important;display:block;}body.create .btnback:hover{text-decoration:none;}body.create h1{margin:10px 0!important;margin-top:40px!important;padding:0!important;font-size:18px!important;font-weight:bold!important;}body.create .btn{padding:12px 16px!important;border-radius:20px!important;display:block!important;margin-top:10px;}body.create .hr-form{background:#fff;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:24px;font-size:14px;line-height:21px;width:100%;padding:14px 16px;text-align:center;margin-bottom:5px;font-family:"sen",sans-serif;}body.create .hr-form:focus{border:1px solid #ccc!important;outline:0!important;}html,body,.main{height:100%;}body.lobby{background:linear-gradient(180deg,#1b5733 65%,#093d1e 100%) fixed;font-family:"sen",sans-serif!important;}body.lobby .hr_step{background:#1b5733;color:#fff;padding:12px 16px;float:none!important;}body.lobby .main{text-align:center;margin:20px 0;height:auto!important;}body.lobby .main img{max-width:300px;max-height:200px;}body.lobby .alert{border-radius:0!important;}body.lobby .container{padding:0!important;padding-bottom:50px!important;}body.lobby .form-control{border-radius:2px!important;}