.metrouicss .fg-color-blue {
  color: #2d89ef !important;
}
.metrouicss .fg-color-blueLight {
  color: #eff4ff !important;
}
.metrouicss .fg-color-blueDark {
  color: #2b5797 !important;
}
.metrouicss .fg-color-green {
  color: #00a300 !important;
}
.metrouicss .fg-color-greenLight {
  color: #99b433 !important;
}
.metrouicss .fg-color-greenDark {
  color: #1e7145 !important;
}
.metrouicss .fg-color-red {
  color: #b91d47 !important;
}
.metrouicss .fg-color-yellow {
  color: #ffc40d !important;
}
.metrouicss .fg-color-orange {
  color: #e3a21a !important;
}
.metrouicss .fg-color-orangeDark {
  color: #da532c !important;
}
.metrouicss .fg-color-pink {
  color: #9f00a7 !important;
}
.metrouicss .fg-color-pinkDark {
  color: #7e3878 !important;
}
.metrouicss .fg-color-purple {
  color: #603cba !important;
}
.metrouicss .fg-color-darken {
  color: #1d1d1d !important;
}
.metrouicss .fg-color-lighten {
  color: #d5e7ec !important;
}
.metrouicss .fg-color-white {
  color: #ffffff !important;
}
.metrouicss .fg-color-grayDark {
  color: #525252 !important;
}
.metrouicss .fg-color-magenta {
  color: #ff0097 !important;
}
.metrouicss .fg-color-teal {
  color: #00aba9 !important;
}
.metrouicss .fg-color-redLight {
  color: #ee1111 !important;
}
.metrouicss .bg-color-blue {
  background-color: #2d89ef !important;
}
.metrouicss .bg-color-blueLight {
  background-color: #eff4ff !important;
}
.metrouicss .bg-color-blueDark {
  background-color: #2b5797 !important;
}
.metrouicss .bg-color-green {
  background-color: #00a300 !important;
}
.metrouicss .bg-color-greenLight {
  background-color: #99b433 !important;
}
.metrouicss .bg-color-greenDark {
  background-color: #1e7145 !important;
}
.metrouicss .bg-color-red {
  background-color: #b91d47 !important;
}
.metrouicss .bg-color-yellow {
  background-color: #ffc40d !important;
}
.metrouicss .bg-color-orange {
  background-color: #e3a21a !important;
}
.metrouicss .bg-color-orangeDark {
  background-color: #da532c !important;
}
.metrouicss .bg-color-pink {
  background-color: #9f00a7 !important;
}
.metrouicss .bg-color-pinkDark {
  background-color: #7e3878 !important;
}
.metrouicss .bg-color-purple {
  background-color: #603cba !important;
}
.metrouicss .bg-color-darken {
  background-color: #1d1d1d !important;
}
.metrouicss .bg-color-lighten {
  background-color: #d5e7ec !important;
}
.metrouicss .bg-color-white {
  background-color: #ffffff !important;
}
.metrouicss .bg-color-grayDark {
  background-color: #525252 !important;
}
.metrouicss .bg-color-magenta {
  background-color: #ff0097 !important;
}
.metrouicss .bg-color-teal {
  background-color: #00aba9 !important;
}
.metrouicss .bg-color-redLight {
  background-color: #ee1111 !important;
}
.metrouicss [class*=border-color] {
  border: 2px solid;
}
.metrouicss .border-color-blue {
  border-color: #2d89ef !important;
}
.metrouicss .border-color-blueLight {
  border-color: #eff4ff !important;
}
.metrouicss .border-color-blueDark {
  border-color: #2b5797 !important;
}
.metrouicss .border-color-green {
  border-color: #00a300 !important;
}
.metrouicss .border-color-greenLight {
  border-color: #99b433 !important;
}
.metrouicss .border-color-greenDark {
  border-color: #1e7145 !important;
}
.metrouicss .border-color-red {
  border-color: #b91d47 !important;
}
.metrouicss .border-color-yellow {
  border-color: #ffc40d !important;
}
.metrouicss .border-color-orange {
  border-color: #e3a21a !important;
}
.metrouicss .border-color-orangeDark {
  border-color: #da532c !important;
}
.metrouicss .border-color-pink {
  border-color: #9f00a7 !important;
}
.metrouicss .border-color-pinkDark {
  border-color: #7e3878 !important;
}
.metrouicss .border-color-purple {
  border-color: #603cba !important;
}
.metrouicss .border-color-darken {
  border-color: #1d1d1d !important;
}
.metrouicss .border-color-lighten {
  border-color: #d5e7ec !important;
}
.metrouicss .border-color-white {
  border-color: #ffffff !important;
}
.metrouicss .border-color-grayDark {
  border-color: #525252 !important;
}
.metrouicss .border-color-magenta {
  border-color: #ff0097 !important;
}
.metrouicss .border-color-teal {
  border-color: #00aba9 !important;
}
.metrouicss .border-color-redLight {
  border-color: #ee1111 !important;
}
.metrouicss *:hover[class=outline-color] {
  outline: 3px solid;
}
.metrouicss .outline-color-blue {
  outline-color: #2d89ef !important;
}
.metrouicss .outline-color-blueLight {
  outline-color: #eff4ff !important;
}
.metrouicss .outline-color-blueDark {
  outline-color: #2b5797 !important;
}
.metrouicss .outline-color-green {
  outline-color: #00a300 !important;
}
.metrouicss .outline-color-greenLight {
  outline-color: #99b433 !important;
}
.metrouicss .outline-color-greenDark {
  outline-color: #1e7145 !important;
}
.metrouicss .outline-color-red {
  outline-color: #b91d47 !important;
}
.metrouicss .outline-color-yellow {
  outline-color: #ffc40d !important;
}
.metrouicss .outline-color-orange {
  outline-color: #e3a21a !important;
}
.metrouicss .outline-color-orangeDark {
  outline-color: #da532c !important;
}
.metrouicss .outline-color-pink {
  outline-color: #9f00a7 !important;
}
.metrouicss .outline-color-pinkDark {
  outline-color: #7e3878 !important;
}
.metrouicss .outline-color-purple {
  outline-color: #603cba !important;
}
.metrouicss .outline-color-darken {
  outline-color: #1d1d1d !important;
}
.metrouicss .outline-color-lighten {
  outline-color: #d5e7ec !important;
}
.metrouicss .outline-color-white {
  outline-color: #ffffff !important;
}
.metrouicss .outline-color-grayDark {
  outline-color: #525252 !important;
}
.metrouicss .outline-color-magenta {
  outline-color: #ff0097 !important;
}
.metrouicss .outline-color-teal {
  outline-color: #00aba9 !important;
}
.metrouicss .outline-color-redLight {
  outline-color: #ee1111 !important;
}