.white {
  color: #fff !important;
}
.bg-white {
  background-color: #fff !important;
}
.black {
  color: #000 !important;
}
.bg-black {
  background-color: #000 !important;
}
.lt-gray {
  color: #999 !important;
}
.bg-lt-gray {
  background-color: #999 !important;
}
.md-gray {
  color: #555 !important;
}
.bg-md-gray {
  background-color: #555 !important;
  color: #fff !important;
}
.dk-gray {
  color: #222 !important;
}
.bg-xxlt-gray {
  background-color: #fafafa !important;
}
.bg-xlt-gray {
  background-color: #eee !important;
}
.bg-dk-gray {
  background-color: #222 !important;
  color: #fff !important;
}
.xlt-blue {
  color: #e8f3f9 !important;
}
.lt-blue {
  color: #a7e3ff !important;
}
.bg-xlt-blue {
  background-color: #e8f3f9;
}
.bg-lt-blue {
  background-color: #a7e3ff !important;
}
.md-blue {
  color: #1980bf;
}
.bg-md-blue {
  background-color: #1980bf;
  color: #fff;
}
.dk-blue {
  color: #103854;
}
.bg-dk-blue {
  background-color: #103854;
  color: #fff;
}
.orange {
  color: #ff8a00 !important;
}
.bg-orange {
  background-color: #ff8a00 !important;
  color: #fff !important;
}
.bg-xlt-blue-fade {
  background: transparent linear-gradient(0deg, #fff 0%, #e8f3f9 100%) 0 0;
}
.bg-dk-gray-fade {
  background: transparent linear-gradient(343deg, #444 0%, #222 100%) 0 0;
}
.bg-md-blue-fade {
  background: transparent linear-gradient(343deg, #098de0 0%, #0c5380 100%) 0 0;
}
.bg-dk-blue-fade {
  background: transparent linear-gradient(343deg, #064064 0%, #002841 100%) 0 0;
}