@import url("https://use.typekit.net/acx4pbq.css");

body, body * {
  font-family: "museo-sans", sans-serif;
  font-style: normal;
}

html:not(.popup) > body:not(.ef-user-signed-in) #main-content {
  display: none;
}

html.popup > body #login-screen {
  display: none;
}

#login-screen {
  width: 100%;
  height: 100vh;
  background-color: #071641;
  background-image: url('/avatar/id/701');
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}

#login-screen .login-block {
  background-color: #fff;
  height: auto;
  max-width: 994px;
  width: 90%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  padding-bottom: 34px;
  border-radius: 4px;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.5);
  color: #071641;
}

#login-screen .login-block h1 {
  font-family: "museo-sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 37px;
  color: #018291;
}

#login-screen .login-block p {
  font-family: "museo-sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

#login-screen .login-block a,
#login-screen .login-block a:link,
#login-screen .login-block a:visited,
#login-screen .login-block a:hover {
  font-weight: 700;
  text-decoration: underline;
  color: #071641;
}

#login-screen .login-block a.button-link {
  text-decoration: none;
}

#login-screen .login-block__back-button {
  display: none;
  margin-top: 20px;
  margin-bottom: -10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}

#login-screen .login-block__back-button span {
  cursor: pointer;
}

#login-screen .login-block__back-button img {
  max-width: 15px;
  margin-right: 12px;
  margin-top: -4px;
}

#login-screen.show-back-button .login-block__back-button {
  display: block;
}

#login-screen .login-block__logo .left {
  display: inline-block;
}

#login-screen .login-block__logo .left img {
  max-width: 185px;
}

#login-screen .login-block__logo .right {
  display: none;
}

#login-screen .login-block__logo .right img {
  max-width: 58px;
}

#login-screen .login-block__header {
  margin-bottom: 36px;
}

#login-screen .login-block .button-container {
  display: flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-bottom: 46px;
}

#login-screen .login-block .button {
  background-color: #018291;
  border-radius: 4px;
  color: #fff;
  padding: 20px;
  text-align: center;
  display: inline-block;
  max-width: 460px;
  cursor: pointer;
  text-decoration: none;
  min-height: 94px;
}

#login-screen .login-block .button.single {
  display: block;
  max-width: none;
  margin-bottom: 46px;
  border-radius: 0;
  min-height: 0;
}

#login-screen .login-block .button p {
  margin-bottom: 0;
}

#login-screen .login-block .button.single p {
  font-weight: 700;
}

#login-screen .login-block .footer {
  text-align: center;
}

#login-screen .login-block .col-md-12 {
  padding: 0;
}

#login-screen .login-block .ef-form-element {
  max-width: none;
  margin-bottom: 22px;
}

#login-screen .login-block form {
  padding: 0;
}

#login-screen .login-block aside.alert.alert-warning {
  background-color: #EA0058;
  padding: 10px;
  font-size: 14px;
  line-height: 16px;
}

#login-screen .login-block aside.alert.alert-warning:before,
#login-screen .login-block aside.alert.alert-warning button {
  display: none;
}

body:not(.ef-user-signed-in) .breadcrumb-x {
  display: none;
}

#ef-login-index div.ef-block-content form div.row.ef-row > * {
  padding: 0;
}

#login_form {
  color: #2B3C4A;
  margin-bottom: 28px;
}

#login_form .login-bottom {
  margin-top: -15px;
  margin-bottom: 15px;
}

#login_form .col-md-6:first-of-type .login-bottom .checkbox label,
#login_form .col-md-6:first-of-type .login-bottom #forgot-passwd {
  font-family: "museo-sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #000;
}

#login_form .col-md-6:first-of-type .login-bottom #forgot-passwd {
  font-weight: 700;
  text-decoration: underline;
  position: relative;
  top: 3px;
}

#login_form .col-md-6:first-of-type .login-bottom .checkbox input {
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  margin-right: 8px;
}

