/* Utility Classes and Helper Styles */

/* Animations */
.animated-text {
  opacity: 0;
}

.animated-text span {
  opacity: 0;
}

/* Positioning */
._sticky {
  position: sticky;
  top: 100px;
}

/* Font Weights */
.bold {
  font-weight: 700;
}

/* SEATCA Web */
@media screen and (min-width: 1200px) {
  .seatca-web {
    padding-right: 3.125rem;
  }
}

/* Background Colors */
.yellow {
  background-color: #fffb02;
}

.gold {
  background-color: #ffd639;
}

.light-green {
  background-color: #cfda41;
}

.lime-green {
  background-color: #9fce46;
}

.mud-green {
  background-color: #c1ffbc;
}

.medium-spring-green {
  background-color: #129e00;
}

.dark-turquoise {
  background-color: #3cb4e5;
}

.pink-purple {
  background-color: #ff477b;
}

.blue-violet {
  background-color: #8942a2;
}

.orange-red {
  background-color: #ac2423;
}

.dark-red {
  background-color: #791714;
}

.red {
  background-color: #e90101;
}

.gray {
  background-color: #9a9a9a;
}

.dark-observatory {
  background-color: #0f2e93;
}

.light-monitoring {
  background-color: #00b9f2;
}

.local-t1 {
  background-color: #c6effc;
  border: 1px solid #ffffff;
}

.local-t2 {
  background-color: #8ce1f9;
  border: 1px solid #ffffff;
}

.local-t3 {
  background-color: #00b9f2;
  border: 1px solid #ffffff;
}

.local-t4 {
  background-color: #1e78c2;
  border: 1px solid #ffffff;
}

.local-t5 {
  background-color: #186aae;
  border: 1px solid #ffffff;
}

.local-t6 {
  background-color: #103193;
  border: 1px solid #ffffff;
}

.local-t7 {
  background-color: #151c53;
  border: 1px solid #ffffff;
}

.foreign {
  background-color: #0d154e;
  border: 1px solid transparent;
}

/* Text Colors */
.tx-yellow {
  color: #ffd63b;
}

.tx-gold {
  color: #ffd639;
}

.tx-light-green {
  color: #cfda41;
}

.tx-lime-green {
  color: #9fce46;
}

.tx-mud-green {
  color: #c1ffbc;
}

.tx-medium-spring-green {
  color: #5dc89e;
}

.tx-dark-turquoise {
  color: #3cb4e5;
}

.tx-pink-purple {
  color: #ff477b;
}

.tx-blue-violet {
  color: #8942a2;
}

.tx-orange-red {
  color: #ac2423;
}

.tx-dark-red {
  color: #791714;
}