h3 {
  color: #323d43;
}

.text-light {
  color: #696969;
}

.text-dark {
  color: #323d43 !important;
}

.text-orange {
  color: #ff8000;
}

.text-purple {
  color: #9c27b0;
}

.text-white {
  color: #fff !important;
}

.text-blue {
  color: #0a72c7 !important;
}

/*
    dark blue is actually: #0f4291 (but #323d43 is used in BC)
    but we are changing it here to grey to match other headers
    this should probably be adjusted in the markup
*/
.text-dark-blue {
  color: #0f4291 !important;
}

.text-green {
  color: #008040 !important;
}

.text-light-blue {
  color: #b5c8e8 !important;
}

.text-very-light-blue {
  color: #eef2f9 !important;
}

a.text-dark-blue:hover,
button.text-dark-blue:hover {
  color: #696969 !important;
  text-shadow:
    0 0 0px #696969,
    0 0 0px #696969,
    0 0 0px #696969,
    0 0 0px #696969;
  /* font-family: 'Helvetica Neue LT W01_71488914', sans-serif, Arial;*/
}

.bg-light-gray,
.btn.bg-light-gray {
  background-color: #f5f5f5;
}

.bg-dark-gray {
  background-color: #323d42 !important;
}

.bg-light-red {
  background-color: #fef6f5 !important;
}

.bg-light-blue {
  background-color: #f4fafe !important;
}

.bg-light-yellow {
  background-color: #fffcf2 !important;
}