
.dlsBrightBlue {
  color: #006fcf !important;
  fill: #006fcf !important;
}

.dlsBrightBlueBg {
  background-color: #006fcf !important;
}

.dlsBrightBlueBgHvr:hover {
  background-color: #006fcf !important;
}

.dlsDeepBlue {
  color: #00175a !important;
  fill: #00175a !important;
}

.dlsDeepBlueBg {
  background-color: #00175a !important;
}

.dlsDeepBlueBgHvr:hover {
  background-color: #00175a !important;
}

.dlsLightBlue {
  color: #66a9e2 !important;
  fill: #66a9e2 !important;
}

.dlsLightBlueBg {
  background-color: #66a9e2 !important;
}

.dlsLightBlueBgHvr:hover {
  background-color: #66a9e2 !important;
}

.dlsBrightBlueHover {
  color: #0065bd !important;
  fill: #0065bd !important;
}

.dlsBrightBlueHoverBg {
  background-color: #0065bd !important;
}

.dlsBrightBlueHoverBgHvr:hover {
  background-color: #0065bd !important;
}

.dlsBrightBlueActive {
  color: #005aa8 !important;
  fill: #005aa8 !important;
}

.dlsBrightBlueActiveBg {
  background-color: #005aa8 !important;
}

.dlsBrightBlueActiveBgHvr:hover {
  background-color: #005aa8 !important;
}

.dlsWhite {
  color: #fff !important;
  fill: #fff !important;
}

.dlsWhiteBg {
  background-color: #fff !important;
}

.dlsWhiteBgHvr:hover {
  background-color: #fff !important;
}

.dlsBlack {
  color: #000 !important;
  fill: #000 !important;
}

.dlsBlackBg {
  background-color: #000 !important;
}

.dlsBlackBgHvr:hover {
  background-color: #000 !important;
}

.dlsGray01 {
  color: #f7f8f9 !important;
  fill: #f7f8f9 !important;
}

.dlsGray01Bg {
  background-color: #f7f8f9 !important;
}

.dlsGray01BgHvr:hover {
  background-color: #f7f8f9 !important;
}

.dlsGray02 {
  color: #ecedee !important;
  fill: #ecedee !important;
}

.dlsGray02Bg {
  background-color: #ecedee !important;
}

.dlsGray02BgHvr:hover {
  background-color: #ecedee !important;
}

.dlsGray03 {
  color: #c8c9c7 !important;
  fill: #c8c9c7 !important;
}

.dlsGray03Bg {
  background-color: #c8c9c7 !important;
}

.dlsGray03BgHvr:hover {
  background-color: #c8c9c7 !important;
}

.dlsGray04 {
  color: #8e9092 !important;
  fill: #8e9092 !important;
}

.dlsGray04Bg {
  background-color: #8e9092 !important;
}

.dlsGray04BgHvr:hover {
  background-color: #8e9092 !important;
}

.dlsGray05 {
  color: #53565a !important;
  fill: #53565a !important;
}

.dlsGray05Bg {
  background-color: #53565a !important;
}

.dlsGray05BgHvr:hover {
  background-color: #53565a !important;
}

.dlsGray06 {
  color: #333 !important;
  fill: #333 !important;
}

.dlsGray06Bg {
  background-color: #333 !important;
}

.dlsGray06BgHvr:hover {
  background-color: #333 !important;
}

.dlsGreen {
  color: #008767 !important;
  fill: #008767 !important;
}

.dlsGreenBg {
  background-color: #008767 !important;
}

.dlsGreenBgHvr:hover {
  background-color: #008767 !important;
}

.dlsRed {
  color: #b42c01 !important;
  fill: #b42c01 !important;
}

.dlsRedBg {
  background-color: #b42c01 !important;
}

.dlsRedBgHvr:hover {
  background-color: #b42c01 !important;
}

.dlsOrange {
  color: #ea700b !important;
  fill: #ea700b !important;
}

.dlsOrangeBg {
  background-color: #ea700b !important;
}

.dlsOrangeBgHvr:hover {
  background-color: #ea700b !important;
}

.dlsColorWarning {
  color: #b42c01 !important;
  fill: #b42c01 !important;
}

.dlsColorWarningBg {
  background-color: #b42c01 !important;
}

.dlsColorWarningBgHvr:hover {
  background-color: #b42c01 !important;
}

.dlsColorSuccess {
  color: #008767 !important;
  fill: #008767 !important;
}

.dlsColorSuccessBg {
  background-color: #008767 !important;
}

.dlsColorSuccessBgHvr:hover {
  background-color: #008767 !important;
}

.dlsColorNeutral {
  color: #8e9092 !important;
  fill: #8e9092 !important;
}

.dlsColorNeutralBg {
  background-color: #8e9092 !important;
}

.dlsColorNeutralBgHvr:hover {
  background-color: #8e9092 !important;
}

.dlsColorModerate {
  color: #ea700b !important;
  fill: #ea700b !important;
}

.dlsColorModerateBg {
  background-color: #ea700b !important;
}

.dlsColorModerateBgHvr:hover {
  background-color: #ea700b !important;
}

.dlsColorAttention {
  color: #fdb92d !important;
  fill: #fdb92d !important;
}

.dlsColorAttentionBg {
  background-color: #fdb92d !important;
}

.dlsColorAttentionBgHvr:hover {
  background-color: #fdb92d !important;
}

.bgNone {
  background: none !important;
}

.bgRepeat {
  background-repeat: repeat;
  background-size: 100%;
}

.shadow1 {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.shadow2 {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.shadow3 {
  box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.1);
}

.shadow1XsUp {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.shadow2XsUp {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.shadow3XsUp {
  box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 374px) {  .shadow1XsDown {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow2XsDown {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow3XsDown {
    box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 375px) {  .shadow1SmUp {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow2SmUp {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow3SmUp {
    box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 767px) {  .shadow1SmDown {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow2SmDown {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow3SmDown {
    box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 768px) {  .shadow1MdUp {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow2MdUp {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow3MdUp {
    box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 1023px) {  .shadow1MdDown {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow2MdDown {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow3MdDown {
    box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 1024px) {  .shadow1LgUp {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow2LgUp {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow3LgUp {
    box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 1279px) {  .shadow1LgDown {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow2LgDown {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow3LgDown {
    box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 1280px) {  .shadow1XlUp {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow2XlUp {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }

  .shadow3XlUp {
    box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.1);
  }
}

.shadow1XlDown {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.shadow2XlDown {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.shadow3XlDown {
  box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.1);
}