.spacer {
 height:14px
}
#app {
 height:100%
}
.heading {
 margin:4px;
 color:#00893B;
 font-weight:bold;
 font-size:22px
}
[v-cloak] {
 display:none
}
.text-break {
 word-wrap:break-word;
 overflow-wrap:break-word;
 -ms-word-break:break-all;
 word-break:break-all
}
.cursor-pointer {
 cursor:pointer
}
.cursor-default {
 cursor:default !important
}
.cursor-not-allowed {
 cursor:not-allowed !important
}
.valign-center {
 vertical-align:middle
}
.green-border {
 border:2px solid #00893B
}
.scroll-auto {
 overflow:auto
}
.blur {
 filter:grayscale(50%);
 -webkit-filter:grayscale(50%);
 -moz-filter:grayscale(50%);
 -o-filter:grayscale(50%);
 -ms-filter:grayscale(50%)
}
.invisible {
 visibility:hidden
}
.hidden {
 display:none
}
.position-relative {
 position:relative
}
.background-orange-light {
 background-color:#fddc82 !important
}
.background-green-light {
 background-color:#cfeddb !important
}
.background-green-dark {
 background-color:#b1e2c5 !important
}
.background-red-light {
 background-color:#ffdfda !important
}
hr {
 border:0;
 height:0;
 border-top:1px solid rgba(0,0,0,0.2);
 border-bottom:1px solid rgba(255,255,255,0.15);
 margin:0 0 4px 0
}
.steel-wheel-icon {
 height:30px;
 position:absolute;
 margin-top:-4px
}
.express {
 position:relative;
 top:1px
}
.tecdoc-image {
 max-height:120px;
 max-width:120px
}
.grid-row--highlight:hover {
 background:#cfeddb
}
.no-padding {
 padding:0
}
.no-margin {
 margin:0
}
.grid-row,
.grid-row-np,
.grid-row-npb {
 font-size:0
}
.grid-parent {
 padding:0 !important;
 font-size:0 !important
}
[class^="desktop-"],
[class^="desktop-small"],
[class^="tablet-"],
[class^="phablet-"],
[class^="phone-"] {
 font-size:15px;
 vertical-align:top;
 display:inline-block;
 margin:0;
 padding:4px 4px 4px 4px;
 color:#4a4a4a
}
.grid-row-np [class^="desktop-"],
.grid-row-np [class^="desktop-small"],
.grid-row-np [class^="tablet-"],
.grid-row-np [class^="phablet-"],
.grid-row-np [class^="phone-"] {
 padding:0
}
.grid-row-npb [class^="desktop-"],
.grid-row-npb [class^="desktop-small"],
.grid-row-npb [class^="tablet-"],
.grid-row-npb [class^="phablet-"],
.grid-row-npb [class^="phone-"] {
 padding-bottom:0
}
.grid-row-align-center {
 text-align:center
}
.desktop-hidden {
 display:none
}
.desktop-5 {
 width:5%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-5 {
 margin-left:5% !important
}
.desktop-append-5 {
 margin-right:5% !important
}
.desktop-hidden {
 display:none
}
.desktop-10 {
 width:10%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-10 {
 margin-left:10% !important
}
.desktop-append-10 {
 margin-right:10% !important
}
.desktop-hidden {
 display:none
}
.desktop-15 {
 width:15%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-15 {
 margin-left:15% !important
}
.desktop-append-15 {
 margin-right:15% !important
}
.desktop-hidden {
 display:none
}
.desktop-20 {
 width:20%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-20 {
 margin-left:20% !important
}
.desktop-append-20 {
 margin-right:20% !important
}
.desktop-hidden {
 display:none
}
.desktop-25 {
 width:25%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-25 {
 margin-left:25% !important
}
.desktop-append-25 {
 margin-right:25% !important
}
.desktop-hidden {
 display:none
}
.desktop-30 {
 width:30%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-30 {
 margin-left:30% !important
}
.desktop-append-30 {
 margin-right:30% !important
}
.desktop-hidden {
 display:none
}
.desktop-35 {
 width:35%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-35 {
 margin-left:35% !important
}
.desktop-append-35 {
 margin-right:35% !important
}
.desktop-hidden {
 display:none
}
.desktop-40 {
 width:40%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-40 {
 margin-left:40% !important
}
.desktop-append-40 {
 margin-right:40% !important
}
.desktop-hidden {
 display:none
}
.desktop-45 {
 width:45%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-45 {
 margin-left:45% !important
}
.desktop-append-45 {
 margin-right:45% !important
}
.desktop-hidden {
 display:none
}
.desktop-50 {
 width:50%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-50 {
 margin-left:50% !important
}
.desktop-append-50 {
 margin-right:50% !important
}
.desktop-hidden {
 display:none
}
.desktop-55 {
 width:55%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-55 {
 margin-left:55% !important
}
.desktop-append-55 {
 margin-right:55% !important
}
.desktop-hidden {
 display:none
}
.desktop-60 {
 width:60%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-60 {
 margin-left:60% !important
}
.desktop-append-60 {
 margin-right:60% !important
}
.desktop-hidden {
 display:none
}
.desktop-65 {
 width:65%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-65 {
 margin-left:65% !important
}
.desktop-append-65 {
 margin-right:65% !important
}
.desktop-hidden {
 display:none
}
.desktop-70 {
 width:70%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-70 {
 margin-left:70% !important
}
.desktop-append-70 {
 margin-right:70% !important
}
.desktop-hidden {
 display:none
}
.desktop-75 {
 width:75%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-75 {
 margin-left:75% !important
}
.desktop-append-75 {
 margin-right:75% !important
}
.desktop-hidden {
 display:none
}
.desktop-80 {
 width:80%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-80 {
 margin-left:80% !important
}
.desktop-append-80 {
 margin-right:80% !important
}
.desktop-hidden {
 display:none
}
.desktop-85 {
 width:85%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-85 {
 margin-left:85% !important
}
.desktop-append-85 {
 margin-right:85% !important
}
.desktop-hidden {
 display:none
}
.desktop-90 {
 width:90%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-90 {
 margin-left:90% !important
}
.desktop-append-90 {
 margin-right:90% !important
}
.desktop-hidden {
 display:none
}
.desktop-95 {
 width:95%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-95 {
 margin-left:95% !important
}
.desktop-append-95 {
 margin-right:95% !important
}
.desktop-hidden {
 display:none
}
.desktop-100 {
 width:100%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-100 {
 margin-left:100% !important
}
.desktop-append-100 {
 margin-right:100% !important
}
.desktop-prepend-0 {
 margin-left:0 !important
}
.desktop-append-0 {
 margin-right:0 !important
}
.desktop-no-padding {
 padding-bottom:0px
}
.desktop-align-right {
 text-align:right
}
.desktop-align-center {
 text-align:center
}
.desktop-valign-center {
 vertical-align:middle
}
.desktop-33 {
 width:33.33333333%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-33 {
 margin-left:33.33333333% !important
}
.desktop-append-33 {
 margin-right:33.33333333% !important
}
.desktop-66 {
 width:66.66666666%;
 display:inline-block;
 text-align:left;
 margin:0
}
.desktop-prepend-66 {
 margin-left:66.66666666% !important
}
.desktop-append-66 {
 margin-right:66.66666666% !important
}
@media only screen and (max-width: 1200px) {
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-5 {
  width:5%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-5 {
  margin-left:5% !important
 }
 .desktop-small-append-5 {
  margin-right:5% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-10 {
  width:10%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-10 {
  margin-left:10% !important
 }
 .desktop-small-append-10 {
  margin-right:10% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-15 {
  width:15%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-15 {
  margin-left:15% !important
 }
 .desktop-small-append-15 {
  margin-right:15% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-20 {
  width:20%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-20 {
  margin-left:20% !important
 }
 .desktop-small-append-20 {
  margin-right:20% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-25 {
  width:25%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-25 {
  margin-left:25% !important
 }
 .desktop-small-append-25 {
  margin-right:25% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-30 {
  width:30%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-30 {
  margin-left:30% !important
 }
 .desktop-small-append-30 {
  margin-right:30% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-35 {
  width:35%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-35 {
  margin-left:35% !important
 }
 .desktop-small-append-35 {
  margin-right:35% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-40 {
  width:40%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-40 {
  margin-left:40% !important
 }
 .desktop-small-append-40 {
  margin-right:40% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-45 {
  width:45%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-45 {
  margin-left:45% !important
 }
 .desktop-small-append-45 {
  margin-right:45% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-50 {
  width:50%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-50 {
  margin-left:50% !important
 }
 .desktop-small-append-50 {
  margin-right:50% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-55 {
  width:55%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-55 {
  margin-left:55% !important
 }
 .desktop-small-append-55 {
  margin-right:55% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-60 {
  width:60%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-60 {
  margin-left:60% !important
 }
 .desktop-small-append-60 {
  margin-right:60% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-65 {
  width:65%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-65 {
  margin-left:65% !important
 }
 .desktop-small-append-65 {
  margin-right:65% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-70 {
  width:70%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-70 {
  margin-left:70% !important
 }
 .desktop-small-append-70 {
  margin-right:70% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-75 {
  width:75%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-75 {
  margin-left:75% !important
 }
 .desktop-small-append-75 {
  margin-right:75% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-80 {
  width:80%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-80 {
  margin-left:80% !important
 }
 .desktop-small-append-80 {
  margin-right:80% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-85 {
  width:85%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-85 {
  margin-left:85% !important
 }
 .desktop-small-append-85 {
  margin-right:85% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-90 {
  width:90%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-90 {
  margin-left:90% !important
 }
 .desktop-small-append-90 {
  margin-right:90% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-95 {
  width:95%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-95 {
  margin-left:95% !important
 }
 .desktop-small-append-95 {
  margin-right:95% !important
 }
 .desktop-small-hidden {
  display:none
 }
 .desktop-small-100 {
  width:100%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-100 {
  margin-left:100% !important
 }
 .desktop-small-append-100 {
  margin-right:100% !important
 }
 .desktop-small-prepend-0 {
  margin-left:0 !important
 }
 .desktop-small-append-0 {
  margin-right:0 !important
 }
 .desktop-small-no-padding {
  padding-bottom:0px
 }
 .desktop-small-align-right {
  text-align:right
 }
 .desktop-small-align-center {
  text-align:center
 }
 .desktop-small-valign-center {
  vertical-align:middle
 }
 .desktop-small-33 {
  width:33.33333333%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-33 {
  margin-left:33.33333333% !important
 }
 .desktop-small-append-33 {
  margin-right:33.33333333% !important
 }
 .desktop-small-66 {
  width:66.66666666%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .desktop-small-prepend-66 {
  margin-left:66.66666666% !important
 }
 .desktop-small-append-66 {
  margin-right:66.66666666% !important
 }
}
@media only screen and (max-width: 992px) {
 .tablet-hidden {
  display:none
 }
 .tablet-5 {
  width:5%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-5 {
  margin-left:5% !important
 }
 .tablet-append-5 {
  margin-right:5% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-10 {
  width:10%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-10 {
  margin-left:10% !important
 }
 .tablet-append-10 {
  margin-right:10% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-15 {
  width:15%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-15 {
  margin-left:15% !important
 }
 .tablet-append-15 {
  margin-right:15% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-20 {
  width:20%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-20 {
  margin-left:20% !important
 }
 .tablet-append-20 {
  margin-right:20% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-25 {
  width:25%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-25 {
  margin-left:25% !important
 }
 .tablet-append-25 {
  margin-right:25% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-30 {
  width:30%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-30 {
  margin-left:30% !important
 }
 .tablet-append-30 {
  margin-right:30% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-35 {
  width:35%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-35 {
  margin-left:35% !important
 }
 .tablet-append-35 {
  margin-right:35% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-40 {
  width:40%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-40 {
  margin-left:40% !important
 }
 .tablet-append-40 {
  margin-right:40% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-45 {
  width:45%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-45 {
  margin-left:45% !important
 }
 .tablet-append-45 {
  margin-right:45% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-50 {
  width:50%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-50 {
  margin-left:50% !important
 }
 .tablet-append-50 {
  margin-right:50% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-55 {
  width:55%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-55 {
  margin-left:55% !important
 }
 .tablet-append-55 {
  margin-right:55% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-60 {
  width:60%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-60 {
  margin-left:60% !important
 }
 .tablet-append-60 {
  margin-right:60% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-65 {
  width:65%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-65 {
  margin-left:65% !important
 }
 .tablet-append-65 {
  margin-right:65% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-70 {
  width:70%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-70 {
  margin-left:70% !important
 }
 .tablet-append-70 {
  margin-right:70% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-75 {
  width:75%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-75 {
  margin-left:75% !important
 }
 .tablet-append-75 {
  margin-right:75% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-80 {
  width:80%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-80 {
  margin-left:80% !important
 }
 .tablet-append-80 {
  margin-right:80% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-85 {
  width:85%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-85 {
  margin-left:85% !important
 }
 .tablet-append-85 {
  margin-right:85% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-90 {
  width:90%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-90 {
  margin-left:90% !important
 }
 .tablet-append-90 {
  margin-right:90% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-95 {
  width:95%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-95 {
  margin-left:95% !important
 }
 .tablet-append-95 {
  margin-right:95% !important
 }
 .tablet-hidden {
  display:none
 }
 .tablet-100 {
  width:100%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-100 {
  margin-left:100% !important
 }
 .tablet-append-100 {
  margin-right:100% !important
 }
 .tablet-prepend-0 {
  margin-left:0 !important
 }
 .tablet-append-0 {
  margin-right:0 !important
 }
 .tablet-no-padding {
  padding-bottom:0px
 }
 .tablet-align-right {
  text-align:right
 }
 .tablet-align-center {
  text-align:center
 }
 .tablet-valign-center {
  vertical-align:middle
 }
 .tablet-33 {
  width:33.33333333%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-33 {
  margin-left:33.33333333% !important
 }
 .tablet-append-33 {
  margin-right:33.33333333% !important
 }
 .tablet-66 {
  width:66.66666666%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .tablet-prepend-66 {
  margin-left:66.66666666% !important
 }
 .tablet-append-66 {
  margin-right:66.66666666% !important
 }
}
@media only screen and (max-width: 768px) {
 .phablet-hidden {
  display:none
 }
 .phablet-5 {
  width:5%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-5 {
  margin-left:5% !important
 }
 .phablet-append-5 {
  margin-right:5% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-10 {
  width:10%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-10 {
  margin-left:10% !important
 }
 .phablet-append-10 {
  margin-right:10% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-15 {
  width:15%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-15 {
  margin-left:15% !important
 }
 .phablet-append-15 {
  margin-right:15% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-20 {
  width:20%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-20 {
  margin-left:20% !important
 }
 .phablet-append-20 {
  margin-right:20% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-25 {
  width:25%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-25 {
  margin-left:25% !important
 }
 .phablet-append-25 {
  margin-right:25% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-30 {
  width:30%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-30 {
  margin-left:30% !important
 }
 .phablet-append-30 {
  margin-right:30% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-35 {
  width:35%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-35 {
  margin-left:35% !important
 }
 .phablet-append-35 {
  margin-right:35% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-40 {
  width:40%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-40 {
  margin-left:40% !important
 }
 .phablet-append-40 {
  margin-right:40% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-45 {
  width:45%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-45 {
  margin-left:45% !important
 }
 .phablet-append-45 {
  margin-right:45% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-50 {
  width:50%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-50 {
  margin-left:50% !important
 }
 .phablet-append-50 {
  margin-right:50% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-55 {
  width:55%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-55 {
  margin-left:55% !important
 }
 .phablet-append-55 {
  margin-right:55% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-60 {
  width:60%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-60 {
  margin-left:60% !important
 }
 .phablet-append-60 {
  margin-right:60% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-65 {
  width:65%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-65 {
  margin-left:65% !important
 }
 .phablet-append-65 {
  margin-right:65% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-70 {
  width:70%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-70 {
  margin-left:70% !important
 }
 .phablet-append-70 {
  margin-right:70% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-75 {
  width:75%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-75 {
  margin-left:75% !important
 }
 .phablet-append-75 {
  margin-right:75% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-80 {
  width:80%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-80 {
  margin-left:80% !important
 }
 .phablet-append-80 {
  margin-right:80% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-85 {
  width:85%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-85 {
  margin-left:85% !important
 }
 .phablet-append-85 {
  margin-right:85% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-90 {
  width:90%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-90 {
  margin-left:90% !important
 }
 .phablet-append-90 {
  margin-right:90% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-95 {
  width:95%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-95 {
  margin-left:95% !important
 }
 .phablet-append-95 {
  margin-right:95% !important
 }
 .phablet-hidden {
  display:none
 }
 .phablet-100 {
  width:100%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-100 {
  margin-left:100% !important
 }
 .phablet-append-100 {
  margin-right:100% !important
 }
 .phablet-prepend-0 {
  margin-left:0 !important
 }
 .phablet-append-0 {
  margin-right:0 !important
 }
 .phablet-no-padding {
  padding-bottom:0px
 }
 .phablet-align-right {
  text-align:right
 }
 .phablet-align-center {
  text-align:center
 }
 .phablet-valign-center {
  vertical-align:middle
 }
 .phablet-33 {
  width:33.33333333%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-33 {
  margin-left:33.33333333% !important
 }
 .phablet-append-33 {
  margin-right:33.33333333% !important
 }
 .phablet-66 {
  width:66.66666666%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phablet-prepend-66 {
  margin-left:66.66666666% !important
 }
 .phablet-append-66 {
  margin-right:66.66666666% !important
 }
}
@media only screen and (max-width: 480px) {
 .phone-hidden {
  display:none
 }
 .phone-5 {
  width:5%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-5 {
  margin-left:5% !important
 }
 .phone-append-5 {
  margin-right:5% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-10 {
  width:10%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-10 {
  margin-left:10% !important
 }
 .phone-append-10 {
  margin-right:10% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-15 {
  width:15%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-15 {
  margin-left:15% !important
 }
 .phone-append-15 {
  margin-right:15% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-20 {
  width:20%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-20 {
  margin-left:20% !important
 }
 .phone-append-20 {
  margin-right:20% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-25 {
  width:25%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-25 {
  margin-left:25% !important
 }
 .phone-append-25 {
  margin-right:25% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-30 {
  width:30%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-30 {
  margin-left:30% !important
 }
 .phone-append-30 {
  margin-right:30% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-35 {
  width:35%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-35 {
  margin-left:35% !important
 }
 .phone-append-35 {
  margin-right:35% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-40 {
  width:40%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-40 {
  margin-left:40% !important
 }
 .phone-append-40 {
  margin-right:40% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-45 {
  width:45%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-45 {
  margin-left:45% !important
 }
 .phone-append-45 {
  margin-right:45% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-50 {
  width:50%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-50 {
  margin-left:50% !important
 }
 .phone-append-50 {
  margin-right:50% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-55 {
  width:55%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-55 {
  margin-left:55% !important
 }
 .phone-append-55 {
  margin-right:55% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-60 {
  width:60%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-60 {
  margin-left:60% !important
 }
 .phone-append-60 {
  margin-right:60% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-65 {
  width:65%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-65 {
  margin-left:65% !important
 }
 .phone-append-65 {
  margin-right:65% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-70 {
  width:70%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-70 {
  margin-left:70% !important
 }
 .phone-append-70 {
  margin-right:70% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-75 {
  width:75%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-75 {
  margin-left:75% !important
 }
 .phone-append-75 {
  margin-right:75% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-80 {
  width:80%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-80 {
  margin-left:80% !important
 }
 .phone-append-80 {
  margin-right:80% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-85 {
  width:85%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-85 {
  margin-left:85% !important
 }
 .phone-append-85 {
  margin-right:85% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-90 {
  width:90%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-90 {
  margin-left:90% !important
 }
 .phone-append-90 {
  margin-right:90% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-95 {
  width:95%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-95 {
  margin-left:95% !important
 }
 .phone-append-95 {
  margin-right:95% !important
 }
 .phone-hidden {
  display:none
 }
 .phone-100 {
  width:100%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-100 {
  margin-left:100% !important
 }
 .phone-append-100 {
  margin-right:100% !important
 }
 .phone-prepend-0 {
  margin-left:0 !important
 }
 .phone-append-0 {
  margin-right:0 !important
 }
 .phone-no-padding {
  padding-bottom:0px
 }
 .phone-align-right {
  text-align:right
 }
 .phone-align-center {
  text-align:center
 }
 .phone-valign-center {
  vertical-align:middle
 }
 .phone-33 {
  width:33.33333333%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-33 {
  margin-left:33.33333333% !important
 }
 .phone-append-33 {
  margin-right:33.33333333% !important
 }
 .phone-66 {
  width:66.66666666%;
  display:inline-block;
  text-align:left;
  margin:0
 }
 .phone-prepend-66 {
  margin-left:66.66666666% !important
 }
 .phone-append-66 {
  margin-right:66.66666666% !important
 }
}
.tooltip {
 display:block !important;
 padding:4px;
 z-index:10000
}
.tooltip .tooltip-inner {
 background:#fcf8e3;
 border:1px solid #8a6d3b;
 color:#8a6d3b;
 border-radius:0px;
 padding:5px 10px 4px;
 font-size:15px
}
.tooltip tooltip-arrow {
 display:none
}
.tooltip[aria-hidden='true'] {
 visibility:hidden;
 opacity:0;
 transition:opacity .15s, visibility .15s
}
.tooltip[aria-hidden='false'] {
 visibility:visible;
 opacity:1;
 transition:opacity .15s
}
.table__body--condensed .text {
 padding-bottom:1px;
 padding-top:0px
}
.listgroup__item-content--selected .label--light {
 color:#777;
 background:white
}
.fa-120 {
 font-size:120% !important
}
.loader {
 position:absolute;
 z-index:9999;
 display:none;
 width:80%;
 height:80%;
 background:transparent;
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0;
 margin:auto;
 max-width:100%;
 max-height:100%;
 overflow:auto;
 font-size:18px
}
.loader__table {
 width:100%;
 height:100%
}
.loader--visible {
 display:block
}
.loader__fading-circle {
 margin:10px auto;
 width:58px;
 height:58px;
 position:relative
}
.loader__fading-circle .loader__circle {
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0
}
.loader__fading-circle .loader__circle:before {
 content:'';
 display:block;
 margin:0 auto;
 width:15%;
 height:15%;
 background-color:#00893b;
 border-radius:100%;
 -webkit-animation:loader-circleFadeDelay 1.2s infinite ease-in-out both;
 animation:loader-circleFadeDelay 1.2s infinite ease-in-out both
}
.loader__fading-circle .loader__circle2 {
 -webkit-transform:rotate(30deg);
 -ms-transform:rotate(30deg);
 transform:rotate(30deg)
}
.loader__fading-circle .loader__circle3 {
 -webkit-transform:rotate(60deg);
 -ms-transform:rotate(60deg);
 transform:rotate(60deg)
}
.loader__fading-circle .loader__circle4 {
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 transform:rotate(90deg)
}
.loader__fading-circle .loader__circle5 {
 -webkit-transform:rotate(120deg);
 -ms-transform:rotate(120deg);
 transform:rotate(120deg)
}
.loader__fading-circle .loader__circle6 {
 -webkit-transform:rotate(150deg);
 -ms-transform:rotate(150deg);
 transform:rotate(150deg)
}
.loader__fading-circle .loader__circle7 {
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
.loader__fading-circle .loader__circle8 {
 -webkit-transform:rotate(210deg);
 -ms-transform:rotate(210deg);
 transform:rotate(210deg)
}
.loader__fading-circle .loader__circle9 {
 -webkit-transform:rotate(240deg);
 -ms-transform:rotate(240deg);
 transform:rotate(240deg)
}
.loader__fading-circle .loader__circle10 {
 -webkit-transform:rotate(270deg);
 -ms-transform:rotate(270deg);
 transform:rotate(270deg)
}
.loader__fading-circle .loader__circle11 {
 -webkit-transform:rotate(300deg);
 -ms-transform:rotate(300deg);
 transform:rotate(300deg)
}
.loader__fading-circle .loader__circle12 {
 -webkit-transform:rotate(330deg);
 -ms-transform:rotate(330deg);
 transform:rotate(330deg)
}
.loader__fading-circle .loader__circle2:before {
 -webkit-animation-delay:-1.1s;
 animation-delay:-1.1s
}
.loader__fading-circle .loader__circle3:before {
 -webkit-animation-delay:-1s;
 animation-delay:-1s
}
.loader__fading-circle .loader__circle4:before {
 -webkit-animation-delay:-0.9s;
 animation-delay:-0.9s
}
.loader__fading-circle .loader__circle5:before {
 -webkit-animation-delay:-0.8s;
 animation-delay:-0.8s
}
.loader__fading-circle .loader__circle6:before {
 -webkit-animation-delay:-0.7s;
 animation-delay:-0.7s
}
.loader__fading-circle .loader__circle7:before {
 -webkit-animation-delay:-0.6s;
 animation-delay:-0.6s
}
.loader__fading-circle .loader__circle8:before {
 -webkit-animation-delay:-0.5s;
 animation-delay:-0.5s
}
.loader__fading-circle .loader__circle9:before {
 -webkit-animation-delay:-0.4s;
 animation-delay:-0.4s
}
.loader__fading-circle .loader__circle10:before {
 -webkit-animation-delay:-0.3s;
 animation-delay:-0.3s
}
.loader__fading-circle .loader__circle11:before {
 -webkit-animation-delay:-0.2s;
 animation-delay:-0.2s
}
.loader__fading-circle .loader__circle12:before {
 -webkit-animation-delay:-0.1s;
 animation-delay:-0.1s
}
@-webkit-keyframes loader-circleFadeDelay {
 0%,
 39%,
 100% {
  opacity:0
 }
 40% {
  opacity:1
 }
}
@keyframes loader-circleFadeDelay {
 0%,
 39%,
 100% {
  opacity:0
 }
 40% {
  opacity:1
 }
}
@media print {
 .content__header,
 .nav-search,
 .top,
 .footer,
 .content__nav-top,
 .content__nav-left,
 .no-print {
  display:none !important
 }
 html,
 body {
  background:#ffffff !important;
  width:210mm !important;
  height:297mm !important
 }
 .content__main-wrapper {
  border:0px transparent !important;
  min-height:0 !important
 }
 .content {
  height:0 !important;
  width:100% !important;
  margin:0 !important
 }
 .print-only {
  display:block !important
 }
 .grid-row {
  page-break-inside:auto !important
 }
}
.print-only {
 display:none
}
@page {
 size:A4 !important;
 margin:15mm !important
}
.modal-wrapper {
 display:block;
 z-index:9000;
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:white;
 opacity:0.7
}
.content {
 margin:auto;
 margin-top:12px;
 width:1170px;
 height:calc(100vh - 126px);
 font-size:0
}
@media only screen and (max-width: 1200px) {
 .content {
  width:962px
 }
}
@media only screen and (max-width: 992px) {
 .content {
  width:738px
 }
}
@media only screen and (max-width: 768px) {
 .content {
  width:100%;
  margin-top:50px;
  height:auto
 }
}
.content__header {
 width:100%;
 height:80px;
 background:#e9e9e9;
 border:1px solid #aaa;
 background:url("../img/promo_desktop.jpg")
}
@media only screen and (max-width: 1200px) {
 .content__header {
  height:68px;
  background-size:962px 68px;
  background:url("../img/promo_desktop_small.jpg")
 }
}
@media only screen and (max-width: 992px) {
 .content__header {
  background:url("../img/promo_tablet.jpg")
 }
}
@media only screen and (max-width: 768px) {
 .content__header {
  background-position:right
 }
}
.content__nav-top {
 margin-top:10px;
 width:100%;
 background-color:#2a2a2a;
 height:40px;
 vertical-align:top;
 font-size:0
}
@media only screen and (max-width: 768px) {
 .content__nav-top {
  overflow:hidden;
  height:0px
 }
}
.content__nav-top-left,
.content__nav-top-right {
 display:inline-block
}
.content__nav-top-left {
 width:72%;
 vertical-align:top
}
.content__nav-top-right {
 text-align:right;
 width:28%;
 vertical-align:top
}
.content__main-wrapper {
 display:table;
 table-layout:fixed;
 width:100%;
 min-height:calc(100vh - 378px);
 border-top:1px;
 border-right:1px;
 border-bottom:1px;
 border-left:1px;
 border-style:solid;
 border-color:#aaa
}
@media only screen and (max-width: 768px) {
 .content__main-wrapper {
  display:block;
  min-height:inherit
 }
}
.content__nav-left {
 display:table-cell;
 width:20%;
 font-size:1.4rem;
 float:none;
 background:#e9e9e9;
 border-right:1px solid #aaa;
 vertical-align:top
}
@media only screen and (max-width: 768px) {
 .content__nav-left {
  display:block;
  width:100%;
  border:0
 }
}
.content__main {
 background:white;
 display:table-cell;
 width:80%;
 font-family:"Roboto Condensed", sans-serif;
 font-size:15px;
 float:none;
 padding:4px;
 vertical-align:top;
 color:#2a2a2a
}
@media only screen and (max-width: 768px) {
 .content__main {
  display:block;
  width:100%
 }
}
.top {
 background-color:#00893B;
 height:40px;
 font-size:0;
 color:white
}
.top__left,
.top__right {
 vertical-align:top;
 display:inline-block;
 width:40%
}
@media only screen and (max-width: 768px) {
 .top__left,
 .top__right {
  width:60%
 }
}
.top__right {
 text-align:right;
 width:60%
}
@media only screen and (max-width: 768px) {
 .top__right {
  width:40%
 }
}
.nav-search {
 height:56px;
 width:1170px;
 margin:auto;
 margin-top:18px;
 font-size:0
}
@media only screen and (max-width: 1200px) {
 .nav-search {
  width:962px
 }
}
@media only screen and (max-width: 992px) {
 .nav-search {
  width:738px
 }
}
@media only screen and (max-width: 768px) {
 .nav-search {
  width:100%;
  margin-top:4px
 }
}
.nav-search__logo,
.nav-search__input,
.nav-search__cart {
 display:inline-block;
 vertical-align:top;
 padding-top:10px
}
.nav-search__company-name {
 display:inline-block;
 font-size:27px;
 padding-top:11px;
 color:#00893B;
 width:960px
}
@media only screen and (max-width: 1200px) {
 .nav-search__company-name {
  width:752px
 }
}
@media only screen and (max-width: 992px) {
 .nav-search__company-name {
  width:528px
 }
}
@media only screen and (max-width: 768px) {
 .nav-search__company-name {
  width:100%;
  text-align:center
 }
}
.nav-search__logo {
 background:url("../img/logo_small.png") no-repeat;
 height:100%;
 width:120px
}
@media only screen and (max-width: 768px) {
 .nav-search__logo {
  width:100%;
  background-position:50% 0
 }
}
.nav-search__videos {
 position:relative;
 top:-6px;
 margin-left:300px
}
@media only screen and (max-width: 1200px) {
 .nav-search__videos {
  margin-left:160px
 }
}
@media only screen and (max-width: 992px) {
 .nav-search__videos {
  margin-left:40px
 }
}
@media only screen and (max-width: 768px) {
 .nav-search__videos {
  top:-10px
 }
}
.nav-search__input {
 height:100%;
 width:840px
}
@media only screen and (max-width: 1200px) {
 .nav-search__input {
  width:632px
 }
}
@media only screen and (max-width: 992px) {
 .nav-search__input {
  width:408px
 }
}
@media only screen and (max-width: 768px) {
 .nav-search__input {
  width:100%;
  text-align:center
 }
}
.nav-search__cart {
 height:100%;
 width:210px
}
@media only screen and (max-width: 768px) {
 .nav-search__cart {
  display:none
 }
}
.main-search {
 font-size:0;
 vertical-align:top;
 display:none
}
.main-search__input,
.main-search__icon {
 display:inline-block
}
.main-search__input {
 width:calc(100% - 48px)
}
@media only screen and (max-width: 768px) {
 .main-search__input {
  width:86%
 }
}
.main-search__icon,
.main-search__input-tag {
 font-size:18px;
 height:32px
}
.main-search__icon {
 vertical-align:top;
 width:34px;
 color:white;
 background-color:#00893B;
 border-top:1px;
 border-right:1px;
 border-bottom:1px;
 border-left:0px;
 border-style:solid;
 border-color:#aaa;
 padding:4px 0 0 8px
}
@media only screen and (max-width: 768px) {
 .main-search__icon {
  text-align:left
 }
}
.main-search__input-tag {
 text-transform:uppercase;
 vertical-align:top;
 font-family:"Roboto Condensed",sans-serif;
 color:#2a2a2a;
 width:100%;
 padding:0 6px 0 6px;
 background:white;
 border-top:1px;
 border-right:1px;
 border-bottom:1px;
 border-left:1px;
 border-style:solid;
 border-color:#aaa
}
.footer {
 margin:0;
 padding:8px;
 font-size:15px;
 background-color:#2a2a2a;
 color:white
}
.footer__logo {
 margin-left:8px
}
.cart {
 font-size:0;
 vertical-align:top;
 cursor:pointer
}
.cart__icon,
.cart__text {
 display:inline-block
}
.cart__icon,
.cart__text {
 height:32px
}
.cart__icon {
 font-size:18px;
 vertical-align:top;
 width:34px;
 color:white;
 border-top:1px;
 border-right:1px;
 border-bottom:1px;
 border-left:1px;
 border-style:solid;
 border-color:#aaa;
 background-color:#00893B;
 padding:4px 0 0 6px
}
@media only screen and (max-width: 768px) {
 .cart__icon {
  border:0;
  padding:4px 0 0 8px
 }
}
.cart__text {
 background-color:#e9e9e9;
 padding-top:7px;
 text-align:center;
 font-size:16px;
 color:#2a2a2a;
 width:calc(100% - 34px);
 border-top:1px;
 border-right:1px;
 border-bottom:1px;
 border-left:0px;
 border-style:solid;
 border-color:#aaa
}
@media only screen and (max-width: 768px) {
 .cart__text {
  display:none
 }
}
.cart__price {
 font-size:16px;
 font-weight:700;
 color:#00893B
}
.contact {
 padding:6px 0 0 6px;
 font-size:22px
}
.contact__phone-icon {
 margin-right:8px
}
.customer {
 font-size:16px;
 padding:11px
}
@media only screen and (max-width: 768px) {
 .customer {
  font-size:30px;
  padding:0
 }
}
.customer__toggle_menu {
 display:none
}
@media only screen and (max-width: 768px) {
 .customer__toggle_menu {
  display:inline-block;
  cursor:pointer;
  padding:0px 18px 0 18px;
  border-left:1px solid white;
  position:relative;
  top:3px
 }
}
.customer__toggle_cart {
 display:none
}
@media only screen and (max-width: 768px) {
 .customer__toggle_cart {
  display:inline-block;
  font-size:30px;
  padding:0px 18px 0 18px;
  border-left:1px solid white;
  position:relative;
  top:3px
 }
}
.customer__no,
.customer__name {
 font-weight:300
}
.customer__name-label,
.customer__logout-icon {
 margin-left:10px
}
@media only screen and (max-width: 768px) {
 .customer__name-label,
 .customer__logout-icon {
  display:none
 }
}
@media only screen and (max-width: 992px) {
 .customer__no-label {
  display:none
 }
}
@media only screen and (max-width: 992px) {
 .customer__name-label {
  display:none
 }
}
@media only screen and (max-width: 992px) {
 .customer__no:after {
  content:' -'
 }
}
@media only screen and (max-width: 768px) {
 .customer__icon,
 .customer__no-label,
 .customer__no,
 .customer__name-label,
 .customer__name,
 .customer__logout-label {
  display:none
 }
}
.customer__logout-link {
 text-decoration:none;
 color:white
}
.customer-menu {
 font-size:14px;
 color:white;
 padding:12px;
 position:static
}
@media only screen and (max-width: 768px) {
 .customer-menu {
  position:absolute;
  z-index:1;
  width:100%;
  top:39px;
  background-color:#e9e9e9;
  border:1px solid #00893B;
  color:#2a2a2a;
  font-size:26px;
  text-align:center
 }
}
.customer-menu__list {
 list-style-type:none;
 margin:0;
 padding:0
}
.customer-menu__list-item-link {
 text-decoration:none;
 color:white
}
@media only screen and (max-width: 768px) {
 .customer-menu__list-item-link {
  display:block;
  color:#2a2a2a
 }
}
.customer-menu__list-separator {
 margin-left:38px;
 display:inline-block
}
@media only screen and (max-width: 992px) {
 .customer-menu__list-separator {
  margin-left:32px
 }
}
@media only screen and (max-width: 768px) {
 .customer-menu__list-separator {
  display:none;
  margin:0
 }
}
.customer-menu__list-item,
.customer-menu__list-item-home,
.customer-menu__list-item-logout,
.customer-menu__list-item-sales-view {
 display:inline-block;
 border-right:1px solid white;
 margin-left:4px;
 padding:0 10px 0 0;
 cursor:pointer
}
.customer-menu__list-item:last-child,
.customer-menu__list-item-home:last-child,
.customer-menu__list-item-logout:last-child,
.customer-menu__list-item-sales-view:last-child {
 border-right:0
}
@media only screen and (max-width: 992px) {
 .customer-menu__list-item,
 .customer-menu__list-item-home,
 .customer-menu__list-item-logout,
 .customer-menu__list-item-sales-view {
  margin-left:2px;
  padding:0 7px 0 0
 }
}
@media only screen and (max-width: 768px) {
 .customer-menu__list-item,
 .customer-menu__list-item-home,
 .customer-menu__list-item-logout,
 .customer-menu__list-item-sales-view {
  display:block;
  border:0;
  padding:10px 0 10px 0;
  border-bottom:1px dotted #aaa
 }
}
.customer-menu__list-item-home {
 font-size:24px;
 position:absolute;
 margin-top:-6px;
 margin-left:0px
}
@media only screen and (max-width: 992px) {
 .customer-menu__list-item-home {
  margin-left:-2px
 }
}
@media only screen and (max-width: 768px) {
 .customer-menu__list-item-home {
  display:none
 }
}
.customer-menu__list-item-logout,
.customer-menu__list-item-sales-view {
 display:none
}
@media only screen and (max-width: 768px) {
 .customer-menu__list-item-logout,
 .customer-menu__list-item-sales-view {
  display:block
 }
}
.customer-menu__list-item-sales-view label {
 cursor:pointer
}
.customer-menu__list-item-logout {
 color:#00893B;
 font-weight:600
}
.sales-view {
 font-size:14px;
 color:white;
 padding:12px
}
.sales-view__label {
 vertical-align:top
}
.sales-view__switch {
 vertical-align:top;
 position:relative;
 top:-3px;
 margin-left:6px
}
.centered-wrapper {
 width:320px;
 margin:0 auto;
 position:relative
}
.centered-wrapper-wide {
 width:40%;
 margin:0 auto;
 position:relative;
 padding-top:20px
}
@media only screen and (max-width: 768px) {
 .centered-wrapper-wide {
  width:100%
 }
}
.centered-wrapper--vertical-center {
 top:calc(50% - 227px)
}
.input,
.textarea,
.content .vdp-datepicker input,
.container .vdp-datepicker input,
.admin-container .vdp-datepicker input {
 border:1px solid #aaa;
 background-color:#FFFFFF;
 color:#4a4a4a;
 display:block;
 padding:3px 6px;
 font-size:15px;
 font-family:"Roboto Condensed",sans-serif;
 width:100%;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border-radius:0;
 -webkit-border-radius:0
}
.input:focus,
.textarea:focus,
.content .vdp-datepicker input:focus,
.container .vdp-datepicker input:focus,
.admin-container .vdp-datepicker input:focus {
 border-color:#00893B
}
.input--large {
 font-size:19px
}
.input--align-right {
 text-align:right
}
.input--warning {
 background-color:#fcf8e3
}
.input--danger {
 background-color:#f8d7da;
 border-color:#b52d39 !important
}
.input--disabled {
 background-color:#e9e9e9
}
.textarea {
 resize:vertical
}
.text {
 padding-top:4px;
 line-height:18px;
 margin:0
}
.text--2x {
 font-size:24px
}
.text--green {
 color:#00893B
}
.text--grey {
 color:#777
}
.text--red {
 color:#dc0d15
}
.text--black {
 color:#2a2a2a
}
.text--orange {
 color:#ecb317
}
.text--light-red {
 color:#ff9494
}
.text--white {
 color:white
}
.text--cobalt {
 color:#0050ef
}
.text--code {
 font-family:monospace;
 background-color:#e9e9e9;
 color:#00893B;
 padding:1px 4px 0px 4px
}
.text--bold {
 font-weight:600
}
.text--align-right {
 text-align:right
}
.text--align-center {
 text-align:center
}
.text--line-through {
 text-decoration:line-through
}
.text--link {
 color:#00893B;
 text-decoration:underline
}
.text .text--link-black {
 color:#2a2a2a;
 text-decoration:underline
}
.text--link-navision {
 background:#002050;
 color:white;
 cursor:pointer;
 padding:2px 5px 2px 20px;
 background-image:url(../../../../images/navision.png);
 background-repeat:no-repeat;
 background-position:3px 3px;
 text-decoration:none
}
.text--link-no-decoration {
 color:inherit;
 text-decoration:none
}
.text--superscript {
 font-size:12px;
 margin:0px 0px 2px 3px;
 position:relative;
 top:-5px
}
.text--small {
 font-weight:normal;
 font-size:12px
}
.text--tooltip {
 border-bottom:1px dotted #2a2a2a;
 cursor:help
}
.text--inactive {
 color:#c8c8c8
}
.text--background-green {
 background-color:#00893B;
 color:white;
 padding:1px 3px 0px 3px;
 position:relative;
 margin-left:-1px
}
.text--background-red {
 background-color:#dc0d15;
 color:white;
 padding:1px 3px 0px 3px;
 position:relative;
 margin-left:-1px
}
.text--background-orange {
 background:#dda612;
 color:white;
 padding:1px 3px 0px 3px;
 position:relative;
 margin-left:-1px
}
.button,
.input-file__label {
 font-size:inherit;
 font-family:"Roboto Condensed",sans-serif;
 width:100%;
 padding:3px 0;
 cursor:pointer;
 border:1px solid #00893B;
 background-color:#00893B;
 color:white;
 display:inline-block;
 text-decoration:none;
 text-align:center;
 min-height:28px
}
.button--transparent {
 border:0px !important;
 background-color:transparent !important;
 padding-top:4px !important;
 padding-bottom:2px !important
}
.button--default {
 color:#2a2a2a;
 border:1px solid #aaa;
 background-color:#e9e9e9
}
.button--danger {
 color:white;
 border:1px solid #dc0d15;
 background-color:#dc0d15
}
.button--highlight {
 color:#2a2a2a;
 border:1px solid #00893B;
 background-color:#cfeddb
}
.button--text-success,
.input-file__label {
 color:#00893B;
 border:1px solid #aaa;
 background-color:#e9e9e9
}
.button--text-danger {
 color:#dc0d15;
 border:1px solid #aaa;
 background-color:#e9e9e9
}
.button--text--dark {
 color:#2a2a2a;
 border:1px solid #aaa;
 background-color:#e9e9e9
}
.button--no-decoration {
 border:1px solid transparent;
 background-color:transparent
}
.button--small {
 width:auto;
 padding:2px 8px !important;
 font-size:14px;
 min-height:auto !important
}
a.button,
a.input-file__label {
 padding-top:5px;
 min-height:28px
}
.select {
 width:100%;
 font-family:inherit;
 font-size:inherit;
 padding:2px 0;
 border:1px solid #aaa;
 background-color:#FFFFFF;
 color:#4a4a4a;
 border-radius:0
}
.select:hover,
.select:focus {
 border-color:#00893B
}
.select--rtl {
 direction:rtl
}
.select--no-arrow {
 -moz-appearance:none;
 -webkit-appearance:none;
 appearance:none;
 border-radius:0;
 text-indent:1px;
 text-overflow:'';
 padding-right:2px 5px 2px 0
}
@-moz-document url-prefix() {
 .select--no-arrow {
  padding:2px 0 2px 0
 }
}
.select--no-arrow select::-ms-expand {
 display:none
}
.login-input {
 font-family:"Roboto Condensed",sans-serif;
 font-size:19px;
 color:#2a2a2a;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border-radius:0
}
.login-input__tag {
 border:1px solid #aaa;
 background-color:#FFFFFF;
 color:inherit;
 display:block;
 padding:3px 6px;
 font-size:inherit;
 font-family:inherit
}
.login-input__tag:focus {
 border-color:#00893B
}
.login-input__tag--max-width {
 width:100%
}
.login-input__label {
 position:relative
}
.login-input__info {
 font-size:15px;
 color:#00893B
}
.login-input__info a:link,
.login-input__info a:visited,
.login-input__info a:hover,
.login-input__info a:active {
 color:#00893B
}
.login-input__info--danger {
 color:#dc0d15
}
.login-input__info--max-width {
 width:100%
}
.login-text {
 color:#777;
 font-size:14px
}
.login-text p {
 margin:6px 0 6px 0
}
.login-text__link {
 color:#00893B
}
.login-button {
 font-family:"Roboto Condensed",sans-serif;
 font-size:19px;
 color:#2a2a2a;
 cursor:pointer;
 font-weight:300;
 padding:4px
}
.login-button--primary {
 border:1px solid #00893B;
 background-color:#00893B;
 color:white
}
.login-button--max-width {
 width:100%
}
.logo {
 background:url("../img/logo.png") no-repeat;
 background-position-x:center;
 height:100px
}
.logo--max-width {
 width:100%
}
.main-menu__item {
 width:100%;
 border-bottom:1px solid #aaa;
 color:#2a2a2a;
 font-size:14px;
 padding:11px 0px 11px 14px;
 text-decoration:none;
 cursor:pointer
}
@media only screen and (max-width: 768px) {
 .main-menu__item {
  font-size:21px
 }
}
.main-menu__item--selected {
 border-right:6px solid #00893B
}
.main-menu__item--menu-level-1 {
 background:#dadada
}
.main-menu__item--menu-level-2 {
 background:#cecece
}
.main-menu__home-icon {
 display:none
}
@media only screen and (max-width: 768px) {
 .main-menu__home-icon {
  display:initial
 }
 .main-menu__home-icon>a {
  position:absolute;
  color:white;
  top:9px;
  border-right:1px solid white;
  padding:0 10px 0 10px
 }
}
.main-menu__dropdown-icon {
 display:none
}
@media only screen and (max-width: 768px) {
 .main-menu__dropdown-icon {
  display:initial;
  position:absolute;
  top:12px;
  right:12px;
  color:white
 }
}
.main-menu__toggle-icon {
 float:right;
 margin-right:10px;
 font-size:12px !important;
 padding-top:2px
}
.main-menu__group {
 width:100%;
 border-bottom:1px solid #aaa;
 background-color:#00893B;
 color:white;
 font-size:17px;
 padding:8px 0px 8px 14px
}
@media only screen and (max-width: 768px) {
 .main-menu__group {
  font-size:24px
 }
 .main-menu__group--first {
  padding-left:54px
 }
}
.panel {
 border:1px solid #aaa;
 background:#e9e9e9;
 font-family:inherit;
 font-size:inherit
}
.panel__header {
 padding:6px;
 background:#00893B;
 color:white;
 font-size:120%
}
@media only screen and (max-width: 992px) {
 .panel__header {
  font-size:22px
 }
}
.panel__header--expandable {
 cursor:pointer
}
.panel__header--light {
 border-bottom:1px solid #00893B;
 color:#00893B;
 background:transparent
}
.panel__content {
 position:relative;
 padding:4px
}
.panel__content--no-padding {
 padding:0
}
.panel__content--image {
 padding:0;
 font-size:0
}
.panel__icon {
 float:right;
 margin-right:3px
}
.panel--light {
 border:0;
 background:transparent
}
.panel--background-warning {
 background-color:#fcf8e3
}
.panel--background-default {
 background-color:#e9e9e9
}
.panel--background-highlight {
 background-color:#cfeddb
}
.panel__link {
 padding:1px 5px 2px 6px;
 font-size:15px;
 top:-1px;
 left:10px;
 position:relative
}
.alert {
 width:100%;
 position:fixed;
 top:0;
 left:0;
 text-align:center;
 background:#777;
 z-index:1000;
 padding:18px;
 color:white;
 font-size:28px;
 font-weight:300
}
.alert--error {
 border:0;
 color:white;
 background:#dc0d15
}
.alert--success {
 border:0;
 color:white;
 background:#00893B
}
.alert--active {
 transition:opacity 1s ease-out;
 opacity:1
}
.alert--inactive {
 transition:opacity 1s ease-out;
 opacity:0
}
.image--fit-to-container {
 width:100%;
 height:100%
}
.image--margin-right {
 margin-right:12px
}
.image--padding {
 padding:2px
}
.image--fit-to-modal {
 max-height:300px;
 max-width:500px
}
.table {
 width:100%;
 max-width:100%;
 margin-bottom:0px;
 border-collapse:collapse;
 border:1px solid #aaa
}
.table__header {
 color:white;
 background:#00893B;
 font-weight:normal;
 text-align:left;
 font-size:17px;
 padding:6px
}
.table__body {
 font-weight:normal;
 text-align:left;
 border-top:1px solid #aaa;
 padding:4px 4px 5px 4px;
 position:relative
}
.table__body--border {
 border-right:1px solid #aaa
}
.table__body--narrow {
 width:1px
}
.table__body--condensed {
 padding-top:0px;
 padding-bottom:2px
}
.table__body--grey {
 background-color:#e9e9e9
}
.table__body--green {
 background-color:#00893B;
 color:white
}
.table__body--light-green {
 background-color:#ace0c2
}
.table__body--orange {
 background-color:#fddc82
}
.table__body--light-red {
 background-color:#ff9494
}
.table__body--red {
 background-color:#dc0d15
}
.table__body--align-top {
 vertical-align:top
}
.table__row--selected {
 background:#cfeddb !important;
 border:2px solid #00893B
}
.table__row--highlight {
 background:#fcf8e3 !important
}
.table--hover tbody>tr:hover {
 background-color:#e9e9e9 !important
}
.table--stripped>tbody>tr:nth-of-type(even) {
 background-color:#f8f8f8
}
.table--stripped>tbody>tr:nth-of-type(odd) {
 background-color:white
}
.table--no-border {
 border:0
}
.table--no-top-border>tbody>tr:first-child>td {
 border-top:0
}
.infobox {
 padding:4px;
 border:1px solid #8a6d3b;
 background-color:#fcf8e3;
 color:#8a6d3b
}
.infobox--info {
 background-color:#fcf8e3;
 color:#8a6d3b
}
.infobox--error {
 background-color:#f8d7da;
 border-color:#b52d39;
 color:#b52d39
}
.infobox--success {
 background-color:#e0f3e8;
 border-color:#00893B;
 color:#00893B
}
.infobox__icon {
 font-size:25px;
 vertical-align:top
}
.infobox__content {
 padding-left:4px;
 width:100%
}
.infobox__list {
 padding:0;
 margin:5px 0 0 0
}
.infobox__list-item {
 margin-left:16px;
 margin-bottom:4px
}
.listgroup {
 border-collapse:collapse;
 width:100%
}
.listgroup__header {
 background:#00893B;
 color:white;
 border:1px solid #aaa
}
.listgroup__header-content {
 padding:10px 8px 8px 8px
}
.listgroup__item {
 border:1px solid #aaa
}
.listgroup__item-content {
 padding:2px 4px 4px 4px;
 cursor:pointer
}
.listgroup__item-content--selected {
 background-color:#e9e9e9
}
.listgroup__item-content--no-padding {
 padding:0
}
.listgroup__item-icon {
 color:#00893B;
 padding:8px 8px 4px 12px;
 width:1px
}
.progress-wizard {
 border-collapse:collapse;
 width:100%;
 border:1px solid #aaa
}
.progress-wizard--layout-fixed {
 table-layout:fixed
}
.progress-wizard__step {
 background:#e9e9e9;
 text-align:center;
 border:1px solid #aaa;
 padding:6px
}
.progress-wizard__step--selected {
 color:white;
 background:#00893B
}
.progress-wizard__step--pointer {
 cursor:pointer
}
.progress-wizard__index {
 display:inline-block;
 width:18px;
 height:18px;
 border:1px solid #aaa;
 background-color:#aaa;
 border-radius:9px;
 margin-right:5px;
 color:white
}
.progress-wizard__index--selected {
 background-color:white;
 border:1px solid white;
 color:#00893B
}
.input-file {
 width:0.1px;
 height:0.1px;
 opacity:0;
 overflow:hidden;
 position:absolute;
 z-index:-1
}
.input-file__label {
 padding:4px 0px 5px 0
}
.admin-container .vdp-datepicker__calendar .cell.selected,
.admin-container .vdp-datepicker__calendar .cell.selected.highlighted,
.admin-container .vdp-datepicker__calendar .cell.selected:hover,
.container .vdp-datepicker__calendar .cell.selected,
.container .vdp-datepicker__calendar .cell.selected.highlighted,
.container .vdp-datepicker__calendar .cell.selected:hover,
.content .vdp-datepicker__calendar .cell.selected,
.content .vdp-datepicker__calendar .cell.selected.highlighted,
.content .vdp-datepicker__calendar .cell.selected:hover {
 background:#00893B;
 color:white
}
.admin-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.admin-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.admin-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover,
.container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover,
.content .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.content .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.content .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
 border-color:#00893B
}
.admin-container .vdp-datepicker__calendar .cell.highlighted,
.container .vdp-datepicker__calendar .cell.highlighted,
.content .vdp-datepicker__calendar .cell.highlighted {
 background:#ace0c2
}
.combobox__dropdown {
 background:white;
 border:1px solid #00893B;
 border-top-width:0;
 overflow-y:auto;
 overflow-x:hidden
}
.combobox__dropdown--absolute {
 z-index:5;
 position:absolute
}
.combobox__dropdown--relative {
 position:relative
}
.combobox__element {
 height:26px;
 padding:5px 4px;
 white-space:nowrap
}
.combobox__element--selected {
 background:#00893B;
 color:white
}
.combobox__element--width-5 {
 display:inline-block;
 width:5%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-10 {
 display:inline-block;
 width:10%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-15 {
 display:inline-block;
 width:15%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-20 {
 display:inline-block;
 width:20%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-25 {
 display:inline-block;
 width:25%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-30 {
 display:inline-block;
 width:30%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-35 {
 display:inline-block;
 width:35%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-40 {
 display:inline-block;
 width:40%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-45 {
 display:inline-block;
 width:45%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-50 {
 display:inline-block;
 width:50%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-55 {
 display:inline-block;
 width:55%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-60 {
 display:inline-block;
 width:60%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-65 {
 display:inline-block;
 width:65%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-70 {
 display:inline-block;
 width:70%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-75 {
 display:inline-block;
 width:75%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-80 {
 display:inline-block;
 width:80%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-85 {
 display:inline-block;
 width:85%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-90 {
 display:inline-block;
 width:90%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-95 {
 display:inline-block;
 width:95%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element--width-100 {
 display:inline-block;
 width:100%;
 text-align:left;
 font-size:15px;
 overflow:hidden
}
.combobox__element-container {
 font-size:0
}
.vehicle-reg {
 background-color:#e9faf0;
 width:100%;
 border:1px solid #a6e0bb;
 border-collapse:collapse;
 line-height:22px
}
.vehicle-reg td {
 border:1px solid #a6e0bb;
 padding:2px
}
.vehicle-reg__row--darker {
 background-color:#d8f6e5
}
.vehicle-reg__desc {
 font-weight:bold;
 color:#379b59;
 background-color:#c3ecd2;
 text-align:center
}
.vehicle-reg__input {
 border:1px solid #aaa;
 background-color:#ffffff;
 color:#4a4a4a;
 display:block;
 padding:2px 4px;
 font-size:14px;
 font-family:"Roboto Condensed",sans-serif;
 width:100%
}
.vehicle-reg__input:focus {
 border-color:#00893B
}
.pagination {
 box-sizing:border-box;
 display:inline-block
}
.pagination__list {
 font-size:0;
 padding:0;
 margin:0;
 border-left:1px solid #aaa;
 border-top:1px solid #aaa;
 border-bottom:1px solid #aaa;
 display:inline-block
}
.pagination__cell {
 display:inline-block;
 list-style-type:none;
 padding:4px 10px 3px 10px;
 border-right:1px solid #aaa;
 font-size:15px;
 font-family:"Roboto Condensed", sans-serif
}
.pagination__cell--selected {
 background:#00893B;
 color:white
}
.label {
 display:inline;
 padding:2px 4px;
 font-size:85%;
 line-height:1;
 color:white;
 text-align:center;
 white-space:nowrap;
 vertical-align:baseline;
 position:relative;
 top:-1px;
 background:#777
}
.label--danger {
 background:#dc0d15
}
.label--success {
 background:#00893B
}
.label--warning {
 background:#dda612
}
.label--light {
 color:#777;
 background-color:#e9e9e9
}
.label--cobalt {
 background-color:#015CB4
}
.label--transparent {
 background:transparent;
 color:#777;
 border:1px solid #777;
 padding:1px 3px 1px 3px
}
.label--small {
 padding:1px 3px;
 font-size:70%
}
.label--2x {
 font-size:100%;
 top:5px
}
.label--black {
 background:#2a2a2a
}
.modal {
 overflow:hidden;
 background:white;
 font-size:15px;
 margin-left:auto;
 margin-right:auto;
 width:480px;
 min-height:280px;
 height:auto
}
@media only screen and (max-width: 768px) {
 .modal {
  left:0;
  top:0;
  bottom:0;
  right:0;
  position:fixed;
  width:initial !important
 }
}
.modal__outer {
 z-index:9999;
 position:fixed;
 top:0;
 left:0;
 height:100%;
 width:100%
}
.modal__middle {
 display:table-cell;
 vertical-align:middle
}
.modal--border {
 border:1px solid #aaa
}
.modal--shadow {
 box-shadow:0px 1px 25px #AAAAAA
}
.modal--visible {
 display:table
}
.modal--hidden {
 display:none
}
.modal__content {
 padding:20px
}
.modal__content--no-padding {
 padding:0;
 font-size:0
}
.modal__title {
 color:white;
 background:#00893B;
 padding:5px;
 font-size:0
}
.modal__title-icon {
 display:inline-block;
 font-size:15px;
 width:4%;
 vertical-align:top
}
@media only screen and (max-width: 768px) {
 .modal__title-icon {
  font-size:26px;
  width:9%
 }
}
.modal__title-text {
 display:inline-block;
 font-size:15px;
 vertical-align:top;
 width:90%
}
@media only screen and (max-width: 768px) {
 .modal__title-text {
  font-size:26px;
  width:81%
 }
}
.modal__title-button {
 display:inline-block;
 font-size:15px;
 vertical-align:top;
 text-align:right;
 width:6%
}
@media only screen and (max-width: 768px) {
 .modal__title-button {
  font-size:26px;
  width:10%
 }
}
.modal__close-icon {
 float:right
}
.modal__close-icon--desktop {
 margin-right:3px
}
.tab__register {
 display:inline-block;
 border:1px solid #aaa;
 padding:5px 9px;
 margin-right:-1px;
 position:relative;
 z-index:2;
 background-color:#e9e9e9;
 top:2px
}
.tab__register--selected {
 border-bottom:1px solid white;
 background-color:white;
 padding:8px 8px 6px 8px;
 top:1px
}
.tab {
 border:1px solid #aaa;
 position:relative;
 top:0px;
 padding:8px;
 background:white
}
.tab--grid {
 padding:4px
}
[data-tooltip],
.tooltip {
 position:relative;
 cursor:pointer;
 display:inline-block;
 border-bottom:1px dotted black
}
.tooltip--no-border {
 border:0
}
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
 position:absolute;
 visibility:hidden;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity:0;
 -webkit-transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
 -moz-transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
 transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
 -webkit-transform:translate3d(0, 0, 0);
 -moz-transform:translate3d(0, 0, 0);
 transform:translate3d(0, 0, 0);
 pointer-events:none
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
 visibility:visible;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 opacity:1
}
.tooltip:before,
[data-tooltip]:before {
 z-index:1001;
 border:6px solid transparent;
 background:transparent;
 content:""
}
.tooltip:after,
[data-tooltip]:after {
 z-index:1000;
 padding:8px;
 width:160px;
 background-color:#000;
 background-color:rgba(51,51,51,0.9);
 color:#fff;
 content:attr(data-tooltip);
 font-size:12px;
 line-height:1.1;
 font-weight:normal
}
@media only screen and (max-width: 992px) {
 .tooltip:after,
 [data-tooltip]:after {
  font-size:15px
 }
}
.tooltip.tooltip--large:after,
[data-tooltip].tooltip--large:after {
 width:220px
}
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip--top:before,
.tooltip--top:after {
 bottom:100%;
 left:50%
}
[data-tooltip]:before,
.tooltip:before,
.tooltip--top:before {
 margin-left:-6px;
 margin-bottom:-12px;
 border-top-color:#000;
 border-top-color:rgba(51,51,51,0.9)
}
[data-tooltip]:after,
.tooltip:after,
.tooltip--top:after {
 margin-left:-80px
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip--top:hover:before,
.tooltip--top:hover:after,
.tooltip--top:focus:before,
.tooltip--top:focus:after {
 -webkit-transform:translateY(-12px);
 -moz-transform:translateY(-12px);
 transform:translateY(-12px)
}
.tooltip--left:before,
.tooltip--left:after {
 right:100%;
 bottom:50%;
 left:auto
}
.tooltip--left:before {
 margin-left:0;
 margin-right:-12px;
 margin-bottom:0;
 border-top-color:transparent;
 border-left-color:#000;
 border-left-color:rgba(51,51,51,0.9)
}
.tooltip--left:hover:before,
.tooltip--left:hover:after,
.tooltip--left:focus:before,
.tooltip--left:focus:after {
 -webkit-transform:translateX(-12px);
 -moz-transform:translateX(-12px);
 transform:translateX(-12px)
}
.tooltip--bottom:before,
.tooltip--bottom:after {
 top:100%;
 bottom:auto;
 left:50%
}
.tooltip--bottom:before {
 margin-top:-12px;
 margin-bottom:0;
 border-top-color:transparent;
 border-bottom-color:#000;
 border-bottom-color:rgba(51,51,51,0.9)
}
.tooltip--bottom:hover:before,
.tooltip--bottom:hover:after,
.tooltip--bottom:focus:before,
.tooltip--bottom:focus:after {
 -webkit-transform:translateY(12px);
 -moz-transform:translateY(12px);
 transform:translateY(12px)
}
.tooltip--right:before,
.tooltip--right:after {
 bottom:50%;
 left:100%
}
.tooltip--right:before {
 margin-bottom:0;
 margin-left:-12px;
 border-top-color:transparent;
 border-right-color:#000;
 border-right-color:rgba(51,51,51,0.9)
}
.tooltip--right:hover:before,
.tooltip--right:hover:after,
.tooltip--right:focus:before,
.tooltip--right:focus:after {
 -webkit-transform:translateX(12px);
 -moz-transform:translateX(12px);
 transform:translateX(12px)
}
.tooltip--left:before,
.tooltip--right:before {
 top:3px
}
.tooltip--left:after,
.tooltip--right:after {
 margin-left:0;
 margin-bottom:-16px
}
.autocomplete {
 position:relative
}
.autocomplete__results {
 margin:0;
 padding:0;
 list-style-type:none;
 z-index:1000;
 position:absolute;
 overflow-y:auto;
 overflow-x:hidden;
 background:#fff;
 width:100%;
 border:1px solid #00893B;
 border-top:0;
 color:#000
}
.autocomplete__results__item {
 height:26px;
 padding:5px 4px;
 white-space:nowrap;
 cursor:pointer
}
.autocomplete__results__item.is-active,
.autocomplete__results__item:hover {
 background:#00893B;
 color:white
}
.autocomplete__results__reset {
 color:#00893B;
 text-decoration:underline;
 text-align:right;
 line-height:18px;
 margin:0;
 padding:0 2px 0 0;
 font-weight:normal;
 font-size:12px
}
.autocomplete__results__reset span {
 cursor:pointer
}
.side-button {
 font-size:0;
 position:fixed;
 right:-180px;
 height:40px;
 width:220px;
 background:#e9e9e9;
 border:1px solid #aaa;
 z-index:100;
 transition:right 0.2s ease-in-out;
 cursor:pointer
}
@media only screen and (max-width: 768px) {
 .side-button {
  display:none
 }
}
.side-button:hover {
 right:-2px
}
.side-button--cart {
 top:250px
}
.side-button--favorites {
 top:295px
}
.side-button__icon {
 width:39px;
 display:inline-block;
 position:relative;
 height:100%;
 font-size:24px;
 background:#00893B;
 color:white;
 vertical-align:top;
 padding-left:6px;
 padding-top:4px
}
.side-button__link {
 display:inline-block;
 font-size:15px;
 color:#2a2a2a;
 padding-left:10px;
 padding-top:11px;
 position:relative;
 height:100%;
 vertical-align:top;
 width:177px
}
.tyre-efficiency {
 font-size:0;
 display:inline-block
}
.tyre-efficiency__body {
 display:inline-block;
 background:red;
 position:relative
}
.tyre-efficiency__arrow {
 display:inline-block;
 position:relative;
 width:0;
 height:0
}
.tyre-efficiency__value {
 font-family:Arial, helvetica, sans-serif;
 font-weight:bold;
 color:white;
 position:absolute;
 top:1px;
 left:5px
}
@media only screen and (max-width: 992px) {
 .tyre-row__price {
  margin:0 0 12px 0;
  font-size:30px;
  text-align:right
 }
 .tyre-row__qty-indicator {
  margin:0;
  font-size:24px;
  text-align:right
 }
}
.special-tyre-row {
 background:#ace0c2 !important
}
.special-tyre-row:nth-of-type(odd) {
 background:#92ceaa !important
}
.tyre-filter--selected {
 color:#00893B;
 font-size:85%;
 line-height:1;
 white-space:nowrap;
 vertical-align:baseline;
 position:relative;
 top:-1px
}
select.tyre-filter--active,
div.tyre-filter--active input,
div.tyre-filter--active select {
 border:1px solid #00893B !important;
 background-color:#cfeddb
}
.tyre-selection {
 display:inline-block;
 list-style:none;
 margin:0;
 padding-top:4px;
 line-height:18px
}
.tyre-selection li {
 float:left;
 margin:0 10px
}
@media only screen and (max-width: 480px) {
 .tyre-selection {
  padding:0;
  margin:0 -10px
 }
}
.tyre-image--fit-to-modal {
 max-height:500px;
 max-width:500px
}
@media only screen and (max-width: 480px) {
 .tyre-image--fit-to-modal {
  max-width:100%;
  max-height:100%
 }
}
.complete-wheel__rim--new {
 position:absolute;
 bottom:0;
 right:0
}
.complete-wheel__rim--made-in-germany {
 width:30%;
 position:absolute;
 bottom:0;
 left:12px;
 width:24%
}
.complete-wheel__rim--offer {
 width:40%
}
.complete-wheel__rim--sellout {
 width:65%
}
.complete-wheel__rim--360 {
 width:22%;
 position:absolute;
 top:0;
 left:0
}
.complete-wheel__rim--360-modal {
 text-align:center
}
html {
 font-size:1em;
 box-sizing:border-box
}
*,
::before,
::after {
 box-sizing:inherit
}
*:focus {
 outline:none
}
html,
body {
 height:100%
}
body {
 margin:0;
 padding:0;
 font-family:'Roboto Condensed', sans-serif;
 font-size:1.45rem;
 background:#d6dede;
 height:100%
}
::-webkit-input-placeholder {
 color:#c8c8c8
}
:-moz-placeholder {
 color:#c8c8c8;
 opacity:1
}
::-moz-placeholder {
 color:#c8c8c8;
 opacity:1
}
:-ms-input-placeholder {
 color:#c8c8c8
}
input[type="checkbox"] {
 -webkit-filter:brightness(1)
}
input[type="checkbox"]:checked {
 -webkit-filter:grayscale(100%) invert(0%) brightness(1)
}
.debug {
 font-size:16px;
 top:0px;
 left:0px;
 padding:4px;
 z-index:100;
 color:black;
 background:rgba(255,255,255,0.5)
}
.debug:after {
 content:'"desktop"'
}
@media only screen and (max-width: 1200px) {
 .debug:after {
  content:'"desktop-small"'
 }
}
@media only screen and (max-width: 992px) {
 .debug:after {
  content:'"tablet"'
 }
}
@media only screen and (max-width: 768px) {
 .debug:after {
  content:'"phablet"'
 }
}
@media only screen and (max-width: 480px) {
 .debug:after {
  content:'"phone"'
 }
}
.header {
 width:100%
}
.header__input {
 border:1px solid blue
}
.header__icon {
 padding:0
}
.header__element {
 margin:0
}
#left-menu {
 display:none
}
@media only screen and (max-width: 768px) {
 #left-menu:not(:checked)+.content__nav-left {
  height:44px;
  max-height:44px;
  overflow:hidden
 }
}
@media only screen and (max-width: 768px) {
 .content__nav-left label {
  cursor:pointer
 }
}
@-moz-document url-prefix() {
 .body {
  background:red
 }
}
.onoffswitch {
 position:relative;
 width:52px;
 display:inline-block;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none
}
.onoffswitch-checkbox {
 display:none
}
.onoffswitch-label {
 display:block;
 overflow:hidden;
 cursor:pointer;
 border:0;
 border-radius:20px;
 text-align:left
}
.onoffswitch-inner {
 display:block;
 width:200%;
 margin-left:-100%;
 transition:margin 0.2s ease-in 0s
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
 display:block;
 float:left;
 width:50%;
 height:23px;
 padding:0;
 line-height:23px;
 font-size:15px;
 color:white;
 font-family:"Roboto Condensed", sans-serif;
 font-weight:400;
 box-sizing:border-box
}
.onoffswitch-inner:before {
 content:"AN";
 padding-left:8px;
 background-color:#00893B;
 color:#FFFFFF
}
.onoffswitch-inner:after {
 content:"AUS";
 padding-right:5px;
 background-color:#dc0d15;
 color:#FFFFFF;
 text-align:right
}
.onoffswitch-switch {
 display:block;
 width:15px;
 margin:4px;
 background:#FFFFFF;
 position:absolute;
 top:0;
 bottom:0;
 right:29px;
 border:2px solid white;
 border-radius:20px;
 transition:all 0.2s ease-in 0s
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
 margin-left:0
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
 right:0px
}
.checkbox {
 display:inline-block
}
.checkbox__label,
.checkbox__content {
 -webkit-user-select:none;
 -moz-user-select:none;
 -khtml-user-select:none;
 -ms-user-select:none;
 cursor:pointer
}
.checkbox__label {
 position:relative;
 top:-1px
}
.checkbox__label--disabled {
 color:#b1b1b1
}
.checkbox__icon {
 margin-left:0px;
 font-size:15px !important;
 top:-1px;
 position:relative
}
.checkbox__content {
 margin-top:2px;
 display:inline-block;
 border:1px solid #aaaaaa;
 padding:0px 2px;
 height:21px;
 width:21px;
 color:white;
 font-size:18px;
 background:white;
 margin-right:4px;
 transition:color 120ms linear
}
.checkbox__content--disabled {
 background-color:#eeeeee;
 color:#eeeeee;
 transition:color 10ms linear
}
.checkbox__content--selected {
 color:#00893B;
 transition:color 120ms linear
}
.checkbox__content--disabled-and-selected {
 background-color:#eeeeee;
 color:#afafaf;
 transition:color 10ms linear
}
.checkbox__tag {
 display:none
}
.alert-fade-enter-active,
.alert-fade-leave-active {
 transition:opacity 1s
}
.alert-fade-enter,
.alert-fade-leave-to {
 opacity:0
}
.sk-fading-circle {
 margin:10px auto;
 width:40px;
 height:40px;
 position:relative
}
.sk-fading-circle .sk-circle {
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0
}
.sk-fading-circle .sk-circle:before {
 content:'';
 display:block;
 margin:0 auto;
 width:15%;
 height:15%;
 background-color:#00893b;
 border-radius:100%;
 -webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;
 animation:sk-circleFadeDelay 1.2s infinite ease-in-out both
}
.sk-fading-circle .sk-circle2 {
 -webkit-transform:rotate(30deg);
 -ms-transform:rotate(30deg);
 transform:rotate(30deg)
}
.sk-fading-circle .sk-circle3 {
 -webkit-transform:rotate(60deg);
 -ms-transform:rotate(60deg);
 transform:rotate(60deg)
}
.sk-fading-circle .sk-circle4 {
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 transform:rotate(90deg)
}
.sk-fading-circle .sk-circle5 {
 -webkit-transform:rotate(120deg);
 -ms-transform:rotate(120deg);
 transform:rotate(120deg)
}
.sk-fading-circle .sk-circle6 {
 -webkit-transform:rotate(150deg);
 -ms-transform:rotate(150deg);
 transform:rotate(150deg)
}
.sk-fading-circle .sk-circle7 {
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
.sk-fading-circle .sk-circle8 {
 -webkit-transform:rotate(210deg);
 -ms-transform:rotate(210deg);
 transform:rotate(210deg)
}
.sk-fading-circle .sk-circle9 {
 -webkit-transform:rotate(240deg);
 -ms-transform:rotate(240deg);
 transform:rotate(240deg)
}
.sk-fading-circle .sk-circle10 {
 -webkit-transform:rotate(270deg);
 -ms-transform:rotate(270deg);
 transform:rotate(270deg)
}
.sk-fading-circle .sk-circle11 {
 -webkit-transform:rotate(300deg);
 -ms-transform:rotate(300deg);
 transform:rotate(300deg)
}
.sk-fading-circle .sk-circle12 {
 -webkit-transform:rotate(330deg);
 -ms-transform:rotate(330deg);
 transform:rotate(330deg)
}
.sk-fading-circle .sk-circle2:before {
 -webkit-animation-delay:-1.1s;
 animation-delay:-1.1s
}
.sk-fading-circle .sk-circle3:before {
 -webkit-animation-delay:-1s;
 animation-delay:-1s
}
.sk-fading-circle .sk-circle4:before {
 -webkit-animation-delay:-0.9s;
 animation-delay:-0.9s
}
.sk-fading-circle .sk-circle5:before {
 -webkit-animation-delay:-0.8s;
 animation-delay:-0.8s
}
.sk-fading-circle .sk-circle6:before {
 -webkit-animation-delay:-0.7s;
 animation-delay:-0.7s
}
.sk-fading-circle .sk-circle7:before {
 -webkit-animation-delay:-0.6s;
 animation-delay:-0.6s
}
.sk-fading-circle .sk-circle8:before {
 -webkit-animation-delay:-0.5s;
 animation-delay:-0.5s
}
.sk-fading-circle .sk-circle9:before {
 -webkit-animation-delay:-0.4s;
 animation-delay:-0.4s
}
.sk-fading-circle .sk-circle10:before {
 -webkit-animation-delay:-0.3s;
 animation-delay:-0.3s
}
.sk-fading-circle .sk-circle11:before {
 -webkit-animation-delay:-0.2s;
 animation-delay:-0.2s
}
.sk-fading-circle .sk-circle12:before {
 -webkit-animation-delay:-0.1s;
 animation-delay:-0.1s
}
@-webkit-keyframes sk-circleFadeDelay {
 0%,
 39%,
 100% {
  opacity:0
 }
 40% {
  opacity:1
 }
}
@keyframes sk-circleFadeDelay {
 0%,
 39%,
 100% {
  opacity:0
 }
 40% {
  opacity:1
 }
}
.input-error__wrapper {
 margin-top:-8px
}
.input-error__arrow {
 position:relative;
 width:0;
 height:0;
 left:10px;
 border-left:6px solid transparent;
 border-right:6px solid transparent;
 border-bottom:8px solid #dc0d15
}
.input-error__content {
 background-color:#dc0d15;
 padding:6px 6px 0px 6px;
 color:white;
 display:inline-block;
 position:relative
}
.input-error__ul {
 list-style-type:none;
 margin:0;
 padding:0
}
.input-error__li {
 margin-bottom:6px
}
.number-input {
 position:relative
}
.number-input--warning {
 background:red
}
.number-input__icon {
 position:absolute;
 top:7px;
 left:7px;
 color:#aaa
}
.number-input__icon:hover {
 color:#777
}
.address-list>:nth-child(odd) {
 background:#e9e9e9
}
.address-list__entry {
 border-bottom:1px solid #aaaaaa;
 padding:7px 10px 10px 12px;
 cursor:pointer
}
.address-list__entry--default {
 background:#00893B !important;
 color:white
}
.address-list__entry--selected {
 border-right:4px solid #00893B
}
.address-list__entry--default .address-list__entry--selected {
 border-right:4px solid white
}
.address-list__entry--new {
 background:white !important
}
.shipping-options {
 list-style:none;
 padding:0;
 margin:0
}
.shipping-options__item {
 padding:4px
}
.devpanel {
 width:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:9999;
 color:black;
 background-color:#ffdbd3;
 border:1px solid #dc0d15;
 font-size:18px;
 font-weight:300
}
.devpanel__header {
 background:#dc0d15;
 color:white;
 height:36px;
 font-size:26px;
 padding-top:4px;
 padding-left:4px
}
.devpanel__close-button {
 cursor:pointer;
 font-size:30px;
 position:absolute;
 top:1px;
 right:10px
}
.devpanel__content {
 padding:12px
}
.devpanel__content h2 {
 padding:0;
 margin:0;
 margin-bottom:10px
}
.devpanel__content pre {
 font-size:13px;
 padding:0;
 margin:0 0 2px 0
}
.tecdoc-tree__items {
 margin-left:14px
}
.tecdoc-tree__icon-column {
 min-width:18px
}
.tecdoc-tree__label {
 margin-bottom:4px
}
.tecdoc-tree__label--selected {
 font-weight:bold;
 color:#00893B
}
.rim {
 width:100%;
 border:1px solid grey;
 background-color:#ffffff;
 position:relative
}
.rim__graphics {
 position:relative
}
.rim__image {
 padding:20px
}
.rim__attributes {
 position:absolute;
 z-index:1;
 top:4px;
 left:4px
}
.rim__no-manufacturing {
 position:absolute;
 z-index:1;
 top:0;
 right:0;
 width:60%
}
.rim__sellout {
 position:absolute;
 z-index:1;
 top:0;
 right:0;
 width:48%
}
.rim__offer {
 position:absolute;
 z-index:1;
 top:0;
 right:0;
 width:30%
}
.rim__special-offer {
 position:absolute;
 z-index:1;
 top:0;
 right:0;
 width:58%
}
.rim__made-in-germany {
 position:absolute;
 z-index:1;
 bottom:1px;
 left:5px;
 width:28%
}
.rim__new {
 position:absolute;
 z-index:1;
 bottom:-4px;
 right:0px;
 width:28%
}
.rim__design {
 text-align:center;
 background-color:#e9e9e9;
 padding:5px;
 width:100%
}
.rim__ece {
 position:relative;
 top:1px;
 font-size:22px
}
.rim__ms {
 position:relative;
 top:-1px;
 font-size:20px
}
.rim__content {
 padding:4px
}
.rim__image360 {
 position:absolute;
 z-index:1;
 bottom:2px;
 left:8px;
 width:28%
}
.rim__image360-overlay {
 cursor:-moz-zoom-in;
 cursor:-webkit-zoom-in;
 cursor:zoom-in;
 position:absolute;
 background-color:white;
 opacity:0;
 z-index:2;
 top:0;
 left:0;
 right:0;
 bottom:0
}
.rim__image360-overlay:hover {
 opacity:0.7
}
.rim__image360-icon {
 position:absolute;
 top:50%;
 left:50%;
 margin-right:-50%;
 transform:translate(-50%, -50%)
}
.rim__assembly_conditions {
 padding:3px;
 text-align:center
}
.rim__assembly_conditions--none {
 background:#00893B;
 color:white
}
.rim__assembly_conditions--partial {
 background:#efbf3d;
 color:white
}
.card {
 border:1px solid #aaaaaa;
 width:100%
}
.card__section--border-bottom {
 border-bottom:1px solid #aaaaaa
}
.card__section--white {
 background:white
}
.card__section--grey {
 background:#eee
}
.card__section--darkgrey {
 background:#cccccc
}
.card__section--green {
 background:#00893B
}
.card__section--grid {
 padding:4px
}
.vehicle-history {
 width:100%;
 font-size:18px
}
.image-360 {
 width:100%;
 position:relative
}
.image-360__image {
 width:100%
}
.image-360__progress-container {
 background-color:white;
 position:absolute;
 z-index:20;
 bottom:10px;
 width:60%;
 border:1px solid green;
 overflow:hidden;
 margin:0 auto;
 left:0;
 right:0
}
.image-360__progress-bar {
 background:#00893B;
 color:white;
 height:5px;
 text-align:center
}
.editor__textarea {
 width:100%;
 height:100%;
 border:0;
 margin:0;
 vertical-align:top;
 resize:vertical;
 overflow:auto
}
.editor__textarea--border {
 border:1px solid #aaa
}
.editor__preview {
 overflow:auto
}
.gauge {
 background:#e9e9e9
}
.gauge__indicator {
 height:10px
}
.favorites {
 width:100%
}
.favorites__overlay {
 position:absolute;
 z-index:1000;
 background:white;
 top:1px;
 left:1px;
 bottom:1px;
 right:1px
}
.favorites__product-button {
 background-color:transparent;
 border:0px;
 color:#b5b5b5;
 font-family:'Roboto Condensed';
 font-size:15px
}
.favorites__product-icon {
 font-size:3em;
 color:#b5b5b5
}
.favorites__row--selected {
 background-color:#fcf8e3 !important
}
.favorites__row .favorites__button {
 display:none
}
.favorites__row:hover .favorites__button,
.favorites .favorites__button:hover {
 display:block
}
.favorites__row:hover .favorites__product-button,
.favorites .favorites__product-button:hover {
 color:#2a2a2a
}
.favorites__row:hover .favorites__product-icon,
.favorites .favorites__product-icon:hover {
 color:#00893B
}
.favorites__description {
 font-size:23px;
 color:#00893B;
 margin-bottom:4px
}
.favorites__description--not-found {
 margin-top:8px
}
.favorites__image {
 width:90%
}
.favorites__text {
 margin-bottom:6px
}
.favorites__text-kba {
 margin-bottom:6px;
 font-size:18px;
 color:#00893B
}
.express-icon__image {
 height:11px;
 position:relative;
 top:0px
}
.express-icon__text {
 color:#00893B;
 font-size:12px;
 font-style:italic;
 font-weight:bold;
 margin-left:-1px;
 letter-spacing:0.04em;
 position:relative;
 top:-1px
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
 font-size:12px !important
}
.ql-editor {
 font-family:'Roboto Condensed' !important;
 font-size:15px !important
}
.ql-size-small {
 font-size:12px !important
}
.ql-toolbar.ql-snow {
 border:1px solid #aaa !important;
 font-family:'Roboto Condensed' !important
}
.ql-container.ql-snow {
 border:1px solid #aaa !important;
 border-top:0 !important
}
.ql-snow.ql-toolbar {
 padding-top:6px !important;
 padding-bottom:0px !important
}
ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
 color:#00893B !important
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
 fill:#00893B !important
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-mitter,
.ql-snow .ql-toolbar button:hover .ql-stroke-mitter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-mitter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-mitter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-mitter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-mitter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-mitter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-mitter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter {
 stroke:#00893B !important
}