@font-face {
  font-family: Apertura Rg;
  src: url(//my.jtglobal.com/fonts/Apertura-Regular.eot);
  src:
    url(//my.jtglobal.com/fonts/Apertura-Regular.eot?#iefix)
      format("embedded-opentype"),
    url(//my.jtglobal.com/fonts/Apertura-Regular.woff2) format("woff2"),
    url(//my.jtglobal.com/fonts/Apertura-Regular.woff) format("woff"),
    url(//my.jtglobal.com/fonts/Apertura-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Apertura Rg;
  src: url(//my.jtglobal.com/fonts/Apertura-Bold.eot);
  src:
    url(//my.jtglobal.com/fonts/Apertura-Bold.eot?#iefix) format("embedded-opentype"),
    url(//my.jtglobal.com/fonts/Apertura-Bold.woff2) format("woff2"),
    url(//my.jtglobal.com/fonts/Apertura-Bold.woff) format("woff"),
    url(//my.jtglobal.com/fonts/Apertura-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  font-family:
    "Apertura Rg",
    Segoe UI,
    SegoeUI,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  overflow-x: hidden;
}
.col-lg-6 {
  max-width: 440px;
}
#background_branding_container {
  background-color: #00975f;
  background-image: linear-gradient(to bottom right, #00324e, #00975f, #39b54a);
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

#jt {
  padding: 1.5rem;
  color: #00324e;
}
#jt #api button {
  background-color: #00975f;
  border-radius: 0.75rem;
  padding: 14px 24px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  height: auto;
}
#jt #api button:hover {
  background-color: #39b54a;
}
#jt #GoogleExchange:hover,
#jt #AppleExchange:hover,
#jt #AppleManagedExchange:hover {
  background-color: #39b54a !important;
}
#jt #api #cancel {
  padding: 0;
  left: 30px;
  width: auto;
  color: #00324e;
  background-color: transparent;
}
#jt #api #cancel:before {
  content: "";
}
#jt #api input,
#jt #api select {
  border-color: #aab7be;
  border-radius: 9999px !important;
  width: 100%;
  font-size: 1em;
  height: 50px;
  margin-bottom: 5px;
  line-height: 1.42857143;
  text-indent: 0;
  padding: 6px 24px;
}
#jt #api select {
  appearance: none;
}
#jt.phonefactor_container .row .panel-default {
  min-width: auto;
}
#jt #api #phoneEntry.phoneEntry .input .number #number,
#jt #api input::placeholder,
#jt #codeVerification #verificationCode {
  text-indent: 0;
}
#jt #api input:autofill {
  background-color: #ffffff;
  box-shadow: inset 0 0 0 1000px #ffffff;
}
#jt #api input[disabled="disabled"],
#jt #api input[disabled],
#jt #api button[aria-disabled="true"],
#jt #api button[aria-label="Change e-mail"],
#jt #api #cancel:before {
  display: none !important;
}
#jt #api div[role="alert"],
#jt #api div.error,
#jt #api #attributeVerification .error {
  text-align: center;
}
#emailVerificationControl_success_message,
#email_info {
  color: #ffffff;
  background-color: #00975f;
  padding: 8px;
}
#jt #api div.error {
  display: none;
}
#jt #api div.error,
#jt #api #emailVerificationControl_error_message {
  color: #ffffff !important;
  font-weight: normal;
  background-color: #e42c1e;
  padding: 8px;
}
#jt #api p {
  text-align: center;
}
#jt #api input[type="checkbox"] {
  width: 16px;
  height: 16px;
  padding: 0;
}
#jt #api .rememberMe {
  margin-top: 6px;
  margin-left: 22px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: start;
  column-gap: 6px;
  width: 100%;
}
#jt #api .rememberMe label {
  margin-bottom: 0;
}
#jt #api a {
  color: #00975f;
}
#jt h1,
#jt h2,
#jt h3,
#jt h4,
#jt h5,
#jt h6 {
  font-weight: bold;
  text-align: center;
  color: #00324e;
}
#jt .panel {
  border-radius: 1.5rem;
  padding: 56px 16px 30px;
}
#jt #api #attributeList ul li {
  margin-top: auto;
  margin-bottom: auto;
}
#jt #api #attributeList ul li input {
  margin-top: 6px;
  margin-bottom: 6px;
}

#simplemodal-data {
  border-radius: 1.5rem !important;
}

/* View Password field */
#forgotPassword {
  z-index: 20;
  text-align: center;
  display: block;
  margin-left: 22px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.passwordContainer {
  position: relative;
}
.viewPasswordIcon.disabled {
  display: none;
}
.viewPasswordIcon {
  width: 20px;
  height: 20px;
  color: #39b54a;
  position: absolute;
  right: 16px;
  margin-top: -40px;
}
.passwordHide,
.passwordShown {
  position: absolute;
  top: 0;
  left: 0;
}
.passwordHide {
  display: none;
}
.viewPasswordIcon.shown .passwordShown {
  display: none;
}
.viewPasswordIcon.shown .passwordHide {
  display: block;
}
.Password {
  position: relative;
}

/* hide display name field */
#jt .displayName_li {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}

@media (max-width: 460px) {
  #jt #api #cancel {
    left: 16px;
  }
}