@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url(../../../css/jquery.fancybox.css);
/* 07-08-2025 */
:root {
  --body-txt-color: #000000;
  --primary-brand-color: #0054A3;
  --primary-link-color: #0054A3;
  --secondary-brand-color: #868686;
  --btn-primary-bgnd-color: #0054A3;
  --btn-primary-txt-color: #FFFFFF;
  --btn-primary-bgnd-color-hover: var(--btn-primary-bgnd-color);
  --btn-primary-txt-color-hover: #FFFFFF;
  --btn-secondary-bgnd-color: #E7E7E7;
  --btn-secondary-txt-color: #000000;
  --btn-secondary-brdr-color: #CCCCCC;
  --neutral-bgnd-color: #f4f4f4;
  --error-color: #AD0000;
  --table-border-color: #E0E0E0;
  --rule-line-color: #D6D6D6;
  --input-border-color: #919191;
  --focus-outline-color: var(--body-txt-color);
  --button-input-radius: 6px;
}
html {
  /* height: 100%; */
}
body {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
  background: #FFF;
  box-sizing: border-box;
  color: var(--body-txt-color);
}
body#s-template {
  /* display: flex; */
  width: 100%;
  /* height: 100%; */
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
}
body * {
  box-sizing: border-box;
}
.screenItem {
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  position: absolute;
  top: -1px;
  left: -1px;
}
.langCtr, #changeSelectedLocale {
  display: none;
}
form {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
#s-template form#login {
  padding: 0;
  width: 100%;
  height: 100%;
}
#s-template .container {
  display: grid;
  width: 100%;
  height: 100%;
  align-items: center;
  padding: 1rem;
}
#s-template .brdr {
  background: #FFF;
  padding: 1.125rem;
  border-radius: var(--button-input-radius);
  border: 1px solid #e4e4e4;
}
form#changeSelectedLocale {
  padding: 0;
}
a {
  color: var(--primary-link-color);
  text-decoration: none;
}
a:hover, a:focus, a:focus-visible {
  text-decoration: underline;
  color: var(--body-txt-color);
  outline: none;
}
p {
  margin-top: 0;
  margin-bottom: .313rem;
}
div {
  position: relative;
}
.container {
  max-width: 31.25rem;
  margin: 0 auto;
}
.container {
  max-width: 31.25rem;
  margin: 0 auto;
}
h1 {
  font-size: 1.25rem;
  font-weight: 700;
}
[name="forgotUserID"] h1 {
  margin-bottom: 3.125rem;
}
.loginPage .loginBox h1 {
  position: absolute;
  top: -9999em;
}
.siteLogo {
  max-width: 16.25rem;
  margin: 0 auto;
}
.siteLogo img {
  display: block;
  width: 100%;
}
label {
  display: block;
  position: absolute;
  bottom: 2.75rem;
  left: 0.625rem;
  color: #555;
  /* transition: all .3s ease-in-out; */
  /* font-size: .9rem; */
  z-index: 1;
}
#s-template label {
  position: static;
  padding: .5rem;
}
.langCtr {
  margin-bottom: 1.25rem;
}
.langCtr label {
  position: static;
  margin-bottom: 0.625rem;
}
.langSubmit {
  border: 1px solid #666;
  background: #f7f7f7;
  padding: 0 0.625rem;
  line-height: 1.75rem;
  margin-left: 0.625rem;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: .875rem;
  text-transform: uppercase;
  position: relative;
  top: -1px;
  display: inline-block;
}
.langSubmit:focus {
  outline: 2px solid #00659C;
}
button::-moz-focus-inner, select::-moz-focus-inner {
  border: none;
}
label.moveUp {
  bottom: 3rem;
  color: #000;
}
.expEntry label {
  position: static;
  margin-bottom: .313rem;
  transition: none;
}
.expEntry {
  padding-top: 1.25rem;
  margin: 0 .625rem 2.5rem 0.625rem;
}
.expEntry > div {
  float: left;
  margin-right: 1.875rem;
  text-align: center;
}
.expEntry::after {
  display: block;
  content: '';
  clear: both;
}
select {
  border: 1px solid #CCCCCC;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 1.875rem;
  width: 5.625rem;
  line-height: 1rem;
  font-size: 1rem;
  padding-left: 0.625rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFF url(../images/select_arrow.gif) no-repeat right center / auto 0.625rem;
  padding-right: 1.75rem;
}
select::-ms-expand {
  display: none;
}
#langSelect {
  width: 100%;
  max-width: 15rem;
  /*vertical-align: middle;*/
  margin-bottom: 0.625rem;
}
.noUser {
  font-size: .9rem;
  margin-bottom: 1.25rem;
}
#s-template .noUser {
  margin-top: 1.25rem;
}
.smaller {
  /* font-size: 80%; */
}
input[type="button"] {
  cursor: pointer;
}
.goBtn, input.standardBtn[name="Register"] {
  background: var(--btn-primary-bgnd-color);
  border: 1px solid var(--btn-primary-bgnd-color);
  color: #FFF;
  padding: 0 1rem;
  font-size: 1.2rem;
  line-height: 3rem;
  font-family: inherit;
  display: block;
  width: 100%;
  border-radius: var(--button-input-radius);
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"] {
  display: block;
  width: 100%;
  padding: 0.625rem;
  font-family: 'Montserrat', Arial;
  font-weight: 400;
  font-size: 1rem;
  margin-top: 1.563rem;
  background-color: #FFF;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #CCC;
  border-left: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  /* transition: background .3s ease-in-out; */
  height: 2.75rem;
}
#s-template input[type="text"], #s-template input[type="password"], #s-template input[type="number"], #s-template input[type="email"] {
  margin-top: 0;
  border: 1px solid var(--input-border-color);
  border-radius: var(--button-input-radius);
}
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: var(--button-input-radius);
  cursor: pointer;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus {
  background: #f7f7f7;
}
input[type="submit"]:focus-visible {
  outline: 2px dashed #282828;
  outline-offset: 1px;
}
input.standardBtn {
  background: #f7f7f7;
  border: 1px solid #CCC;
  color: #555;
  padding: 0;
  font-size: 1.2rem;
  line-height: 3rem;
  font-family: inherit;
  display: block;
  width: 12.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#intelispendMsg {
  max-width: 500px;
}
.fancybox-inner .goBtn {
  width: 12.5rem;
}
.ftrButtons {
  text-align: center;
  border-top: 1px solid #CCC;
  padding: 1.25rem 0 0 0;
  margin: 1.875rem 0 0 0;
}
.ftrButtons, .ftrButtons li {
  list-style: none;
}
.ftrButtons li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
label.error {
  color: var(--error-color);
  bottom: .5rem !important;
  z-index: 1;
}
.regAcct label.error {
  position: absolute;
  bottom: auto !important;
  font-size: .875rem;
  margin-top: .313rem;
}
#reg-form .regAcct label.error {
  margin-top: .313rem;
  position: static;
}
input.error {
  background: #FCFFD2 !important;
}
#error {
  margin-bottom: 1.25rem;
  color: var(--error-color);
}
.authenticate, .regAcct {
  margin-bottom: 2.5rem;
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: none;
  border-left: 1px solid #CCC;
}
#s-template .authenticate, #s-template .regAcct {
  margin-bottom: 1rem;
  border: none;
  display: flex;
  flex-flow: column;
  gap: .5rem;
}
.loginSubmit {
  margin-bottom: 1.875rem;
}
#s-template .loginSubmit {
  margin-bottom: 1rem;
}
.helpText {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.ftr {
  padding-top: 1.25rem;
  border-top: 1px solid #CCC;
  font-size: .8rem;
  margin-top: 1.25rem;
  padding-bottom: 1.875rem;
}
.isLoginBtns {
  margin-bottom: 1.875rem;
}
.cell {
  position: relative;
  overflow: hidden;
}
#registerPanel {
  transition: opacity .4s ease-in-out;
}
#regWindow {
  /*position: absolute;*/
  left: 31.375rem;
  top: 0;
  max-width: 31rem;
  width: 100%;
  border: none;
  height: 19.375rem;
  /*transition: all .4s ease-in-out;*/
  margin-top: 1.25rem;
}
.opened #registerPanel {
  opacity: 0;
}
.opened #regWindow {
  left: 0;
}
.isLoginBtns span {
  display: block;
  color: #000;
  width: 1.875rem;
  text-align: center;
  float: left;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  line-height: 3.125rem;
  font-size: 1.25rem;
}
.isLoginBtns input {
  float: left;
}
.isLoginBtns input[name="LOGIN"] {
  background: #00659C;
  border-color: #00659C;
  color: #FFF;
}
.clearBoth {
  clear: both;
}
#reg-form {
  display: none;
}
input[type="text"]:focus-visible, input[type="password"]:focus-visible {
  outline: 2px dashed #282828;
  outline-offset: -1px;
}
button:focus-visible {
  outline: 2px dashed #282828;
  outline-offset: 1px;
}
.reg-now-btn, #reg-now-btn, #back-login-btn {
  appearance: none;
  background: #FFF;
  border: 1px solid var(--input-border-color);
  line-height: 1;
  display: inline-flex;
  height: 2rem;
  align-items: center;
  padding: 0 .5rem;
  border-radius: var(--button-input-radius);
  /* margin-bottom: 1rem; */
  font-size: .875rem;
  font-family: inherit;
  color: inherit;
  cursor: pointer;
}
#back-login-btn {
  margin-bottom: 1rem;
  gap: .125rem;
}
#back-login-btn .svg-icon {
  width: 1rem;
  height: 1rem;
}
.reg-form #reg-form {
  display: block;
}
.reg-form .login-wrapper {
  display: none;
}
p.reg-intro {
  margin-bottom: 1rem;
}
.formShadow {
  display: none;
}
form#registerAccount {
  padding: 0;
}
#registerAccount .ftrButtons {
  border: none;
}
h2 {
  font-size: .875rem;
}
.helpIcon {
  height: 1.5rem;
  width: 1.5rem;
  background: #FFF;
  cursor: pointer;
  border: none;
  border-radius: 100%;
  color: inherit;
  appearance: none;
  padding: 0;
  margin: 0;
}
.helpIcon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.helpIcon:focus {
  outline: 1px dashed var(--body-txt-color);
}
#toolTipText {
  width: 0;
  height: 0;
  display: none;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  position: absolute;
  opacity: 0;
  transition: opacity .3s ease-in-out .2s;
}
#toolTipText p {
  font-size: .75rem;
  margin: 0;
  padding-bottom: 10px;
}
#toolTipText strong {
  font-size: .875rem;
}
#toolTipText.tt-open {
  display: block;
  border: 1px solid var(--error-color);
  background: #F7F7F7;
  width: 100%;
  height: auto;
  clip: auto;
  top: 5rem;
  right: 0;
  padding: .5rem;
  opacity: 1;
  z-index: 1;
  font-size: .875rem;
  border-radius: var(--button-input-radius);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}
