metro4/tests/metro/css/metro-colors.css

The front-end framework for Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style

/*
 * Metro 4 Components Library v4.5.0  (https://metroui.org.ua)
 * Copyright 2012-2021 Sergey Pimenov
 * Built at 01/08/2021 18:53:43
 * Licensed under MIT
 */
.bg-transparent {
  background-color: transparent !important;
}
.bg-hover:hover {
  background-color: rgba(29, 29, 29, 0.1) !important;
}
.bg-hover2:hover {
  background-color: rgba(29, 29, 29, 0.5) !important;
}
.bg-hover-light:hover {
  background-color: rgba(255, 255, 255, 0.01) !important;
}
.bg-hover-light1:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.bg-hover-light2:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.bg-hover-light3:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.bg-facebook {
  background-color: #4267b2;
}
.bg-twitter {
  background-color: #1DA1F2;
}
.bg-github {
  background-color: #24292e;
}
.bg-bootstrap {
  background-color: #563d7c;
}
.bg-gitlab {
  background-color: #e65328;
}
.bg-amazon {
  background-color: #232f3e;
}
.bg-black {
  background-color: #000000 !important;
}
.bg-black-active:active {
  background-color: #000000 !important;
}
.bg-black-hover:hover {
  background-color: #000000 !important;
}
.bg-black-focus:focus {
  background-color: #000000 !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-white-active:active {
  background-color: #ffffff !important;
}
.bg-white-hover:hover {
  background-color: #ffffff !important;
}
.bg-white-focus:focus {
  background-color: #ffffff !important;
}
.bg-dark {
  background-color: #1d1d1d !important;
}
.bg-dark-active:active {
  background-color: #1d1d1d !important;
}
.bg-dark-hover:hover {
  background-color: #1d1d1d !important;
}
.bg-dark-focus:focus {
  background-color: #1d1d1d !important;
}
.bg-light {
  background-color: #f8f8f8 !important;
}
.bg-light-active:active {
  background-color: #f8f8f8 !important;
}
.bg-light-hover:hover {
  background-color: #f8f8f8 !important;
}
.bg-light-focus:focus {
  background-color: #f8f8f8 !important;
}
.bg-grayBlue {
  background-color: #607d8b !important;
}
.bg-grayBlue-active:active {
  background-color: #607d8b !important;
}
.bg-grayBlue-hover:hover {
  background-color: #607d8b !important;
}
.bg-grayBlue-focus:focus {
  background-color: #607d8b !important;
}
.bg-grayWhite {
  background-color: #f5f5f5 !important;
}
.bg-grayWhite-active:active {
  background-color: #f5f5f5 !important;
}
.bg-grayWhite-hover:hover {
  background-color: #f5f5f5 !important;
}
.bg-grayWhite-focus:focus {
  background-color: #f5f5f5 !important;
}
.bg-grayMouse {
  background-color: #455a64 !important;
}
.bg-grayMouse-active:active {
  background-color: #455a64 !important;
}
.bg-grayMouse-hover:hover {
  background-color: #455a64 !important;
}
.bg-grayMouse-focus:focus {
  background-color: #455a64 !important;
}
.bg-brandColor1 {
  background-color: #2ac4f4 !important;
}
.bg-brandColor1-active:active {
  background-color: #2ac4f4 !important;
}
.bg-brandColor1-hover:hover {
  background-color: #2ac4f4 !important;
}
.bg-brandColor1-focus:focus {
  background-color: #2ac4f4 !important;
}
.bg-brandColor2 {
  background-color: #004d6f !important;
}
.bg-brandColor2-active:active {
  background-color: #004d6f !important;
}
.bg-brandColor2-hover:hover {
  background-color: #004d6f !important;
}
.bg-brandColor2-focus:focus {
  background-color: #004d6f !important;
}
.bg-lime {
  background-color: #a4c400 !important;
}
.bg-lime-active:active {
  background-color: #a4c400 !important;
}
.bg-lime-hover:hover {
  background-color: #a4c400 !important;
}
.bg-lime-focus:focus {
  background-color: #a4c400 !important;
}
.bg-green {
  background-color: #60a917 !important;
}
.bg-green-active:active {
  background-color: #60a917 !important;
}
.bg-green-hover:hover {
  background-color: #60a917 !important;
}
.bg-green-focus:focus {
  background-color: #60a917 !important;
}
.bg-emerald {
  background-color: #008a00 !important;
}
.bg-emerald-active:active {
  background-color: #008a00 !important;
}
.bg-emerald-hover:hover {
  background-color: #008a00 !important;
}
.bg-emerald-focus:focus {
  background-color: #008a00 !important;
}
.bg-blue {
  background-color: #00AFF0 !important;
}
.bg-blue-active:active {
  background-color: #00AFF0 !important;
}
.bg-blue-hover:hover {
  background-color: #00AFF0 !important;
}
.bg-blue-focus:focus {
  background-color: #00AFF0 !important;
}
.bg-teal {
  background-color: #00aba9 !important;
}
.bg-teal-active:active {
  background-color: #00aba9 !important;
}
.bg-teal-hover:hover {
  background-color: #00aba9 !important;
}
.bg-teal-focus:focus {
  background-color: #00aba9 !important;
}
.bg-cyan {
  background-color: #1ba1e2 !important;
}
.bg-cyan-active:active {
  background-color: #1ba1e2 !important;
}
.bg-cyan-hover:hover {
  background-color: #1ba1e2 !important;
}
.bg-cyan-focus:focus {
  background-color: #1ba1e2 !important;
}
.bg-cobalt {
  background-color: #0050ef !important;
}
.bg-cobalt-active:active {
  background-color: #0050ef !important;
}
.bg-cobalt-hover:hover {
  background-color: #0050ef !important;
}
.bg-cobalt-focus:focus {
  background-color: #0050ef !important;
}
.bg-indigo {
  background-color: #6a00ff !important;
}
.bg-indigo-active:active {
  background-color: #6a00ff !important;
}
.bg-indigo-hover:hover {
  background-color: #6a00ff !important;
}
.bg-indigo-focus:focus {
  background-color: #6a00ff !important;
}
.bg-violet {
  background-color: #aa00ff !important;
}
.bg-violet-active:active {
  background-color: #aa00ff !important;
}
.bg-violet-hover:hover {
  background-color: #aa00ff !important;
}
.bg-violet-focus:focus {
  background-color: #aa00ff !important;
}
.bg-pink {
  background-color: #dc4fad !important;
}
.bg-pink-active:active {
  background-color: #dc4fad !important;
}
.bg-pink-hover:hover {
  background-color: #dc4fad !important;
}
.bg-pink-focus:focus {
  background-color: #dc4fad !important;
}
.bg-magenta {
  background-color: #d80073 !important;
}
.bg-magenta-active:active {
  background-color: #d80073 !important;
}
.bg-magenta-hover:hover {
  background-color: #d80073 !important;
}
.bg-magenta-focus:focus {
  background-color: #d80073 !important;
}
.bg-crimson {
  background-color: #a20025 !important;
}
.bg-crimson-active:active {
  background-color: #a20025 !important;
}
.bg-crimson-hover:hover {
  background-color: #a20025 !important;
}
.bg-crimson-focus:focus {
  background-color: #a20025 !important;
}
.bg-red {
  background-color: #CE352C !important;
}
.bg-red-active:active {
  background-color: #CE352C !important;
}
.bg-red-hover:hover {
  background-color: #CE352C !important;
}
.bg-red-focus:focus {
  background-color: #CE352C !important;
}
.bg-orange {
  background-color: #fa6800 !important;
}
.bg-orange-active:active {
  background-color: #fa6800 !important;
}
.bg-orange-hover:hover {
  background-color: #fa6800 !important;
}
.bg-orange-focus:focus {
  background-color: #fa6800 !important;
}
.bg-amber {
  background-color: #f0a30a !important;
}
.bg-amber-active:active {
  background-color: #f0a30a !important;
}
.bg-amber-hover:hover {
  background-color: #f0a30a !important;
}
.bg-amber-focus:focus {
  background-color: #f0a30a !important;
}
.bg-yellow {
  background-color: #fff000 !important;
}
.bg-yellow-active:active {
  background-color: #fff000 !important;
}
.bg-yellow-hover:hover {
  background-color: #fff000 !important;
}
.bg-yellow-focus:focus {
  background-color: #fff000 !important;
}
.bg-brown {
  background-color: #825a2c !important;
}
.bg-brown-active:active {
  background-color: #825a2c !important;
}
.bg-brown-hover:hover {
  background-color: #825a2c !important;
}
.bg-brown-focus:focus {
  background-color: #825a2c !important;
}
.bg-olive {
  background-color: #6d8764 !important;
}
.bg-olive-active:active {
  background-color: #6d8764 !important;
}
.bg-olive-hover:hover {
  background-color: #6d8764 !important;
}
.bg-olive-focus:focus {
  background-color: #6d8764 !important;
}
.bg-steel {
  background-color: #647687 !important;
}
.bg-steel-active:active {
  background-color: #647687 !important;
}
.bg-steel-hover:hover {
  background-color: #647687 !important;
}
.bg-steel-focus:focus {
  background-color: #647687 !important;
}
.bg-mauve {
  background-color: #76608a !important;
}
.bg-mauve-active:active {
  background-color: #76608a !important;
}
.bg-mauve-hover:hover {
  background-color: #76608a !important;
}
.bg-mauve-focus:focus {
  background-color: #76608a !important;
}
.bg-taupe {
  background-color: #87794e !important;
}
.bg-taupe-active:active {
  background-color: #87794e !important;
}
.bg-taupe-hover:hover {
  background-color: #87794e !important;
}
.bg-taupe-focus:focus {
  background-color: #87794e !important;
}
.bg-gray {
  background-color: #bebebe !important;
}
.bg-gray-active:active {
  background-color: #bebebe !important;
}
.bg-gray-hover:hover {
  background-color: #bebebe !important;
}
.bg-gray-focus:focus {
  background-color: #bebebe !important;
}
.bg-lightLime {
  background-color: #d8ff12 !important;
}
.bg-lightLime-active:active {
  background-color: #d8ff12 !important;
}
.bg-lightLime-hover:hover {
  background-color: #d8ff12 !important;
}
.bg-lightLime-focus:focus {
  background-color: #d8ff12 !important;
}
.bg-lightGreen {
  background-color: #86e22a !important;
}
.bg-lightGreen-active:active {
  background-color: #86e22a !important;
}
.bg-lightGreen-hover:hover {
  background-color: #86e22a !important;
}
.bg-lightGreen-focus:focus {
  background-color: #86e22a !important;
}
.bg-lightEmerald {
  background-color: #00d600 !important;
}
.bg-lightEmerald-active:active {
  background-color: #00d600 !important;
}
.bg-lightEmerald-hover:hover {
  background-color: #00d600 !important;
}
.bg-lightEmerald-focus:focus {
  background-color: #00d600 !important;
}
.bg-lightBlue {
  background-color: #3ecbff !important;
}
.bg-lightBlue-active:active {
  background-color: #3ecbff !important;
}
.bg-lightBlue-hover:hover {
  background-color: #3ecbff !important;
}
.bg-lightBlue-focus:focus {
  background-color: #3ecbff !important;
}
.bg-lightTeal {
  background-color: #00f7f5 !important;
}
.bg-lightTeal-active:active {
  background-color: #00f7f5 !important;
}
.bg-lightTeal-hover:hover {
  background-color: #00f7f5 !important;
}
.bg-lightTeal-focus:focus {
  background-color: #00f7f5 !important;
}
.bg-lightCyan {
  background-color: #5ebdec !important;
}
.bg-lightCyan-active:active {
  background-color: #5ebdec !important;
}
.bg-lightCyan-hover:hover {
  background-color: #5ebdec !important;
}
.bg-lightCyan-focus:focus {
  background-color: #5ebdec !important;
}
.bg-lightCobalt {
  background-color: #3d7eff !important;
}
.bg-lightCobalt-active:active {
  background-color: #3d7eff !important;
}
.bg-lightCobalt-hover:hover {
  background-color: #3d7eff !important;
}
.bg-lightCobalt-focus:focus {
  background-color: #3d7eff !important;
}
.bg-lightIndigo {
  background-color: #974dff !important;
}
.bg-lightIndigo-active:active {
  background-color: #974dff !important;
}
.bg-lightIndigo-hover:hover {
  background-color: #974dff !important;
}
.bg-lightIndigo-focus:focus {
  background-color: #974dff !important;
}
.bg-lightViolet {
  background-color: #c44dff !important;
}
.bg-lightViolet-active:active {
  background-color: #c44dff !important;
}
.bg-lightViolet-hover:hover {
  background-color: #c44dff !important;
}
.bg-lightViolet-focus:focus {
  background-color: #c44dff !important;
}
.bg-lightPink {
  background-color: #e98fcb !important;
}
.bg-lightPink-active:active {
  background-color: #e98fcb !important;
}
.bg-lightPink-hover:hover {
  background-color: #e98fcb !important;
}
.bg-lightPink-focus:focus {
  background-color: #e98fcb !important;
}
.bg-lightMagenta {
  background-color: #ff2599 !important;
}
.bg-lightMagenta-active:active {
  background-color: #ff2599 !important;
}
.bg-lightMagenta-hover:hover {
  background-color: #ff2599 !important;
}
.bg-lightMagenta-focus:focus {
  background-color: #ff2599 !important;
}
.bg-lightCrimson {
  background-color: #ef0036 !important;
}
.bg-lightCrimson-active:active {
  background-color: #ef0036 !important;
}
.bg-lightCrimson-hover:hover {
  background-color: #ef0036 !important;
}
.bg-lightCrimson-focus:focus {
  background-color: #ef0036 !important;
}
.bg-lightRed {
  background-color: #df6e68 !important;
}
.bg-lightRed-active:active {
  background-color: #df6e68 !important;
}
.bg-lightRed-hover:hover {
  background-color: #df6e68 !important;
}
.bg-lightRed-focus:focus {
  background-color: #df6e68 !important;
}
.bg-lightOrange {
  background-color: #ff9447 !important;
}
.bg-lightOrange-active:active {
  background-color: #ff9447 !important;
}
.bg-lightOrange-hover:hover {
  background-color: #ff9447 !important;
}
.bg-lightOrange-focus:focus {
  background-color: #ff9447 !important;
}
.bg-lightAmber {
  background-color: #f8bf4f !important;
}
.bg-lightAmber-active:active {
  background-color: #f8bf4f !important;
}
.bg-lightAmber-hover:hover {
  background-color: #f8bf4f !important;
}
.bg-lightAmber-focus:focus {
  background-color: #f8bf4f !important;
}
.bg-lightYellow {
  background-color: #fff44d !important;
}
.bg-lightYellow-active:active {
  background-color: #fff44d !important;
}
.bg-lightYellow-hover:hover {
  background-color: #fff44d !important;
}
.bg-lightYellow-focus:focus {
  background-color: #fff44d !important;
}
.bg-lightBrown {
  background-color: #bb823f !important;
}
.bg-lightBrown-active:active {
  background-color: #bb823f !important;
}
.bg-lightBrown-hover:hover {
  background-color: #bb823f !important;
}
.bg-lightBrown-focus:focus {
  background-color: #bb823f !important;
}
.bg-lightOlive {
  background-color: #95ab8d !important;
}
.bg-lightOlive-active:active {
  background-color: #95ab8d !important;
}
.bg-lightOlive-hover:hover {
  background-color: #95ab8d !important;
}
.bg-lightOlive-focus:focus {
  background-color: #95ab8d !important;
}
.bg-lightSteel {
  background-color: #8d9cab !important;
}
.bg-lightSteel-active:active {
  background-color: #8d9cab !important;
}
.bg-lightSteel-hover:hover {
  background-color: #8d9cab !important;
}
.bg-lightSteel-focus:focus {
  background-color: #8d9cab !important;
}
.bg-lightMauve {
  background-color: #9c89ad !important;
}
.bg-lightMauve-active:active {
  background-color: #9c89ad !important;
}
.bg-lightMauve-hover:hover {
  background-color: #9c89ad !important;
}
.bg-lightMauve-focus:focus {
  background-color: #9c89ad !important;
}
.bg-lightTaupe {
  background-color: #aea073 !important;
}
.bg-lightTaupe-active:active {
  background-color: #aea073 !important;
}
.bg-lightTaupe-hover:hover {
  background-color: #aea073 !important;
}
.bg-lightTaupe-focus:focus {
  background-color: #aea073 !important;
}
.bg-lightGray {
  background-color: #e4e4e4 !important;
}
.bg-lightGray-active:active {
  background-color: #e4e4e4 !important;
}
.bg-lightGray-hover:hover {
  background-color: #e4e4e4 !important;
}
.bg-lightGray-focus:focus {
  background-color: #e4e4e4 !important;
}
.bg-lightGrayBlue {
  background-color: #8aa2ae !important;
}
.bg-lightGrayBlue-active:active {
  background-color: #8aa2ae !important;
}
.bg-lightGrayBlue-hover:hover {
  background-color: #8aa2ae !important;
}
.bg-lightGrayBlue-focus:focus {
  background-color: #8aa2ae !important;
}
.bg-darkLime {
  background-color: #647800 !important;
}
.bg-darkLime-active:active {
  background-color: #647800 !important;
}
.bg-darkLime-hover:hover {
  background-color: #647800 !important;
}
.bg-darkLime-focus:focus {
  background-color: #647800 !important;
}
.bg-darkGreen {
  background-color: #3a660e !important;
}
.bg-darkGreen-active:active {
  background-color: #3a660e !important;
}
.bg-darkGreen-hover:hover {
  background-color: #3a660e !important;
}
.bg-darkGreen-focus:focus {
  background-color: #3a660e !important;
}
.bg-darkEmerald {
  background-color: #003d00 !important;
}
.bg-darkEmerald-active:active {
  background-color: #003d00 !important;
}
.bg-darkEmerald-hover:hover {
  background-color: #003d00 !important;
}
.bg-darkEmerald-focus:focus {
  background-color: #003d00 !important;
}
.bg-darkBlue {
  background-color: #0077a3 !important;
}
.bg-darkBlue-active:active {
  background-color: #0077a3 !important;
}
.bg-darkBlue-hover:hover {
  background-color: #0077a3 !important;
}
.bg-darkBlue-focus:focus {
  background-color: #0077a3 !important;
}
.bg-darkTeal {
  background-color: #005e5d !important;
}
.bg-darkTeal-active:active {
  background-color: #005e5d !important;
}
.bg-darkTeal-hover:hover {
  background-color: #005e5d !important;
}
.bg-darkTeal-focus:focus {
  background-color: #005e5d !important;
}
.bg-darkCyan {
  background-color: #13709e !important;
}
.bg-darkCyan-active:active {
  background-color: #13709e !important;
}
.bg-darkCyan-hover:hover {
  background-color: #13709e !important;
}
.bg-darkCyan-focus:focus {
  background-color: #13709e !important;
}
.bg-darkCobalt {
  background-color: #0036a3 !important;
}
.bg-darkCobalt-active:active {
  background-color: #0036a3 !important;
}
.bg-darkCobalt-hover:hover {
  background-color: #0036a3 !important;
}
.bg-darkCobalt-focus:focus {
  background-color: #0036a3 !important;
}
.bg-darkIndigo {
  background-color: #4a00b3 !important;
}
.bg-darkIndigo-active:active {
  background-color: #4a00b3 !important;
}
.bg-darkIndigo-hover:hover {
  background-color: #4a00b3 !important;
}
.bg-darkIndigo-focus:focus {
  background-color: #4a00b3 !important;
}
.bg-darkViolet {
  background-color: #7700b3 !important;
}
.bg-darkViolet-active:active {
  background-color: #7700b3 !important;
}
.bg-darkViolet-hover:hover {
  background-color: #7700b3 !important;
}
.bg-darkViolet-focus:focus {
  background-color: #7700b3 !important;
}
.bg-darkPink {
  background-color: #ba2588 !important;
}
.bg-darkPink-active:active {
  background-color: #ba2588 !important;
}
.bg-darkPink-hover:hover {
  background-color: #ba2588 !important;
}
.bg-darkPink-focus:focus {
  background-color: #ba2588 !important;
}
.bg-darkMagenta {
  background-color: #8c004a !important;
}
.bg-darkMagenta-active:active {
  background-color: #8c004a !important;
}
.bg-darkMagenta-hover:hover {
  background-color: #8c004a !important;
}
.bg-darkMagenta-focus:focus {
  background-color: #8c004a !important;
}
.bg-darkCrimson {
  background-color: #560014 !important;
}
.bg-darkCrimson-active:active {
  background-color: #560014 !important;
}
.bg-darkCrimson-hover:hover {
  background-color: #560014 !important;
}
.bg-darkCrimson-focus:focus {
  background-color: #560014 !important;
}
.bg-darkRed {
  background-color: #8f251f !important;
}
.bg-darkRed-active:active {
  background-color: #8f251f !important;
}
.bg-darkRed-hover:hover {
  background-color: #8f251f !important;
}
.bg-darkRed-focus:focus {
  background-color: #8f251f !important;
}
.bg-darkOrange {
  background-color: #ae4800 !important;
}
.bg-darkOrange-active:active {
  background-color: #ae4800 !important;
}
.bg-darkOrange-hover:hover {
  background-color: #ae4800 !important;
}
.bg-darkOrange-focus:focus {
  background-color: #ae4800 !important;
}
.bg-darkAmber {
  background-color: #a77107 !important;
}
.bg-darkAmber-active:active {
  background-color: #a77107 !important;
}
.bg-darkAmber-hover:hover {
  background-color: #a77107 !important;
}
.bg-darkAmber-focus:focus {
  background-color: #a77107 !important;
}
.bg-darkYellow {
  background-color: #b3a800 !important;
}
.bg-darkYellow-active:active {
  background-color: #b3a800 !important;
}
.bg-darkYellow-hover:hover {
  background-color: #b3a800 !important;
}
.bg-darkYellow-focus:focus {
  background-color: #b3a800 !important;
}
.bg-darkBrown {
  background-color: #493219 !important;
}
.bg-darkBrown-active:active {
  background-color: #493219 !important;
}
.bg-darkBrown-hover:hover {
  background-color: #493219 !important;
}
.bg-darkBrown-focus:focus {
  background-color: #493219 !important;
}
.bg-darkOlive {
  background-color: #4a5b43 !important;
}
.bg-darkOlive-active:active {
  background-color: #4a5b43 !important;
}
.bg-darkOlive-hover:hover {
  background-color: #4a5b43 !important;
}
.bg-darkOlive-focus:focus {
  background-color: #4a5b43 !important;
}
.bg-darkSteel {
  background-color: #43505b !important;
}
.bg-darkSteel-active:active {
  background-color: #43505b !important;
}
.bg-darkSteel-hover:hover {
  background-color: #43505b !important;
}
.bg-darkSteel-focus:focus {
  background-color: #43505b !important;
}
.bg-darkMauve {
  background-color: #4f415d !important;
}
.bg-darkMauve-active:active {
  background-color: #4f415d !important;
}
.bg-darkMauve-hover:hover {
  background-color: #4f415d !important;
}
.bg-darkMauve-focus:focus {
  background-color: #4f415d !important;
}
.bg-darkTaupe {
  background-color: #574e32 !important;
}
.bg-darkTaupe-active:active {
  background-color: #574e32 !important;
}
.bg-darkTaupe-hover:hover {
  background-color: #574e32 !important;
}
.bg-darkTaupe-focus:focus {
  background-color: #574e32 !important;
}
.bg-darkGray {
  background-color: #989898 !important;
}
.bg-darkGray-active:active {
  background-color: #989898 !important;
}
.bg-darkGray-hover:hover {
  background-color: #989898 !important;
}
.bg-darkGray-focus:focus {
  background-color: #989898 !important;
}
.bg-darkGrayBlue {
  background-color: #41545e !important;
}
.bg-darkGrayBlue-active:active {
  background-color: #41545e !important;
}
.bg-darkGrayBlue-hover:hover {
  background-color: #41545e !important;
}
.bg-darkGrayBlue-focus:focus {
  background-color: #41545e !important;
}
.bd-default {
  border-color: #dfdfdf !important;
}
.bd-transparent {
  border-color: transparent !important;
}
.bd-black {
  border-color: #000000 !important;
}
.bd-black-active:active {
  border-color: #000000 !important;
}
.bd-black-hover:hover {
  border-color: #000000 !important;
}
.bd-black-focus:focus {
  border-color: #000000 !important;
}
.tg-black::before {
  border-color: #000000;
}
.bd-white {
  border-color: #ffffff !important;
}
.bd-white-active:active {
  border-color: #ffffff !important;
}
.bd-white-hover:hover {
  border-color: #ffffff !important;
}
.bd-white-focus:focus {
  border-color: #ffffff !important;
}
.tg-white::before {
  border-color: #ffffff;
}
.bd-dark {
  border-color: #1d1d1d !important;
}
.bd-dark-active:active {
  border-color: #1d1d1d !important;
}
.bd-dark-hover:hover {
  border-color: #1d1d1d !important;
}
.bd-dark-focus:focus {
  border-color: #1d1d1d !important;
}
.tg-dark::before {
  border-color: #1d1d1d;
}
.bd-light {
  border-color: #f8f8f8 !important;
}
.bd-light-active:active {
  border-color: #f8f8f8 !important;
}
.bd-light-hover:hover {
  border-color: #f8f8f8 !important;
}
.bd-light-focus:focus {
  border-color: #f8f8f8 !important;
}
.tg-light::before {
  border-color: #f8f8f8;
}
.bd-grayBlue {
  border-color: #607d8b !important;
}
.bd-grayBlue-active:active {
  border-color: #607d8b !important;
}
.bd-grayBlue-hover:hover {
  border-color: #607d8b !important;
}
.bd-grayBlue-focus:focus {
  border-color: #607d8b !important;
}
.tg-grayBlue::before {
  border-color: #607d8b;
}
.bd-grayWhite {
  border-color: #f5f5f5 !important;
}
.bd-grayWhite-active:active {
  border-color: #f5f5f5 !important;
}
.bd-grayWhite-hover:hover {
  border-color: #f5f5f5 !important;
}
.bd-grayWhite-focus:focus {
  border-color: #f5f5f5 !important;
}
.tg-grayWhite::before {
  border-color: #f5f5f5;
}
.bd-grayMouse {
  border-color: #455a64 !important;
}
.bd-grayMouse-active:active {
  border-color: #455a64 !important;
}
.bd-grayMouse-hover:hover {
  border-color: #455a64 !important;
}
.bd-grayMouse-focus:focus {
  border-color: #455a64 !important;
}
.tg-grayMouse::before {
  border-color: #455a64;
}
.bd-brandColor1 {
  border-color: #2ac4f4 !important;
}
.bd-brandColor1-active:active {
  border-color: #2ac4f4 !important;
}
.bd-brandColor1-hover:hover {
  border-color: #2ac4f4 !important;
}
.bd-brandColor1-focus:focus {
  border-color: #2ac4f4 !important;
}
.tg-brandColor1::before {
  border-color: #2ac4f4;
}
.bd-brandColor2 {
  border-color: #004d6f !important;
}
.bd-brandColor2-active:active {
  border-color: #004d6f !important;
}
.bd-brandColor2-hover:hover {
  border-color: #004d6f !important;
}
.bd-brandColor2-focus:focus {
  border-color: #004d6f !important;
}
.tg-brandColor2::before {
  border-color: #004d6f;
}
.bd-lime {
  border-color: #a4c400 !important;
}
.bd-lime-active:active {
  border-color: #a4c400 !important;
}
.bd-lime-hover:hover {
  border-color: #a4c400 !important;
}
.bd-lime-focus:focus {
  border-color: #a4c400 !important;
}
.tg-lime::before {
  border-color: #a4c400;
}
.bd-green {
  border-color: #60a917 !important;
}
.bd-green-active:active {
  border-color: #60a917 !important;
}
.bd-green-hover:hover {
  border-color: #60a917 !important;
}
.bd-green-focus:focus {
  border-color: #60a917 !important;
}
.tg-green::before {
  border-color: #60a917;
}
.bd-emerald {
  border-color: #008a00 !important;
}
.bd-emerald-active:active {
  border-color: #008a00 !important;
}
.bd-emerald-hover:hover {
  border-color: #008a00 !important;
}
.bd-emerald-focus:focus {
  border-color: #008a00 !important;
}
.tg-emerald::before {
  border-color: #008a00;
}
.bd-blue {
  border-color: #00AFF0 !important;
}
.bd-blue-active:active {
  border-color: #00AFF0 !important;
}
.bd-blue-hover:hover {
  border-color: #00AFF0 !important;
}
.bd-blue-focus:focus {
  border-color: #00AFF0 !important;
}
.tg-blue::before {
  border-color: #00AFF0;
}
.bd-teal {
  border-color: #00aba9 !important;
}
.bd-teal-active:active {
  border-color: #00aba9 !important;
}
.bd-teal-hover:hover {
  border-color: #00aba9 !important;
}
.bd-teal-focus:focus {
  border-color: #00aba9 !important;
}
.tg-teal::before {
  border-color: #00aba9;
}
.bd-cyan {
  border-color: #1ba1e2 !important;
}
.bd-cyan-active:active {
  border-color: #1ba1e2 !important;
}
.bd-cyan-hover:hover {
  border-color: #1ba1e2 !important;
}
.bd-cyan-focus:focus {
  border-color: #1ba1e2 !important;
}
.tg-cyan::before {
  border-color: #1ba1e2;
}
.bd-cobalt {
  border-color: #0050ef !important;
}
.bd-cobalt-active:active {
  border-color: #0050ef !important;
}
.bd-cobalt-hover:hover {
  border-color: #0050ef !important;
}
.bd-cobalt-focus:focus {
  border-color: #0050ef !important;
}
.tg-cobalt::before {
  border-color: #0050ef;
}
.bd-indigo {
  border-color: #6a00ff !important;
}
.bd-indigo-active:active {
  border-color: #6a00ff !important;
}
.bd-indigo-hover:hover {
  border-color: #6a00ff !important;
}
.bd-indigo-focus:focus {
  border-color: #6a00ff !important;
}
.tg-indigo::before {
  border-color: #6a00ff;
}
.bd-violet {
  border-color: #aa00ff !important;
}
.bd-violet-active:active {
  border-color: #aa00ff !important;
}
.bd-violet-hover:hover {
  border-color: #aa00ff !important;
}
.bd-violet-focus:focus {
  border-color: #aa00ff !important;
}
.tg-violet::before {
  border-color: #aa00ff;
}
.bd-pink {
  border-color: #dc4fad !important;
}
.bd-pink-active:active {
  border-color: #dc4fad !important;
}
.bd-pink-hover:hover {
  border-color: #dc4fad !important;
}
.bd-pink-focus:focus {
  border-color: #dc4fad !important;
}
.tg-pink::before {
  border-color: #dc4fad;
}
.bd-magenta {
  border-color: #d80073 !important;
}
.bd-magenta-active:active {
  border-color: #d80073 !important;
}
.bd-magenta-hover:hover {
  border-color: #d80073 !important;
}
.bd-magenta-focus:focus {
  border-color: #d80073 !important;
}
.tg-magenta::before {
  border-color: #d80073;
}
.bd-crimson {
  border-color: #a20025 !important;
}
.bd-crimson-active:active {
  border-color: #a20025 !important;
}
.bd-crimson-hover:hover {
  border-color: #a20025 !important;
}
.bd-crimson-focus:focus {
  border-color: #a20025 !important;
}
.tg-crimson::before {
  border-color: #a20025;
}
.bd-red {
  border-color: #CE352C !important;
}
.bd-red-active:active {
  border-color: #CE352C !important;
}
.bd-red-hover:hover {
  border-color: #CE352C !important;
}
.bd-red-focus:focus {
  border-color: #CE352C !important;
}
.tg-red::before {
  border-color: #CE352C;
}
.bd-orange {
  border-color: #fa6800 !important;
}
.bd-orange-active:active {
  border-color: #fa6800 !important;
}
.bd-orange-hover:hover {
  border-color: #fa6800 !important;
}
.bd-orange-focus:focus {
  border-color: #fa6800 !important;
}
.tg-orange::before {
  border-color: #fa6800;
}
.bd-amber {
  border-color: #f0a30a !important;
}
.bd-amber-active:active {
  border-color: #f0a30a !important;
}
.bd-amber-hover:hover {
  border-color: #f0a30a !important;
}
.bd-amber-focus:focus {
  border-color: #f0a30a !important;
}
.tg-amber::before {
  border-color: #f0a30a;
}
.bd-yellow {
  border-color: #fff000 !important;
}
.bd-yellow-active:active {
  border-color: #fff000 !important;
}
.bd-yellow-hover:hover {
  border-color: #fff000 !important;
}
.bd-yellow-focus:focus {
  border-color: #fff000 !important;
}
.tg-yellow::before {
  border-color: #fff000;
}
.bd-brown {
  border-color: #825a2c !important;
}
.bd-brown-active:active {
  border-color: #825a2c !important;
}
.bd-brown-hover:hover {
  border-color: #825a2c !important;
}
.bd-brown-focus:focus {
  border-color: #825a2c !important;
}
.tg-brown::before {
  border-color: #825a2c;
}
.bd-olive {
  border-color: #6d8764 !important;
}
.bd-olive-active:active {
  border-color: #6d8764 !important;
}
.bd-olive-hover:hover {
  border-color: #6d8764 !important;
}
.bd-olive-focus:focus {
  border-color: #6d8764 !important;
}
.tg-olive::before {
  border-color: #6d8764;
}
.bd-steel {
  border-color: #647687 !important;
}
.bd-steel-active:active {
  border-color: #647687 !important;
}
.bd-steel-hover:hover {
  border-color: #647687 !important;
}
.bd-steel-focus:focus {
  border-color: #647687 !important;
}
.tg-steel::before {
  border-color: #647687;
}
.bd-mauve {
  border-color: #76608a !important;
}
.bd-mauve-active:active {
  border-color: #76608a !important;
}
.bd-mauve-hover:hover {
  border-color: #76608a !important;
}
.bd-mauve-focus:focus {
  border-color: #76608a !important;
}
.tg-mauve::before {
  border-color: #76608a;
}
.bd-taupe {
  border-color: #87794e !important;
}
.bd-taupe-active:active {
  border-color: #87794e !important;
}
.bd-taupe-hover:hover {
  border-color: #87794e !important;
}
.bd-taupe-focus:focus {
  border-color: #87794e !important;
}
.tg-taupe::before {
  border-color: #87794e;
}
.bd-gray {
  border-color: #bebebe !important;
}
.bd-gray-active:active {
  border-color: #bebebe !important;
}
.bd-gray-hover:hover {
  border-color: #bebebe !important;
}
.bd-gray-focus:focus {
  border-color: #bebebe !important;
}
.tg-gray::before {
  border-color: #bebebe;
}
.bd-lightLime {
  border-color: #d8ff12 !important;
}
.bd-lightLime-active:active {
  border-color: #d8ff12 !important;
}
.bd-lightLime-hover:hover {
  border-color: #d8ff12 !important;
}
.bd-lightLime-focus:focus {
  border-color: #d8ff12 !important;
}
.tg-lightLime::before {
  border-color: #d8ff12;
}
.bd-lightGreen {
  border-color: #86e22a !important;
}
.bd-lightGreen-active:active {
  border-color: #86e22a !important;
}
.bd-lightGreen-hover:hover {
  border-color: #86e22a !important;
}
.bd-lightGreen-focus:focus {
  border-color: #86e22a !important;
}
.tg-lightGreen::before {
  border-color: #86e22a;
}
.bd-lightEmerald {
  border-color: #00d600 !important;
}
.bd-lightEmerald-active:active {
  border-color: #00d600 !important;
}
.bd-lightEmerald-hover:hover {
  border-color: #00d600 !important;
}
.bd-lightEmerald-focus:focus {
  border-color: #00d600 !important;
}
.tg-lightEmerald::before {
  border-color: #00d600;
}
.bd-lightBlue {
  border-color: #3ecbff !important;
}
.bd-lightBlue-active:active {
  border-color: #3ecbff !important;
}
.bd-lightBlue-hover:hover {
  border-color: #3ecbff !important;
}
.bd-lightBlue-focus:focus {
  border-color: #3ecbff !important;
}
.tg-lightBlue::before {
  border-color: #3ecbff;
}
.bd-lightTeal {
  border-color: #00f7f5 !important;
}
.bd-lightTeal-active:active {
  border-color: #00f7f5 !important;
}
.bd-lightTeal-hover:hover {
  border-color: #00f7f5 !important;
}
.bd-lightTeal-focus:focus {
  border-color: #00f7f5 !important;
}
.tg-lightTeal::before {
  border-color: #00f7f5;
}
.bd-lightCyan {
  border-color: #5ebdec !important;
}
.bd-lightCyan-active:active {
  border-color: #5ebdec !important;
}
.bd-lightCyan-hover:hover {
  border-color: #5ebdec !important;
}
.bd-lightCyan-focus:focus {
  border-color: #5ebdec !important;
}
.tg-lightCyan::before {
  border-color: #5ebdec;
}
.bd-lightCobalt {
  border-color: #3d7eff !important;
}
.bd-lightCobalt-active:active {
  border-color: #3d7eff !important;
}
.bd-lightCobalt-hover:hover {
  border-color: #3d7eff !important;
}
.bd-lightCobalt-focus:focus {
  border-color: #3d7eff !important;
}
.tg-lightCobalt::before {
  border-color: #3d7eff;
}
.bd-lightIndigo {
  border-color: #974dff !important;
}
.bd-lightIndigo-active:active {
  border-color: #974dff !important;
}
.bd-lightIndigo-hover:hover {
  border-color: #974dff !important;
}
.bd-lightIndigo-focus:focus {
  border-color: #974dff !important;
}
.tg-lightIndigo::before {
  border-color: #974dff;
}
.bd-lightViolet {
  border-color: #c44dff !important;
}
.bd-lightViolet-active:active {
  border-color: #c44dff !important;
}
.bd-lightViolet-hover:hover {
  border-color: #c44dff !important;
}
.bd-lightViolet-focus:focus {
  border-color: #c44dff !important;
}
.tg-lightViolet::before {
  border-color: #c44dff;
}
.bd-lightPink {
  border-color: #e98fcb !important;
}
.bd-lightPink-active:active {
  border-color: #e98fcb !important;
}
.bd-lightPink-hover:hover {
  border-color: #e98fcb !important;
}
.bd-lightPink-focus:focus {
  border-color: #e98fcb !important;
}
.tg-lightPink::before {
  border-color: #e98fcb;
}
.bd-lightMagenta {
  border-color: #ff2599 !important;
}
.bd-lightMagenta-active:active {
  border-color: #ff2599 !important;
}
.bd-lightMagenta-hover:hover {
  border-color: #ff2599 !important;
}
.bd-lightMagenta-focus:focus {
  border-color: #ff2599 !important;
}
.tg-lightMagenta::before {
  border-color: #ff2599;
}
.bd-lightCrimson {
  border-color: #ef0036 !important;
}
.bd-lightCrimson-active:active {
  border-color: #ef0036 !important;
}
.bd-lightCrimson-hover:hover {
  border-color: #ef0036 !important;
}
.bd-lightCrimson-focus:focus {
  border-color: #ef0036 !important;
}
.tg-lightCrimson::before {
  border-color: #ef0036;
}
.bd-lightRed {
  border-color: #df6e68 !important;
}
.bd-lightRed-active:active {
  border-color: #df6e68 !important;
}
.bd-lightRed-hover:hover {
  border-color: #df6e68 !important;
}
.bd-lightRed-focus:focus {
  border-color: #df6e68 !important;
}
.tg-lightRed::before {
  border-color: #df6e68;
}
.bd-lightOrange {
  border-color: #ff9447 !important;
}
.bd-lightOrange-active:active {
  border-color: #ff9447 !important;
}
.bd-lightOrange-hover:hover {
  border-color: #ff9447 !important;
}
.bd-lightOrange-focus:focus {
  border-color: #ff9447 !important;
}
.tg-lightOrange::before {
  border-color: #ff9447;
}
.bd-lightAmber {
  border-color: #f8bf4f !important;
}
.bd-lightAmber-active:active {
  border-color: #f8bf4f !important;
}
.bd-lightAmber-hover:hover {
  border-color: #f8bf4f !important;
}
.bd-lightAmber-focus:focus {
  border-color: #f8bf4f !important;
}
.tg-lightAmber::before {
  border-color: #f8bf4f;
}
.bd-lightYellow {
  border-color: #fff44d !important;
}
.bd-lightYellow-active:active {
  border-color: #fff44d !important;
}
.bd-lightYellow-hover:hover {
  border-color: #fff44d !important;
}
.bd-lightYellow-focus:focus {
  border-color: #fff44d !important;
}
.tg-lightYellow::before {
  border-color: #fff44d;
}
.bd-lightBrown {
  border-color: #bb823f !important;
}
.bd-lightBrown-active:active {
  border-color: #bb823f !important;
}
.bd-lightBrown-hover:hover {
  border-color: #bb823f !important;
}
.bd-lightBrown-focus:focus {
  border-color: #bb823f !important;
}
.tg-lightBrown::before {
  border-color: #bb823f;
}
.bd-lightOlive {
  border-color: #95ab8d !important;
}
.bd-lightOlive-active:active {
  border-color: #95ab8d !important;
}
.bd-lightOlive-hover:hover {
  border-color: #95ab8d !important;
}
.bd-lightOlive-focus:focus {
  border-color: #95ab8d !important;
}
.tg-lightOlive::before {
  border-color: #95ab8d;
}
.bd-lightSteel {
  border-color: #8d9cab !important;
}
.bd-lightSteel-active:active {
  border-color: #8d9cab !important;
}
.bd-lightSteel-hover:hover {
  border-color: #8d9cab !important;
}
.bd-lightSteel-focus:focus {
  border-color: #8d9cab !important;
}
.tg-lightSteel::before {
  border-color: #8d9cab;
}
.bd-lightMauve {
  border-color: #9c89ad !important;
}
.bd-lightMauve-active:active {
  border-color: #9c89ad !important;
}
.bd-lightMauve-hover:hover {
  border-color: #9c89ad !important;
}
.bd-lightMauve-focus:focus {
  border-color: #9c89ad !important;
}
.tg-lightMauve::before {
  border-color: #9c89ad;
}
.bd-lightTaupe {
  border-color: #aea073 !important;
}
.bd-lightTaupe-active:active {
  border-color: #aea073 !important;
}
.bd-lightTaupe-hover:hover {
  border-color: #aea073 !important;
}
.bd-lightTaupe-focus:focus {
  border-color: #aea073 !important;
}
.tg-lightTaupe::before {
  border-color: #aea073;
}
.bd-lightGray {
  border-color: #e4e4e4 !important;
}
.bd-lightGray-active:active {
  border-color: #e4e4e4 !important;
}
.bd-lightGray-hover:hover {
  border-color: #e4e4e4 !important;
}
.bd-lightGray-focus:focus {
  border-color: #e4e4e4 !important;
}
.tg-lightGray::before {
  border-color: #e4e4e4;
}
.bd-lightGrayBlue {
  border-color: #8aa2ae !important;
}
.bd-lightGrayBlue-active:active {
  border-color: #8aa2ae !important;
}
.bd-lightGrayBlue-hover:hover {
  border-color: #8aa2ae !important;
}
.bd-lightGrayBlue-focus:focus {
  border-color: #8aa2ae !important;
}
.tg-lightGrayBlue::before {
  border-color: #8aa2ae;
}
.bd-darkLime {
  border-color: #647800 !important;
}
.bd-darkLime-active:active {
  border-color: #647800 !important;
}
.bd-darkLime-hover:hover {
  border-color: #647800 !important;
}
.bd-darkLime-focus:focus {
  border-color: #647800 !important;
}
.tg-darkLime::before {
  border-color: #647800;
}
.bd-darkGreen {
  border-color: #3a660e !important;
}
.bd-darkGreen-active:active {
  border-color: #3a660e !important;
}
.bd-darkGreen-hover:hover {
  border-color: #3a660e !important;
}
.bd-darkGreen-focus:focus {
  border-color: #3a660e !important;
}
.tg-darkGreen::before {
  border-color: #3a660e;
}
.bd-darkEmerald {
  border-color: #003d00 !important;
}
.bd-darkEmerald-active:active {
  border-color: #003d00 !important;
}
.bd-darkEmerald-hover:hover {
  border-color: #003d00 !important;
}
.bd-darkEmerald-focus:focus {
  border-color: #003d00 !important;
}
.tg-darkEmerald::before {
  border-color: #003d00;
}
.bd-darkBlue {
  border-color: #0077a3 !important;
}
.bd-darkBlue-active:active {
  border-color: #0077a3 !important;
}
.bd-darkBlue-hover:hover {
  border-color: #0077a3 !important;
}
.bd-darkBlue-focus:focus {
  border-color: #0077a3 !important;
}
.tg-darkBlue::before {
  border-color: #0077a3;
}
.bd-darkTeal {
  border-color: #005e5d !important;
}
.bd-darkTeal-active:active {
  border-color: #005e5d !important;
}
.bd-darkTeal-hover:hover {
  border-color: #005e5d !important;
}
.bd-darkTeal-focus:focus {
  border-color: #005e5d !important;
}
.tg-darkTeal::before {
  border-color: #005e5d;
}
.bd-darkCyan {
  border-color: #13709e !important;
}
.bd-darkCyan-active:active {
  border-color: #13709e !important;
}
.bd-darkCyan-hover:hover {
  border-color: #13709e !important;
}
.bd-darkCyan-focus:focus {
  border-color: #13709e !important;
}
.tg-darkCyan::before {
  border-color: #13709e;
}
.bd-darkCobalt {
  border-color: #0036a3 !important;
}
.bd-darkCobalt-active:active {
  border-color: #0036a3 !important;
}
.bd-darkCobalt-hover:hover {
  border-color: #0036a3 !important;
}
.bd-darkCobalt-focus:focus {
  border-color: #0036a3 !important;
}
.tg-darkCobalt::before {
  border-color: #0036a3;
}
.bd-darkIndigo {
  border-color: #4a00b3 !important;
}
.bd-darkIndigo-active:active {
  border-color: #4a00b3 !important;
}
.bd-darkIndigo-hover:hover {
  border-color: #4a00b3 !important;
}
.bd-darkIndigo-focus:focus {
  border-color: #4a00b3 !important;
}
.tg-darkIndigo::before {
  border-color: #4a00b3;
}
.bd-darkViolet {
  border-color: #7700b3 !important;
}
.bd-darkViolet-active:active {
  border-color: #7700b3 !important;
}
.bd-darkViolet-hover:hover {
  border-color: #7700b3 !important;
}
.bd-darkViolet-focus:focus {
  border-color: #7700b3 !important;
}
.tg-darkViolet::before {
  border-color: #7700b3;
}
.bd-darkPink {
  border-color: #ba2588 !important;
}
.bd-darkPink-active:active {
  border-color: #ba2588 !important;
}
.bd-darkPink-hover:hover {
  border-color: #ba2588 !important;
}
.bd-darkPink-focus:focus {
  border-color: #ba2588 !important;
}
.tg-darkPink::before {
  border-color: #ba2588;
}
.bd-darkMagenta {
  border-color: #8c004a !important;
}
.bd-darkMagenta-active:active {
  border-color: #8c004a !important;
}
.bd-darkMagenta-hover:hover {
  border-color: #8c004a !important;
}
.bd-darkMagenta-focus:focus {
  border-color: #8c004a !important;
}
.tg-darkMagenta::before {
  border-color: #8c004a;
}
.bd-darkCrimson {
  border-color: #560014 !important;
}
.bd-darkCrimson-active:active {
  border-color: #560014 !important;
}
.bd-darkCrimson-hover:hover {
  border-color: #560014 !important;
}
.bd-darkCrimson-focus:focus {
  border-color: #560014 !important;
}
.tg-darkCrimson::before {
  border-color: #560014;
}
.bd-darkRed {
  border-color: #8f251f !important;
}
.bd-darkRed-active:active {
  border-color: #8f251f !important;
}
.bd-darkRed-hover:hover {
  border-color: #8f251f !important;
}
.bd-darkRed-focus:focus {
  border-color: #8f251f !important;
}
.tg-darkRed::before {
  border-color: #8f251f;
}
.bd-darkOrange {
  border-color: #ae4800 !important;
}
.bd-darkOrange-active:active {
  border-color: #ae4800 !important;
}
.bd-darkOrange-hover:hover {
  border-color: #ae4800 !important;
}
.bd-darkOrange-focus:focus {
  border-color: #ae4800 !important;
}
.tg-darkOrange::before {
  border-color: #ae4800;
}
.bd-darkAmber {
  border-color: #a77107 !important;
}
.bd-darkAmber-active:active {
  border-color: #a77107 !important;
}
.bd-darkAmber-hover:hover {
  border-color: #a77107 !important;
}
.bd-darkAmber-focus:focus {
  border-color: #a77107 !important;
}
.tg-darkAmber::before {
  border-color: #a77107;
}
.bd-darkYellow {
  border-color: #b3a800 !important;
}
.bd-darkYellow-active:active {
  border-color: #b3a800 !important;
}
.bd-darkYellow-hover:hover {
  border-color: #b3a800 !important;
}
.bd-darkYellow-focus:focus {
  border-color: #b3a800 !important;
}
.tg-darkYellow::before {
  border-color: #b3a800;
}
.bd-darkBrown {
  border-color: #493219 !important;
}
.bd-darkBrown-active:active {
  border-color: #493219 !important;
}
.bd-darkBrown-hover:hover {
  border-color: #493219 !important;
}
.bd-darkBrown-focus:focus {
  border-color: #493219 !important;
}
.tg-darkBrown::before {
  border-color: #493219;
}
.bd-darkOlive {
  border-color: #4a5b43 !important;
}
.bd-darkOlive-active:active {
  border-color: #4a5b43 !important;
}
.bd-darkOlive-hover:hover {
  border-color: #4a5b43 !important;
}
.bd-darkOlive-focus:focus {
  border-color: #4a5b43 !important;
}
.tg-darkOlive::before {
  border-color: #4a5b43;
}
.bd-darkSteel {
  border-color: #43505b !important;
}
.bd-darkSteel-active:active {
  border-color: #43505b !important;
}
.bd-darkSteel-hover:hover {
  border-color: #43505b !important;
}
.bd-darkSteel-focus:focus {
  border-color: #43505b !important;
}
.tg-darkSteel::before {
  border-color: #43505b;
}
.bd-darkMauve {
  border-color: #4f415d !important;
}
.bd-darkMauve-active:active {
  border-color: #4f415d !important;
}
.bd-darkMauve-hover:hover {
  border-color: #4f415d !important;
}
.bd-darkMauve-focus:focus {
  border-color: #4f415d !important;
}
.tg-darkMauve::before {
  border-color: #4f415d;
}
.bd-darkTaupe {
  border-color: #574e32 !important;
}
.bd-darkTaupe-active:active {
  border-color: #574e32 !important;
}
.bd-darkTaupe-hover:hover {
  border-color: #574e32 !important;
}
.bd-darkTaupe-focus:focus {
  border-color: #574e32 !important;
}
.tg-darkTaupe::before {
  border-color: #574e32;
}
.bd-darkGray {
  border-color: #989898 !important;
}
.bd-darkGray-active:active {
  border-color: #989898 !important;
}
.bd-darkGray-hover:hover {
  border-color: #989898 !important;
}
.bd-darkGray-focus:focus {
  border-color: #989898 !important;
}
.tg-darkGray::before {
  border-color: #989898;
}
.bd-darkGrayBlue {
  border-color: #41545e !important;
}
.bd-darkGrayBlue-active:active {
  border-color: #41545e !important;
}
.bd-darkGrayBlue-hover:hover {
  border-color: #41545e !important;
}
.bd-darkGrayBlue-focus:focus {
  border-color: #41545e !important;
}
.tg-darkGrayBlue::before {
  border-color: #41545e;
}
.fc-black {
  fill: #000000 !important;
}
.fc-black-active:active {
  fill: #000000 !important;
}
.fc-black-hover:hover {
  fill: #000000 !important;
}
.fc-black-focus:focus {
  fill: #000000 !important;
}
.fc-white {
  fill: #ffffff !important;
}
.fc-white-active:active {
  fill: #ffffff !important;
}
.fc-white-hover:hover {
  fill: #ffffff !important;
}
.fc-white-focus:focus {
  fill: #ffffff !important;
}
.fc-dark {
  fill: #1d1d1d !important;
}
.fc-dark-active:active {
  fill: #1d1d1d !important;
}
.fc-dark-hover:hover {
  fill: #1d1d1d !important;
}
.fc-dark-focus:focus {
  fill: #1d1d1d !important;
}
.fc-light {
  fill: #f8f8f8 !important;
}
.fc-light-active:active {
  fill: #f8f8f8 !important;
}
.fc-light-hover:hover {
  fill: #f8f8f8 !important;
}
.fc-light-focus:focus {
  fill: #f8f8f8 !important;
}
.fc-grayBlue {
  fill: #607d8b !important;
}
.fc-grayBlue-active:active {
  fill: #607d8b !important;
}
.fc-grayBlue-hover:hover {
  fill: #607d8b !important;
}
.fc-grayBlue-focus:focus {
  fill: #607d8b !important;
}
.fc-grayWhite {
  fill: #f5f5f5 !important;
}
.fc-grayWhite-active:active {
  fill: #f5f5f5 !important;
}
.fc-grayWhite-hover:hover {
  fill: #f5f5f5 !important;
}
.fc-grayWhite-focus:focus {
  fill: #f5f5f5 !important;
}
.fc-grayMouse {
  fill: #455a64 !important;
}
.fc-grayMouse-active:active {
  fill: #455a64 !important;
}
.fc-grayMouse-hover:hover {
  fill: #455a64 !important;
}
.fc-grayMouse-focus:focus {
  fill: #455a64 !important;
}
.fc-brandColor1 {
  fill: #2ac4f4 !important;
}
.fc-brandColor1-active:active {
  fill: #2ac4f4 !important;
}
.fc-brandColor1-hover:hover {
  fill: #2ac4f4 !important;
}
.fc-brandColor1-focus:focus {
  fill: #2ac4f4 !important;
}
.fc-brandColor2 {
  fill: #004d6f !important;
}
.fc-brandColor2-active:active {
  fill: #004d6f !important;
}
.fc-brandColor2-hover:hover {
  fill: #004d6f !important;
}
.fc-brandColor2-focus:focus {
  fill: #004d6f !important;
}
.fc-lime {
  fill: #a4c400 !important;
}
.fc-lime-active:active {
  fill: #a4c400 !important;
}
.fc-lime-hover:hover {
  fill: #a4c400 !important;
}
.fc-lime-focus:focus {
  fill: #a4c400 !important;
}
.fc-green {
  fill: #60a917 !important;
}
.fc-green-active:active {
  fill: #60a917 !important;
}
.fc-green-hover:hover {
  fill: #60a917 !important;
}
.fc-green-focus:focus {
  fill: #60a917 !important;
}
.fc-emerald {
  fill: #008a00 !important;
}
.fc-emerald-active:active {
  fill: #008a00 !important;
}
.fc-emerald-hover:hover {
  fill: #008a00 !important;
}
.fc-emerald-focus:focus {
  fill: #008a00 !important;
}
.fc-blue {
  fill: #00AFF0 !important;
}
.fc-blue-active:active {
  fill: #00AFF0 !important;
}
.fc-blue-hover:hover {
  fill: #00AFF0 !important;
}
.fc-blue-focus:focus {
  fill: #00AFF0 !important;
}
.fc-teal {
  fill: #00aba9 !important;
}
.fc-teal-active:active {
  fill: #00aba9 !important;
}
.fc-teal-hover:hover {
  fill: #00aba9 !important;
}
.fc-teal-focus:focus {
  fill: #00aba9 !important;
}
.fc-cyan {
  fill: #1ba1e2 !important;
}
.fc-cyan-active:active {
  fill: #1ba1e2 !important;
}
.fc-cyan-hover:hover {
  fill: #1ba1e2 !important;
}
.fc-cyan-focus:focus {
  fill: #1ba1e2 !important;
}
.fc-cobalt {
  fill: #0050ef !important;
}
.fc-cobalt-active:active {
  fill: #0050ef !important;
}
.fc-cobalt-hover:hover {
  fill: #0050ef !important;
}
.fc-cobalt-focus:focus {
  fill: #0050ef !important;
}
.fc-indigo {
  fill: #6a00ff !important;
}
.fc-indigo-active:active {
  fill: #6a00ff !important;
}
.fc-indigo-hover:hover {
  fill: #6a00ff !important;
}
.fc-indigo-focus:focus {
  fill: #6a00ff !important;
}
.fc-violet {
  fill: #aa00ff !important;
}
.fc-violet-active:active {
  fill: #aa00ff !important;
}
.fc-violet-hover:hover {
  fill: #aa00ff !important;
}
.fc-violet-focus:focus {
  fill: #aa00ff !important;
}
.fc-pink {
  fill: #dc4fad !important;
}
.fc-pink-active:active {
  fill: #dc4fad !important;
}
.fc-pink-hover:hover {
  fill: #dc4fad !important;
}
.fc-pink-focus:focus {
  fill: #dc4fad !important;
}
.fc-magenta {
  fill: #d80073 !important;
}
.fc-magenta-active:active {
  fill: #d80073 !important;
}
.fc-magenta-hover:hover {
  fill: #d80073 !important;
}
.fc-magenta-focus:focus {
  fill: #d80073 !important;
}
.fc-crimson {
  fill: #a20025 !important;
}
.fc-crimson-active:active {
  fill: #a20025 !important;
}
.fc-crimson-hover:hover {
  fill: #a20025 !important;
}
.fc-crimson-focus:focus {
  fill: #a20025 !important;
}
.fc-red {
  fill: #CE352C !important;
}
.fc-red-active:active {
  fill: #CE352C !important;
}
.fc-red-hover:hover {
  fill: #CE352C !important;
}
.fc-red-focus:focus {
  fill: #CE352C !important;
}
.fc-orange {
  fill: #fa6800 !important;
}
.fc-orange-active:active {
  fill: #fa6800 !important;
}
.fc-orange-hover:hover {
  fill: #fa6800 !important;
}
.fc-orange-focus:focus {
  fill: #fa6800 !important;
}
.fc-amber {
  fill: #f0a30a !important;
}
.fc-amber-active:active {
  fill: #f0a30a !important;
}
.fc-amber-hover:hover {
  fill: #f0a30a !important;
}
.fc-amber-focus:focus {
  fill: #f0a30a !important;
}
.fc-yellow {
  fill: #fff000 !important;
}
.fc-yellow-active:active {
  fill: #fff000 !important;
}
.fc-yellow-hover:hover {
  fill: #fff000 !important;
}
.fc-