.login-background{background:url('login-form/img/login-background.png') center;position:absolute;height:850px;width:597px;top:80px;right:0}
.login-page{justify-content:flex-start}
@media(max-height:950px){.onemarkets .login-page.otp{min-height:600px}
}
.onemarkets .login-page.otp{min-height:839px;display:flex;flex-direction:column;justify-content:center}
.onemarkets .login-container.otp{display:none}
#username,#password,#email:not(.register-email),#otp{border:1px solid #909090;border-radius:0;width:413px;height:40px;box-sizing:border-box;border-width:1px;font-family:UniCredit;font-weight:400;font-size:18px;line-height:24px;letter-spacing:0;vertical-align:middle;color:#666;padding:8px;margin-top:2px !important}
#username{margin-bottom:32px}
#password{margin-bottom:42px}
.btn-wrapper{margin-bottom:24px !important;input[type="submit"]{width:fit-content;text-transform:capitalize}
}
.forgot-password-wrapper{margin-bottom:32px !important}
label[for="username"],label[for="password"],label[for="email"],label[for="otp"]{font-family:UniCredit;font-weight:400;font-size:18px;line-height:24px;letter-spacing:0;vertical-align:middle;color:#262626}
.onemarkets .page-login-form{display:flex;flex-direction:column;gap:32px}
.onemarkets .page-login-form .not-valid-input{width:fit-content}
.onemarkets .page-login-form .verify-otp-action-wrapper{display:flex;gap:24px;align-items:center;margin-top:10px}
.onemarkets .page-login-form .verify-otp-action-wrapper .btn-wrapper{width:fit-content}
.onemarkets .resend-otp{max-width:350px;width:fit-content;display:flex;justify-content:center;align-items:center;gap:3px}
.onemarkets .resend-otp .label{font-size:16px;font-weight:700;color:#007a91;cursor:pointer}
.onemarkets .resend-otp.cta-link .label{font-size:14px}
.onemarkets .resend-otp .icon{display:block;transform:rotate(270deg);fill:#007a91;height:18px;width:16px;cursor:pointer}
.onemarkets .resend-otp.disabled .label{color:#ccc;cursor:not-allowed}
.onemarkets .resend-otp.disabled .icon{display:none}
.onemarkets .resend-otp.disabled .cta-icon{display:none}
.oh-content-wrapper.login-container{display:flex;flex-direction:column;justify-content:center}
.oh-login-description{box-sizing:border-box;background:#F5F5F5;padding:10px;p{font-family:UniCredit;font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;color:#262626;span{display:none}
}
}
.separator-container{width:100%;display:flex;align-items:center;justify-content:center;.separator{width:calc((100% - 150px) / 2);height:0}
}
.separator-text{width:130px;padding:0 10px;font-family:UniCredit;font-weight:700;font-size:14px;line-height:15px;letter-spacing:0;text-align:center;vertical-align:middle;text-transform:uppercase;color:#666}
.registration-wrapper{margin:16px 0 !important}
.oh-form .oh-input .error-msg{display:none;width:auto;width:-webkit-fill-available;width:moz-available;font-family:Arial;font-weight:400;font-size:14px;line-height:15px;background-color:#cf3524;color:#FFF;padding:5px}
@media(min-width:769px) and (max-width:1439px){.login-background{display:none}
.login-container{display:flex;min-width:100%;gap:32px;>div{width:calc(50% - 16px)}
}
.login-second-col{padding-top:50px}
}
@media only screen and (min-width:769px) and (max-width:1439px){.login-background{display:none}
.login-container{display:flex;min-width:100%;gap:32px;>div{width:calc(50% - 16px)}
}
.login-second-col{padding-top:50px}
}
@media only screen and (max-width:768px){.login-container,#username,#password,#loginformsubmit,#email,#otp{min-width:100%}
.login-background{display:none}
}
@media only screen and (min-width:1440px){.login-container{padding-bottom:31px !important}
}
.password-container{.toggle-visibility{position:absolute;bottom:8px;right:8px}
}
@media only screen and (min-width:769px){form#login-form-menu{max-width:413px}
.password-container{max-width:100% !important;#password{width:100%}
}
}
@media only screen and (min-width:1500px) and (max-width:1799px){.login-background{width:43%;background-size:cover;background-position:center}
}
@media only screen and (min-width:1800px){.login-background{width:48%;background-size:cover;background-position:center}
.login-page{width:100%;max-width:1564px}
.login-container{width:758px}
}
.password-container.hide .toggle-visibility:after{content:url('login-form/img/hide-icon.svg');width:24px;height:24px;display:flex}
.password-container.show .toggle-visibility:after{content:url('login-form/img/show-icon.svg');width:24px;height:24px;display:flex}
.login-page.error{.error-message{display:block;width:100%;min-height:40px;box-sizing:border-box;padding:9px 10px;background:#CF3524;margin-top:0 !important;margin-bottom:40px !important;p{font-family:UniCredit;font-weight:400 !important;font-size:18px;line-height:22px;letter-spacing:0;color:#fff}
}
.password-container,#password{margin-bottom:0 !important}
#password{border:2px solid #cf3524}
.oh-content-header h1{margin-top:0}
.login-background{height:101%;background-position:center;background-size:cover}
}
.otp-form.navigation-login-form{height:fit-content}
.otp-form.navigation-login-form .login-mobile-body{display:flex;flex-direction:column;gap:35px}
.otp-form.navigation-login-form .login-mobile-body .links-container{margin-top:-25px}
.navigation-login-form{width:343px;height:345px;background:#ffffff;border-radius:4px;border:1px solid #262626;.mobile-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:#F5F5F5;height:40px;box-sizing:border-box;padding:8px 16px;.header{font-family:UniCredit;font-weight:700;font-size:14px;line-height:100%;letter-spacing:0;text-transform:uppercase;color:#262626}
.close-button{cursor:pointer;.icon-close{height:15px;width:15px}
}
}
.login-mobile-body{box-sizing:border-box;padding:10px 16px;>*{width:100%}
}
#username{margin-bottom:24px}
#password{margin-bottom:32px}
input[type="submit"]{width:100%}
.links-container a{margin-top:0 !important;font-family:UniCredit;font-weight:700;font-size:14px !important;line-height:100% !important;letter-spacing:0;vertical-align:middle;text-transform:uppercase !important;color:#007a91 !important;display:flex;align-items:center;justify-content:flex-start;gap:24px}
}
.login-item{.login-form-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;margin:0 !important;background-color:rgb(0,0,0,0.6);z-index:999;display:none}
}
@media only screen and (min-width:1024px){.login-form-wrapper{background-color:transparent !important}
.navigation-login-form{position:absolute;top:73px;right:85px;width:400px}
.login-item{position:relative}
}
#user-options-menu{width:343px}
#user-options-menu .user-info-header{position:relative;background:#FFF;width:85%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262626;height:40px;box-sizing:border-box;padding:8px 0;left:50%;transform:translateX(-50%)}
#user-options-menu .user-info-header .header{font-weight:700;font-size:16px;line-height:100%;letter-spacing:0;text-transform:uppercase;color:#000}
#user-options-menu .login-mobile-body{display:flex;flex-direction:column;gap:20px}
#user-options-menu .login-mobile-body .user-info-item{display:flex;align-items:center;justify-content:flex-start;cursor:pointer}
#user-options-menu .login-mobile-body .user-info-item .icon{margin-top:0;height:35px;fill:#000}
#user-options-menu .login-mobile-body .user-info-item .label{color:#000}
#user-options-menu .login-mobile-body .user-info-item:hover .icon{fill:#007a91}
#user-options-menu .login-mobile-body .user-info-item:hover .label{color:#007a91}