body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Overpass',Arial;background-image:url('images/loginforms/ripple_light_landscape-bg.png');background-size:cover;background-position:center;background-repeat:no-repeat}.login-container{width:80vw;max-width:1200px;display:flex;justify-content:center;align-items:center}.login-card{width:80vw;height:calc(80vw/16*9);max-width:1040px;max-height:585px;display:flex;background-color:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15);overflow:hidden}.login-form{width:33.333%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:30px;box-sizing:border-box;background:url('images/loginforms/ripple_light_portrait-bg.png') no-repeat center center;background-size:cover}.login-image{width:66.666%;height:100%;background-image:url('images/loginforms/login_image.jpeg');background-size:cover;background-position:left}.logo{text-align:center;gap:10px}.logo img{max-width:140px;height:auto;gap:10px}.app-name{color:#3f91ff;font-size:18px;font-size:clamp(min,preferred,max);font-weight:bolder;text-align:center;margin-bottom:0}.dx-placeholder{color:transparent!important}.dx-button{border-radius:4px!important;height:30px!important;font-size:14px!important;font-weight:400!important}.login-button{margin-top:10px;background-color:#3f91ff!important;color:#fff!important}.login-button:hover{background-color:#2d7ae6!important}.password-toggle-container{display:flex;align-items:center;justify-content:center;width:24px;height:100%;cursor:pointer}.material-icons.password-toggle{color:#999;font-size:20px}.version{text-align:center;color:#999;font-size:12px;margin-top:20px}@media(max-width:992px){.login-container{width:90vw;height:auto}.login-card{flex-direction:column;height:auto;aspect-ratio:auto}.login-image,.login-form{width:100%}.login-image{display:none}.login-form{padding:30px 25px}}p{text-align:center}.not-found-image{width:40%;margin:auto}.back-home-button{margin:40px auto;display:block}.icon{width:20px;height:20px;padding:1px;background:transparent;background-position:10px 7px;float:right!important;position:relative!important;top:-26px!important;right:5px!important;cursor:pointer}.resend-pass-code{width:15px;height:15px;padding:8px;padding-top:25px;background-position:10px 7px;float:right;position:relative;top:-35px;right:10px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.error{margin-top:5px;color:red;font-size:14px;text-align:center}.forgot-psw{margin-top:20px;cursor:pointer;display:block}#id-ShowCaptcha{display:none}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);transition:opacity 500ms;visibility:hidden;opacity:0}.overlay:target{visibility:visible;opacity:1}.label-MFA{color:#0b0f24;font-weight:bold;font-size:11px;padding-top:3px;display:flex;justify-content:left;width:70%}.button-MFA{color:#3f91ff!important;font-weight:bold;justify-content:right;display:flex!important}.button-MFA.dx-button:hover{background-color:transparent!important;color:inherit!important;box-shadow:none!important}.button-MFA .dx-button-has-text .dx-button-content,.dx-button-has-text .dx-button-content .dx-button-text{overflow:visible!important;white-space:nowrap;font-size:11px!important}#default-text{text-underline-offset:1px;display:flex;justify-content:center;text-decoration:underline;margin-top:2%!important}#default-text.dx-button:hover{background-color:transparent!important;color:inherit!important;box-shadow:none!important}.mfa-container{display:none;flex-wrap:nowrap;align-items:center;gap:5px;justify-content:space-evenly;width:100%;box-sizing:border-box}#FirstTimeLoginContainer{font-size:11px!important;width:100%!important}.mfa-container.firstTime{width:90%!important}.marginTop{margin-top:2%!important}.show-mfa-container{display:flex!important}#pass-code,#change-mfa-method{display:none}.dxButtondefault{background-color:#3f91ff!important;color:#fff!important}.dx-invalid-message>.dx-overlay-content{padding:2px 0 3px 0!important}#div-pin{margin-bottom:20px}#div-pin-password.dx-invalid.dx-texteditor.dx-show-invalid-badge .dx-texteditor-input-container::after{right:30px!important}input[type="password"]::-ms-reveal{display:none}.error-content-wrapper{flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:20px;gap:1rem}.error-message-container{display:flex;flex-direction:column;text-align:left}.error-message-container .headline-row{display:flex;align-items:center;gap:15px}.error-message-container h1{font-size:clamp(2rem,3.5vw,2.5rem);font-weight:700;line-height:1.2;margin:0}.mismatch-icon{font-size:clamp(2rem,3.5vw,2.5rem);color:#d32f2f}.error-message-container p{font-size:1rem;line-height:1.6;color:#555;margin:0}.action-box{background-color:#f7f7f7;padding:10px;border-left:5px solid #03a9f4;border-radius:4px}.action-box p{font-weight:600;color:#1a1a1a;margin:0;font-size:1rem;text-align:left}.version-details-container{display:flex;flex-direction:column}.version-details-container .detail-row{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:#444;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.version-details-container .detail-row:last-child{border-bottom:none}.version-details-container .detail-row strong{color:#333;font-weight:600}.version-details-container .detail-row .version-mismatch-icon{font-size:1.2rem;color:#ffc107;margin-left:10px}.connection-error-box{background-color:#fff8e1;color:#e65100;padding:15px;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid #ffb74d}#popup-2fa-details-apply-next{order:2;width:100px;height:30px;margin-right:5px;margin-left:5px}#popup-2fa-details-close{margin-right:5px;margin-left:5px;width:100px;height:30px;padding-top:2px;order:1}.popup-2fa-details-toolbar{display:flex;flex-direction:row-reverse;left:0;bottom:5;margin-left:-5px;margin-top:-10px;height:30px;width:100%}#popup-2fa-details-tabs{height:100%;width:100%;padding-bottom:50px}#popup-2fa-details-content{display:flex;flex-direction:column;gap:10px}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url('../fonts/roboto/roboto-cyrillic-ext.woff2') format('woff2');unicode-range:U+460-52F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url('../fonts/roboto/roboto-cyrillic.woff2') format('woff2');unicode-range:U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url('../fonts/roboto/roboto-greek-ext.woff2') format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url('../fonts/roboto/roboto-greek.woff2') format('woff2');unicode-range:U+370-3FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url('../fonts/roboto/roboto-vietnamese.woff2') format('woff2');unicode-range:U+102-103,U+110-111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url('../fonts/roboto/roboto-latin-ext.woff2') format('woff2');unicode-range:U+100-24F,U+259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url('../fonts/roboto/roboto-latin.woff2') format('woff2');unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}