.login-container .login_bg{background:url(/images/login_bg.png) no-repeat 100% 100%;background-size:cover;width:100%;height:100%}.login-container .board_bg{background:url(/images/board.png) no-repeat center bottom;background-size:contain;width:100%;height:100%;margin:auto}.loginForm .welcomeText{margin-top:0;font-weight:700;text-align:left;margin-bottom:30px;border-bottom:1px solid var(--c-link);display:none}.loginForm .welcomeText .welTitle{font-size:calc(1.325rem + .9vw);color:#823303}.loginForm .welcomeText .imageText{font-size:calc(1.325rem + .9vw);color:var(--c-link)}.loginForm{width:75%;max-width:700px}.loginForm a{text-decoration:underline}.login-container{display:flex;justify-content:start;flex-direction:row;min-height:100vh;margin:0;overflow:hidden}.login-container .error-message{color:#d00}.login-container .login-left{width:60vw;display:flex;justify-content:start;flex-direction:column}.login-container #loginForm{flex:0 0 calc(100% - var(--header-height) - var(--footer-height));display:flex}.login-container .loginForm input{width:100%!important;min-width:auto!important;max-width:100%!important}.login-container .input-field{position:relative}.login-container .login-right{width:40vw}.login-container .login-right img{height:100%;width:100%;object-fit:cover}.login-container .login-right .welcomeText{position:absolute;top:15%;left:15%}.login-container .login-right .welcomeText div{margin-top:0}.login-container .login-right span{font-weight:700}.login-container .login-right .imageText{width:300px;font-size:2vw;color:var(--c-link)}.login-container .login-right .welTitle{font-size:2vw;color:#823303}.login-container input{width:100%}.login-container #imageDiv{position:fixed;right:0;top:0;text-align:left;height:100%}.login-form{display:flex;justify-content:center;flex-direction:column;align-items:center;background-color:var(--c-white);border-radius:8px;flex:1;padding-bottom:100px;text-align:center}.login-form a{padding:none}.login-form button{width:100%;padding:10px;color:var(--c-white);border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-bottom:10px}.login-form .password-toggle-btn{position:absolute;text-decoration:none;color:var(--c-primary);width:auto;padding:0}.login-form .password-toggle-btn:hover{background-color:transparent}.login-form .loginBtn.green{background-color:var(--c-iam-btn-bg)}.login-form .loginBtn.green:hover{background-color:#115d4d}.login-form .loginBtn,.login-form .bindEmail{background-color:var(--c-primary)}.login-form .loginBtn:hover,.login-form .bindEmail:hover{background-color:var(--c-link)}.login-form .iamLoginBtn,.login-form .bindiamSmart{background-color:var(--c-iam-btn-bg)}.login-form .iamLoginBtn:hover,.login-form .bindiamSmart:hover{background-color:#115d4d}.login-form button:hover{background-color:#006396;color:var(--c-white)}.login-form h2{margin-bottom:20px;color:var(--c-link)}.form-group{margin-bottom:15px;text-align:left}.form-group label{display:block;margin-bottom:5px;color:#555}.form-group input{width:100%;padding:8px;box-sizing:border-box;border:1px solid var(--c-gray-400);border-radius:4px}.verifyDiv{position:relative;display:inline-block}.verifyDiv #verificationCodeInput{padding:8px 80px 8px 8px;width:450px;box-sizing:border-box}.verifyDiv #resendLink{position:absolute;right:5px;top:50%;transform:translateY(-50%);text-decoration:none;color:var(--c-primary)}.verifyDiv #resendLink.disabled{color:gray;pointer-events:none}@media (max-width:992px){#imageDiv{display:none}.login-container{overflow:scroll;min-height:100vh}.login-container .login-left{width:100vw}.form-group{width:100%}.loginForm .welcomeText{display:block}.loginForm{width:90%;max-width:700px}}#REGNO_Details .minorWorkRow.row.gap-2.flex-wrap .col-auto .col-auto.no-margin input.w-auto{width:5rem!important}#REGNO_Details .minorWorkRow.row.gap-2.flex-wrap button.removeButton{background-color:var(--c-danger)}#REGNO_Details button.addButton{width:20%}.regGenCaptcha .captcha-container,.regGenCaptcha .div_input_captcha{width:100%}.regGenCaptcha .captcha-buttons{float:left;margin-top:.5rem;display:flex;width:50%;max-width:200px;column-gap:10px}#remarkTextarea1{width:100%;min-width:auto}.notice{position:relative}.div_remark{text-align:left;margin-bottom:0;width:100%}.div_remark_header{background-color:#35404b;color:var(--c-white);padding:1rem}.div_remark_header,.div_remark_subHeader{font-weight:700}.div_remark_header .error-message,.div_remark_subHeader .error-message{font-weight:400}.div_remark_content{padding-left:1rem;text-align:left;margin-bottom:.4rem}.div_remark_subHeader.div_remark_content{margin-top:.5rem}.ml-2{padding-left:2rem}.mt-1{margin-top:1rem!important}.regGenCaptcha.genCaptcha .error-message{text-align:left;padding-top:1rem!important}.sp_registerEmail{position:absolute;z-index:10;right:10px;margin-top:.3rem}.sp_registerEmail a{text-decoration:none!important;color:var(--c-link)!important}.sp_registerEmail a:hover{color:var(--c-primary-hover)!important;stroke:var(--c-primary-hover)!important;fill:var(--c-primary-hover)!important;cursor:pointer}#hkidModal .btn-close{width:20px;margin-right:5px}#hkidModal .modal-footer{text-align:center;display:block}#hkidModal .modal-footer .btn{width:40%}#hkidModal .modal-footer .btn{color:var(--c-white)}#hkidModal .hkidErrorMsg{text-align:left}#bindRmwmsSection{position:relative}#hasRmwmsGroup label{font-size:20px}.loginForm #bindRmwmsSection input{width:auto!important;min-width:auto!important;max-width:auto!important}#expiredModal,#autoLogoutModal{display:block;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}#expiredModal .expiredModal_content,#autoLogoutModal .expiredModal_content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;border-radius:8px}#expiredModal .expiredModal_content #closeModalBtn,#autoLogoutModal .expiredModal_content button{background-color:#1976d2;color:var(--c-white);padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.div_PICS_content{height:20rem;overflow-y:scroll;padding:0rem 2rem;overflow-x:hidden}.termsConditions .faq-bar-ol{list-style:none;counter-reset:item}.termsConditions .faq-bar-ol>li{counter-increment:item}.termsConditions .list-alpha-paren{list-style-type:none;padding-left:0}.termsConditions .list-alpha-paren li{list-style-type:none!important;counter-increment:list-counter;padding-left:0}.termsConditions .list-alpha-paren li:before{content:"(" counter(list-counter,lower-alpha) ") ";width:30px;display:inline-block}.termsConditions .list-roman-paren{list-style-type:none;padding-left:0}.termsConditions .list-roman-paren li{list-style-type:none!important;counter-increment:roman-counter;padding-left:0}.termsConditions .list-roman-paren li:before{content:"(" counter(roman-counter,lower-roman) ") ";width:30px;display:inline-block}
