html,body{min-height:100%;margin:0;}
#modifiedLogin.LoginScreen{background:linear-gradient(rgba(13,37,48,0.38),rgba(13,37,48,0.38)),url("../img/new-back-ground-image.png") center / cover no-repeat;box-sizing:border-box;min-height:100vh;}
#modifiedLogin.LoginScreen .modernCenter{align-items:center;background:#161212;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 0 0 auto;padding:56px 48px;position:fixed;right:0;top:0;width:clamp(380px,26vw,460px);}
#modifiedLogin.LoginScreen .modernContentBox{background:transparent;box-shadow:none;margin:0;max-width:340px;width:100%;}
.okue-brand{align-items:center;display:flex;gap:15px;margin-bottom:42px;}
.okue-brand img{height:auto;max-height:72px;max-width:100px;object-fit:contain;}
.okue-brand>div{border-left:1px solid #4d4848;display:flex;flex-direction:column;gap:6px;padding-left:15px;}
.okue-brand strong{color:#fff;font-size:14px;line-height:1.25;}
.okue-brand span,.okue-login-header p,label#remember{color:#83ada6;font-size:11px;}
.okue-login-header{margin-bottom:24px;text-align:center;}
.okue-login-header p{font-weight:700;letter-spacing:.1em;margin:0 0 7px;}
.okue-login-header h1{color:#fff;font-size:18px;margin:0;}
.signIn{display:none;}
.loginSection{padding:0;}
.loginSection .zLoginFieldLabel{height:1px;overflow:hidden;position:absolute;width:1px;}
form#zLoginForm .form input[type="text"],form#zLoginForm .form input[type="password"]{border:0;border-radius:3px;box-sizing:border-box;font-size:13px;height:48px;margin:0 0 12px;padding:10px 42px 10px 42px;width:100%;}
.okue-input-wrap,.passwordWrapper #hideSpan,.passwordWrapper #showSpan{color:#666;font-size:10px;right:12px;top:13px;}
.okue-input-wrap,.passwordWrapper{position:relative;}
.okue-input-icon{font-size:14px;left:13px;line-height:1;position:absolute;top:16px;z-index:1;}
.signInAndLabel{display:flex;flex-direction:column;gap:12px;}
.signInAndLabel>div{width:100%;}
button.loginButton{background:#245675;border:0;border-radius:3px;color:#fff;font-size:13px;font-weight:700;height:48px;letter-spacing:.03em;width:100%;}
button.loginButton:hover,button.loginButton:focus{background:#2f6c91;}
.rememberCheckWrapper{align-items:center;display:flex;justify-content:flex-start;padding:0;}
.okue-links{display:flex;flex-direction:column;gap:11px;margin-top:21px;text-align:center;}
.okue-links a{color:#83ada6;font-size:11px;text-decoration:none;}
.okue-links a:hover,.okue-links a:focus{color:#fff;text-decoration:underline;}
#ZLoginForgotPassword{display:none;}
input#remember{accent-color:#83ada6;float:none;margin:0 8px 0 0;}
.form hr{border:0;border-top:1px solid #3e3939;margin:20px 0 14px;}
.versionBlock{background:transparent;color:#aaa;margin:0;padding:0;}
.versionBlock label{color:#aaa;font-size:10px;}
.okue-footer{bottom:28px;color:#7f7979;font-size:8px;left:34px;line-height:1.45;position:fixed;right:34px;text-align:center;}
.Footer,.decor1,.decor2{display:none;}
@media(max-width:760px){#modifiedLogin.LoginScreen .modernCenter{background:rgba(22,18,18,0.97);padding:40px 30px;position:relative;width:100%;}
}
.login-panel{background:#171313!important;}
.login-box{max-width:320px!important;}
.login-logo{margin-bottom:34px!important;}
.login-header{margin-bottom:25px!important;}
.login-header h1{font-size:15px;}
.login-form .form-group{margin:0 0 12px;}
.login-form .form-group input[type="text"],.login-form .form-group input[type="password"]{height:44px;margin:0;}
.login-form .input-icon{top:15px;}
.login-actions{gap:10px;}
.login-actions>div:first-child{order:2;}
.login-actions .rememberCheckWrapper{order:1;}
.login-button{font-size:12px!important;height:44px!important;}
.login-form .versionBlock,.login-form hr{display:none;}
.forgot-password{margin-top:19px;}
#modifiedLogin.LoginScreen .modernContentBox{left:50%;position:absolute;top:50%;transform:translate(-50%,-54%);}
#modifiedLogin.LoginScreen .okue-brand{margin-bottom:46px!important;}
#modifiedLogin.LoginScreen .okue-brand strong{font-size:16px;}
#modifiedLogin.LoginScreen .okue-brand span,#modifiedLogin.LoginScreen .okue-login-header p,#modifiedLogin.LoginScreen label#remember{font-size:12px;}
#modifiedLogin.LoginScreen .login-header h1{font-size:20px;}
#modifiedLogin.LoginScreen .login-form .form-group,#modifiedLogin.LoginScreen .login-form .okue-input-wrap,#modifiedLogin.LoginScreen .login-form .passwordWrapper{box-sizing:border-box;display:block!important;height:48px!important;margin:0 0 15px!important;position:relative!important;width:100%!important;}
#modifiedLogin.LoginScreen .login-form .form-group input[type="text"],#modifiedLogin.LoginScreen .login-form .form-group input[type="password"]{border-radius:6px!important;box-sizing:border-box;display:block;height:48px!important;margin:0!important;width:100%!important;}
#modifiedLogin.LoginScreen .login-actions .rememberCheckWrapper{align-items:center!important;display:flex!important;flex:none!important;justify-content:flex-start!important;padding:0!important;}
#modifiedLogin.LoginScreen .login-button{align-items:center;border-radius:6px!important;display:flex;font-size:14px!important;height:50px!important;justify-content:center;}
#modifiedLogin.LoginScreen .forgot-password a{font-size:12px;}
#modifiedLogin.LoginScreen .login-button-icon{font-size:17px;line-height:1;margin-right:8px;}
#modifiedLogin.LoginScreen .okue-footer{bottom:24px!important;box-sizing:border-box;left:auto!important;position:fixed!important;right:0!important;width:clamp(390px,28vw,500px)!important;z-index:5;}
#modifiedLogin.LoginScreen .modernCenter.login-panel{align-items:center!important;background:#171515!important;box-shadow:-5px 0 30px rgba(0,0,0,0.3);justify-content:center!important;padding:40px!important;width:420px!important;}
#modifiedLogin.LoginScreen .modernContentBox.login-box{left:auto!important;margin:0!important;max-width:320px!important;position:relative!important;top:auto!important;transform:none!important;width:320px!important;}
#modifiedLogin.LoginScreen form.login-form,#modifiedLogin.LoginScreen .login-form .form,#modifiedLogin.LoginScreen .login-form .loginSection{box-sizing:border-box!important;margin:0!important;padding:0!important;width:100%!important;}
#modifiedLogin.LoginScreen .login-logo{justify-content:center!important;margin-bottom:25px!important;}
#modifiedLogin.LoginScreen .okue-brand{justify-content:center;margin-bottom:25px!important;}
#modifiedLogin.LoginScreen .okue-brand strong{font-size:14px!important;}
#modifiedLogin.LoginScreen .okue-brand span{font-size:11px!important;}
#modifiedLogin.LoginScreen .login-header{margin-bottom:30px!important;}
#modifiedLogin.LoginScreen .okue-login-header p{font-size:13px!important;margin-bottom:8px!important;}
#modifiedLogin.LoginScreen .login-header h1{font-size:20px!important;}
#modifiedLogin.LoginScreen .login-form .form-group,#modifiedLogin.LoginScreen .login-form .okue-input-wrap,#modifiedLogin.LoginScreen .login-form .passwordWrapper{box-sizing:border-box!important;display:block!important;height:auto!important;left:0!important;margin:0 0 20px!important;padding:0!important;position:relative!important;right:0!important;width:100%!important;}
#modifiedLogin.LoginScreen .login-form .form-group input[type="text"],#modifiedLogin.LoginScreen .login-form .form-group input[type="password"]{background:#fafafa!important;border:1px solid #e0e0e0!important;border-radius:8px!important;box-sizing:border-box!important;color:#333!important;display:block!important;font-size:14px!important;height:48px!important;margin:0!important;padding:14px 45px!important;width:100%!important;}
#modifiedLogin.LoginScreen .login-form .form-group .input-icon{color:#95a5a6!important;font-size:16px!important;left:15px!important;line-height:1!important;top:50%!important;transform:translateY(-50%)!important;}
#modifiedLogin.LoginScreen .login-form .passwordWrapper #showSpan,#modifiedLogin.LoginScreen .login-form .passwordWrapper #hideSpan{color:#95a5a6!important;font-size:12px!important;right:15px!important;top:50%!important;transform:translateY(-50%)!important;}
#modifiedLogin.LoginScreen .login-actions{gap:0!important;margin:0!important;width:100%!important;}
#modifiedLogin.LoginScreen .login-actions .rememberCheckWrapper{margin:0 0 25px!important;}
#modifiedLogin.LoginScreen .login-actions>div:first-child{margin:0!important;width:100%!important;}
#modifiedLogin.LoginScreen .login-button{background:linear-gradient(135deg,#1a3a4a 0,#2c3e50 100%)!important;border:0!important;border-radius:8px!important;font-size:15px!important;font-weight:600!important;height:50px!important;letter-spacing:.03em;padding:14px!important;}
#modifiedLogin.LoginScreen .login-button-icon{height:18px!important;margin-right:10px!important;width:18px!important;}
#modifiedLogin.LoginScreen .okue-links{gap:11px!important;margin-top:20px!important;}
#modifiedLogin.LoginScreen .forgot-password a{color:#0d9488!important;font-size:13px!important;}
#modifiedLogin.LoginScreen .okue-footer{bottom:28px!important;color:#8b8b8b!important;font-size:11px!important;left:auto!important;line-height:1.45!important;padding:0 40px!important;right:0!important;text-align:center!important;width:420px!important;}
#modifiedLogin.LoginScreen .okue-art-composition{background:url("../img/okue-left-art-reference.png") left top / 100% 100% no-repeat;bottom:0;height:auto;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:1;}
#modifiedLogin.LoginScreen .okue-art-composition>*{display:none;}
#modifiedLogin.LoginScreen .modernCenter.login-panel,#modifiedLogin.LoginScreen .okue-footer{z-index:2;}
@media(max-width:760px){#modifiedLogin.LoginScreen .modernCenter.login-panel,#modifiedLogin.LoginScreen .okue-footer{width:100%!important;}
#modifiedLogin.LoginScreen .modernCenter.login-panel{min-width:0!important;}
#modifiedLogin.LoginScreen .okue-art-composition{display:none;}
}