:root{ --text:#111; --muted:#6b6b6b; --line:#d9d9d9; --field:#fff; --btn:#0b0b0b; --btnText:#fff; --link:#2b6cb0; }

*{ box-sizing:border-box; }
body{ margin:0; min-height:100vh; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }

.globalNew { margin: 15px 0px 15px 0px; font-family: Arial, Verdana; color: #ffffff; background-color: #022D6A; }
.page { z-index: -1; position: absolute; left: 0; top: 0; width: 100%; }
.pageBg { width: 100%; }
.divFloatRight { float: right; }
.h1Login { font-size: 22px; line-height: 20px; padding-left: 20px; }
.h2Login { font-size: 11px; line-height: 18px; font-weight:Bold; padding-left: 20px; }
.h3Login { font-size: 14px; line-height: 21px; padding-left: 20px;}
.configL1Login { padding: 0px 10px 0px 0px; font-size: 12px; color: #FFFFFF; text-align: left; }
.configL2Login { padding-bottom: 6px; }
.helpLogin, .helpLogin a, .helpLogin a:hover { padding: 5px 10px 5px 0px; font-size: 11px; color: #FFFFFF; text-align: left; text-decoration: underline; }
.helpLoginDis a:hover { padding: 5px 10px 5px 0px; font-size: 12px; color: #8e8e8e; text-align: left; text-decoration: none; }
.footerLogin { width: auto; padding-top: 8px; font-size: 12px; color: #ffffff; }  
.titleLinks a:hover { text-decoration: underline; }  

div.mainMenu li.link0 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; text-decoration: none; letter-spacing: 1px; width: 117px; }
div.mainMenu li.link0 a:hover { color: #000000; background: url('administrationH.jpg'); }

.menu2Link0 a:hover { display: block; text-align: center; font-size: 12px; color: #ffffff; font-weight: Bold; letter-spacing: 1px; text-decoration: none; width: 117px; background: url('administrationS.jpg'); }  

.submit1a { cursor:pointer; padding-bottom: 1px; font-size: 11px; color: #000000; letter-spacing: 1pt; font-weight: bold; border: 1px none #FFFFFF; background-color:#FFFFFF; cursor:pointer; letter-spacing:0.02cm; border-top-color:#FFFFFF; border-right-color:#FFFFFF; border-bottom-color:#FFFFFF; border-left-color:#FFFFFF }
.submit1 { background-image: url('submitBg1.gif'); width: 80px; height: 22px; } .submit1:hover { background-image: url('submitBg10.gif'); } .submit1Dis {width: 80px; height: 22px; color: #8e8e8e; background-image: url('submitBg1Dis.gif'); } 
.submit2 { background-image: url('submitBg2.gif'); width: 110px; height: 22px; } .submit2:hover { background-image: url('submitBg20.gif'); } .submit2Dis {width: 110px; height: 22px; color: #8e8e8e; background-image: url('submitBg2Dis.gif'); } 
.submit3 { background-image: url('submitBg3.gif'); width: 140px; height: 22px; } .submit3:hover { background-image: url('submitBg30.gif'); } .submit3Dis {width: 140px; height: 22px; color: #8e8e8e; background-image: url('submitBg3Dis.gif'); }
.submit4 { background-image: url('submitBg4.gif'); width: 170px; height: 22px; } .submit4:hover { background-image: url('submitBg40.gif'); } .submit4Dis {width: 170px; height: 22px; color: #8e8e8e; background-image: url('submitBg4Dis.gif'); } 
.submit5 { background-image: url('submitBg5.gif'); width: 200px; height: 22px; } .submit5:hover { background-image: url('submitBg50.gif'); } .submit5Dis {width: 200px; height: 22px; color: #8e8e8e; background-image: url('submitBg5Dis.gif'); } 

.havpTxt1 a, .havpH1 a { text-decoration: underline; padding: 5px; }
.havpTxt1 a:hover, .havpH1 a:hover { text-decoration: none; }
.havpH1 { font-weight: bold; }
.havpError { font-weight: bold; font-size: 16px; color: #E9102A; }  

.gsL1 a:hover { text-decoration: underline; }  

.infoBr { background: url("images/br.gif") no-repeat scroll 100% 100% #ABB6C1; }
.infoArrow { padding: 5px 0 3px; }
.infoBl { background: url("images/bl.gif") no-repeat scroll 0 100% transparent; }
.infoTr { background: url("images/tr.gif") no-repeat scroll 100% 0 transparent; }
.infoTl { background: url("images/tl.gif") no-repeat scroll 0 0 transparent; }

.infoText1 { color: #E9102A; font-size: 11px; font-weight: bold; padding: 5px; }

/* Toggle visibility icon */
.eye-toggle {
  /* does not exist - uses UTF-8 emoji - background: url('images/eye-icon.png') no-repeat center center;*/
  background-size: 16px 16px;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  width: 22px;
  vertical-align: middle;
  margin-left: 6px;
}

/* Hover styling for eye icon */
.eye-toggle:hover {
  filter: brightness(1.2);
}

/* Adjusted verify button */
.button-verify {
  padding: 5px 20px;
  font-size: 13px;
  height: 24px;
  background-color: #0073e6;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.button-verify:hover {
  background-color: #005bb5;
}

.submit6 {
  background-image: url('submitBg6.gif');
  height: 26px;
  min-width: 240px;
  padding: 0 20px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  border: none;
  color: #000000;
  cursor: pointer;
}
.submit6:hover {
  background-image: url('submitBg60.gif');
}
.submit6Dis {
  background-image: url('submitBg6Dis.gif');
  height: 26px;
  min-width: 240px;
  padding: 0 20px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #8e8e8e;
  cursor: default;
}

.field{ margin-bottom:18px; }

.gx { padding: 0px 10px 0px 0px; font-size: 12px; color: black; text-align: left; font-family: Roboto, Segoe UI, Arial, Verdana; }
.gx label{ text-align: left; display:block; font-size:17px; font-weight:200; margin:0 0 8px 0; }

.inputWrap{ position:relative; }

.gx input{ width:100%; height:44px; border:1px solid var(--line); border-radius:4px; padding:10px 12px; font-size:15px; background:var(--field); outline:none;	  }
.gx input:focus{ border-color:#9aa7b4; box-shadow:0 0 0 3px rgba(43,108,176,.15);  }

.iconBtn{ position:absolute; right:10px; top:50%; transform:translateY(-50%); background:transparent; padding:6px; cursor:pointer; color:#666; border: none; }
.iconBtn:hover{ color:#333; }

.btn{ text-align:left; margin-top:8px; padding-left: 16px; width:100%; height:46px; border:0; border-radius:4px; background:var(--btn); color:var(--btnText); font-weight:700; font-size:15px; cursor:pointer; }
.btn:hover{ filter:brightness(1.05); }

.help{ margin-top:14px;text-align:left; }
.help a{ color:var(--link); text-decoration:underline; font-size:14px;}