.background-teal {
  background: teal !important;
  color: #fff;
}
.background-red {
  background-color: #d01919 !important;
  color: #fff;
}
.background-green-light {
  background-color: #a7bd0d !important;
  color: #fff;
}
.background-green-light-reverse {
  background-color: #a7bd0d !important;
}
.background-green-dark {
  background-color: green !important;
  color: #fff;
}
.background-green {
  background-color: #21ba45 !important;
  color: #fff;
}
.background-green-reverse {
  background-color: #21ba45 !important;
}
.background-blue {
  background-color: #2185d0 !important;
  color: #fff;
}
.background-blue-light {
  background-color: #00b5ad !important;
  color: #fff;
}
.background-blue-light-reverse {
  background-color: #00b5ad !important;
}
.background-blue-lighter {
  background-color: #6bc0bb !important;
  color: #fff;
}
.background-blue-lighter-reverse {
  background-color: #6bc0bb !important;
}
.background-blue-dark {
  background: #0b52bc !important;
  color: #fff;
}
.background-blue-dark-reverse {
  background: #5a90e2 !important;
}
.background-purple {
  background: #5f4bb6 !important;
  color: #fff;
}
.background-purple-light-reverse {
  background: #8073b6 !important;
}
.background-orange {
  background: #ffa500 !important;
  color: #fff;
}
.background-orange-light {
  background: #a5673f !important;
  color: #fff;
}
.background-gray-reverse {
  background: #dcddde !important;
}
.color__white {
  color: #fff !important;
}
.color__gray {
  color: #808080 !important;
}