html {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.0;
  color: #3F3D42;
}

fieldset {
  padding: 1rem 0;
  border: none;
}

.fw-black { font-weight: 900; }
.b      { font-weight: 700; }
.light  { font-weight: 300; }


.f1, .f-h1 { font-size: 2rem; }
.f2, .f-h2 { font-size: 1.5rem; }
.f3, .f-h3 { font-size: 1.25rem; }
.f4, .f-body-large, .f-button-large { font-size: 1.125rem; }
.f5, .f-h4, .f-body, .f-button { font-size: 1rem; }
.f6, .f-h5, .f-body-small, .f-button-small { font-size: .875rem; }
.f7, .f-label { font-size: .8125rem; }
.f8, .f-body-tiny { font-size: .75rem; } /* Small and hard to read for many people so use with extreme caution */
.f9, .f-label-small { font-size: .6875rem; } /* Small and hard to read for many people so use with extreme caution */

.lh1, .lh-h1, .lh-body-large { line-height: 1.2rem; }
.lh2, .lh-h2 { line-height: 1.25rem; }
.lh3, .lh-h5 { line-height: 1.29rem; }
.lh4, .lh-jumbo, .lh-h3, .lh-body-tiny { line-height: 1.33rem; }
.lh5, .lh-body-small { line-height: 1.43rem; }
.lh6, .lh-h4, .lh-body { line-height: 1.5rem; }
.lh7, .lh-label { line-height: 1.85rem; }
.lh8, .lh-label-small { line-height: 2.18rem; }

/* Height Scale */

.h1 { height: 1rem; }
.h2 { height: 1.5rem; }
.h3, .h-input-small, .h-button-small, .h-drop-small { height: 2rem; }
.h4, .h-input, .h-button, .h-drop { height: 2.5rem; }
.h5, .h-button-large { height: 3rem; }
.h6 { height: 3.5rem; }
.h7 { height: 4rem; }
.h8 { height: 4.5rem; }
.h9 { height: 5rem; }

.idha-title {
  font-size: 21px;
  line-height: 24px;
}

.idha-body-wrapper {
  position: relative;
}

.idha-login-dialog {
  padding: 3rem;
}


.idha-label-input {
  width: 100%;
  display: block;
  padding: 0.5rem 0;
}

.idha-label-input label {
  display: block;
  color: #3F3D42;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .6875rem;
  line-height: 2.18rem;
}

.idha-label-input input {
  border-radius: 4px;
  border: solid 1px #c2c3c6;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.5rem;
  width: 100%;
}


.idha-label-input .icon {
  cursor: pointer;
  right: .85rem;
  top: .75rem;
}

/* Variant without layout */
.idha-label-style {
  padding: 0.5rem 0;
}

.idha-label-style label {
  display: block;
  color: #3F3D42;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .6875rem;
  line-height: 2.18rem;
}

.idha-label-style input {
  border-radius: 4px;
  border: solid 1px #c2c3c6;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.5rem;
}

.idha-link {
  font-weight: 700;
  line-height: 1.25rem;
  font-size: .875rem;

  background: #FFFFFF;
  mix-blend-mode: multiply;
  box-shadow: 0px 2px 0px #CED9EE;
}

.idha-link a {
  text-decoration: none;
}

h1 {
  color: #1D1B22;
}

input[readonly] {
  background-color: rgba(87, 85, 92, 0.08);
}

.idha-button, .idha-button-primary {
  background-color: rgb(44, 80, 148);
  color: white;
  font-size: 1rem;
  font-weight: 700;
  font-family: lato, sans-serif;
  height: 2.5rem;
  line-height: 1rem;
  border: 2px transparent;
  border-radius: 0.25rem;
  padding: 0 1.5rem;
}

.idha-button:hover, .idha-button:focus {
  background-color: rgb(61, 94, 157);
  transition: color .15s ease-in;
  box-shadow: 0 0 0 4px rgb(150, 178, 231, 0.4);
}

.idha-button:disabled {
  color: color(white alpha(56%));
  background-color: color(#2C5094 alpha(56%) saturation(16%));
}

.idha-bg-road {
  background-image: url(../img/bg-login.webp);
  background-color: #f0f0f0;
  mix-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.idha-login-dialog {
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.04), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0287542), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0238443), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.02), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0161557), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0112458);
  border-radius: 4px;
}

.ia-primary { color: #2C5094; }
.ia-bg-primary { background-color: #2C5094; }


.fg-primary { color: #2C5094; }
.bg-primary { background-color: #2C5094; }

.fg-white { color: #ffffff; }
.bg-white { background-color: #ffffff; }
.fg-black { color: #1D1B22; }
.bg-black { background-color: #1d1b22; }
.bg-near-black { background-color: #3f3d42; }


@media screen and (min-width: 90em) {
  .ia-mb1-xl { margin-bottom: .25rem; }
  .ia-mb2-xl { margin-bottom: .5rem; }
  .ia-mb3-xl { margin-bottom: 1rem; }
  .ia-mb4-xl { margin-bottom: 2rem; }
  .ia-mb5-xl { margin-bottom: 4rem; }
  .ia-mb6-xl { margin-bottom: 8rem; }
  .ia-mb7-xl { margin-bottom: 16rem; }
}


/* Hide empty iframe in logout */
.logged-out iframe {
  display: none;
  width: 0;
  height: 0;
}