.pass-hint {
  position: relative;
  display: flex;
  align-items: center;
}
input.standardBtn[name="Register"] {
  margin-top: 1rem;
}
#registerAccount > div.wideLeft > p > strong {
  color: var(--error-color);
  font-weight: 400;
}
input#Password, input#PassWord, input#ConfirmPassword {
  padding-right: 3rem;
}
span.textField {
  position: relative;
}
#s-template span.textField {
  display: block;
}
@media only screen and (max-width : 556px) {
  .siteLogo {
    max-width: 190px;
    margin: 1rem auto;
  }
  input[type="text"], input[type="password"], input[type="number"], input[type="email"] {
    margin-top: 1.25rem;
  }
  label {
    font-size: .8rem;
  }
  label.moveUp {
    bottom: 2.75rem;
  }
  label.error {
    bottom: .75rem !important;
  }
  #error {
    margin-bottom: 0.625rem;
    font-size: .8rem;
  }
  .authenticate {
    margin-bottom: 1.563rem;
  }
  .regAcct {
    margin-bottom: 3rem;
  }
  .ftr {
    font-size: .7rem;
    margin-top: 0.625rem;
  }
}
@media only screen and (max-width : 485px) {
  .langSubmit {
    display: block;
    max-width: 9.375rem;
    width: 100%;
    margin-left: 0;
  }
  body#s-template {
    background: #FFF;
  }
  #s-template .brdr {
    padding: 0;
    border: none;
  }
}
@media only screen and (max-width : 394px) {
  .goBtn {
    font-size: 1rem;
  }
}
.uPassword {}
button.pass-toggle {
  appearance: none;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0.625rem;
  margin: 0;
  background: transparent;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3rem;
  outline-offset: -4px;
}
button.pass-toggle svg {
  width: 1.5rem;
}
button.pass-toggle svg.eye-closed {
  display: none;
}
button.pass-toggle.pass-show svg.eye-closed {
  display: block;
}
button.pass-toggle.pass-show svg.eye-open {
  display: none;
}