.text-indigo-lightest {
  color: #eff1fa !important;
}

.background-indigo-lightest {
  background-color: #eff1fa !important;
}

.stroke-indigo-lightest {
  stroke: #eff1fa !important;
}

.fill-indigo-lightest {
  fill: #eff1fa !important;
}

.text-indigo-light {
  color: #4156a1 !important;
}

.background-indigo-light {
  background-color: #4156a1 !important;
}

.stroke-indigo-light {
  stroke: #4156a1 !important;
}

.fill-indigo-light {
  fill: #4156a1 !important;
}

.text-indigo {
  color: #344891 !important;
}

.background-indigo {
  background-color: #344891 !important;
}

.stroke-indigo {
  stroke: #344891 !important;
}

.fill-indigo {
  fill: #344891 !important;
}

.text-indigo-dark {
  color: #192668 !important;
}

.background-indigo-dark {
  background-color: #192668 !important;
}

.stroke-indigo-dark {
  stroke: #192668 !important;
}

.fill-indigo-dark {
  fill: #192668 !important;
}

.text-red-primary {
  color: #cc0000 !important;
}

.background-red-primary {
  background-color: #cc0000 !important;
}

.stroke-red-primary {
  stroke: #cc0000 !important;
}

.fill-red-primary {
  fill: #cc0000 !important;
}

.text-red {
  color: #b40000 !important;
}

.background-red {
  background-color: #b40000 !important;
}

.stroke-red {
  stroke: #b40000 !important;
}

.fill-red {
  fill: #b40000 !important;
}

.text-red-dark {
  color: #7e0000 !important;
}

.background-red-dark {
  background-color: #7e0000 !important;
}

.stroke-red-dark {
  stroke: #7e0000 !important;
}

.fill-red-dark {
  fill: #7e0000 !important;
}

.text-red-secondary {
  color: #a41b02 !important;
}

.background-red-secondary {
  background-color: #a41b02 !important;
}

.stroke-red-secondary {
  stroke: #a41b02 !important;
}

.fill-red-secondary {
  fill: #a41b02 !important;
}

.text-green {
  color: #6f7d1c !important;
}

.background-green {
  background-color: #6f7d1c !important;
}

.stroke-green {
  stroke: #6f7d1c !important;
}

.fill-green {
  fill: #6f7d1c !important;
}

.text-yellow {
  color: #d7a700 !important;
}

.background-yellow {
  background-color: #d7a700 !important;
}

.stroke-yellow {
  stroke: #d7a700 !important;
}

.fill-yellow {
  fill: #d7a700 !important;
}

.text-teal {
  color: #427e92 !important;
}

.background-teal {
  background-color: #427e92 !important;
}

.stroke-teal {
  stroke: #427e92 !important;
}

.fill-teal {
  fill: #427e92 !important;
}

.text-orange {
  color: #d14905 !important;
}

.background-orange {
  background-color: #d14905 !important;
}

.stroke-orange {
  stroke: #d14905 !important;
}

.fill-orange {
  fill: #d14905 !important;
}

.text-white {
  color: #ffffff !important;
}

.background-white {
  background-color: #ffffff !important;
}

.stroke-white {
  stroke: #ffffff !important;
}

.fill-white {
  fill: #ffffff !important;
}

.text-white-almost {
  color: #f6f8f9 !important;
}

.background-white-almost {
  background-color: #f6f8f9 !important;
}

.stroke-white-almost {
  stroke: #f6f8f9 !important;
}

.fill-white-almost {
  fill: #f6f8f9 !important;
}

.text-gray-callout {
  color: #F6F8F9 !important;
}

.background-gray-callout {
  background-color: #F6F8F9 !important;
}

.stroke-gray-callout {
  stroke: #F6F8F9 !important;
}

.fill-gray-callout {
  fill: #F6F8F9 !important;
}

.text-gray-disabled {
  color: #959595 !important;
}

.background-gray-disabled {
  background-color: #959595 !important;
}

.stroke-gray-disabled {
  stroke: #959595 !important;
}

.fill-gray-disabled {
  fill: #959595 !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.text-medium-dark-gray {
  color: #666666 !important;
}

.background-medium-dark-gray {
  background-color: #666666 !important;
}

.stroke-medium-dark-gray {
  stroke: #666666 !important;
}

.fill-medium-dark-gray {
  fill: #666666 !important;
}