#contact_form input.btn.btn-primary,
#login_form .col-md-6:first-of-type input.btn.btn-primary,
#initiate_password_form input.btn.btn-primary {
  width: 100%;
  color: white;
  font-size: 16px;
  font-family: "museo-sans", sans-serif;
  font-weight: 700;
  line-height: 22.2px;
  background-color: #018291;
  text-transform: none;
  padding: 9px;
  border-radius: 0;
  border: 0;
}

#login_form p,
#contact_form p {
  font-family: "museo-sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22.2px;
  margin-bottom: 24px;
  color: #2B3C4A;
}

#login_form p a {
  font-weight: 700;
  text-decoration: underline;
}

#login_form label,
#initiate_password_form label,
#contact_form label {
  font-weight: 400;
  color: #071641;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 5px;
}

#login_form input.form-control,
#initiate_password_form input.form-control {
  /*border-radius: 2px;
  border-bottom-right-radius: 0;*/
  height: 42px;
}

#login_form input,
#contact_form input,
#initiate_password_form input,
#contact_form textarea,
#login_form span.input-group-addon {
  border-color: #2B3C4A;
  color: #2B3C4A;
}

#contact_form label {
  text-align: left;
}

#login-screen .login-block #contact_form .ef-form-element {
  margin-bottom: 0;
}

#initiate_password_form .form-group .control-label,
#initiate_password_form .form-group .ef-form-element {
  width: 100%;
  padding: 0;
  text-align: left;
}

#initiate_password_form .form-group {
  margin-bottom: 0;
}

.control-label {
  text-transform: capitalize;
}

@media (min-width: 769px) {
  #login-screen .login-block h1 {
    font-size: 42px;
    line-height: 48px;
  }

  #login-screen .login-block p {
    font-size: 16px;
    line-height: 18px;
  }

  #login-screen .login-block__header p {
    font-size: 18px;
    line-height: 21px;
  }

  #login-screen .login-block .button-container {
    flex-direction: row;
  }

  #login-screen .login-block__logo .left img {
    max-width: 275px;
  }

  #login-screen .login-block__logo .right img {
    max-width: 96px;
  }

  #login_form label,
  #initiate_password_form label {
    font-size: 16px;
    line-height: 19px;
  }

  #login_form .col-md-6:first-of-type .login-bottom .checkbox label,
  #login_form .col-md-6:first-of-type .login-bottom #forgot-passwd {
    font-size: 16px;
    line-height: 18px;
  }

  #login-screen .login-block aside.alert.alert-warning {
    font-size: 16px;
    line-height: 18px;
  }
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
html, body {
  background-color: #FAFAFA;
}
div.breadcrumb-x {
  background-color: #74C0BC;
  border-color: #74C0BC;
}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"] {
  background-color: #2B3C4A;
  border-color: #2B3C4A;
}
div.ef-block, div.dashboard-panel div.panel-body {
  background-color: #FFFFFF;
}
*.btn.btn-primary, *.btn.btn-primary:not(.active), *.btn.btn-primary:hover, *.btn.btn-primary:hover:not(.active), *.btn.btn-primary:focus, *.btn.btn-primary:focus:not(.active) {
  background-color: #4F9DA6;
  border-color: #4F9DA6;
}
.ef-content-area *:not(.fa):not(.vjs-icon-placeholder):not(.vjs-volume-level):not(.vjs-play-progress),
.ef-question-panel *:not(.glyphicon) {
  font-family: "museo-sans", sans-serif !important;
  font-style: normal !important;
  font-size: 16px !important;
}
div#ef-current-test-description * {
  font-size: 16px !important;
}
html.new-ui-html:root{--c-brand-primary:#2b3c4a;--c-brand-primary-darken-5:#263745;--c-brand-primary-darken-7:#243543;--c-brand-primary-darken-10:#213240;--c-brand-primary-darken-15:#1c2d3b;--c-brand-primary-darken-17:#1a2b39;--c-brand-primary-darken-20:#172836;--c-brand-primary-darken-25:#122331;--c-brand-primary-lighten-7:#324351;--c-brand-primary-lighten-40:#536472;}