:root{--theme-header-color:#122d4e;--theme-footer-color:#122d4e;--login-header-color:#f0c400;--login-btn-hover-color:#ffd633;--login-btn-outline-color:#8a6f00;--login-btn-active-color:#80ffff;--white-color:#FFF;--black-color:#000;--maroon-color:#bf0060;--maroon-color-alt:#ffeaf4;--lightgray-color:#f3f3f3;--darkgray-color:#b0b0b0;--error-color:#ea223c;--caption-color:#323232}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{height:100vh;display:flex;flex-direction:column}.color-maroon{color:var(--maroon-color)!important}.color-caption{color:var(--caption-color)!important}.background-white{background:var(--white-color)!important}.hide-object{display:none!important}.text-align-center{text-align:center!important}.text-align-left{text-align:left!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}a.text-decoration-none{text-decoration:none!important}a.text-decoration-none:focus,a.text-decoration-none:active,a.text-decoration-none:focus-visible{outline:none;box-shadow:none}.font-size-14px{font-size:14px!important}.font-weight-600{font-weight:600!important}.flex-grow-one{flex-grow:1!important}.padding-all-10px{padding:10px}header{background:var(--theme-header-color);color:var(--white-color);padding:15px 20px;display:flex;justify-content:flex-start;align-items:center}.logo{width:200px;flex-grow:0;font-size:22px;cursor:pointer;text-align:center}.logo img{width:100%;height:auto}main{flex:1;padding:30px 10px 30px 10px;display:flex;justify-content:center;align-items:flex-start;background:#f5f5f5}.subtitle{font-size:15px;font-weight:600;text-align:left}.input-otp-container{display:flex;flex-direction:row;gap:7px;justify-content:center}.input-otp-container input{width:42px;height:42px;text-align:center;font-size:22px;border:2px solid #ccc;border-radius:8px;outline:none;transition:border-color 0.3s ease}.input-otp-container input:focus{border-color:#007bff;box-shadow:0 0 5px rgb(0 123 255 / .5)}.form-background{background-image:url(/share/img/bg/bg-polished-stone-gray.jpg)!important}.form-container{max-width:300px;width:100%;height:100%}.form-container ul{width:100%;height:100%;list-style:none;display:flex;flex-direction:column;gap:5px}.form-container li{width:100%;margin:0;padding:0;flex-grow:0}.form-input{width:100%;background:var(--theme-header-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 10px rgb(0 0 0 / .2)}.form-header{background:var(--login-header-color);padding:10px 8px;text-align:center;font-size:16px;font-weight:700}.form-box{padding:15px;display:flex;flex-direction:column;gap:10px}.form-title{color:#FFF;font-size:15px}.form-box input{padding:5px 5px 3px 5px;border:none;background:var(--white-color);font-size:13px}.form-processing img{max-width:120px;height:auto;padding:10px}.form-error-container-width{max-width:500px!important}.form-error-image img{width:100%;height:auto;padding:5px}.form-error-btn a{text-decoration:none}.captcha-row{display:flex;gap:6px}.captcha-img{width:100%;flex:1;background-image:url(/share/img/bg/bg-captcha-code.jpg)!important;color:var(--black-color)!important;text-align:center;padding:4px 5px 1px 5px!important;letter-spacing:4px!important;font-size:16px!important;font-weight:900;font-family:Serif,Modern;outline:none}.captcha-input{width:100%;flex:1;text-align:center;padding:4px 5px 1px 5px!important;letter-spacing:2px!important}.action-row{display:flex;justify-content:space-between;align-items:center;margin:5px 0 5px 0}.icon-group{display:flex;gap:6px}.icon-btn{width:30px;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;background:var(--login-header-color)}.icon-btn a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none}.icon-btn:not(.icon-active):hover{background:var(--login-btn-hover-color);outline:2px solid var(--login-btn-outline-color)}.icon-active{background:var(--login-btn-active-color)}.login-btn{background:var(--login-header-color);border:none;height:30px;padding:0 25px 0 25px;border-radius:5px;font-weight:700;cursor:pointer}.login-btn:hover{background:var(--login-btn-hover-color);outline:2px solid var(--login-btn-outline-color)}.form-footer{display:flex;justify-content:space-between;align-items:center;margin:0 5px 0 5px}.remember{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1;color:#000;cursor:pointer;padding-top:5px}.remember input{margin:0;width:13px;height:13px}.remember span{font-size:13px;color:var(--caption-color)}.forgot{font-size:13px;line-height:1;text-decoration:none;color:#000;font-weight:700}.forgot span{color:var(--caption-color)}.forgot:hover{text-decoration:none}.forgot:active{text-decoration:none}.forgot:link{text-decoration:none}.form-message{width:100%;text-align:center;margin-left:auto;margin-right:auto;padding:0 5px 0 5px;color:var(--error-color)}.form-message .icon img{height:14px}.form-message .message{font-size:14px}footer{background:var(--theme-footer-color);color:var(--white-color);padding:12px 18px;display:flex;justify-content:flex-start;align-items:center}.flex-box-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}.copyright{width:100%;font-size:14px;text-align:center}.inner{text-align:center;margin-left:auto;margin-right:auto}.noTextSelect{cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toastr-container{padding:10px 15% 10px 15%!important}#divToastr{visibility:hidden;background-color:#fff;color:#333;text-align:center;border-radius:10px;font-size:15px;box-shadow:0 1px 1px 1px rgb(0 0 0 / .1)}#divToastr .flex-box{width:100%;min-height:20px;padding:7px 10px 7px 10px}#divToastr.show{visibility:visible;-webkit-animation:fadein 0.5s,fadeout 0.5s 2.5s;animation:fadein 0.5s,fadeout 0.5s 2.5s}#divToastr .icon{flex-glow:0}#divToastr .icon img{height:15px}#divToastr .message{font-size:13px;flex-glow:1;color:var(--title-color);text-align:center}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--toastr-position);opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--toastr-position);opacity:1}}@-webkit-keyframes fadeout{from{bottom:var(--toastr-position);opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:var(--toastr-position);opacity:1}to{bottom:0;opacity:0}}@media screen and (max-width:780px){header{justify-content:center}.input-otp-container input{width:40px;height:40px;font-size:20px}.form-error-container-width{max-width:320px!important}}