﻿@import url("/fonts/montserrat.css");*{font-family:Montserrat;text-rendering:optimizeLegibility!important;}p{margin:0;padding:0;}:root{--headerHeight:70px;--themeColor:#064ca7;}body{background-color:#fff;padding:0;margin:0;opacity:0;}*:not(input):not(textarea){-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;cursor:default;user-select:none;}html,body{background:var(--themeColor);}.twinPanel{display:flex;height:100%;}.twinPanel .loginbackimage{position:absolute;z-index:0;inset:0;bottom:0;background-image:url(/images/system/mola/new-login-back-full.png);background-position:center;background-repeat:no-repeat;background-size:cover;}.twinPanel .leftPanel{z-index:1;flex:1 0 0;display:flex;padding:15px 15px 0 15px;flex-direction:column;align-items:center;gap:10px;align-self:stretch;position:relative;}.twinPanel .leftPanel .header{display:flex;padding:15px;align-items:flex-start;align-self:flex-start;z-index:1;}.twinPanel .leftPanel .header .logo{max-height:40px;}.twinPanel .leftPanel .middle{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;z-index:1;box-sizing:border-box;overflow:hidden;padding-bottom:30px;}.twinPanel .leftPanel .middle .img{max-width:100%;max-height:100%;overflow:hidden;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25));}.twinPanel .leftPanel .middle .text{color:#1e1e1e;opacity:.75;text-align:center;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:400;line-height:120%;text-align:center;}.twinPanel .rightPanel{position:relative;z-index:1;flex:33.3333333333% 0 0;min-width:480px;box-sizing:border-box;padding:40px;display:flex;flex-direction:column;align-self:stretch;align-items:center;justify-content:safe center;background:url(/images/system/mola/login-right-panel-back.jpg),#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.05);overflow:hidden;overflow-y:auto;}.twinPanel .rightPanel .miniheader{display:none;padding:15px;align-items:flex-start;align-self:flex-start;z-index:1;box-sizing:border-box;width:100%;justify-content:center;}.twinPanel .rightPanel .miniheader .logo{max-height:70px;}.twinPanel .rightPanel .miniheader .text{color:#064ca7;text-align:center;font-family:Montserrat;font-size:48px;font-style:normal;font-weight:700;line-height:120%;}.twinPanel .rightPanel .form{width:100%;max-width:450px;display:flex;flex-direction:column;align-items:center;gap:25px;}.twinPanel .rightPanel .form .header{display:flex;padding:10px 0;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;}.twinPanel .rightPanel .form .header .caption{color:#1e1e1e;font-size:24px;font-style:normal;font-weight:600;line-height:normal;}.twinPanel .rightPanel .form .header .description{color:#1e1e1e;font-size:14px;font-style:normal;font-weight:400;line-height:normal;line-height:150%;opacity:.75;}.twinPanel .rightPanel .form .elementBlok{display:flex;flex-direction:column;align-items:flex-start;gap:7px;align-self:stretch;position:relative;}.twinPanel .rightPanel .form .elementBlok .caption{color:#1e1e1e;font-size:14px;font-style:normal;font-weight:600;line-height:120%;}.twinPanel .rightPanel .form .elementBlok .description{color:rgba(30,30,30,.75);font-size:12px;font-style:normal;font-weight:400;line-height:120%;}.twinPanel .rightPanel .form .elementBlok .input{height:45px;padding:13px;align-self:stretch;box-sizing:border-box;outline:0;border-radius:10px;border:1px solid #d1d5db;background:#fff;font-size:16px;font-weight:500;line-height:120%;position:relative;}.twinPanel .rightPanel .form .elementBlok .input:focus{border:2px solid var(--themeColor);}.twinPanel .rightPanel .form .elementBlok .asCheckPanel{display:flex;align-items:flex-start;gap:5px;align-self:stretch;}.twinPanel .rightPanel .form .elementBlok .asCheckPanel .asCheck{display:flex;padding:10px;align-items:center;gap:10px;border-radius:10px;border:1px solid #d1d5db;opacity:.75;width:100%;overflow:hidden;}.twinPanel .rightPanel .form .elementBlok .asCheckPanel .asCheck .che{width:19px;height:19px;min-width:19px;border-radius:150px;border:2px solid #d1d5db;}.twinPanel .rightPanel .form .elementBlok .asCheckPanel .asCheck .textPanel{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;overflow:hidden;}.twinPanel .rightPanel .form .elementBlok .asCheckPanel .asCheck .textPanel .caption{color:#1e1e1e;text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:normal;}.twinPanel .rightPanel .form .elementBlok .asCheckPanel .asCheck .textPanel .description{color:#1e1e1e;text-align:center;font-size:10px;font-style:normal;font-weight:300;line-height:150%;opacity:.75;white-space:nowrap;}.twinPanel .rightPanel .form .elementBlok .asCheckPanel .asCheck[checked]{border:1px solid var(--themeColor);opacity:1;}.twinPanel .rightPanel .form .elementBlok .asCheckPanel .asCheck[checked] .che{width:15px;height:15px;min-width:15px;border:4px solid var(--themeColor);box-shadow:0 0 10px 0 rgba(6,76,167,.5);}.twinPanel .rightPanel .form .elementBlok .inputIcon{position:absolute;right:15px;bottom:15px;z-index:0;pointer-events:none;cursor:default!important;}.twinPanel .rightPanel .form .elementBlok .inputIcon svg{height:20px;max-width:22px;pointer-events:none;cursor:default!important;}.twinPanel .rightPanel .form .interBlok{display:flex;flex-direction:row;align-items:center;gap:5px;align-self:stretch;}.twinPanel .rightPanel .form .interBlok .checkbox{display:flex;flex-direction:row;align-items:center;gap:5px;align-self:stretch;}.twinPanel .rightPanel .form .interBlok .checkbox .rememberMeInput{height:20px;width:20px;border-radius:5px;border-radius:150px;background-color:#fff;border:2px solid #d1d5db;appearance:none;-webkit-appearance:none;outline:0;cursor:pointer;position:relative;}.twinPanel .rightPanel .form .interBlok .checkbox .rememberMeInput:checked{border-radius:150px;border:5px solid var(--themeColor);box-shadow:0 0 10px 0 rgba(6,76,167,.5);}.twinPanel .rightPanel .form .interBlok .checkbox .rememberMeInput:checked:before{content:"";position:absolute;inset:0;}.twinPanel .rightPanel .form .interBlok .checkbox .rememberMeText{color:#1e1e1e;font-size:13px;font-style:normal;font-weight:500;line-height:normal;}.twinPanel .rightPanel .form .interBlok .forgotPassword{color:var(--themeColor);text-align:right;font-size:13px;font-style:normal;font-weight:500;line-height:normal;}.twinPanel .rightPanel .form .interBlok .forgotPassword:hover{-moz-filter:brightness(1.3);-webkit-filter:brightness(1.3);filter:brightness(1.3)!important;cursor:pointer;}.twinPanel .rightPanel .form .SixBlok{display:flex;flex-direction:row;align-items:center;gap:10px;align-self:stretch;}.twinPanel .rightPanel .form .SixBlok .inputElement{margin-top:5px;width:100%;height:65px;padding:13px;box-sizing:border-box;outline:0;border-radius:10px;border:1px solid #d1d5db;background:#fff;font-size:20px;font-weight:500;text-align:center;}.twinPanel .rightPanel .form .SixBlok .inputElement::placeholder{font-size:20px;font-weight:500;text-align:center;}.twinPanel .rightPanel .form .SixBlok .inputElement:focus{border:2px solid var(--themeColor)!important;}.twinPanel .rightPanel .form .memberBlok{display:flex;flex-direction:row;align-items:center;gap:5px;align-self:center;}.twinPanel .rightPanel .form .memberBlok .newMember1{color:#6b7280;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:18px;}.twinPanel .rightPanel .form .memberBlok .newMember2{color:var(--themeColor);text-align:right;font-family:Montserrat;font-size:13px;font-style:normal;font-weight:500;line-height:normal;}.twinPanel .rightPanel .form .memberBlok .newMember2:hover{-moz-filter:brightness(1.3);-webkit-filter:brightness(1.3);filter:brightness(1.3)!important;cursor:pointer;}.twinPanel .rightPanel .form .buttonBlok{display:flex;gap:15px;width:100%;}.twinPanel .rightPanel .form .buttonBlok .button{display:flex;height:55px;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;border-radius:10px;background:var(--themeColor);color:#fff;font-size:18px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer;}.twinPanel .rightPanel .form .buttonBlok .button:hover{-moz-filter:brightness(.8);-webkit-filter:brightness(.8);filter:brightness(.8)!important;cursor:pointer;}.twinPanel .rightPanel .form .or{display:flex;justify-content:center;align-items:center;gap:5px;align-self:stretch;color:#6b7280;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:18px;}.twinPanel .rightPanel .form .social{display:flex;align-items:flex-start;gap:15px;cursor:pointer;}.twinPanel .rightPanel .form .social .facebook{cursor:pointer!important;display:flex;width:30px;height:30px;padding:7px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:50px;background:rgba(66,103,178,.08);}.twinPanel .rightPanel .form .social .google{cursor:pointer!important;display:flex;width:30px;height:30px;padding:7px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:50px;background:rgba(66,103,178,.08);}.captchaBody{display:flex;grid-gap:7px;background:#fff;width:100%;}.captchaBody img{height:55px;width:100%;background-color:#fff;border-radius:10px!important;border:1px solid #d9d9d9;flex:1;}.captchaBody vpanel{display:flex;flex-direction:row;grid-gap:5px;flex:1;}.captchaBody vpanel input{height:55px!important;width:100%;outline:0;border:1px solid #d9d9d9;border-radius:10px!important;text-align:center;font-size:12px;color:#7a8692;padding:5px 0!important;}.captchaBody vpanel input::placeholder{font-size:13px!important;}.captchaBody vpanel button{height:55px;width:55px;min-width:55px;display:flex;align-items:center;justify-content:center;outline:0!important;border:0;background-color:#f0f0f0;border-radius:10px;color:#477fff;font-size:12px;font-weight:600;transition:300ms all;cursor:pointer!important;}.captchaBody vpanel button:hover{background-color:#d6d6d6;}.PageAnimationEffect{position:fixed;inset:0;background:var(--themeColor);z-index:999999;display:flex;align-items:center;justify-content:center;overflow:hidden;}.PageAnimationEffect img{max-height:80px;}.PageAnimationEffect.open{animation:PageAnimationOpen 1s forwards;}.PageAnimationEffect.open img{animation:PageAnimationImgOpen 1s forwards;}.PageAnimationEffect.close{animation:PageAnimationClose 500ms forwards;}.PageAnimationEffect.close img{animation:PageAnimationImgClose 500ms forwards;}.PageAnimationEffect.open~*{animation:PageAnimationImgClose 1s forwards;}.PageAnimationEffect.close~*{animation:PageAnimationImgOpen 500ms forwards;}@keyframes PageAnimationOpen{0%{left:0;}100%{left:100%;}}@keyframes PageAnimationImgOpen{0%{opacity:1;}100%{opacity:0;}}@keyframes PageAnimationClose{0%{left:100%;}100%{left:0;}}@keyframes PageAnimationImgClose{0%{opacity:0;}100%{opacity:1;}}@media only screen and (max-width:1200px){.twinPanel .leftPanel .middle .img{max-width:100%;max-height:100%;}}@media only screen and (max-width:800px){.twinPanel .leftPanel{display:none;}.twinPanel .rightPanel{flex:1;}.twinPanel .rightPanel .miniheader{display:flex;width:100%;align-items:center;justify-content:center;}.captchaBody{flex-direction:column;}.captchaBody img{max-height:45px;box-sizing:border-box;}.captchaBody vpanel button{height:45px;width:45px;min-width:45px;}.captchaBody vpanel input{height:45px!important;}}@media only screen and (max-width:500px){.twinPanel .rightPanel{min-width:initial;justify-content:flex-start;padding:20px;}.twinPanel .rightPanel .form .header .caption{font-size:20px;}.twinPanel .rightPanel .form .header .description{font-size:12px;}.captchaBody img{max-height:60px;box-sizing:border-box;}}html[darkMode=true] html,html[darkMode=true] body{background:#24262d;}html[darkMode=true] .twinPanel .loginbackimage{background-image:url(/images/system/mola/new-login-back-full-bg.png);}html[darkMode=true] .twinPanel .leftPanel .header .logo{filter:brightness(50);}html[darkMode=true] .twinPanel .rightPanel .miniheader .logo{filter:brightness(50);}html[darkMode=true] .twinPanel .rightPanel{background:#292b30;}html[darkMode=true] .twinPanel .rightPanel .form .header .caption{color:#fff;}html[darkMode=true] .twinPanel .rightPanel .form .header .description{color:#fff;}html[darkMode=true] .twinPanel .rightPanel .form .elementBlok .input{background:#393b43;border-color:#393b43;color:#fff;}html[darkMode=true] .twinPanel .rightPanel .form .elementBlok .caption{color:#fff;}html[darkMode=true] .twinPanel .rightPanel .form .elementBlok .asCheckPanel .asCheck{background:#393b43;border-color:#393b43;}html[darkMode=true] .twinPanel .rightPanel .form .elementBlok .asCheckPanel .asCheck[checked]{border-color:var(--themeColor);}html[darkMode=true] .twinPanel .rightPanel .form .elementBlok .asCheckPanel .asCheck .textPanel .caption{color:#fff;}html[darkMode=true] .twinPanel .rightPanel .form .elementBlok .asCheckPanel .asCheck .textPanel .description{color:#fff;}html[darkMode=true] .twinPanel .rightPanel .form .interBlok .checkbox .rememberMeText{color:#fff;}html[darkMode=true] .twinPanel .rightPanel .form .interBlok .forgotPassword{-moz-filter:brightness(1.5);-webkit-filter:brightness(1.5);filter:brightness(1.5);}html[darkMode=true] .twinPanel .rightPanel .form .memberBlok .newMember2{-moz-filter:brightness(1.5);-webkit-filter:brightness(1.5);filter:brightness(1.5);}html[darkMode=true] .twinPanel .rightPanel .form .SixBlok .inputElement{background:#393b43;border-color:#393b43;color:#fff;}html[darkMode=true] .captchaBody{background-color:initial;}html[darkMode=true] .captchaBody img{background-color:field;}html[darkMode=true] .captchaBody vpanel input{color:initial;}html[darkMode=true] .PageAnimationEffect{background:#24262d;}