@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

#respiratory-dashboard-module {
  margin-top: -2em;
}

#respiratory-dashboard-module.loading *,
#respiratory-dashboard-module.error * {
  display: none !important;
}

#respiratory-dashboard-module .error-message {
  display: none;
}

#respiratory-dashboard-module.error .error-message {
  display: block !important;
}

#respiratory-dashboard-module .loader {
  display: none;
  text-align: center;
}

#respiratory-dashboard-module .loader::before {
  display: block !important;
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 25px;
  border-top: 5px solid black;
  border-bottom: 5px solid black;
  margin: auto;
  animation: spin 1s linear infinite;
}

#respiratory-dashboard-module.loading .loader {
  display: block !important;
}

#respiratory-dashboard-module .row {
  margin-left: 0;
  margin-right: 0;
}

#respiratory-dashboard-module .select-parent {
  position: relative;
}

#respiratory-dashboard-module .select-parent::after {
  content: url("data:image/svg+xml,%3Csvg\ viewBox=\'0\ 0\ 500\ 350\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Crect\ x=\'77.258\'\ y=\'379.48\'\ width=\'60\'\ height=\'300\'\ style=\'stroke:\ rgb\(0,\ 0,\ 0\);\ transform-origin:\ 107.258px\ 529.48px;\'\ transform=\'matrix\(0.707107007504,\ -0.707106113434,\ 0.707106113434,\ 0.707107007504,\ 58.82619596951,\ -353.642745939407\)\'/%3E%3Crect\ x=\'77.258\'\ y=\'379.48\'\ width=\'60\'\ height=\'300\'\ style=\'stroke:\ rgb\(0,\ 0,\ 0\);\ transform-origin:\ 107.258px\ 529.48px;\'\ transform=\'matrix\(0.707106113434,\ 0.707107007504,\ -0.707107007504,\ 0.707106113434,\ 229.144162772187,\ -353.916222646923\)\'/%3E%3C/svg%3E");
  position: absolute;
  right: 15px;
  top: 50%;
  width: 1em;
  transform: translate(0, -50%);
}

#respiratory-dashboard-module .h4 {
  font-size: 1.95rem;
  font-weight: 300;
  width: 100%;
  padding-bottom: 0.25em;
  color: var(--colors-blue-vivid-70);
  border-bottom: 1px solid lightgray;
}

#respiratory-dashboard-module .h3 {
  font-size: 1.5em;
  font-weight: 400;
}

#respiratory-dashboard-module a {
  color: var(--colors-blue-vivid-60);
}

#respiratory-dashboard-module .small,
#respiratory-dashboard-module .small a {
  color: gray;
}

#respiratory-dashboard-module .small a {
  color: var(--colors-blue-vivid-60);
}

#respiratory-dashboard-module .icon-arrow {
  height: 1.1em;
  width: 1.1em;
  margin-top: -0.7em;
  margin-bottom: -0.5em;
  margin-left: 0.2em;
}

#respiratory-dashboard-module .icon-arrow.decreasing {
  transform: scale(-1, 1) rotate(180deg);
}

#respiratory-dashboard-module .read-more-link {
  white-space: nowrap;
}

#respiratory-dashboard-module .bind-parent {
  padding: 0.25em 0.18em 0.25em 0.18em;
  font-weight: bold;
}

#respiratory-dashboard-module .bind-parent:first-child {
  padding-left: 0;
}

#respiratory-dashboard-module .bind-parent:last-child {
  padding-right: 0;
}

#respiratory-dashboard-module .data-bind-container {
  padding: 0.75rem 0.25rem;
  width: 100%;
  border-radius: 3px;
  margin-top: 0.25em;
  position: relative;
  min-height: 2.7em;
}

#respiratory-dashboard-module .ed-section .data-bind-container {
  min-height: 71px;
}

#respiratory-dashboard-module [data-bind-value] {
  text-align: center;
  width: 100%;
  line-height: 22px;
}

#respiratory-dashboard-module span[data-bind-value] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#respiratory-dashboard-module div.center-unavailable[data-bind-value] {
  margin-top: 12px;
}

#respiratory-dashboard-module div.ed-trajectory[data-bind-value] {
  font-weight: normal;
  font-size: 16px;
}

#respiratory-dashboard-module .value-minimal {
  background-color: #d7f2ed;
}

#respiratory-dashboard-module .value-low {
  background-color: #b8e5ac;
}

#respiratory-dashboard-module .value-moderate {
  background-color: #fea82f;
}

#respiratory-dashboard-module .value-high {
  background-color: #f45b53;
}

#respiratory-dashboard-module .value-very-high {
  background-color: #a03169;
  color: white;
}

#respiratory-dashboard-module .value-not-available,
#respiratory-dashboard-module .value-data-unavailable,
#respiratory-dashboard-module .value-no-data,
#respiratory-dashboard-module .value-limited-coverage,
#respiratory-dashboard-module .value-limited-data,
#respiratory-dashboard-module .value-insufficient-data,
#respiratory-dashboard-module .value-not-displayed {
  background-color: rgb(235, 235, 235);
}

#respiratory-dashboard-module .value-increasing,
#respiratory-dashboard-module .value-decreasing,
#respiratory-dashboard-module .value-no-change,
#respiratory-dashboard-module .value-sparse {
  border: 1px solid black;
}

#respiratory-dashboard-module .bind-parent,
#respiratory-dashboard-module .bind-parent.col-12 {
  font-size: 1.1rem;
  text-align: center;
}

#respiratory-dashboard-module .bind-parent.col-4 {
  font-size: 1rem;
}

#respiratory-dashboard-module .indent {
  padding-left: 8px;
  border-left: 3px solid #ddd;
}

#respiratory-dashboard-module .another-location-link span::before {
  display: inline-block;
  vertical-align: -22%;
  margin-right: 10px;
  font-family: var(--icons-cdc-fa);
  content: "";
  font-weight: 300;
  font-size: 32px;
}

@media (max-width: 400px) {
  #respiratory-dashboard-module .bind-parent,
  #respiratory-dashboard-module .bind-parent.col-12 {
    font-size: 1rem;
  }

  #respiratory-dashboard-module [data-bind-value] {
    line-height: 16px;
  }

  #respiratory-dashboard-module div.ed-trajectory[data-bind-value] {
    font-size: 14px;
  }

  #respiratory-dashboard-module .bind-parent.col-4 {
    font-size: 0.8rem;
  }

  #respiratory-dashboard-module .ed-section .data-bind-container {
    min-height: 59px;
  }
}