button.indigo-lightest {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #eff1fa;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.indigo-lightest:hover {
  background-color: white;
}
button.indigo-lightest:focus, button.indigo-lightest:active {
  background-color: #dce0f4 !important;
}
button.indigo-lightest::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.indigo-light {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #4156a1;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.indigo-light:hover {
  background-color: #4860b3;
}
button.indigo-light:focus, button.indigo-light:active {
  background-color: #3a4c8f !important;
}
button.indigo-light::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.indigo {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #344891;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.indigo:hover {
  background-color: #3b51a4;
}
button.indigo:focus, button.indigo:active {
  background-color: #2d3f7e !important;
}
button.indigo::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.indigo-dark {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #192668;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.indigo-dark:hover {
  background-color: #1e2e7d;
}
button.indigo-dark:focus, button.indigo-dark:active {
  background-color: #141e53 !important;
}
button.indigo-dark::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.red-primary {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #cc0000;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.red-primary:hover {
  background-color: #e60000;
}
button.red-primary:focus, button.red-primary:active {
  background-color: #b30000 !important;
}
button.red-primary::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.red {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #b40000;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.red:hover {
  background-color: #ce0000;
}
button.red:focus, button.red:active {
  background-color: #9b0000 !important;
}
button.red::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.red-dark {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #7e0000;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.red-dark:hover {
  background-color: #980000;
}
button.red-dark:focus, button.red-dark:active {
  background-color: #650000 !important;
}
button.red-dark::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.red-secondary {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #a41b02;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.red-secondary:hover {
  background-color: #bd1f02;
}
button.red-secondary:focus, button.red-secondary:active {
  background-color: #8b1702 !important;
}
button.red-secondary::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.green {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #6f7d1c;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.green:hover {
  background-color: #829221;
}
button.green:focus, button.green:active {
  background-color: #5d6817 !important;
}
button.green::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.yellow {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #d7a700;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.yellow:hover {
  background-color: #f1bb00;
}
button.yellow:focus, button.yellow:active {
  background-color: #be9300 !important;
}
button.yellow::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.teal {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #427e92;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.teal:hover {
  background-color: #4a8da4;
}
button.teal:focus, button.teal:active {
  background-color: #3a6f80 !important;
}
button.teal::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.orange {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #d14905;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.orange:hover {
  background-color: #ea5206;
}
button.orange:focus, button.orange:active {
  background-color: #b84004 !important;
}
button.orange::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.white {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #ffffff;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.white:hover {
  background-color: white;
}
button.white:focus, button.white:active {
  background-color: #f2f2f2 !important;
}
button.white::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.white-almost {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #f6f8f9;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.white-almost:hover {
  background-color: white;
}
button.white-almost:focus, button.white-almost:active {
  background-color: #e7ecef !important;
}
button.white-almost::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.gray-callout {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #F6F8F9;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.gray-callout:hover {
  background-color: white;
}
button.gray-callout:focus, button.gray-callout:active {
  background-color: #e7ecef !important;
}
button.gray-callout::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.gray-disabled {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #959595;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.gray-disabled:hover {
  background-color: #a2a2a2;
}
button.gray-disabled:focus, button.gray-disabled:active {
  background-color: #888888 !important;
}
button.gray-disabled::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.black {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #000000;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.black:hover {
  background-color: #0d0d0d;
}
button.black:focus, button.black:active {
  background-color: black !important;
}
button.black::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

button.medium-dark-gray {
  border-radius: 0;
  padding: 1rem 1.5rem;
  text-align: left;
  background-color: #666666;
  border-style: none;
  position: relative;
  font-family: "Univers", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
button.medium-dark-gray:hover {
  background-color: #737373;
}
button.medium-dark-gray:focus, button.medium-dark-gray:active {
  background-color: #595959 !important;
}
button.medium-dark-gray::after {
  content: " ";
  background-image: url("../img/arrow-right-white.svg");
  fill: currentColor;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
  margin-top: 3px;
  display: inline-block;
  color: #ffffff;
  vertical-align: text-top;
  background-repeat: no-repeat;
}

.btn-secondary {
  font-weight: 700 !important;
}
.btn-secondary:hover {
  background-color: #599baf !important;
  border-color: #599baf !important;
}

.nav-public {
  padding: 20px;
  font-size: 15px;
}
.nav-public .mark img {
  width: 109px;
  height: 23px;
}
.nav-public a {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
}
.nav-public a.active {
  text-decoration: underline;
  -webkit-text-decoration-color: #ffffff;
          text-decoration-color: #ffffff;
}

.dimension {
  height: 170px;
  width: 170px;
  text-align: center;
  border: 5px solid #fff;
  cursor: pointer;
  font-family: UniversCondensed, sans-serif;
  line-height: 1.0666666667rem;
}

.login-layout {
  background: url("../img/login/LoginHero@2x.png") left center no-repeat;
  background-size: 40%;
}
@media (min-width: 993px) {
  .login-layout {
    background-size: 420px;
  }
}
@media (max-width: 768px) {
  .login-layout {
    background: none;
  }
}

.main-login {
  height: 100vh !important;
}
.main-login__content {
  max-width: 500px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .main-login__content {
    height: 100vh;
  }
}
.main-login.main-login-tall {
  height: auto !important;
}
@media (max-width: 767px) {
  .main-login.main-login-tall .main-login__content {
    height: auto;
  }
}
.main-login__content-wide {
  max-width: 900px;
}

.resource_icon {
  width: 30px;
  height: 30px;
  position: relative;
  left: -2px;
}

.scrollable-content {
  overflow-y: scroll;
  max-height: 500px;
  border: 1px solid #e1e6e8;
  padding: 20px;
}

/* registraion form */
#registrationForm .registrationPreferences .form-group {
  margin-bottom: 1rem;
}
#registrationForm fieldset legend {
  font-size: 1.25rem;
}