.metro .box-sizing-border {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.metro .box-sizing-content {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
.metro .text-left {
  text-align: left;
}
.metro .text-right {
  text-align: right;
}
.metro .text-center {
  text-align: center;
}
.metro .text-justify {
  text-align: justify;
}
.metro .text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.metro .text-bold {
  font-weight: bold;
}
.metro .text-normal {
  font-weight: normal;
}
.metro .text-italic {
  font-style: italic;
}
.metro .no-border {
  border: 0 !important;
}
.metro .border {
  border: 1px #eaeaea solid;
}
.metro .border-left {
  border-left: 1px #eaeaea solid;
}
.metro .border-right {
  border-right: 1px #eaeaea solid;
}
.metro .border-top {
  border-top: 1px #eaeaea solid;
}
.metro .border-bottom {
  border-bottom: 1px #eaeaea solid;
}
.metro .collapse-separate {
  border-collapse: separate;
}
.metro .collapse-collapse {
  border-collapse: collapse;
}
.metro .pos-abs {
  position: absolute;
}
.metro .pos-rel {
  position: relative;
}
.metro .pos-fix {
  position: fixed;
}
.metro .place-left {
  float: left;
}
.metro .place-right {
  float: right;
}
.metro .place-top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.metro .place-top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.metro .place-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}
.metro .place-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}
.metro .on-left {
  margin-right: 5px;
}
.metro .on-right {
  margin-left: 5px;
}
.metro .on-left-more {
  margin-right: 10px;
}
.metro .on-right-more {
  margin-left: 10px;
}
.metro .padding5 {
  padding: 5px;
}
.metro .padding10 {
  padding: 10px;
}
.metro .padding15 {
  padding: 15px;
}
.metro .padding20 {
  padding: 20px;
}
.metro .margin5 {
  margin: 5px;
}
.metro .margin10 {
  margin: 10px;
}
.metro .margin15 {
  margin: 15px;
}
.metro .margin20 {
  margin: 20px;
}
.metro .nlm {
  margin-left: 0 !important;
}
.metro .nrm {
  margin-right: 0 !important;
}
.metro .ntm {
  margin-top: 0 !important;
}
.metro .nbm {
  margin-bottom: 0 !important;
}
.metro .nlp {
  padding-left: 0 !important;
}
.metro .nrp {
  padding-right: 0 !important;
}
.metro .ntp {
  padding-top: 0 !important;
}
.metro .nbp {
  padding-bottom: 0 !important;
}
.metro .no-margin {
  margin: 0  !important;
}
.metro .no-padding {
  padding: 0  !important;
}
.metro .no-float {
  float: none !important;
}
.metro .block {
  display: block !important;
  float: none !important;
}
.metro .inline-block {
  display: inline-block !important;
}
.metro .hide,
.metro .no-display {
  display: none !important;
}
.metro .no-visible {
  visibility: hidden !important;
}
.metro .visible {
  visibility: visible !important;
}
.metro .scroll-y,
.metro .scroll-vertical {
  overflow-y: scroll;
}
.metro .scroll-x,
.metro .scroll-horizontal {
  overflow-x: scroll;
}
.metro .no-overflow {
  overflow: hidden;
}
.metro .overflow {
  overflow: scroll;
}
.metro .one-column {
  -moz-columns: 1;
  -webkit-columns: 1;
  -o-columns: 1;
  -ms-columns: 1;
  columns: 1;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  -o-column-gap: 20px;
  -ms-column-gap: 20px;
  column-gap: 20px;
}
.metro .two-columns {
  -moz-columns: 2;
  -webkit-columns: 2;
  -o-columns: 2;
  -ms-columns: 2;
  columns: 2;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  -o-column-gap: 20px;
  -ms-column-gap: 20px;
  column-gap: 20px;
}
.metro .three-columns {
  -moz-columns: 3;
  -webkit-columns: 3;
  -o-columns: 3;
  -ms-columns: 3;
  columns: 3;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  -o-column-gap: 20px;
  -ms-column-gap: 20px;
  column-gap: 20px;
}
.metro .four-columns {
  -moz-columns: 4;
  -webkit-columns: 4;
  -o-columns: 4;
  -ms-columns: 4;
  columns: 4;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  -o-column-gap: 20px;
  -ms-column-gap: 20px;
  column-gap: 20px;
}
.metro .five-columns {
  -moz-columns: 5;
  -webkit-columns: 5;
  -o-columns: 5;
  -ms-columns: 5;
  columns: 5;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  -o-column-gap: 20px;
  -ms-column-gap: 20px;
  column-gap: 20px;
}
.metro .square5 {
  width: 5px;
  height: 5px;
}
.metro .square10 {
  width: 10px;
  height: 10px;
}
.metro .square15 {
  width: 15px;
  height: 15px;
}
.metro .square20 {
  width: 20px;
  height: 20px;
}
.metro .shadow {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);
}
.metro .text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.metro .opacity {
  opacity: .9;
}
.metro .half-opacity {
  opacity: .5;
}
.metro .hi-opacity {
  opacity: .2;
}
.metro .clearfix:before,
.metro .clearfix:after {
  display: table;
  content: "";
}
.metro .clearfix:after {
  clear: both;
}
.metro #element .selected {
  border: 4px #4390df solid;
}
.metro #element .selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
.metro #element .selected:before {
  position: absolute;
  display: block;
  content: "\e003";
  color: #fff;
  right: 0;
  font-family: 'metroSysIcons';
  font-size: 9pt;
  font-weight: normal;
  z-index: 102;
  top: 0;
}
.metro .calendar {
  width: 250px;
  border: 1px #eeeeee solid;
  font-size: 10pt;
}
.metro .calendar table {
  width: 100%;
  border-collapse: collapse;
}
.metro .calendar td,
.metro .calendar th {
  padding: 0;
  width: 14.28%;
}
.metro .calendar td {
  border: 1px  solid;
  border-color: #e6f5fc;
}
.metro .calendar td:first-child {
  border-left: 0;
}
.metro .calendar td:last-child {
  border-right: 0;
}
.metro .calendar tr:last-child td {
  border-bottom: 0;
}
.metro .calendar .day-of-week {
  padding: 5px;
  cursor: default;
}
.metro .calendar a {
  display: block;
  padding: 5px;
}
.metro .calendar a:hover {
  background-color: #eeeeee;
  color: #1d1d1d;
}
.metro .calendar .calendar-header {
  background-color: #1ba1e2;
  color: #ffffff;
}
.metro .calendar .calendar-header td,
.metro .calendar .calendar-header th {
  border: 0 !important;
}
.metro .calendar .calendar-header td a,
.metro .calendar .calendar-header th a {
  color: #ffffff;
}
.metro .calendar .calendar-header td a:hover,
.metro .calendar .calendar-header th a:hover {
  background-color: #1ba1e2;
  color: #ffffff;
}
.metro .calendar .calendar-actions td,
.metro .calendar .calendar-actions th {
  padding: 10px;
}
.metro .calendar .today a {
  background-color: #a0e857;
  color: #1d1d1d;
}
.metro .calendar .today a:hover {
  background-color: #128023;
  color: #ffffff;
}
.metro .calendar .day a {
  display: block;
  position: relative;
  border: 2px transparent solid;
}
.metro .calendar .day a.selected {
  border: 4px #4390df solid;
  border-width: 1px;
}
.metro .calendar .day a.selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
.metro .calendar .day a.selected:before {
  position: absolute;
  display: block;
  content: "\e003";
  color: #fff;
  right: 0;
  font-family: 'metroSysIcons';
  font-size: 9pt;
  font-weight: normal;
  z-index: 102;
  top: 0;
}
.metro .calendar .day a.selected:after {
  border-top-width: 12px;
  border-left-width: 12px;
}
.metro .calendar .day a.selected:before {
  font-size: 4pt;
}
.metro .calendar .month a,
.metro .calendar .year a {
  padding-top: 20px;
  padding-bottom: 20px;
}
.metro .calendar .other-day {
  display: block;
  text-align: center;
  color: #999999;
}
.metro .calendar-dropdown {
  border: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);
}
.metro .stepper {
  margin: 10px 0;
}
.metro .stepper:before,
.metro .stepper:after {
  display: table;
  content: "";
}
.metro .stepper:after {
  clear: both;
}
.metro .stepper > ul {
  counter-reset: li;
  border-top: 1px #1d1d1d dotted;
  position: relative;
  padding: 0;
  margin: 30px 0;
  width: 100%;
}
.metro .stepper > ul li {
  list-style: none;
  float: left;
  width: 2em;
  height: 2em;
  margin-top: -1em;
  position: absolute;
  left: 0;
  background: #666;
  cursor: pointer;
}
.metro .stepper > ul li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  box-sizing: border-box;
  padding: .3em 10px;
  color: #fff;
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
  text-align: center;
}
.metro .stepper > ul li:hover {
  background-color: #999999;
}
.metro .stepper > ul li.current,
.metro .stepper > ul li.complete {
  transition: all 0.2s ease;
}
.metro .stepper > ul li.current {
  background-color: #1ba1e2;
}
.metro .stepper > ul li.current:hover {
  background-color: #00ccff;
}
.metro .stepper > ul li.complete {
  background-color: #60a917;
}
.metro .stepper > ul li.complete:hover {
  background-color: #7ad61d;
}
.metro .stepper.rounded li {
  border-radius: 100%;
}
.metro .stepper.diamond li {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.metro .stepper.diamond li:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.metro .wizard .steps {
  margin: 10px 0;
  padding: 20px;
  border: 1px #eeeeee solid;
  position: relative;
}
.metro .wizard .steps .step {
  position: relative;
  width: 100%;
  height: 100%;
  display: none;
}
.metro .wizard .steps .step:first-child {
  display: block;
}
.metro .wizard .actions .group-right {
  float: right;
}
.metro .wizard .actions .group-left {
  float: left;
}
.metro .bg-black {
  background-color: #000000 !important;
}
.metro .bg-white {
  background-color: #ffffff !important;
}
.metro .bg-lime {
  background-color: #a4c400 !important;
}
.metro .bg-green {
  background-color: #60a917 !important;
}
.metro .bg-emerald {
  background-color: #008a00 !important;
}
.metro .bg-teal {
  background-color: #00aba9 !important;
}
.metro .bg-cyan {
  background-color: #1ba1e2 !important;
}
.metro .bg-cobalt {
  background-color: #0050ef !important;
}
.metro .bg-indigo {
  background-color: #6a00ff !important;
}
.metro .bg-violet {
  background-color: #aa00ff !important;
}
.metro .bg-pink {
  background-color: #dc4fad !important;
}
.metro .bg-magenta {
  background-color: #d80073 !important;
}
.metro .bg-crimson {
  background-color: #a20025 !important;
}
.metro .bg-red {
  background-color: #e51400 !important;
}
.metro .bg-orange {
  background-color: #fa6800 !important;
}
.metro .bg-amber {
  background-color: #f0a30a !important;
}
.metro .bg-yellow {
  background-color: #e3c800 !important;
}
.metro .bg-brown {
  background-color: #825a2c !important;
}
.metro .bg-olive {
  background-color: #6d8764 !important;
}
.metro .bg-steel {
  background-color: #647687 !important;
}
.metro .bg-mauve {
  background-color: #76608a !important;
}
.metro .bg-taupe {
  background-color: #87794e !important;
}
.metro .bg-gray {
  background-color: #555555 !important;
}
.metro .bg-dark {
  background-color: #333333 !important;
}
.metro .bg-darker {
  background-color: #222222 !important;
}
.metro .bg-transparent {
  background-color: transparent !important;
}
.metro .bg-darkBrown {
  background-color: #63362f !important;
}
.metro .bg-darkCrimson {
  background-color: #640024 !important;
}
.metro .bg-darkMagenta {
  background-color: #81003c !important;
}
.metro .bg-darkIndigo {
  background-color: #4b0096 !important;
}
.metro .bg-darkCyan {
  background-color: #1b6eae !important;
}
.metro .bg-darkCobalt {
  background-color: #00356a !important;
}
.metro .bg-darkTeal {
  background-color: #004050 !important;
}
.metro .bg-darkEmerald {
  background-color: #003e00 !important;
}
.metro .bg-darkGreen {
  background-color: #128023 !important;
}
.metro .bg-darkOrange {
  background-color: #bf5a15 !important;
}
.metro .bg-darkRed {
  background-color: #9a1616 !important;
}
.metro .bg-darkPink {
  background-color: #9a165a !important;
}
.metro .bg-darkViolet {
  background-color: #57169a !important;
}
.metro .bg-darkBlue {
  background-color: #16499a !important;
}
.metro .bg-lightBlue {
  background-color: #4390df !important;
}
.metro .bg-lightRed {
  background-color: #ff2d19 !important;
}
.metro .bg-lightGreen {
  background-color: #7ad61d !important;
}
.metro .bg-lighterBlue {
  background-color: #00ccff !important;
}
.metro .bg-lightTeal {
  background-color: #45fffd !important;
}
.metro .bg-lightOlive {
  background-color: #78aa1c !important;
}
.metro .bg-lightOrange {
  background-color: #c29008 !important;
}
.metro .bg-lightPink {
  background-color: #f472d0 !important;
}
.metro .bg-grayDark {
  background-color: #333333 !important;
}
.metro .bg-grayDarker {
  background-color: #222222 !important;
}
.metro .bg-grayLight {
  background-color: #999999 !important;
}
.metro .bg-grayLighter {
  background-color: #eeeeee !important;
}
.metro .bg-blue {
  background-color: #00aff0 !important;
}
.metro .fg-black {
  color: #000000 !important;
}
.metro .fg-white {
  color: #ffffff !important;
}
.metro .fg-lime {
  color: #a4c400 !important;
}
.metro .fg-green {
  color: #60a917 !important;
}
.metro .fg-emerald {
  color: #008a00 !important;
}
.metro .fg-teal {
  color: #00aba9 !important;
}
.metro .fg-cyan {
  color: #1ba1e2 !important;
}
.metro .fg-cobalt {
  color: #0050ef !important;
}
.metro .fg-indigo {
  color: #6a00ff !important;
}
.metro .fg-violet {
  color: #aa00ff !important;
}
.metro .fg-pink {
  color: #dc4fad !important;
}
.metro .fg-magenta {
  color: #d80073 !important;
}
.metro .fg-crimson {
  color: #a20025 !important;
}
.metro .fg-red {
  color: #e51400 !important;
}
.metro .fg-orange {
  color: #fa6800 !important;
}
.metro .fg-amber {
  color: #f0a30a !important;
}
.metro .fg-yellow {
  color: #e3c800 !important;
}
.metro .fg-brown {
  color: #825a2c !important;
}
.metro .fg-olive {
  color: #6d8764 !important;
}
.metro .fg-steel {
  color: #647687 !important;
}
.metro .fg-mauve {
  color: #76608a !important;
}
.metro .fg-taupe {
  color: #87794e !important;
}
.metro .fg-gray {
  color: #555555 !important;
}
.metro .fg-dark {
  color: #333333 !important;
}
.metro .fg-darker {
  color: #222222 !important;
}
.metro .fg-transparent {
  color: transparent !important;
}
.metro .fg-darkBrown {
  color: #63362f !important;
}
.metro .fg-darkCrimson {
  color: #640024 !important;
}
.metro .fg-darkMagenta {
  color: #81003c !important;
}
.metro .fg-darkIndigo {
  color: #4b0096 !important;
}
.metro .fg-darkCyan {
  color: #1b6eae !important;
}
.metro .fg-darkCobalt {
  color: #00356a !important;
}
.metro .fg-darkTeal {
  color: #004050 !important;
}
.metro .fg-darkEmerald {
  color: #003e00 !important;
}
.metro .fg-darkGreen {
  color: #128023 !important;
}
.metro .fg-darkOrange {
  color: #bf5a15 !important;
}
.metro .fg-darkRed {
  color: #9a1616 !important;
}
.metro .fg-darkPink {
  color: #9a165a !important;
}
.metro .fg-darkViolet {
  color: #57169a !important;
}
.metro .fg-darkBlue {
  color: #16499a !important;
}
.metro .fg-lightBlue {
  color: #4390df !important;
}
.metro .fg-lighterBlue {
  color: #00ccff !important;
}
.metro .fg-lightTeal {
  color: #45fffd !important;
}
.metro .fg-lightOlive {
  color: #78aa1c !important;
}
.metro .fg-lightOrange {
  color: #c29008 !important;
}
.metro .fg-lightPink {
  color: #f472d0 !important;
}
.metro .fg-lightRed {
  color: #ff2d19 !important;
}
.metro .fg-lightGreen {
  color: #7ad61d !important;
}
.metro .fg-grayDark {
  color: #333333 !important;
}
.metro .fg-grayDarker {
  color: #222222 !important;
}
.metro .fg-grayLight {
  color: #999999 !important;
}
.metro .fg-grayLighter {
  color: #eeeeee !important;
}
.metro .fg-blue {
  color: #00aff0 !important;
}
.metro .ol-black {
  outline-color: #000000 !important;
}
.metro .ol-white {
  outline-color: #ffffff !important;
}
.metro .ol-lime {
  outline-color: #a4c400 !important;
}
.metro .ol-green {
  outline-color: #60a917 !important;
}
.metro .ol-emerald {
  outline-color: #008a00 !important;
}
.metro .ol-teal {
  outline-color: #00aba9 !important;
}
.metro .ol-cyan {
  outline-color: #1ba1e2 !important;
}
.metro .ol-cobalt {
  outline-color: #0050ef !important;
}
.metro .ol-indigo {
  outline-color: #6a00ff !important;
}
.metro .ol-violet {
  outline-color: #aa00ff !important;
}
.metro .ol-pink {
  outline-color: #dc4fad !important;
}
.metro .ol-magenta {
  outline-color: #d80073 !important;
}
.metro .ol-crimson {
  outline-color: #a20025 !important;
}
.metro .ol-red {
  outline-color: #e51400 !important;
}
.metro .ol-orange {
  outline-color: #fa6800 !important;
}
.metro .ol-amber {
  outline-color: #f0a30a !important;
}
.metro .ol-yellow {
  outline-color: #e3c800 !important;
}
.metro .ol-brown {
  outline-color: #825a2c !important;
}
.metro .ol-olive {
  outline-color: #6d8764 !important;
}
.metro .ol-steel {
  outline-color: #647687 !important;
}
.metro .ol-mauve {
  outline-color: #76608a !important;
}
.metro .ol-taupe {
  outline-color: #87794e !important;
}
.metro .ol-gray {
  outline-color: #555555 !important;
}
.metro .ol-dark {
  outline-color: #333333 !important;
}
.metro .ol-darker {
  outline-color: #222222 !important;
}
.metro .ol-transparent {
  outline-color: transparent !important;
}
.metro .ol-darkBrown {
  outline-color: #63362f !important;
}
.metro .ol-darkCrimson {
  outline-color: #640024 !important;
}
.metro .ol-darkMagenta {
  outline-color: #81003c !important;
}
.metro .ol-darkIndigo {
  outline-color: #4b0096 !important;
}
.metro .ol-darkCyan {
  outline-color: #1b6eae !important;
}
.metro .ol-darkCobalt {
  outline-color: #00356a !important;
}
.metro .ol-darkTeal {
  outline-color: #004050 !important;
}
.metro .ol-darkEmerald {
  outline-color: #003e00 !important;
}
.metro .ol-darkGreen {
  outline-color: #128023 !important;
}
.metro .ol-darkOrange {
  outline-color: #bf5a15 !important;
}
.metro .ol-darkRed {
  outline-color: #9a1616 !important;
}
.metro .ol-darkPink {
  outline-color: #9a165a !important;
}
.metro .ol-darkViolet {
  outline-color: #57169a !important;
}
.metro .ol-darkBlue {
  outline-color: #16499a !important;
}
.metro .ol-lightBlue {
  outline-color: #4390df !important;
}
.metro .ol-lighterBlue {
  outline-color: #00ccff !important;
}
.metro .ol-lightTeal {
  outline-color: #45fffd !important;
}
.metro .ol-lightOlive {
  outline-color: #78aa1c !important;
}
.metro .ol-lightOrange {
  outline-color: #c29008 !important;
}
.metro .ol-lightPink {
  outline-color: #f472d0 !important;
}
.metro .ol-lightRed {
  outline-color: #ff2d19 !important;
}
.metro .ol-lightGreen {
  outline-color: #7ad61d !important;
}
.metro .ol-grayDark {
  outline-color: #333333 !important;
}
.metro .ol-grayDarker {
  outline-color: #222222 !important;
}
.metro .ol-grayLight {
  outline-color: #999999 !important;
}
.metro .ol-grayLighter {
  outline-color: #eeeeee !important;
}
.metro .ol-blue {
  outline-color: #00aff0 !important;
}
.metro .bd-black {
  border-color: #000000 !important;
}
.metro .bd-white {
  border-color: #ffffff !important;
}
.metro .bd-lime {
  border-color: #a4c400 !important;
}
.metro .bd-green {
  border-color: #60a917 !important;
}
.metro .bd-emerald {
  border-color: #008a00 !important;
}
.metro .bd-teal {
  border-color: #00aba9 !important;
}
.metro .bd-cyan {
  border-color: #1ba1e2 !important;
}
.metro .bd-cobalt {
  border-color: #0050ef !important;
}
.metro .bd-indigo {
  border-color: #6a00ff !important;
}
.metro .bd-violet {
  border-color: #aa00ff !important;
}
.metro .bd-pink {
  border-color: #dc4fad !important;
}
.metro .bd-magenta {
  border-color: #d80073 !important;
}
.metro .bd-crimson {
  border-color: #a20025 !important;
}
.metro .bd-red {
  border-color: #e51400 !important;
}
.metro .bd-orange {
  border-color: #fa6800 !important;
}
.metro .bd-amber {
  border-color: #f0a30a !important;
}
.metro .bd-yellow {
  border-color: #e3c800 !important;
}
.metro .bd-brown {
  border-color: #825a2c !important;
}
.metro .bd-olive {
  border-color: #6d8764 !important;
}
.metro .bd-steel {
  border-color: #647687 !important;
}
.metro .bd-mauve {
  border-color: #76608a !important;
}
.metro .bd-taupe {
  border-color: #87794e !important;
}
.metro .bd-gray {
  border-color: #555555 !important;
}
.metro .bd-dark {
  border-color: #333333 !important;
}
.metro .bd-darker {
  border-color: #222222 !important;
}
.metro .bd-transparent {
  border-color: transparent !important;
}
.metro .bd-darkBrown {
  border-color: #63362f !important;
}
.metro .bd-darkCrimson {
  border-color: #640024 !important;
}
.metro .bd-darkMagenta {
  border-color: #81003c !important;
}
.metro .bd-darkIndigo {
  border-color: #4b0096 !important;
}
.metro .bd-darkCyan {
  border-color: #1b6eae !important;
}
.metro .bd-darkCobalt {
  border-color: #00356a !important;
}
.metro .bd-darkTeal {
  border-color: #004050 !important;
}
.metro .bd-darkEmerald {
  border-color: #003e00 !important;
}
.metro .bd-darkGreen {
  border-color: #128023 !important;
}
.metro .bd-darkOrange {
  border-color: #bf5a15 !important;
}
.metro .bd-darkRed {
  border-color: #9a1616 !important;
}
.metro .bd-darkPink {
  border-color: #9a165a !important;
}
.metro .bd-darkViolet {
  border-color: #57169a !important;
}
.metro .bd-darkBlue {
  border-color: #16499a !important;
}
.metro .bd-lightBlue {
  border-color: #4390df !important;
}
.metro .bd-lightTeal {
  border-color: #45fffd !important;
}
.metro .bd-lightOlive {
  border-color: #78aa1c !important;
}
.metro .bd-lightOrange {
  border-color: #c29008 !important;
}
.metro .bd-lightPink {
  border-color: #f472d0 !important;
}
.metro .bd-lightRed {
  border-color: #ff2d19 !important;
}
.metro .bd-lightGreen {
  border-color: #7ad61d !important;
}
.metro .bd-grayDark {
  border-color: #333333 !important;
}
.metro .bd-grayDarker {
  border-color: #222222 !important;
}
.metro .bd-grayLight {
  border-color: #999999 !important;
}
.metro .bd-grayLighter {
  border-color: #eeeeee !important;
}
.metro .bd-blue {
  border-color: #00aff0 !important;
}
.metro .bg-hover-black:hover {
  background-color: #000000 !important;
}
.metro .bg-hover-white:hover {
  background-color: #ffffff !important;
}
.metro .bg-hover-lime:hover {
  background-color: #a4c400 !important;
}
.metro .bg-hover-green:hover {
  background-color: #60a917 !important;
}
.metro .bg-hover-emerald:hover {
  background-color: #008a00 !important;
}
.metro .bg-hover-teal:hover {
  background-color: #00aba9 !important;
}
.metro .bg-hover-cyan:hover {
  background-color: #1ba1e2 !important;
}
.metro .bg-hover-cobalt:hover {
  background-color: #0050ef !important;
}
.metro .bg-hover-indigo:hover {
  background-color: #6a00ff !important;
}
.metro .bg-hover-violet:hover {
  background-color: #aa00ff !important;
}
.metro .bg-hover-pink:hover {
  background-color: #dc4fad !important;
}
.metro .bg-hover-magenta:hover {
  background-color: #d80073 !important;
}
.metro .bg-hover-crimson:hover {
  background-color: #a20025 !important;
}
.metro .bg-hover-red:hover {
  background-color: #e51400 !important;
}
.metro .bg-hover-orange:hover {
  background-color: #fa6800 !important;
}
.metro .bg-hover-amber:hover {
  background-color: #f0a30a !important;
}
.metro .bg-hover-yellow:hover {
  background-color: #e3c800 !important;
}
.metro .bg-hover-brown:hover {
  background-color: #825a2c !important;
}
.metro .bg-hover-olive:hover {
  background-color: #6d8764 !important;
}
.metro .bg-hover-steel:hover {
  background-color: #647687 !important;
}
.metro .bg-hover-mauve:hover {
  background-color: #76608a !important;
}
.metro .bg-hover-taupe:hover {
  background-color: #87794e !important;
}
.metro .bg-hover-gray:hover {
  background-color: #555555 !important;
}
.metro .bg-hover-dark:hover {
  background-color: #333333 !important;
}
.metro .bg-hover-darker:hover {
  background-color: #222222 !important;
}
.metro .bg-hover-transparent:hover {
  background-color: transparent !important;
}
.metro .bg-hover-darkBrown:hover {
  background-color: #63362f !important;
}
.metro .bg-hover-darkCrimson:hover {
  background-color: #640024 !important;
}
.metro .bg-hover-darkMagenta:hover {
  background-color: #81003c !important;
}
.metro .bg-hover-darkIndigo:hover {
  background-color: #4b0096 !important;
}
.metro .bg-hover-darkCyan:hover {
  background-color: #1b6eae !important;
}
.metro .bg-hover-darkCobalt:hover {
  background-color: #00356a !important;
}
.metro .bg-hover-darkTeal:hover {
  background-color: #004050 !important;
}
.metro .bg-hover-darkEmerald:hover {
  background-color: #003e00 !important;
}
.metro .bg-hover-darkGreen:hover {
  background-color: #128023 !important;
}
.metro .bg-hover-darkOrange:hover {
  background-color: #bf5a15 !important;
}
.metro .bg-hover-darkRed:hover {
  background-color: #9a1616 !important;
}
.metro .bg-hover-darkPink:hover {
  background-color: #9a165a !important;
}
.metro .bg-hover-darkViolet:hover {
  background-color: #57169a !important;
}
.metro .bg-hover-darkBlue:hover {
  background-color: #16499a !important;
}
.metro .bg-hover-lightBlue:hover {
  background-color: #4390df !important;
}
.metro .bg-hover-lightTeal:hover {
  background-color: #45fffd !important;
}
.metro .bg-hover-lightOlive:hover {
  background-color: #78aa1c !important;
}
.metro .bg-hover-lightOrange:hover {
  background-color: #c29008 !important;
}
.metro .bg-hover-lightPink:hover {
  background-color: #f472d0 !important;
}
.metro .bg-hover-lightRed:hover {
  background-color: #ff2d19 !important;
}
.metro .bg-hover-lightGreen:hover {
  background-color: #7ad61d !important;
}
.metro .bg-hover-grayDark:hover {
  background-color: #333333 !important;
}
.metro .bg-hover-grayDarker:hover {
  background-color: #222222 !important;
}
.metro .bg-hover-grayLight:hover {
  background-color: #999999 !important;
}
.metro .bg-hover-grayLighter:hover {
  background-color: #eeeeee !important;
}
.metro .bg-hover-blue:hover {
  background-color: #00aff0 !important;
}
.metro .fg-hover-black:hover {
  color: #000000 !important;
}
.metro .fg-hover-white:hover {
  color: #ffffff !important;
}
.metro .fg-hover-lime:hover {
  color: #a4c400 !important;
}
.metro .fg-hover-green:hover {
  color: #60a917 !important;
}
.metro .fg-hover-emerald:hover {
  color: #008a00 !important;
}
.metro .fg-hover-teal:hover {
  color: #00aba9 !important;
}
.metro .fg-hover-cyan:hover {
  color: #1ba1e2 !important;
}
.metro .fg-hover-cobalt:hover {
  color: #0050ef !important;
}
.metro .fg-hover-indigo:hover {
  color: #6a00ff !important;
}
.metro .fg-hover-violet:hover {
  color: #aa00ff !important;
}
.metro .fg-hover-pink:hover {
  color: #dc4fad !important;
}
.metro .fg-hover-magenta:hover {
  color: #d80073 !important;
}
.metro .fg-hover-crimson:hover {
  color: #a20025 !important;
}
.metro .fg-hover-red:hover {
  color: #e51400 !important;
}
.metro .fg-hover-orange:hover {
  color: #fa6800 !important;
}
.metro .fg-hover-amber:hover {
  color: #f0a30a !important;
}
.metro .fg-hover-yellow:hover {
  color: #e3c800 !important;
}
.metro .fg-hover-brown:hover {
  color: #825a2c !important;
}
.metro .fg-hover-olive:hover {
  color: #6d8764 !important;
}
.metro .fg-hover-steel:hover {
  color: #647687 !important;
}
.metro .fg-hover-mauve:hover {
  color: #76608a !important;
}
.metro .fg-hover-taupe:hover {
  color: #87794e !important;
}
.metro .fg-hover-gray:hover {
  color: #555555 !important;
}
.metro .fg-hover-dark:hover {
  color: #333333 !important;
}
.metro .fg-hover-darker:hover {
  color: #222222 !important;
}
.metro .fg-hover-transparent:hover {
  color: transparent !important;
}
.metro .fg-hover-darkBrown:hover {
  color: #63362f !important;
}
.metro .fg-hover-darkCrimson:hover {
  color: #640024 !important;
}
.metro .fg-hover-darkMagenta:hover {
  color: #81003c !important;
}
.metro .fg-hover-darkIndigo:hover {
  color: #4b0096 !important;
}
.metro .fg-hover-darkCyan:hover {
  color: #1b6eae !important;
}
.metro .fg-hover-darkCobalt:hover {
  color: #00356a !important;
}
.metro .fg-hover-darkTeal:hover {
  color: #004050 !important;
}
.metro .fg-hover-darkEmerald:hover {
  color: #003e00 !important;
}
.metro .fg-hover-darkGreen:hover {
  color: #128023 !important;
}
.metro .fg-hover-darkOrange:hover {
  color: #bf5a15 !important;
}
.metro .fg-hover-darkRed:hover {
  color: #9a1616 !important;
}
.metro .fg-hover-darkPink:hover {
  color: #9a165a !important;
}
.metro .fg-hover-darkViolet:hover {
  color: #57169a !important;
}
.metro .fg-hover-darkBlue:hover {
  color: #16499a !important;
}
.metro .fg-hover-lightBlue:hover {
  color: #4390df !important;
}
.metro .fg-hover-lightTeal:hover {
  color: #45fffd !important;
}
.metro .fg-hover-lightOlive:hover {
  color: #78aa1c !important;
}
.metro .fg-hover-lightOrange:hover {
  color: #c29008 !important;
}
.metro .fg-hover-lightPink:hover {
  color: #f472d0 !important;
}
.metro .fg-hover-lightRed:hover {
  color: #ff2d19 !important;
}
.metro .fg-hover-lightGreen:hover {
  color: #7ad61d !important;
}
.metro .fg-hover-grayDark:hover {
  color: #333333 !important;
}
.metro .fg-hover-grayDarker:hover {
  color: #222222 !important;
}
.metro .fg-hover-grayLight:hover {
  color: #999999 !important;
}
.metro .fg-hover-grayLighter:hover {
  color: #eeeeee !important;
}
.metro .fg-hover-blue:hover {
  color: #00aff0 !important;
}
.metro .bg-active-black:active {
  background-color: #000000 !important;
}
.metro .bg-active-white:active {
  background-color: #ffffff !important;
}
.metro .bg-active-lime:active {
  background-color: #a4c400 !important;
}
.metro .bg-active-green:active {
  background-color: #60a917 !important;
}
.metro .bg-active-emerald:active {
  background-color: #008a00 !important;
}
.metro .bg-active-teal:active {
  background-color: #00aba9 !important;
}
.metro .bg-active-cyan:active {
  background-color: #1ba1e2 !important;
}
.metro .bg-active-cobalt:active {
  background-color: #0050ef !important;
}
.metro .bg-active-indigo:active {
  background-color: #6a00ff !important;
}
.metro .bg-active-violet:active {
  background-color: #aa00ff !important;
}
.metro .bg-active-pink:active {
  background-color: #dc4fad !important;
}
.metro .bg-active-magenta:active {
  background-color: #d80073 !important;
}
.metro .bg-active-crimson:active {
  background-color: #a20025 !important;
}
.metro .bg-active-red:active {
  background-color: #e51400 !important;
}
.metro .bg-active-orange:active {
  background-color: #fa6800 !important;
}
.metro .bg-active-amber:active {
  background-color: #f0a30a !important;
}
.metro .bg-active-yellow:active {
  background-color: #e3c800 !important;
}
.metro .bg-active-brown:active {
  background-color: #825a2c !important;
}
.metro .bg-active-olive:active {
  background-color: #6d8764 !important;
}
.metro .bg-active-steel:active {
  background-color: #647687 !important;
}
.metro .bg-active-mauve:active {
  background-color: #76608a !important;
}
.metro .bg-active-taupe:active {
  background-color: #87794e !important;
}
.metro .bg-active-gray:active {
  background-color: #555555 !important;
}
.metro .bg-active-dark:active {
  background-color: #333333 !important;
}
.metro .bg-active-darker:active {
  background-color: #222222 !important;
}
.metro .bg-active-transparent:active {
  background-color: transparent !important;
}
.metro .bg-active-darkBrown:active {
  background-color: #63362f !important;
}
.metro .bg-active-darkCrimson:active {
  background-color: #640024 !important;
}
.metro .bg-active-darkMagenta:active {
  background-color: #81003c !important;
}
.metro .bg-active-darkIndigo:active {
  background-color: #4b0096 !important;
}
.metro .bg-active-darkCyan:active {
  background-color: #1b6eae !important;
}
.metro .bg-active-darkCobalt:active {
  background-color: #00356a !important;
}
.metro .bg-active-darkTeal:active {
  background-color: #004050 !important;
}
.metro .bg-active-darkEmerald:active {
  background-color: #003e00 !important;
}
.metro .bg-active-darkGreen:active {
  background-color: #128023 !important;
}
.metro .bg-active-darkOrange:active {
  background-color: #bf5a15 !important;
}
.metro .bg-active-darkRed:active {
  background-color: #9a1616 !important;
}
.metro .bg-active-darkPink:active {
  background-color: #9a165a !important;
}
.metro .bg-active-darkViolet:active {
  background-color: #57169a !important;
}
.metro .bg-active-darkBlue:active {
  background-color: #16499a !important;
}
.metro .bg-active-lightBlue:active {
  background-color: #4390df !important;
}
.metro .bg-active-lightTeal:active {
  background-color: #45fffd !important;
}
.metro .bg-active-lightOlive:active {
  background-color: #78aa1c !important;
}
.metro .bg-active-lightOrange:active {
  background-color: #c29008 !important;
}
.metro .bg-active-lightPink:active {
  background-color: #f472d0 !important;
}
.metro .bg-active-lightRed:active {
  background-color: #ff2d19 !important;
}
.metro .bg-active-lightGreen:active {
  background-color: #7ad61d !important;
}
.metro .bg-active-grayDark:active {
  background-color: #333333 !important;
}
.metro .bg-active-grayDarker:active {
  background-color: #222222 !important;
}
.metro .bg-active-grayLight:active {
  background-color: #999999 !important;
}
.metro .bg-active-grayLighter:active {
  background-color: #eeeeee !important;
}
.metro .bg-active-blue:active {
  background-color: #00aff0 !important;
}
.metro .fg-active-black:active {
  color: #000000 !important;
}
.metro .fg-active-white:active {
  color: #ffffff !important;
}
.metro .fg-active-lime:active {
  color: #a4c400 !important;
}
.metro .fg-active-green:active {
  color: #60a917 !important;
}
.metro .fg-active-emerald:active {
  color: #008a00 !important;
}
.metro .fg-active-teal:active {
  color: #00aba9 !important;
}
.metro .fg-active-cyan:active {
  color: #1ba1e2 !important;
}
.metro .fg-active-cobalt:active {
  color: #0050ef !important;
}
.metro .fg-active-indigo:active {
  color: #6a00ff !important;
}
.metro .fg-active-violet:active {
  color: #aa00ff !important;
}
.metro .fg-active-pink:active {
  color: #dc4fad !important;
}
.metro .fg-active-magenta:active {
  color: #d80073 !important;
}
.metro .fg-active-crimson:active {
  color: #a20025 !important;
}
.metro .fg-active-red:active {
  color: #e51400 !important;
}
.metro .fg-active-orange:active {
  color: #fa6800 !important;
}
.metro .fg-active-amber:active {
  color: #f0a30a !important;
}
.metro .fg-active-yellow:active {
  color: #e3c800 !important;
}
.metro .fg-active-brown:active {
  color: #825a2c !important;
}
.metro .fg-active-olive:active {
  color: #6d8764 !important;
}
.metro .fg-active-steel:active {
  color: #647687 !important;
}
.metro .fg-active-mauve:active {
  color: #76608a !important;
}
.metro .fg-active-taupe:active {
  color: #87794e !important;
}
.metro .fg-active-gray:active {
  color: #555555 !important;
}
.metro .fg-active-dark:active {
  color: #333333 !important;
}
.metro .fg-active-darker:active {
  color: #222222 !important;
}
.metro .fg-active-transparent:active {
  color: transparent !important;
}
.metro .fg-active-darkBrown:active {
  color: #63362f !important;
}
.metro .fg-active-darkCrimson:active {
  color: #640024 !important;
}
.metro .fg-active-darkMagenta:active {
  color: #81003c !important;
}
.metro .fg-active-darkIndigo:active {
  color: #4b0096 !important;
}
.metro .fg-active-darkCyan:active {
  color: #1b6eae !important;
}
.metro .fg-active-darkCobalt:active {
  color: #00356a !important;
}
.metro .fg-active-darkTeal:active {
  color: #004050 !important;
}
.metro .fg-active-darkEmerald:active {
  color: #003e00 !important;
}
.metro .fg-active-darkGreen:active {
  color: #128023 !important;
}
.metro .fg-active-darkOrange:active {
  color: #bf5a15 !important;
}
.metro .fg-active-darkRed:active {
  color: #9a1616 !important;
}
.metro .fg-active-darkPink:active {
  color: #9a165a !important;
}
.metro .fg-active-darkViolet:active {
  color: #57169a !important;
}
.metro .fg-active-darkBlue:active {
  color: #16499a !important;
}
.metro .fg-active-lightBlue:active {
  color: #4390df !important;
}
.metro .fg-active-lightTeal:active {
  color: #45fffd !important;
}
.metro .fg-active-lightOlive:active {
  color: #78aa1c !important;
}
.metro .fg-active-lightOrange:active {
  color: #c29008 !important;
}
.metro .fg-active-lightPink:active {
  color: #f472d0 !important;
}
.metro .fg-active-lightRed:active {
  color: #ff2d19 !important;
}
.metro .fg-active-lightGreen:active {
  color: #7ad61d !important;
}
.metro .fg-active-grayDark:active {
  color: #333333 !important;
}
.metro .fg-active-grayDarker:active {
  color: #222222 !important;
}
.metro .fg-active-grayLight:active {
  color: #999999 !important;
}
.metro .fg-active-grayLighter:active {
  color: #eeeeee !important;
}
.metro .fg-active-blue:active {
  color: #00aff0 !important;
}
.metro .bg-focus-black:focus {
  background-color: #000000 !important;
}
.metro .bg-focus-white:focus {
  background-color: #ffffff !important;
}
.metro .bg-focus-lime:focus {
  background-color: #a4c400 !important;
}
.metro .bg-focus-green:focus {
  background-color: #60a917 !important;
}
.metro .bg-focus-emerald:focus {
  background-color: #008a00 !important;
}
.metro .bg-focus-teal:focus {
  background-color: #00aba9 !important;
}
.metro .bg-focus-cyan:focus {
  background-color: #1ba1e2 !important;
}
.metro .bg-focus-cobalt:focus {
  background-color: #0050ef !important;
}
.metro .bg-focus-indigo:focus {
  background-color: #6a00ff !important;
}
.metro .bg-focus-violet:focus {
  background-color: #aa00ff !important;
}
.metro .bg-focus-pink:focus {
  background-color: #dc4fad !important;
}
.metro .bg-focus-magenta:focus {
  background-color: #d80073 !important;
}
.metro .bg-focus-crimson:focus {
  background-color: #a20025 !important;
}
.metro .bg-focus-red:focus {
  background-color: #e51400 !important;
}
.metro .bg-focus-orange:focus {
  background-color: #fa6800 !important;
}
.metro .bg-focus-amber:focus {
  background-color: #f0a30a !important;
}
.metro .bg-focus-yellow:focus {
  background-color: #e3c800 !important;
}
.metro .bg-focus-brown:focus {
  background-color: #825a2c !important;
}
.metro .bg-focus-olive:focus {
  background-color: #6d8764 !important;
}
.metro .bg-focus-steel:focus {
  background-color: #647687 !important;
}
.metro .bg-focus-mauve:focus {
  background-color: #76608a !important;
}
.metro .bg-focus-taupe:focus {
  background-color: #87794e !important;
}
.metro .bg-focus-gray:focus {
  background-color: #555555 !important;
}
.metro .bg-focus-dark:focus {
  background-color: #333333 !important;
}
.metro .bg-focus-darker:focus {
  background-color: #222222 !important;
}
.metro .bg-focus-transparent:focus {
  background-color: transparent !important;
}
.metro .bg-focus-darkBrown:focus {
  background-color: #63362f !important;
}
.metro .bg-focus-darkCrimson:focus {
  background-color: #640024 !important;
}
.metro .bg-focus-darkMagenta:focus {
  background-color: #81003c !important;
}
.metro .bg-focus-darkIndigo:focus {
  background-color: #4b0096 !important;
}
.metro .bg-focus-darkCyan:focus {
  background-color: #1b6eae !important;
}
.metro .bg-focus-darkCobalt:focus {
  background-color: #00356a !important;
}
.metro .bg-focus-darkTeal:focus {
  background-color: #004050 !important;
}
.metro .bg-focus-darkEmerald:focus {
  background-color: #003e00 !important;
}
.metro .bg-focus-darkGreen:focus {
  background-color: #128023 !important;
}
.metro .bg-focus-darkOrange:focus {
  background-color: #bf5a15 !important;
}
.metro .bg-focus-darkRed:focus {
  background-color: #9a1616 !important;
}
.metro .bg-focus-darkPink:focus {
  background-color: #9a165a !important;
}
.metro .bg-focus-darkViolet:focus {
  background-color: #57169a !important;
}
.metro .bg-focus-darkBlue:focus {
  background-color: #16499a !important;
}
.metro .bg-focus-lightBlue:focus {
  background-color: #4390df !important;
}
.metro .bg-focus-lightTeal:focus {
  background-color: #45fffd !important;
}
.metro .bg-focus-lightOlive:focus {
  background-color: #78aa1c !important;
}
.metro .bg-focus-lightOrange:focus {
  background-color: #c29008 !important;
}
.metro .bg-focus-lightPink:focus {
  background-color: #f472d0 !important;
}
.metro .bg-focus-lightRed:focus {
  background-color: #ff2d19 !important;
}
.metro .bg-focus-lightGreen:focus {
  background-color: #7ad61d !important;
}
.metro .bg-focus-grayDark:focus {
  background-color: #333333 !important;
}
.metro .bg-focus-grayDarker:focus {
  background-color: #222222 !important;
}
.metro .bg-focus-grayLight:focus {
  background-color: #999999 !important;
}
.metro .bg-focus-grayLighter:focus {
  background-color: #eeeeee !important;
}
.metro .bg-focus-blue:focus {
  background-color: #00aff0 !important;
}
.metro .fg-focus-black:focus {
  color: #000000 !important;
}
.metro .fg-focus-white:focus {
  color: #ffffff !important;
}
.metro .fg-focus-lime:focus {
  color: #a4c400 !important;
}
.metro .fg-focus-green:focus {
  color: #60a917 !important;
}
.metro .fg-focus-emerald:focus {
  color: #008a00 !important;
}
.metro .fg-focus-teal:focus {
  color: #00aba9 !important;
}
.metro .fg-focus-cyan:focus {
  color: #1ba1e2 !important;
}
.metro .fg-focus-cobalt:focus {
  color: #0050ef !important;
}
.metro .fg-focus-indigo:focus {
  color: #6a00ff !important;
}
.metro .fg-focus-violet:focus {
  color: #aa00ff !important;
}
.metro .fg-focus-pink:focus {
  color: #dc4fad !important;
}
.metro .fg-focus-magenta:focus {
  color: #d80073 !important;
}
.metro .fg-focus-crimson:focus {
  color: #a20025 !important;
}
.metro .fg-focus-red:focus {
  color: #e51400 !important;
}
.metro .fg-focus-orange:focus {
  color: #fa6800 !important;
}
.metro .fg-focus-amber:focus {
  color: #f0a30a !important;
}
.metro .fg-focus-yellow:focus {
  color: #e3c800 !important;
}
.metro .fg-focus-brown:focus {
  color: #825a2c !important;
}
.metro .fg-focus-olive:focus {
  color: #6d8764 !important;
}
.metro .fg-focus-steel:focus {
  color: #647687 !important;
}
.metro .fg-focus-mauve:focus {
  color: #76608a !important;
}
.metro .fg-focus-taupe:focus {
  color: #87794e !important;
}
.metro .fg-focus-gray:focus {
  color: #555555 !important;
}
.metro .fg-focus-dark:focus {
  color: #333333 !important;
}
.metro .fg-focus-darker:focus {
  color: #222222 !important;
}
.metro .fg-focus-transparent:focus {
  color: transparent !important;
}
.metro .fg-focus-darkBrown:focus {
  color: #63362f !important;
}
.metro .fg-focus-darkCrimson:focus {
  color: #640024 !important;
}
.metro .fg-focus-darkMagenta:focus {
  color: #81003c !important;
}
.metro .fg-focus-darkIndigo:focus {
  color: #4b0096 !important;
}
.metro .fg-focus-darkCyan:focus {
  color: #1b6eae !important;
}
.metro .fg-focus-darkCobalt:focus {
  color: #00356a !important;
}
.metro .fg-focus-darkTeal:focus {
  color: #004050 !important;
}
.metro .fg-focus-darkEmerald:focus {
  color: #003e00 !important;
}
.metro .fg-focus-darkGreen:focus {
  color: #128023 !important;
}
.metro .fg-focus-darkOrange:focus {
  color: #bf5a15 !important;
}
.metro .fg-focus-darkRed:focus {
  color: #9a1616 !important;
}
.metro .fg-focus-darkPink:focus {
  color: #9a165a !important;
}
.metro .fg-focus-darkViolet:focus {
  color: #57169a !important;
}
.metro .fg-focus-darkBlue:focus {
  color: #16499a !important;
}
.metro .fg-focus-lightBlue:focus {
  color: #4390df !important;
}
.metro .fg-focus-lightTeal:focus {
  color: #45fffd !important;
}
.metro .fg-focus-lightOlive:focus {
  color: #78aa1c !important;
}
.metro .fg-focus-lightOrange:focus {
  color: #c29008 !important;
}
.metro .fg-focus-lightPink:focus {
  color: #f472d0 !important;
}
.metro .fg-focus-lightRed:focus {
  color: #ff2d19 !important;
}
.metro .fg-focus-lightGreen:focus {
  color: #7ad61d !important;
}
.metro .fg-focus-grayDark:focus {
  color: #333333 !important;
}
.metro .fg-focus-grayDarker:focus {
  color: #222222 !important;
}
.metro .fg-focus-grayLight:focus {
  color: #999999 !important;
}
.metro .fg-focus-grayLighter:focus {
  color: #eeeeee !important;
}
.metro .fg-focus-blue:focus {
  color: #00aff0 !important;
}
.metro .ribbed-black {
  background-color: #000000 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-white {
  background-color: #ffffff !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-lime {
  background-color: #a4c400 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-green {
  background-color: #60a917 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-emerald {
  background-color: #008a00 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-teal {
  background-color: #00aba9 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-cyan {
  background-color: #1ba1e2 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-cobalt {
  background-color: #0050ef !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-indigo {
  background-color: #6a00ff !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-violet {
  background-color: #aa00ff !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-pink {
  background-color: #dc4fad !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-magenta {
  background-color: #d80073 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-crimson {
  background-color: #a20025 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-red {
  background-color: #e51400 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-orange {
  background-color: #fa6800 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-amber {
  background-color: #f0a30a !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-yellow {
  background-color: #e3c800 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-brown {
  background-color: #825a2c !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-olive {
  background-color: #6d8764 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-steel {
  background-color: #647687 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-mauve {
  background-color: #76608a !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-taupe {
  background-color: #87794e !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-dark {
  background-color: #1d1d1d !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkBrown {
  background-color: #63362f !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkCrimson {
  background-color: #640024 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkMagenta {
  background-color: #81003c !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkIndigo {
  background-color: #4b0096 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkCyan {
  background-color: #1b6eae !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkCobalt {
  background-color: #00356a !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkTeal {
  background-color: #004050 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkEmerald {
  background-color: #003e00 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkGreen {
  background-color: #128023 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkOrange {
  background-color: #bf5a15 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkRed {
  background-color: #9a1616 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkPink {
  background-color: #9a165a !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkViolet {
  background-color: #57169a !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-darkBlue {
  background-color: #16499a !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-lightTeal {
  background-color: #45fffd !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-lightOlive {
  background-color: #78aa1c !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-lightOrange {
  background-color: #c29008 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-lightPink {
  background-color: #f472d0 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-lightRed {
  background-color: #ff2d19 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-lightGreen {
  background-color: #7ad61d !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-grayed {
  background-color: #585858 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-grayDarker {
  background-color: #222222 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-gray {
  background-color: #555555 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-grayLight {
  background-color: #999999 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-grayLighter {
  background-color: #eeeeee !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.metro .ribbed-blue {
  background-color: #00aff0 !important;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}