/* 
    Main style sheet, contains all styles.

    Should contain import statements only.

    Import order: vendor, base, components, themes
*/
/* jquery-ui.css removed – not used in Blazor CPS */
/* 
    This file is for SCSS that could/should be done better.
    If at all possible, DO NOT ADD TO THIS FILE. 
    Make changes to the well-structured, pretty files, then remove things from this file when they are no longer needed.

    This was originally a copy of the css used before the responsive redesign in May 2018.
*/
legend {
  color: #fff; }

body.customer-account legend {
  color: #000; }

header {
  background: #004f94;
  background: -moz-linear-gradient(top, #004f94, #073979 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #004f94), color-stop(100%, #073979));
  background: -webkit-linear-gradient(top, #004f94, #073979 100%);
  background: -o-linear-gradient(top, #004f94, #073979 100%);
  background: -ms-linear-gradient(top, #004f94, #073979 100%);
  background: linear-gradient(to bottom, #004f94 1%, #073979 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f94', endColorstr='#073979',GradientType=0 ); }

header.training-site {
  background: #860828;
  background: -moz-linear-gradient(top, #96092d 1%, #96092d 50%, #860828 51%, #860828 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #96092d), color-stop(50%, #96092d), color-stop(51%, #860828), color-stop(100%, #860828));
  background: -webkit-linear-gradient(top, #96092d 1%, #96092d 50%, #860828 51%, #860828 100%);
  background: -o-linear-gradient(top, #96092d 1%, #96092d 50%, #860828 51%, #860828 100%);
  background: -ms-linear-gradient(top, #96092d 1%, #96092d 50%, #860828 51%, #860828 100%);
  background: linear-gradient(to bottom, #96092d 1%, #96092d 50%, #860828 51%, #860828 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96092d', endColorstr='#860828',GradientType=0 ); }

select[disabled] {
  color: #999;
  background: #eee; }

h1 {
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: -0.05em;
  margin: 0.3em 0; }

p {
  margin: 0.5em 0; }

div.field {
  padding: 5px; }

.field.full {
  width: 100%;
  clear: both;
  margin-left: 0;
  float: none; }

div.field label {
  display: block;
  padding-bottom: 3px; }

div.field input, div.field select {
  width: 100%;
  box-sizing: border-box; }

input:not([type=file]), input:not([type=range]), select, textarea {
  font-family: Arial;
  font-size: 0.9em;
  color: #313140;
  padding: 9px;
  border: none;
  border-radius: 5px;
  margin: 0; }

.close {
  width: 16px;
  height: 16px;
  display: block; }

.total-fieldset {
  padding-bottom: 5px;
  margin-top: 6px; }

.terms {
  text-align: right;
  clear: left;
  margin: 15px 4px 4px 4px; }

.terms span {
  float: left;
  font-size: 0.8em;
  line-height: 43px; }

div.discount-values input {
  width: 110px; }

div.discount-values {
  text-align: right; }

div.discount-values .values {
  float: left; }

div.discount-values button {
  width: 150px;
  line-height: 44px;
  margin-right: -5px; }

.yes-no-not {
  padding: 20px 0;
  font-size: 0.85em; }

.yes-no-not label {
  display: inline-block;
  margin-right: 20px; }

div.field .check-right {
  font-size: 0.8em; }

div.field .check-right input {
  float: right;
  width: auto; }

div.field.eighty {
  width: 84%; }

div.field.twenty {
  width: 16%;
  text-align: center;
  margin-left: 0; }

div.field.twenty label {
  font-size: 0.65em;
  margin-top: -0.3em; }

.hidden-fields {
  display: none; }

.disabled {
  opacity: 0.2; }

.money-box {
  text-align: right;
  padding-left: 30px; }

.money-box-placeholder {
  position: absolute;
  display: inline-block;
  line-height: 50px;
  font-size: 1.2em;
  margin-left: 7px;
  z-index: 1000;
  color: #bbb; }

.percent-box {
  text-align: right;
  padding-left: 30px; }

.percent-box-placeholder {
  position: absolute;
  display: inline-block;
  line-height: 50px;
  font-size: 1.2em;
  margin-left: 7px;
  z-index: 1000;
  color: #bbb; }

.money-to-box {
  text-align: right;
  padding-left: 30px; }

.money-to-box-placeholder {
  position: absolute;
  display: inline-block;
  line-height: 50px;
  font-size: 1.2em;
  margin-left: 7px;
  z-index: 1000;
  color: green; }

.money-down-box {
  text-align: right;
  padding-left: 30px; }

.money-down-box-placeholder {
  position: absolute;
  display: inline-block;
  line-height: 50px;
  font-size: 1.2em;
  margin-left: 7px;
  z-index: 1000;
  color: red; }

button.track-next {
  width: 90px;
  color: rgba(255, 255, 255, 0.5); }

button.track-next-current {
  color: #000; }

button.track-status-checkedin {
  background-position: -1px -490px; }

button.track-status-ready {
  background-position: -81px -490px; }

.background-print {
  position: absolute;
  bottom: 40px;
  right: 10px;
  width: 35px;
  height: 35px; }

.trade-header {
  padding-top: 20px; }

.trade-header .in-nav {
  display: none; }

.trade-header h1 {
  text-align: center;
  font-size: 1.4em;
  text-transform: uppercase;
  line-height: 34px; }

.trade-header h1 img {
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -10px; }

.trade-summary {
  background: rgba(0, 69, 148, 0.4);
  border-radius: 5px;
  width: 410px;
  padding: 10px 20px;
  float: right;
  height: 90px;
  margin-top: 5px; }

.trade-summary ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0.75em; }

.trade-summary ul li {
  line-height: 1.7em; }

.trade-summary ul li span {
  width: 80px;
  display: inline-block; }

.trade-summary ul li strong {
  text-transform: uppercase; }

input[type=checkbox] {
  visibility: hidden;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  padding: 0; }

input[type=checkbox]:before {
  position: absolute;
  width: 35px;
  height: 35px;
  display: inline-block;
  content: ' ';
  background: #fff;
  visibility: visible;
  border-radius: 5px;
  font-size: 35px;
  color: #fff;
  text-align: center; }

input[type=checkbox]:checked:before {
  background-color: #fff;
  background-position: -196px 2px; }

input[type=checkbox]::-ms-check {
  visibility: visible; }

.walk-around-field {
  font-size: 0.8em;
  line-height: 35px; }

.walk-around-field label {
  float: right;
  font-size: 0.9em;
  margin-left: 20px; }

input.toggle[type=checkbox] {
  visibility: hidden;
  width: 135px;
  height: 35px;
  vertical-align: middle;
  padding: 0; }

input.toggle[type=checkbox]:before {
  background-color: #fff;
  background-position: -282px 0px;
  position: absolute;
  width: 59px;
  height: 35px;
  display: inline-block;
  content: 'No';
  visibility: visible;
  padding: 0 0 0 76px;
  border-radius: 5px;
  font-size: 20px;
  line-height: 35px;
  color: #333;
  text-align: left;
  text-transform: uppercase; }

input.toggle[type=checkbox]:after {
  position: absolute;
  width: 43px;
  height: 35px;
  display: inline-block;
  content: ' ';
  visibility: visible;
  border-radius: 5px 0 0 5px;
  font-size: 35px;
  text-align: center;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

input.toggle[type=checkbox]:checked:after {
  margin-left: 92px;
  border-radius: 0 5px 5px 0; }

input.toggle[type=checkbox]:checked:before {
  content: 'Yes';
  background-color: #fff;
  background-position: -190px 2px;
  text-align: left;
  padding: 0 33px 0 43px; }

input.ticky[type=radio] {
  visibility: hidden;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  padding: 0; }

input.ticky[type=radio]:before {
  position: absolute;
  width: 35px;
  height: 35px;
  display: inline-block;
  content: ' ';
  background: #fff;
  visibility: visible;
  border-radius: 5px;
  font-size: 35px;
  color: #fff;
  text-align: center; }

input.ticky[type=radio]:checked:before {
  background-color: #fff;
  background-position: -196px 2px; }

.summary {
  padding: 10px 0;
  margin: 0;
  list-style: none;
  font-size: 0.8em;
  margin-top: -20px;
  overflow: hidden; }

.summary li {
  float: left;
  width: 45%;
  padding: 5px 0; }

.summary li span {
  display: inline-block;
  width: 80px;
  text-align: right;
  margin-right: 10px; }

.option-group-selected .receipt-icon.email {
  background-position: -543px -373px;
  width: 38px;
  height: 38px; }

.receipt-icon.email {
  background-position: -465px -373px;
  width: 38px;
  height: 38px; }

.option-group-selected .receipt-icon.discount {
  background-position: -39px -372px;
  width: 38px;
  height: 38px; }

.receipt-icon.discount {
  background-position: -387px -373px;
  width: 38px;
  height: 38px; }

.configure a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-size: 0.7em;
  font-weight: normal; }

.walk-around-reason {
  visibility: hidden; }

.walk-around-reason-active {
  visibility: visible; }

input[disabled], input[readonly], select[disabled], .styled-select-disabled::after, .styled-select-disabled::before {
  opacity: 0.75; }

.selector-grid.by-two li.trade-standard-item, .selector-grid.by-two li.trade-valet-item {
  width: 100%; }

.selector-grid.by-two li.trade-standard-item label, .selector-grid.by-two li.trade-valet-item label {
  padding: 6px 6px 7px 6px; }

.trade-account-grid.by-two li label i {
  width: 129px;
  height: 68px;
  display: inline-block; }

.trade-account-grid.by-two li label {
  min-height: 0;
  padding-top: 5px; }

.trade-account-grid li label span {
  display: none; }

.trade-account-grid li label.option-group-deselected {
  background: #fff; }

.trade-account-grid li label.option-group-selected {
  background: #fff; }

.trade-icon.avis {
  background-position: -743px 0; }

.trade-icon.millers {
  background-position: -872px 0; }

p.declaration {
  font-size: 0.6em;
  text-align: left;
  padding: 10px 0 0 0;
  margin: 0; }

.declaration a {
  color: #f6ca3a;
  text-decoration: none; }

#aa-card span::before {
  position: absolute;
  display: block;
  content: attr(data-content);
  margin-top: 8px;
  margin-left: 10px;
  color: #313140;
  font-size: 0.9em;
  font-family: Arial; }

#aa-card input {
  padding-left: 85px; }

#terms ol {
  counter-reset: item;
  font-size: 0.8em;
  padding: 0 0 0 0;
  margin: 0; }

#terms ol ol {
  font-size: 0.9em;
  padding: 10px 0 0 35px; }

#terms LI {
  display: block;
  margin-bottom: 10px;
  font-weight: bold; }

#terms LI:before {
  content: counters(item, ".") " ";
  counter-increment: item; }

#terms li LI:before {
  margin-left: -25px;
  display: inline-block;
  float: left; }

#terms LI li {
  font-weight: normal; }

span.weather-link {
  display: block;
  width: 44px;
  height: 32px;
  background-position: -591px -178px;
  margin: -6px -5px -5px -5px; }

#printFrame {
  display: none; }

@media print {
  header {
    display: none !important; }
  #main {
    display: none !important; }
  body {
    background: none !important; }
  #printFrame {
    display: block !important;
    color: #000 !important;
    width: 690px !important;
    margin: 0 auto !important; }
  #printFrame {
    font-family: Arial !important;
    font-size: 18px !important; }
  #printFrame table {
    width: 100% !important; }
  #printFrame table th {
    text-align: left !important; }
  #printFrame td, th {
    padding: 1px 0 !important;
    vertical-align: top !important; }
  #printFrame p {
    font-size: 0.8em !important; }
  #printFrame h1 {
    padding: 0 !important;
    margin: 0 !important;
    text-transform: none !important; }
  footer {
    display: none !important; }
  .mobile-main-nav, .nav-item, .nav-text {
    display: none !important; } }

button.wash-cancel {
  border: 4px solid #267095;
  border-radius: 4px;
  width: 40px;
  padding: 0; }

button.wash-cancel span {
  border: 2px solid #fff;
  border-radius: 4px;
  display: block;
  height: 28px; }

button.wash-cancel span i {
  background-position: -354px -3px;
  height: 27px;
  display: block; }

.track-vehicle-detail {
  display: block; }

.track-service-detail {
  display: block;
  font-size: 0.6em;
  font-weight: normal; }

a.message-link {
  background: #71b7d9;
  display: block;
  border-radius: 0 0 5px 5px;
  color: #000;
  font-size: 0.6em;
  text-decoration: none;
  line-height: 21px;
  padding: 0.3em 0; }

a.message-link span {
  display: inline-block;
  height: 21px;
  width: 21px;
  background: #f2cf6b;
  border-radius: 3px;
  vertical-align: top;
  margin-left: 42px;
  margin-right: 7px; }

.message {
  padding: 10px 20px; }

.message-all {
  float: right;
  margin-right: 10px;
  margin-left: -100%; }

div.field .combo-auto {
  position: absolute;
  width: 250px;
  z-index: 1000;
  background: transparent;
  color: transparent; }

.valuables-field label {
  font-size: 0.65em;
  line-height: 2.4em; }

.valuables-field a.button {
  float: right; }

.ui-menu {
  background: #fff;
  color: #000;
  font-size: 0.8em; }

.auto-refresh {
  padding: 10px;
  font-size: 0.8em; }

.unselectable-text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.trade .selector-grid li label.option-group-selected, .trade .tab-navigation:after {
  background: #576574; }

.trade .wash-summary {
  background: #9daab6; }

.vehicle-grid > li > h2.trade-wash {
  color: #fff; }

.receipt label {
  text-align: right;
  margin-top: 3px; }

.receipt input[type=checkbox] {
  width: 19%;
  text-align: right;
  margin-right: 35px; }

.receipt label + label {
  margin-top: 0px; }

.receipt button {
  float: right;
  width: 85px; }

.receipt .wash-summary td {
  font-size: 1.2em;
  padding-left: 20px; }

.receipt .wash-summary th {
  text-align: right;
  width: 20%; }

.receipt.confirmation li {
  float: right; }

.background-receipt {
  position: absolute;
  bottom: 40px;
  right: 55px;
  width: 35px;
  height: 35px; }

.reset-password {
  width: 1024px;
  margin: auto; }

.reset-password form {
  width: 800px;
  margin: auto; }

.reset-password label {
  font-size: 0.8em; }

.reset-password .login-message {
  font-size: 18px;
  margin-left: 0;
  margin-right: 0; }

.reset-password .first {
  padding-left: 0; }

.reset-password button {
  margin-top: 10px; }

.straight-corners * {
  border-radius: 0; }

.clubcard-value {
  margin-bottom: 10px; }

#browse, .trigger-photo:not(.option-group-disabled) {
  cursor: pointer; }

.loading-icon {
  background: url("data:image/svg+xml,%3Csvg class='lds-spinner' width='104' height='104' preserveAspectRatio='xMidYMid' viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='47' y='24' width='6' height='12' rx='9.4' ry='4.8' transform='translate(-24 -24)'%3E%3Canimate attributeName='opacity' begin='-0.9166666666666666s' dur='1s' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect x='47' y='24' width='6' height='12' rx='9.4' ry='4.8' transform='rotate(30 82.785 -6.785)'%3E%3Canimate attributeName='opacity' begin='-0.8333333333333334s' dur='1s' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect x='47' y='24' width='6' height='12' rx='9.4' ry='4.8' transform='rotate(60 58.785 17.215)'%3E%3Canimate attributeName='opacity' begin='-0.75s' dur='1s' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect x='47' y='24' width='6' height='12' rx='9.4' ry='4.8' transform='rotate(90 50 26)'%3E%3Canimate attributeName='opacity' begin='-0.6666666666666666s' dur='1s' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect x='47' y='24' width='6' height='12' rx='9.4' ry='4.8' transform='rotate(120 44.928 31.072)'%3E%3Canimate attributeName='opacity' begin='-0.5833333333333334s' dur='1s' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect x='47' y='24' width='6' height='12' rx='9.4' ry='4.8' transform='rotate(150 41.215 34.785)'%3E%3Canimate attributeName='opacity' begin='-0.5s' dur='1s' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect x='47' y='24' width='6' height='12' rx='9.4' ry='4.8' transform='rotate(180 38 38)'%3E%3Canimate attributeName='opacity' begin='-0.4166666666666667s' dur='1s' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect x='47' y='24' width='6' height='12' rx='9.4' ry='4.8' transform='rotate(210 34.785 41.215)'%3E%3Canimate attributeName='opacity' begin='-0.3333333333333333s' dur='1s' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect x='47' y='24' width='6' height='12' rx='9.4' ry='4.8' transform='rotate(240 31.072 44.928)'%3E%3Canimate attributeName='opacity' begin='-0.25s' dur='1s' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect x='47' y='24' width='6' height='12' rx='9.4' ry='4.8' transform='rotate(-90 26 50)'%3E%3Canimate attributeName='opacity' begin='-0.16666666666666666s' dur='1s' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect x='47' y='24' width='6' height='12' rx='9.4' ry='4.8' transform='rotate(-60 17.215 58.785)'%3E%3Canimate attributeName='opacity' begin='-0.08333333333333333s' dur='1s' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect x='47' y='24' width='6' height='12' rx='9.4' ry='4.8' transform='rotate(-30 -6.785 82.785)'%3E%3Canimate attributeName='opacity' begin='0s' dur='1s' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3C/svg%3E");
  position: absolute;
  height: 40px;
  width: 40px;
  background-size: cover;
  transform: translate(-50%, -50%); }

.trade-surcharge-label > span {
  display: block;
  float: left; }

#cold-weather {
  text-align: left;
  opacity: 0;
  transition: opacity 0.25s; }

#cold-weather .field {
  margin-left: 0; }

#cold-weather .field.small {
  width: auto; }

#cold-weather ul {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  color: #990000;
  font-size: 0.75em; }

#cold-weather .photo-message {
  margin: 20px 0 10px 0;
  clear: both; }

#cold-weather .upload-button {
  float: right; }

#cold-weather .upload-message {
  font-size: 0.85em; }

/*Make field appear disabled, but value is still submitted*/
.pseudo-disabled {
  pointer-events: none;
  opacity: 0.8; }

input[type=number] {
  -moz-appearance: textfield; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/*ipad specific styling*/
@media only screen and (device-width: 768px) {
  *:not(input):not(textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; } }

.grey-check input[type=checkbox]:before {
  background-color: #EFF3F6; }

#FirstWashDiscountButtons {
  font-size: 0.88em; }

.bold-and-padded {
  padding: 10px 0;
  font-weight: bold; }

/*
    Contains global variables.
*/
/* Layout */
/* Media queries */
/* Waves Media queries */
/* Colours*/
/* Waves Colours */
/* Z-indexes*/
/*
    Contains useful mixins
*/
/*
    Contains useful functions
*/
@media only screen and (max-width: 1023px) {
  .hide-for-small, .color-swatch {
    display: none !important; } }

@media only screen and (min-width: 1024px) {
  .hide-for-large, .mobile-main-nav, .track .track-ready-row, .message-of-the-day .mobile-confirm-check {
    display: none !important; } }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .mobile-view-hide {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .mobile-view-show {
    display: none !important; } }

.clearfix::after, .daily-summary .daily-summary-small-report .report-row::after, .vehicle-grid::after {
  display: block;
  content: '';
  clear: both; }

@media only screen and (min-width: 1024px) {
  .left-for-large {
    float: left; } }

@media only screen and (min-width: 1024px) {
  .right-for-large {
    float: right; } }

.flex-reverse {
  flex-direction: row-reverse; }

.padded-page {
  margin: 0 15%; }
  .padded-page .field {
    width: 100%; }
  @media only screen and (max-width: 1023px) {
    .padded-page {
      width: auto;
      margin: 0 2.667vw; } }
  @media only screen and (max-width: 1023px) {
    .padded-page .controls {
      margin-left: -2.667vw;
      margin-right: -2.667vw; } }

.centred-text {
  text-align: center; }

/*
    Contains universal styles.
*/
html {
  height: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none; }
  @media only screen and (max-width: 1023px) {
    html.modalOpen {
      overflow-y: hidden; } }

body {
  font-family: 'Montserrat', sans-serif;
  min-height: 100%;
  padding: 0;
  margin: 0;
  font-size: 1.45em;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background-attachment: fixed; }
  @media only screen and (max-width: 1023px) {
    body:not([data-no-nav]) {
      padding-bottom: calc((140px + 18.66667vw) / 2.5); } }

/* Override waves.webapp.css body { min-width: 1024px } on mobile so vw units resolve correctly */
@media only screen and (max-width: 1023px) {
  body {
    min-width: 0 !important; } }

.page-width {
  max-width: 1024px;
  margin: 0 auto; }

input, select {
  height: 40px; }
  @media only screen and (max-width: 1023px) {
    input, select {
      height: calc((64px + 8.53333vw) / 2); } }

/* Contains classes to set background gradients on elements */
/* Old classes that use gradients */
.smooth-silver, .controls {
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
  background-repeat: no-repeat; }

.smooth-blue, body, .see-through, .modal.see-through {
  background-color: #0092cb;
  background-image: -moz-linear-gradient(top, #0092cb 0%, #004990 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0092cb), color-stop(100%, #004990));
  background-image: -webkit-linear-gradient(top, #0092cb 0%, #004990 100%);
  background-image: -o-linear-gradient(top, #0092cb 0%, #004990 100%);
  background-image: -ms-linear-gradient(top, #0092cb 0%, #004990 100%);
  background-image: linear-gradient(to bottom, #0092cb 0%, #004990 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0092cb', endColorstr='#004990',GradientType=0 );
  background-repeat: no-repeat; }

.smooth-purple, .van .in-nav a, .van .out-nav a, .body.van {
  background-color: #7e58bc;
  background-image: -moz-linear-gradient(top, #7e58bc 0%, #510f72 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e58bc), color-stop(100%, #510f72));
  background-image: -webkit-linear-gradient(top, #7e58bc 0%, #510f72 100%);
  background-image: -o-linear-gradient(top, #7e58bc 0%, #510f72 100%);
  background-image: -ms-linear-gradient(top, #7e58bc 0%, #510f72 100%);
  background-image: linear-gradient(to bottom, #7e58bc 0%, #510f72 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e58bc', endColorstr='#510f72',GradientType=0 );
  background-repeat: no-repeat; }

.smooth-short-blue, .short-blue, .in-nav a, .out-nav a {
  background-color: #007cb9;
  background-image: -moz-linear-gradient(top, #007cb9 0%, #004990 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007cb9), color-stop(100%, #004990));
  background-image: -webkit-linear-gradient(top, #007cb9 0%, #004990 100%);
  background-image: -o-linear-gradient(top, #007cb9 0%, #004990 100%);
  background-image: -ms-linear-gradient(top, #007cb9 0%, #004990 100%);
  background-image: linear-gradient(to bottom, #007cb9 0%, #004990 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007cb9', endColorstr='#004990',GradientType=0 );
  background-repeat: no-repeat; }

.smooth-short-dark-blue, .short-dark-blue, .in-nav .tab-navigation:after {
  background-color: #006a99;
  background-image: -moz-linear-gradient(top, #006a99 0%, #005488 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006a99), color-stop(100%, #005488));
  background-image: -webkit-linear-gradient(top, #006a99 0%, #005488 100%);
  background-image: -o-linear-gradient(top, #006a99 0%, #005488 100%);
  background-image: -ms-linear-gradient(top, #006a99 0%, #005488 100%);
  background-image: linear-gradient(to bottom, #006a99 0%, #005488 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006a99', endColorstr='#005488',GradientType=0 );
  background-repeat: no-repeat; }

.smooth-grey, body.trade,
.trade .in-nav a:not(.tab-current),
.vehicle-grid > li > h2.trade-wash,
.trade .in-nav .tab-navigation:after {
  background-color: #9daab6;
  background-image: -moz-linear-gradient(top, #9daab6 0%, #778899 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9daab6), color-stop(100%, #778899));
  background-image: -webkit-linear-gradient(top, #9daab6 0%, #778899 100%);
  background-image: -o-linear-gradient(top, #9daab6 0%, #778899 100%);
  background-image: -ms-linear-gradient(top, #9daab6 0%, #778899 100%);
  background-image: linear-gradient(to bottom, #9daab6 0%, #778899 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9daab6', endColorstr='#778899',GradientType=0 );
  background-repeat: no-repeat; }

.green {
  color: #000000;
  background-color: #76db63;
  background-image: -moz-linear-gradient(top, #76db63 0%, #76db63 50%, #32b95f 51%, #32b95f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76db63), color-stop(50%, #76db63), color-stop(51%, #32b95f), color-stop(100%, #32b95f));
  background-image: -webkit-linear-gradient(top, #76db63 0%, #76db63 50%, #32b95f 51%, #32b95f 100%);
  background-image: -o-linear-gradient(top, #76db63 0%, #76db63 50%, #32b95f 51%, #32b95f 100%);
  background-image: -ms-linear-gradient(top, #76db63 0%, #76db63 50%, #32b95f 51%, #32b95f 100%);
  background-image: linear-gradient(to bottom, #76db63 0%, #76db63 50%, #32b95f 51%, #32b95f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76db63', endColorstr='#32b95f',GradientType=0 ); }

.bright-red {
  color: #fff;
  background-color: #e2444d;
  background-image: -moz-linear-gradient(top, #e2444d 0%, #e2444d 50%, #ce3447 51%, #ce3447 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2444d), color-stop(50%, #e2444d), color-stop(51%, #ce3447), color-stop(100%, #ce3447));
  background-image: -webkit-linear-gradient(top, #e2444d 0%, #e2444d 50%, #ce3447 51%, #ce3447 100%);
  background-image: -o-linear-gradient(top, #e2444d 0%, #e2444d 50%, #ce3447 51%, #ce3447 100%);
  background-image: -ms-linear-gradient(top, #e2444d 0%, #e2444d 50%, #ce3447 51%, #ce3447 100%);
  background-image: linear-gradient(to bottom, #e2444d 0%, #e2444d 50%, #ce3447 51%, #ce3447 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2444d', endColorstr='#ce3447',GradientType=0 ); }

.blue, button, .button, .track .track-ready-row button {
  color: #fff;
  background-color: #33a5d3;
  background-image: -moz-linear-gradient(top, #33a5d3 0%, #33a5d3 50%, #008ec8 51%, #008ec8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #33a5d3), color-stop(50%, #33a5d3), color-stop(51%, #008ec8), color-stop(100%, #008ec8));
  background-image: -webkit-linear-gradient(top, #33a5d3 0%, #33a5d3 50%, #008ec8 51%, #008ec8 100%);
  background-image: -o-linear-gradient(top, #33a5d3 0%, #33a5d3 50%, #008ec8 51%, #008ec8 100%);
  background-image: -ms-linear-gradient(top, #33a5d3 0%, #33a5d3 50%, #008ec8 51%, #008ec8 100%);
  background-image: linear-gradient(to bottom, #33a5d3 0%, #33a5d3 50%, #008ec8 51%, #008ec8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a5d3', endColorstr='#008ec8',GradientType=0 ); }

.dark-blue, button.track-next {
  color: #fff;
  background-color: #336ca5;
  background-image: -moz-linear-gradient(top, #336ca5 0%, #336ca5 50%, #004990 51%, #004990 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #336ca5), color-stop(50%, #336ca5), color-stop(51%, #004990), color-stop(100%, #004990));
  background-image: -webkit-linear-gradient(top, #336ca5 0%, #336ca5 50%, #004990 51%, #004990 100%);
  background-image: -o-linear-gradient(top, #336ca5 0%, #336ca5 50%, #004990 51%, #004990 100%);
  background-image: -ms-linear-gradient(top, #336ca5 0%, #336ca5 50%, #004990 51%, #004990 100%);
  background-image: linear-gradient(to bottom, #336ca5 0%, #336ca5 50%, #004990 51%, #004990 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ca5', endColorstr='#004990',GradientType=0 ); }

.yellow, button.track-next-current,
input.toggle[type=checkbox]:after,
.styled-select::after,
.check-out-link, .track .track-ready-row button, .paging .yellow.message-all, .paging .button.yellow, .paging .track .track-ready-row button, .track .track-ready-row .paging button {
  color: #000000;
  background-color: #f3d165;
  background-image: -moz-linear-gradient(top, #f3d165 0%, #f3d165 50%, #f0c63e 51%, #f0c63e 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3d165), color-stop(50%, #f3d165), color-stop(51%, #f0c63e), color-stop(100%, #f0c63e));
  background-image: -webkit-linear-gradient(top, #f3d165 0%, #f3d165 50%, #f0c63e 51%, #f0c63e 100%);
  background-image: -o-linear-gradient(top, #f3d165 0%, #f3d165 50%, #f0c63e 51%, #f0c63e 100%);
  background-image: -ms-linear-gradient(top, #f3d165 0%, #f3d165 50%, #f0c63e 51%, #f0c63e 100%);
  background-image: linear-gradient(to bottom, #f3d165 0%, #f3d165 50%, #f0c63e 51%, #f0c63e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3d165', endColorstr='#f0c63e',GradientType=0 ); }

.red, button.wash-cancel span {
  color: #fff;
  background-color: #c75b67;
  background-image: -moz-linear-gradient(top, #c75b67 0%, #c75b67 50%, #b93241 51%, #b93241 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c75b67), color-stop(50%, #c75b67), color-stop(51%, #b93241), color-stop(100%, #b93241));
  background-image: -webkit-linear-gradient(top, #c75b67 0%, #c75b67 50%, #b93241 51%, #b93241 100%);
  background-image: -o-linear-gradient(top, #c75b67 0%, #c75b67 50%, #b93241 51%, #b93241 100%);
  background-image: -ms-linear-gradient(top, #c75b67 0%, #c75b67 50%, #b93241 51%, #b93241 100%);
  background-image: linear-gradient(to bottom, #c75b67 0%, #c75b67 50%, #b93241 51%, #b93241 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c75b67', endColorstr='#b93241',GradientType=0 ); }

.dark-grey, .paging .button, .paging .track .track-ready-row button, .track .track-ready-row .paging button {
  color: #fff;
  background-color: #666666;
  background-image: -moz-linear-gradient(top, #666666 0%, #666666 50%, #555555 51%, #555555 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(50%, #666666), color-stop(51%, #555555), color-stop(100%, #555555));
  background-image: -webkit-linear-gradient(top, #666666 0%, #666666 50%, #555555 51%, #555555 100%);
  background-image: -o-linear-gradient(top, #666666 0%, #666666 50%, #555555 51%, #555555 100%);
  background-image: -ms-linear-gradient(top, #666666 0%, #666666 50%, #555555 51%, #555555 100%);
  background-image: linear-gradient(to bottom, #666666 0%, #666666 50%, #555555 51%, #555555 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#555555',GradientType=0 ); }

.light-grey, .paging .current-page {
  color: #fff;
  background-color: #aaaabb;
  background-image: -moz-linear-gradient(top, #aaaabb 0%, #aaaabb 50%, #9999aa 51%, #9999aa 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaabb), color-stop(50%, #aaaabb), color-stop(51%, #9999aa), color-stop(100%, #9999aa));
  background-image: -webkit-linear-gradient(top, #aaaabb 0%, #aaaabb 50%, #9999aa 51%, #9999aa 100%);
  background-image: -o-linear-gradient(top, #aaaabb 0%, #aaaabb 50%, #9999aa 51%, #9999aa 100%);
  background-image: -ms-linear-gradient(top, #aaaabb 0%, #aaaabb 50%, #9999aa 51%, #9999aa 100%);
  background-image: linear-gradient(to bottom, #aaaabb 0%, #aaaabb 50%, #9999aa 51%, #9999aa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaabb', endColorstr='#9999aa',GradientType=0 ); }

.van-purple {
  color: #fff;
  background-color: #8e69b3;
  background-image: -moz-linear-gradient(top, #8e69b3 0%, #8e69b3 50%, #683799 51%, #683799 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8e69b3), color-stop(50%, #8e69b3), color-stop(51%, #683799), color-stop(100%, #683799));
  background-image: -webkit-linear-gradient(top, #8e69b3 0%, #8e69b3 50%, #683799 51%, #683799 100%);
  background-image: -o-linear-gradient(top, #8e69b3 0%, #8e69b3 50%, #683799 51%, #683799 100%);
  background-image: -ms-linear-gradient(top, #8e69b3 0%, #8e69b3 50%, #683799 51%, #683799 100%);
  background-image: linear-gradient(to bottom, #8e69b3 0%, #8e69b3 50%, #683799 51%, #683799 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e69b3', endColorstr='#683799',GradientType=0 ); }

.black {
  color: #fff;
  background-color: #34343E;
  background-image: -moz-linear-gradient(top, #34343E 0%, #34343E 50%, #171721 51%, #171721 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #34343E), color-stop(50%, #34343E), color-stop(51%, #171721), color-stop(100%, #171721));
  background-image: -webkit-linear-gradient(top, #34343E 0%, #34343E 50%, #171721 51%, #171721 100%);
  background-image: -o-linear-gradient(top, #34343E 0%, #34343E 50%, #171721 51%, #171721 100%);
  background-image: -ms-linear-gradient(top, #34343E 0%, #34343E 50%, #171721 51%, #171721 100%);
  background-image: linear-gradient(to bottom, #34343E 0%, #34343E 50%, #171721 51%, #171721 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34343E', endColorstr='#171721',GradientType=0 ); }

/* Name, color value, car x, car y, car-icon x, car-icon y, trade-car-icon x, trade-car-icon y, outlined-icon x, outlined-icon y*/
/* Get colour value by name */
/* Create color swatch classes*/
.selector-grid .vehicle-color.vehicle-color-beige .color-swatch {
  background: #e8bb7a; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-beige .option-group-selected, .selector-grid .vehicle-color.vehicle-color-beige .option-group-deselected {
    background: #e8bb7a; } }

.car.car-beige {
  background-position: 0 -419px; }

.car-icon.car-icon-beige {
  background-position: 0 -440px; }

.car-icon.trade-car-icon-beige {
  background-position: -948px -293px; }

.customer-account .car.car-beige {
  background-position: -882px -297px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-beige, i.car-icon.trade-car-icon-beige {
    background-image: none;
    background-color: #e8bb7a; } }

.selector-grid .vehicle-color.vehicle-color-blue .color-swatch {
  background: #091db1; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-blue .option-group-selected, .selector-grid .vehicle-color.vehicle-color-blue .option-group-deselected {
    background: #091db1; } }

.car.car-blue {
  background-position: -94px -419px; }

.car-icon.car-icon-blue {
  background-position: -99px -440px; }

.car-icon.trade-car-icon-blue {
  background-position: -948px -392px; }

.customer-account .car.car-blue {
  background-position: -94px -419px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-blue, i.car-icon.trade-car-icon-blue {
    background-image: none;
    background-color: #091db1; } }

.selector-grid .vehicle-color.vehicle-color-brown .color-swatch {
  background: #b05a06; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-brown .option-group-selected, .selector-grid .vehicle-color.vehicle-color-brown .option-group-deselected {
    background: #b05a06; } }

.car.car-brown {
  background-position: -188px -419px; }

.car-icon.car-icon-brown {
  background-position: -196px -440px; }

.car-icon.trade-car-icon-brown {
  background-position: -948px -490px; }

.customer-account .car.car-brown {
  background-position: -808px -382px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-brown, i.car-icon.trade-car-icon-brown {
    background-image: none;
    background-color: #b05a06; } }

.selector-grid .vehicle-color.vehicle-color-green .color-swatch {
  background: #197b30; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-green .option-group-selected, .selector-grid .vehicle-color.vehicle-color-green .option-group-deselected {
    background: #197b30; } }

.car.car-green {
  background-position: -282px -419px; }

.car-icon.car-icon-green {
  background-position: -296px -440px; }

.car-icon.trade-car-icon-green {
  background-position: -296px -490px; }

.customer-account .car.car-green {
  background-position: -790px -318px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-green, i.car-icon.trade-car-icon-green {
    background-image: none;
    background-color: #197b30; } }

.selector-grid .vehicle-color.vehicle-color-maroon .color-swatch {
  background: #940328; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-maroon .option-group-selected, .selector-grid .vehicle-color.vehicle-color-maroon .option-group-deselected {
    background: #940328; } }

.car.car-maroon {
  background-position: -376px -419px; }

.car-icon.car-icon-maroon {
  background-position: -394px -440px; }

.car-icon.trade-car-icon-maroon {
  background-position: -394px -490px; }

.customer-account .car.car-maroon {
  background-position: -808px -361px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-maroon, i.car-icon.trade-car-icon-maroon {
    background-image: none;
    background-color: #940328; } }

.selector-grid .vehicle-color.vehicle-color-pink .color-swatch {
  background: #ec67a9; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-pink .option-group-selected, .selector-grid .vehicle-color.vehicle-color-pink .option-group-deselected {
    background: #ec67a9; } }

.car.car-pink {
  background-position: -470px -419px; }

.car-icon.car-icon-pink {
  background-position: -492px -440px; }

.car-icon.trade-car-icon-pink {
  background-position: -492px -490px; }

.customer-account .car.car-pink {
  background-position: -836px -339px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-pink, i.car-icon.trade-car-icon-pink {
    background-image: none;
    background-color: #ec67a9; } }

.selector-grid .vehicle-color.vehicle-color-red .color-swatch {
  background: #ff0000; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-red .option-group-selected, .selector-grid .vehicle-color.vehicle-color-red .option-group-deselected {
    background: #ff0000; } }

.car.car-red {
  background-position: -564px -419px; }

.car-icon.car-icon-red {
  background-position: -591px -440px; }

.car-icon.trade-car-icon-red {
  background-position: -592px -490px; }

.customer-account .car.car-red {
  background-position: -836px -297px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-red, i.car-icon.trade-car-icon-red {
    background-image: none;
    background-color: #ff0000; } }

.selector-grid .vehicle-color.vehicle-color-turquoise .color-swatch {
  background: #00ffff; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-turquoise .option-group-selected, .selector-grid .vehicle-color.vehicle-color-turquoise .option-group-deselected {
    color: #004990;
    background: #00ffff; } }

.selector-grid .vehicle-color.vehicle-color-turquoise .option-group-selected {
  border-color: black; }

.car.car-turquoise {
  background-position: -657px -419px; }

.car-icon.car-icon-turquoise {
  background-position: -690px -440px; }

.car-icon.trade-car-icon-turquoise {
  background-position: -690px -490px; }

.customer-account .car.car-turquoise {
  background-position: -790px -297px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-turquoise, i.car-icon.trade-car-icon-turquoise {
    background-image: none;
    background-color: #00ffff; } }

.selector-grid .vehicle-color.vehicle-color-yellow .color-swatch {
  background: #ffff00; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-yellow .option-group-selected, .selector-grid .vehicle-color.vehicle-color-yellow .option-group-deselected {
    color: #004990;
    background: #ffff00; } }

.selector-grid .vehicle-color.vehicle-color-yellow .option-group-selected {
  border-color: black; }

.car.car-yellow {
  background-position: -751px -419px; }

.car-icon.car-icon-yellow {
  background-position: -790px -440px; }

.car-icon.trade-car-icon-yellow {
  background-position: -790px -490px; }

.customer-account .car.car-yellow {
  background-position: -762px -382px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-yellow, i.car-icon.trade-car-icon-yellow {
    background-image: none;
    background-color: #ffff00; } }

.selector-grid .vehicle-color.vehicle-color-black .color-swatch {
  background: #000000; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-black .option-group-selected, .selector-grid .vehicle-color.vehicle-color-black .option-group-deselected {
    background: #000000; } }

.car.car-black {
  background-position: -47px -419px; }

.car-icon.car-icon-black {
  background-position: -49px -440px; }

.car-icon.trade-car-icon-black {
  background-position: -948px -343px; }

.customer-account .car.car-black {
  background-position: -47px -419px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-black, i.car-icon.trade-car-icon-black {
    background-image: none;
    background-color: #000000; } }

.selector-grid .vehicle-color.vehicle-color-bronze .color-swatch {
  background: #b05a06; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-bronze .option-group-selected, .selector-grid .vehicle-color.vehicle-color-bronze .option-group-deselected {
    background: #b05a06; } }

.car.car-bronze {
  background-position: -141px -419px; }

.car-icon.car-icon-bronze {
  background-position: -147px -440px; }

.car-icon.trade-car-icon-bronze {
  background-position: -948px -441px; }

.customer-account .car.car-bronze {
  background-position: -882px -318px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-bronze, i.car-icon.trade-car-icon-bronze {
    background-image: none;
    background-color: #b05a06; } }

.selector-grid .vehicle-color.vehicle-color-gold .color-swatch {
  background: #e0ba06; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-gold .option-group-selected, .selector-grid .vehicle-color.vehicle-color-gold .option-group-deselected {
    background: #e0ba06; } }

.car.car-gold {
  background-position: -235px -419px; }

.car-icon.car-icon-gold {
  background-position: -246px -440px; }

.car-icon.trade-car-icon-gold {
  background-position: -790px -490px; }

.customer-account .car.car-gold {
  background-position: -790px -339px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-gold, i.car-icon.trade-car-icon-gold {
    background-image: none;
    background-color: #e0ba06; } }

.selector-grid .vehicle-color.vehicle-color-grey .color-swatch {
  background: #63646b; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-grey .option-group-selected, .selector-grid .vehicle-color.vehicle-color-grey .option-group-deselected {
    background: #63646b; } }

.car.car-grey {
  background-position: -329px -419px; }

.car-icon.car-icon-grey {
  background-position: -345px -440px; }

.car-icon.trade-car-icon-grey {
  background-position: -345px -490px; }

.customer-account .car.car-grey {
  background-position: -762px -361px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-grey, i.car-icon.trade-car-icon-grey {
    background-image: none;
    background-color: #63646b; } }

.selector-grid .vehicle-color.vehicle-color-orange .color-swatch {
  background: #f66b0e; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-orange .option-group-selected, .selector-grid .vehicle-color.vehicle-color-orange .option-group-deselected {
    background: #f66b0e; } }

.car.car-orange {
  background-position: -423px -419px; }

.car-icon.car-icon-orange {
  background-position: -443px -440px; }

.car-icon.trade-car-icon-orange {
  background-position: -443px -490px; }

.customer-account .car.car-orange {
  background-position: -854px -361px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-orange, i.car-icon.trade-car-icon-orange {
    background-image: none;
    background-color: #f66b0e; } }

.selector-grid .vehicle-color.vehicle-color-purple .color-swatch {
  background: #6a04b8; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-purple .option-group-selected, .selector-grid .vehicle-color.vehicle-color-purple .option-group-deselected {
    background: #6a04b8; } }

.car.car-purple {
  background-position: -517px -419px; }

.car-icon.car-icon-purple {
  background-position: -541px -440px; }

.car-icon.trade-car-icon-purple {
  background-position: -542px -490px; }

.customer-account .car.car-purple {
  background-position: -836px -318px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-purple, i.car-icon.trade-car-icon-purple {
    background-image: none;
    background-color: #6a04b8; } }

.selector-grid .vehicle-color.vehicle-color-silver .color-swatch {
  background: #a2a8b3; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-silver .option-group-selected, .selector-grid .vehicle-color.vehicle-color-silver .option-group-deselected {
    background: #a2a8b3; } }

.car.car-silver {
  background-position: -611px -419px; }

.car-icon.car-icon-silver {
  background-position: -641px -440px; }

.car-icon.trade-car-icon-silver {
  background-position: -641px -490px; }

.customer-account .car.car-silver {
  background-position: -882px -339px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-silver, i.car-icon.trade-car-icon-silver {
    background-image: none;
    background-color: #a2a8b3; } }

.selector-grid .vehicle-color.vehicle-color-white .color-swatch {
  background: #ffffff; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-white .option-group-selected, .selector-grid .vehicle-color.vehicle-color-white .option-group-deselected {
    color: #004990;
    background: #ffffff; } }

.selector-grid .vehicle-color.vehicle-color-white .option-group-selected {
  border-color: black; }

.car.car-white {
  background-position: -704px -419px; }

.car-icon.car-icon-white {
  background-position: -740px -440px; }

.car-icon.trade-car-icon-white {
  background-position: -740px -490px; }

.customer-account .car.car-white {
  background-position: -854px -382px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-white, i.car-icon.trade-car-icon-white {
    background-image: none;
    background-color: #ffffff; } }

.selector-grid .vehicle-color.vehicle-color-other .color-swatch {
  background: #c7b299; }

@media only screen and (max-width: 1023px) {
  .selector-grid .vehicle-color.vehicle-color-other .option-group-selected, .selector-grid .vehicle-color.vehicle-color-other .option-group-deselected {
    background: #c7b299; } }

.car.car-other {
  background-position: -798px -419px; }

.car-icon.car-icon-other {
  background-position: -839px -440px; }

.car-icon.trade-car-icon-other {
  background-position: -839px -490px; }

.customer-account .car.car-other {
  background-position: -798px -419px; }

@media only screen and (max-width: 1023px) {
  .car-icon.car-icon.car-icon-other, i.car-icon.trade-car-icon-other {
    background-image: none;
    background-color: #c7b299; } }

/* Track mobile colour bar - standalone div, no sprite dependency */
.track-car-color-vert-bar { display: block; width: 40px; height: 100%; margin: 0; border-radius: 0; }
.track-car-color-black     { background-color: #000000; }
.track-car-color-beige     { background-color: #e8bb7a; }
.track-car-color-blue      { background-color: #091db1; }
.track-car-color-bronze    { background-color: #b05a06; }
.track-car-color-brown     { background-color: #b05a06; }
.track-car-color-gold      { background-color: #e0ba06; }
.track-car-color-green     { background-color: #197b30; }
.track-car-color-grey      { background-color: #63646b; }
.track-car-color-maroon    { background-color: #940328; }
.track-car-color-orange    { background-color: #f66b0e; }
.track-car-color-pink      { background-color: #ec67a9; }
.track-car-color-purple    { background-color: #6a0dad; }
.track-car-color-red       { background-color: #ff0000; }
.track-car-color-silver    { background-color: #c0c0c0; }
.track-car-color-turquoise { background-color: #00ffff; }
.track-car-color-white     { background-color: #ffffff; border: 1px solid #ccc; }
.track-car-color-yellow    { background-color: #ffff00; }
.track-car-color-other     { background-color: #c7b299; }

/* Ready/Collected mobile colour bar - solid colour, no sprite dependency */
.ready-car-color-black     { background-color: #000000; }
.ready-car-color-beige     { background-color: #e8bb7a; }
.ready-car-color-blue      { background-color: #091db1; }
.ready-car-color-bronze    { background-color: #b05a06; }
.ready-car-color-brown     { background-color: #b05a06; }
.ready-car-color-gold      { background-color: #e0ba06; }
.ready-car-color-green     { background-color: #197b30; }
.ready-car-color-grey      { background-color: #63646b; }
.ready-car-color-maroon    { background-color: #940328; }
.ready-car-color-orange    { background-color: #f66b0e; }
.ready-car-color-pink      { background-color: #ec67a9; }
.ready-car-color-purple    { background-color: #6a0dad; }
.ready-car-color-red       { background-color: #ff0000; }
.ready-car-color-silver    { background-color: #c0c0c0; }
.ready-car-color-turquoise { background-color: #00ffff; }
.ready-car-color-white     { background-color: #ffffff; border: 1px solid #ccc; }
.ready-car-color-yellow    { background-color: #ffff00; }
.ready-car-color-other     { background-color: #c7b299; }

i.car {
  width: 46px;
  height: 20px;
  display: inline-block;
  background-position: 0px -418px;
  vertical-align: middle;
  margin-right: 10px; }

i.car-icon {
  width: 49px;
  height: 49px;
  display: inline-block;
  background-position: 0px -440px;
  vertical-align: middle;
  box-sizing: border-box; }
  @media only screen and (max-width: 1023px) {
    i.car-icon {
      border-radius: 50%;
      border: 3px solid #0062a4; } }

@media only screen and (max-width: 1023px) {
  .selector-grid.small-by-three .vehicle-color label {
    text-align: center;
    height: calc((64px + 8.53333vw) / 2);
    line-height: calc((64px + 8.53333vw) / 2);
    text-transform: none;
    font-size: 21px;
    margin: calc((10px + 1.33333vw) / 2) calc((14px + 1.86667vw) / 2);
    box-shadow: none; } }

.color-swatch {
  width: 27px;
  height: 27px;
  background: red;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  border-radius: 3px; }

.color-swatch.other::before {
  content: '?';
  position: absolute;
  font-size: 2.4em;
  font-style: normal;
  line-height: 1em;
  margin-left: 4px;
  color: #fff;
  font-family: Arial;
  font-weight: bold; }

i.size-icon,
i.trade-icon,
i.condition-icon,
i.service-icon,
i.adjustment-icon,
i.receipt-icon,
i.confirm-icon,
i.nav-icon,
i.search,
i.car,
i.car-icon,
.close,
i.weather-icon,
header a.logo,
input[type=checkbox]:checked:before,
input.toggle[type=checkbox]:before,
input.toggle[type=checkbox]:checked:before,
input.ticky[type=radio]:checked:before,
.styled-select::before,
.email-input::before,
.mobile-input::before,
.confirmation ul li a i,
span.weather-link,
button.wash-cancel span i {
  background-image: url(/content/images/sprites.png?v=20150717);
  background-image: -webkit-image-set(url(/content/images/sprites.png?v=20150717) 1x, url(/content/images/sprites2x.png?v=20191031) 2x); }

button.track-payment-button span i {
  background-image: url(/content/images/sprites.png?v=20150717);
  background-image: -webkit-image-set(url(/content/images/sprites.png?v=20150717) 1x, url(/content/images/sprites2x.png?v=20191031) 2x); }

i.weather-icon {
  width: 122px;
  height: 110px;
  display: inline-block;
  margin-top: 30px; }
  @media only screen and (max-width: 1023px) {
    i.weather-icon {
      margin: 10px 0; } }

i.cloudy {
  background-position: 0 -32px; }

i.sunny-spells {
  background-position: -122px -32px; }

i.sunny {
  background-position: -244px -32px; }

i.sunny-spells-showers {
  background-position: -366px -32px; }

i.drizzle {
  background-position: 0 -142px; }

i.rain {
  background-position: -122px -142px; }

i.storms {
  background-position: -244px -142px; }

i.snow {
  background-position: -366px -142px; }

i.size-icon {
  width: 133px;
  height: 58px;
  display: block;
  margin: 0 auto; }

i.condition-icon {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto; }

i.service-icon {
  width: 41px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3em; }

i.adjustment-icon {
  width: 38px;
  height: 38px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3em; }

i.receipt-icon, i.confirm-icon {
  width: 42px;
  height: 42px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3em; }

i.nav-icon {
  width: 37px;
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4em; }

i.search {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-position: -144px 0;
  margin-top: 10px; }

i.size-icon.small {
  background-position: 0px -252px; }

i.size-icon.medium {
  background-position: -266px -252px; }

i.size-icon.large {
  background-position: -134px -252px; }

i.size-icon.van {
  background-position: -400px -252px; }

.condition-icon.good {
  background-position: 0px -310px; }

.condition-icon.fair {
  background-position: -61px -310px; }

.condition-icon.poor {
  background-position: -122px -310px; }

.condition-icon.na {
  background-position: -183px -310px; }

.service-icon.bronze, .service-icon.bronzeplus, .service-icon.contactless1 {
  background-position: -286px -314px; }

.service-icon.silver, .service-icon.controls, .service-icon.contactless2 {
  background-position: -326px -314px;
  width: 45px; }

.service-icon.gold, .service-icon.contactless3 {
  background-position: -370px -314px; }

.service-icon.platinum, .service-icon.contactless4 {
  background-position: -414px -314px; }

.service-icon.specialistonly {
  background-position: -459px -314px; }

.service-icon.trade-basic {
  background-position: -700px -316px;
  width: 40px;
  height: 40px; }

.service-icon.trade-standard {
  background-position: -460px -316px;
  width: 40px;
  height: 40px;
  padding: 1px; }

.service-icon.trade-valet {
  background-position: -508px -316px;
  width: 40px;
  height: 40px;
  padding: 1px; }

.service-icon.trade-super-valet {
  background-position: -742px -317px;
  width: 40px;
  height: 40px; }

.service-icon.bronzeplus {
  transform: scale(0.8) translateX(-10px); }
  .service-icon.bronzeplus::after {
    content: '+';
    color: white;
    position: relative;
    left: 24px;
    font-style: normal;
    font-size: 34px; }

.customer-account .service-icon.bronze, .customer-account .service-icon.bronzeplus, .customer-account .service-icon.contactless1 {
  background-position: -554px -247px; }

.customer-account .service-icon.silver, .customer-account .service-icon.controls, .customer-account .service-icon.contactless2 {
  background-position: -594px -247px;
  width: 45px; }

.customer-account .service-icon.gold, .customer-account .service-icon.contactless3 {
  background-position: -640px -247px; }

.customer-account .service-icon.platinum, .customer-account .service-icon.contactless4 {
  background-position: -682px -248px; }

.customer-account .service-icon.specialistonly {
  background-position: -727px -247px; }

.customer-account .service-icon.bronzeplus::after {
  color: black; }

.payment-lock .service-icon.bronze, .payment-lock .service-icon.bronzeplus, .payment-lock .service-icon.contactless1 {
  background-position: -583px -366px; }

.payment-lock .service-icon.silver, .payment-lock .service-icon.controls, .payment-lock .service-icon.contactless2 {
  background-position: -623px -366px;
  width: 45px; }

.payment-lock .service-icon.gold, .payment-lock .service-icon.contactless3 {
  background-position: -669px -366px; }

.payment-lock .service-icon.platinum, .payment-lock .service-icon.contactless4 {
  background-position: -711px -367px; }

.payment-lock .service-icon.bronzeplus::after {
  color: #ba2625; }

.payment-lock .service-icon.specialistonly {
  background-image: url(/content/images/sprites/s_icon_red.png);
  width: 41px;
  height: 45px;
  background-size: 43px 43px;
  background-position: -44px 1px; }

i.service-icon.full-monty {
  background-image: url(/content/images/full-monty-sprites.png);
  width: 41px;
  height: 45px;
  background-position: -47px -2px; }

.customer-account .service-icon.full-monty {
  background-position: -92px -2px; }

.payment-lock .service-icon.full-monty {
  background-position: -2px -2px; }

.adjustment-icon.surcharge {
  background-position: 0px -372px; }

.adjustment-icon.discount {
  background-position: -39px -372px; }

.confirm-icon.not-required {
  background-position: -213px -373px; }

.confirm-icon.email {
  background-position: -301px -373px; }

.confirm-icon.sms {
  background-position: -344px -373px; }

.sprite-cross {
  background-image: url(/content/images/cross.svg);
  display: inline-block;
  background-position: 50%;
  background-repeat: no-repeat; }

.sprite-black-cross {
  background-image: url(/content/images/black-cross.svg);
  display: inline-block;
  background-position: 50%;
  background-repeat: no-repeat; }

.sprite-tick {
  background-image: url(/content/images/tick.svg);
  display: inline-block;
  background-position: 50%;
  background-repeat: no-repeat;
  transform: translateY(5%); }

.icon-triangle {
  background-image: url(/Content/images/triangle.svg);
  background-size: cover;
  height: 54%;
  width: 50%;
  display: inline-block; }

.icon-triangle.reverse {
  transform: rotate(180deg); }

img.clock-in-icon {
  width: 70px;
  height: 70px;
  display: inline-block; }
  @media only screen and (max-width: 1023px) {
    img.clock-in-icon {
      margin: 10px 0; } }

i.start-break {
  background-image: url(/content/images/start-break.png);
  background-image: -webkit-image-set(url(/content/images/start-break.png) 1x, url(/content/images/start-break.png) 2x); }

i.clock-out {
  background-image: url(/content/images/clock-out.png);
  background-image: -webkit-image-set(url(/content/images/clock-out.png) 1x, url(/content/images/clock-out.png) 2x); }

header {
  overflow: hidden;
  flex: 0 1 auto; }
  @media only screen and (max-width: 1023px) {
    header {
      display: none; } }
  header a.logo {
    width: 110px;
    height: 30px;
    background-position: -17px 0;
    display: inline-block;
    overflow: hidden;
    text-indent: -1000px;
    margin-top: 5px;
    margin-left: 40px; }
    @media only screen and (max-width: 1023px) {
      header a.logo {
        margin: 0 5px 0 0;
        flex-shrink: 0; } }
  @media only screen and (max-width: 1023px) {
    header .page-width {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      justify-content: space-between;
      padding: 6px; } }

nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden; }
  nav ul li {
    float: left; }
    nav ul li a {
      display: block;
      font-size: 0.7em;
      text-transform: uppercase;
      color: #ddd;
      text-decoration: none;
      padding: 0.65em 0.7em;
      border-left: 1px solid #000; }
      nav ul li a.current {
        background: rgba(0, 0, 0, 0.75);
        color: #fff; }
      nav ul li a.highlight {
        background: #EF7D11;
        color: #fff; }

#userbar {
  float: right;
  font-size: 14px;
  color: #dedede;
  text-align: right; }
  #userbar a {
    color: #dedede;
    text-decoration: none;
    padding: 0.75em 1em;
    display: inline-block;
    border-left: 1px solid #000;
    margin-left: 1em; }

#primaryNav .primaryNav-svg-container {
  width: 35px;
  height: 21px; }
  #primaryNav .primaryNav-svg-container svg {
    fill: white;
    width: 100%;
    height: 100%;
    transform: scale(2.4);
    pointer-events: none; }

header.training-site nav ul li a.current {
  background: #860828; }

@media only screen and (max-width: 1023px) {
  /*Primary nav bar hidden for mobile, mobile nav bar (in _mobile-nav.scss) displayed instead*/
  #primaryNav {
    display: none; } }

#primaryNav {
  height: 55px;
  width: 100%;
  display: flex; }
  #primaryNav .nav-item {
    display: flex;
    width: 13%;
    border-right: 1px solid #a0d6f7;
    box-sizing: border-box;
    justify-content: center;
    align-items: center; }
    #primaryNav .nav-item.logout {
      width: 9%; }
    #primaryNav .nav-item svg {
      height: 64px;
      width: 64px;
      fill: #a0d6f7;
      margin-bottom: 2px; }
    #primaryNav .nav-item img {
      height: 50px;
      width: 50px;
      fill: #a0d6f7;
      margin-bottom: 2px;
      content: url("/Content/images/clock-in-out.png"); }
    #primaryNav .nav-item .scale-down {
      transform: scale(0.7); }
    #primaryNav .nav-item.current {
      background: #fff;
      background: -moz-linear-gradient(top, #fff, #d0d0d0 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff), color-stop(100%, #d0d0d0));
      background: -webkit-linear-gradient(top, #fff, #d0d0d0 100%);
      background: -o-linear-gradient(top, #fff, #d0d0d0 100%);
      background: -ms-linear-gradient(top, #fff, #d0d0d0 100%);
      background: linear-gradient(to bottom, #fff 1%, #d0d0d0 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##fff', endColorstr='#d0d0d0',GradientType=0 ); }
      #primaryNav .nav-item.current svg, #primaryNav .nav-item.current img {
        fill: #004990; }
      #primaryNav .nav-item.current img {
        content: url("/Content/images/clock-in-out-selected.png"); }
    #primaryNav .nav-item .nav-text {
      display: none; }
    #primaryNav .nav-item.disabled-nav-link {
      opacity: 0.5;
      cursor: default; }
  #primaryNav .nav-sprite-container {
    display: flex;
    justify-content: center; }

footer.legal-footer {
  position: absolute;
  right: 0;
  bottom: 64px;
  font-size: 0.5em;
  padding-right: 10px;
  text-transform: uppercase; }
  footer.legal-footer.force-bottom {
    bottom: 10px;
    z-index: 2000; }
  footer.legal-footer a {
    color: #fff;
    text-decoration: none; }
  footer.legal-footer span.pipe {
    display: inline-block;
    margin: 0 15px;
    color: #f6ca3a; }
  footer.legal-footer .greyed {
    opacity: 0.5; }
  @media only screen and (max-width: 1023px) {
    footer.legal-footer {
      position: relative;
      width: 100%;
      text-align: center;
      font-size: 20px;
      text-transform: none;
      margin-top: 70px;
      padding-right: 0; } }
  @media only screen and (max-width: 1023px) {
    footer.legal-footer .copy {
      display: block;
      font-size: 16px;
      margin-top: 18px; } }

.controls {
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .controls {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100vw;
      text-align: right; } }
  @media only screen and (max-width: 1023px) {
    .controls {
      background: none; } }
  .controls .extra-buttons-placeholder {
    display: none; }
    @media only screen and (max-width: 1023px) {
      .controls .extra-buttons-placeholder {
        display: block;
        background: #03305b;
        height: 82px;
        width: 100%; } }
  @media only screen and (max-width: 1023px) {
    .controls .buttons .extra-button {
      position: absolute;
      background: none;
      bottom: 0;
      left: 20px;
      color: #beeffd;
      margin: 0;
      padding: 0;
      height: 82px; } }
  @media only screen and (max-width: 1023px) {
    .controls .buttons .extra-button-right {
      left: auto;
      right: 20px; } }

.buttons {
  padding: 5px;
  min-height: 50px; }
  @media only screen and (max-width: 1023px) {
    .buttons {
      display: flex; } }
  .buttons button, .buttons a.button {
    width: auto;
    padding: 0 20px;
    font-weight: normal;
    font-family: Arial; }
    @media only screen and (max-width: 1023px) {
      .buttons button, .buttons a.button {
        color: black;
        flex: 1;
        margin: 2.667vw; } }

#EligibleDiscountCardButtons {
  display: flex;
  flex-wrap: wrap;
  /*@media only screen and (max-width: 1023px){
        flex-wrap:nowrap;
    }*/ }
  #EligibleDiscountCardButtons .use-eligible-discount-card, #EligibleDiscountCardButtons .dont-use-discount {
    flex: 1 0 100%;
    margin-bottom: 10px; }
    @media only screen and (max-width: 1023px) {
      #EligibleDiscountCardButtons .use-eligible-discount-card, #EligibleDiscountCardButtons .dont-use-discount {
        margin: 0;
        margin-bottom: 10px; } }

button[disabled], .button[disabled], .track .track-ready-row button[disabled] {
  opacity: 0.6; }

button, .button, .track .track-ready-row button, a.button {
  text-align: center;
  text-transform: uppercase;
  line-height: 46px;
  border-radius: 5px;
  border: none;
  font-size: 0.7em;
  width: 156px; }

a.button {
  display: inline-block;
  text-decoration: none; }

.skip-button {
  text-align: center;
  text-transform: uppercase;
  background-color: #b2f2bb; }

.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0; }
  .modal ::-webkit-input-placeholder {
    color: unset; }
  .modal ::-moz-placeholder {
    color: unset; }
  .modal :-ms-input-placeholder {
    color: unset; }
  .modal ::placeholder {
    color: unset; }
  .modal .dialog {
    border: 18px solid #000;
    max-width: 575px;
    width: 90%;
    max-height: 90vh;
    background: #fff;
    color: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden; }
    @media only screen and (max-width: 1023px) {
      .modal .dialog {
        border-width: 4px; } }
    .modal .dialog h1 {
      font-size: 1.3em;
      padding: 15px;
      margin: 0;
      line-height: 1em;
      text-transform: none;
      text-align: center; }
      .modal .dialog h1 a {
        float: right;
        margin-top: 8px; }
    .modal .dialog h2 {
      font-size: 1.2em;
      margin: 0; }
  .modal .buttons {
    padding: 10px;
    text-align: center;
    overflow: hidden; }
  .modal .content {
    background: #EFF3F6;
    padding: 25px;
    overflow-y: auto;
    max-height: calc(80vh - 176px);
    position: relative; }
    @media only screen and (max-width: 1023px) {
      .modal .content {
        max-height: calc(90vh - 110px); } }
    .modal .content .inner {
      background: #E0E7ED;
      padding: 20px 25px;
      font-size: 0.8em; }
    .modal .content p, .modal .content ol {
      font-size: 0.7em; }
    .modal .content ol li {
      margin-bottom: 1em; }
    .modal .content p.intro {
      font-size: 0.8em; }
    .modal .content p.note {
      font-size: 0.6em; }
    .modal .content .modal-list {
      font-size: 0.7em; }
    .modal .content.smooth-blue, .modal body.content, .modal .content.see-through {
      background-color: #0092cb;
      background-image: linear-gradient(to bottom, #0092cb 0%, #004990 100%);
      background-repeat: no-repeat; }
  .modal .content.frame {
    padding: 10px; }
    .modal .content.frame .inner {
      background: none;
      overflow-y: scroll;
      height: 380px; }
  .modal#CustomerPrebookedModal h1 {
    background-color: #fec62a; }
  .modal .content.centered {
    text-align: center; }
  .modal .content.centered button, .modal .content.centered .button, .modal .content.centered .track .track-ready-row button, .track .track-ready-row .modal .content.centered button {
    width: 100%;
    box-sizing: border-box; }

.see-through, .modal.see-through {
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  background-attachment: fixed;
  height: 100%;
  max-height: none;
  overflow: auto; }

.modal.width800 .dialog {
  max-width: 800px; }

.modal.lower-modal {
  z-index: 9999; }

.error {
  color: #c11313; }

.error .validation-summary-valid {
  display: none; }

.error .validation-summary-errors ul {
  list-style-type: none;
  border: 1px solid;
  border-radius: 5px;
  padding: 5px; }

.login {
  max-width: 1024px;
  margin: 0 auto; }
  .login::after {
    display: block;
    content: '';
    clear: both; }
  .login form {
    margin: 0 auto;
    transform: translateX(171px);
    max-width: 694px; }
  .login .buttons {
    float: left;
    padding: 6px 0 0 10px; }
  .login .help {
    padding: 5px 0 20px 5px;
    clear: both;
    margin-left: 2%; }
    .login .help a {
      font-size: 0.8em;
      text-decoration: underline;
      color: #fff;
      font-family: 'Montserrat', sans-serif; }
  .login button.small-text {
    font-size: 14px; }
  .login input, .login select {
    height: 50px; }
  .login .field label {
    display: none; }
  @media only screen and (max-width: 1023px) {
    .login form {
      width: 91%;
      margin-top: 38px;
      transform: none; }
    .login .field {
      width: 100%;
      padding: 0;
      margin: 0;
      font-size: 2.5em; }
      .login .field input {
        margin: 10px 0 20px 0;
        height: 1.5em; }
      .login .field label {
        display: block;
        text-align: center; }
    .login .buttons {
      clear: both;
      width: 100%;
      padding: 0;
      margin-top: 21px; }
      .login .buttons button {
        width: 100%;
        height: 2.9em;
        font-size: 1.8em;
        box-sizing: border-box;
        border-radius: 5px;
        margin-left: 25vw;
        margin-right: 25vw;
        margin-bottom: 10vh; }
    .login .help {
      text-align: center;
      margin-top: 12px;
      padding: 0;
      width: 100%;
      margin-left: 0; } }

.login-message {
  margin: 20px;
  color: #fff;
  text-align: left;
  font-size: 0.7em; }
  @media only screen and (max-width: 1023px) {
    .login-message {
      padding: 9px;
      border: 1px solid;
      border-radius: 5px;
      margin: 20px 0; } }

.splash {
  text-align: center;
  padding-top: 25px; }
  .splash h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: normal;
    letter-spacing: -0.05em;
    line-height: 0.9em;
    text-transform: none;
    padding: 0 4.5%; }
    @media (max-width: 520px) {
      .splash h1 {
        font-size: 3.5em; } }
    @media (max-width: 412px) {
      .splash h1 {
        font-size: 3.2em; } }
  .splash h2 {
    margin: 20px 0 10px 0;
    padding: 0;
    font-size: 1.3em;
    font-weight: normal;
    text-transform: uppercase; }
  .splash p {
    margin-top: 280px; }
  .splash .splash-logo {
    max-width: 91%;
    width: 343px; }
  .splash .splash-image {
    max-width: 860px;
    width: 91%; }

#primaryNav .nav-item.mobile-settings-bottom {
  display: none;
  width: 0px; }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .mobile-main-nav.main-nav .check-in-bottom {
    width: 33%; }
  .mobile-main-nav.main-nav .check-out-bottom {
    width: 33%; }
  .mobile-main-nav.main-nav .mobile-settings-bottom {
    width: 33%; } }

.mobile-main-nav {
  height: calc((140px + 18.66667vw) / 2.5);
  background: #004990;
  position: fixed;
  bottom: 0;
  display: flex;
  z-index: 999;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%; }
  @media (max-height: 600px) {
    .mobile-main-nav {
      position: absolute; } }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .mobile-main-nav .nav-item .nav-text {
      font-size: 24px;
      font-weight: bold; } }
  .mobile-main-nav .nav-item {
    color: #beeffd;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    opacity: 0.5;
    min-width: calc((140px + 18.66667vw) / 2.5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin: 0 12px; }
    .mobile-main-nav .nav-item.current {
      opacity: 1; }
      .mobile-main-nav .nav-item.current img {
        content: url("/Content/images/clock-in-out-mobile-selected.png"); }
    .mobile-main-nav .nav-item.highlight {
      opacity: 1;
      background: #EF7D11;
      color: #fff; }
    .mobile-main-nav .nav-item svg {
      width: 60px;
      height: 70px;
      display: inline-block;
      transform: scale(1.4);
      fill: #beeffd;
      stroke: #beeffd; }
    .mobile-main-nav .nav-item img {
      height: 60px;
      width: 60px;
      display: inline-block;
      fill: #beeffd;
      margin-bottom: 2px;
      content: url("/Content/images/clock-in-out.png"); }
    .mobile-main-nav .nav-item .scale-down {
      transform: scale(0.98); }
    @media (max-width: 624px) {
      .mobile-main-nav .nav-item .nav-text {
        font-size: 15px; } }
    @media (max-width: 299px) {
      .mobile-main-nav .nav-item .nav-text {
      display: none; } }

@media only screen and (max-width: 767px) {
  .mobile-main-nav {
    justify-content: space-around; }
  .mobile-main-nav .nav-item {
    margin: 0;
    flex: 1;
    min-width: 0;
    opacity: 0.6; }
  .mobile-main-nav .nav-item.current {
    opacity: 1; }
  .mobile-main-nav .nav-item svg {
    width: 36px;
    height: 36px;
    transform: none; }
  .mobile-main-nav .nav-item .nav-text {
    font-size: 11px !important;
    font-weight: bold;
    margin-top: 2px;
    opacity: 1; } }
    .mobile-main-nav .nav-item.disabled-nav-link {
      opacity: 0.5;
      cursor: default; }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .mobile-main-nav .car-size-chart-button-bottom {
      display: none; }
    .mobile-main-nav .site-meter-readings-bottom {
      display: none; }
    .mobile-main-nav .site-weather-bottom {
      display: none; }
    .mobile-main-nav .workforce-clockinout-bottom {
      display: none; }
    .mobile-main-nav .add-maintenance-callout-bottom {
      display: none; }
    .mobile-main-nav .information-hub-bottom {
      display: none; }
    .mobile-main-nav .card-terminal-indicator-bottom {
      display: none; }
    .mobile-main-nav .logout-bottom {
      display: none; } }

.nav-sprite-checkin {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAABCCAMAAAArKNU4AAAA81BMVEW+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2PoUUxAAAAUHRSTlMAAwYJDA8SFRgbHiEkJyotMDM2OTw/QkVIS05RVFdaY2ZpbG9ydXh7foGEjZCTlpmcn6Klq66xtLe6vcDDxsnMz9LV2Nve4eTn6u3w8/b5/N9nhOoAAAH6SURBVHhe7dXdVtpAGEbhF2gRraAUi9aipIIVBUxFWhXwBwQCqLDv/2qKCXaFJsbgmas+a073wcx8s0bPWm/fpLSwtSEMU6+pYJDUQlJ2BdZCXXIAY3tZq4tVNwdQ6ID1SSGtWtBe+g67iQ70Q3Zxu9JjpsQt9OIKYws6S3IyLXchozCix7WEnjIt1yoKb5bZ3lL2nu3AthYXLRYiejverWcNo2A+OTLy6XTkhaLUGOGnX96MPBu1CHBnyFfmAVv/+tQ09w1jM71jPKqazWvguRFtQHNvOy1fH7IDfstHbEIjaOtFRvKRfeF9JSEprxIsKcgDeXldMFCgW07kEbmnqUDndOWRhhMFMt27yPYArqIFOFKgEnyLXgH0supiW6vDTwUqQ3kNW18jbPUhTCpGgPIYOr+wjVThFSpSrmpOXRLKmTlVzelJlVD2NO+aUGqeOQ6lqzkbhBSXWxHGxRbBzizYklsdLqVs0HlepJWHQ7lZUNZUboi/TkZSCs7lkgCcy1hu4KcS01TkjqFcNoGkbLE2XiU5mpBwZT9gHJHDxCsqxzF8dWUnMMmnbV96eGVli9Xm56ROaAeu7JDQcq5sZUxIVlQuuxNCuf+sOclLZk5NrxEOK6F/HDOzIq82jrb+p6yEY/JRXg0c3l8i3gLgfl8+Mn0ArA3N/AF2nFU2EZMMoQAAAABJRU5ErkJggg==");
  height: 66px;
  width: 54px; }

.nav-sprite-checkout {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAABECAMAAAASs10bAAAA81BMVEW+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2PoUUxAAAAUHRSTlMAAwYJDA8SFRgbHiEnKi0wMzY5PD9FSEtOUVRXWl1gY2ZpbG9ydXh7foGEh4qQk5aZnJ+ipauusbS3ur3DxsnMz9LV2Nve4eTn6u3w8/b5/MAqDOMAAAH9SURBVHhe7dZdU9pAHMXhQ5AiVOpia0UaIRYrbUGaYkWDKGBtgfCS8/0/TfNmMzFkZ+WuU56rvchvdpLZ/U+QqmwPNGygQ5axgW/k23+w23YVu5+PuqPpKAcl38lx/qmrrJS3Lc280O/8rJeBmjd+6HVedqNB1b4XXpHtKFMOQ5afqYe2PJOHUaZO2KSVxcvtWx15trUFTRhtsz90rehaeivL/FwvQWLn9NZhinlXIEVlTqkm1jqgZ3JvNo26EEKDr+Quj42GObDTBtQV2RJItWuzg3VmHELG5Ahr7JHnkNHp5JBUJ99BZo98j6QumYdMlvyKpEfOITflLSIFIcRhAbvkCHL3XGZQPBRCFICGQ5cjqqQFuWuyLILHG1jQp1+QvzTIaD/JsxP6FpjRN7HphkOZCcnZlL4Zag5fzqkBRd1wdajmi+HSi3jSpJoPiLOo5gJxNtXcJc6emqUW62ok62c2pR5aU1I8/8mxgZ3mnKl+60Cb/BjrhuQ1XPkeU7SyAI7JS0Sgrf5OHcNZu1lwNfPkGBEIkkcInDNpUkBgwlUmftf5GoEKkyyE+mQJkTZJ0wj0mDQVoTFZRcSkOgORU6o7QCRnkxsdtLJq+FhAzKsuQwMz6QdDdxoCyVc8RVKRoRv8b101mjxJOYeBSzynhd+6p2GNTwt6HkoI/QHsj2D3WaSp2QAAAABJRU5ErkJggg==");
  height: 68px;
  width: 55px; }

.nav-sprite-anpr {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAAB8CAMAAACR3lTLAAAAolBMVEUAAAC+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/3zvSRTAAAANXRSTlMA+sTxmhDd9TKlCgNIdWJa68vua0E9HhoGgquWLCdwIxO+tadOFuOHU9fPuZN7sI+LONOg50ggrs8AAAbHSURBVGje7ZvpmpowFIYPCMoIIiIquOKu4zrquf9ba00CYY0z04b2edr3zwjUfCQ5yVli4WtoKOANZDL6J6WFA74EmQxRwAJkMkcB7yCTDdGw9Aw9crsBElkjYQ0ZmkgYgzzaROEBOfbkQRfkMaSWXGb5c5BG2CAKNuTYIaEPsjjhE2UNOZo18ugIktBdfHKGAu7UxqV0m++iFhRgIGEIUrCQ0IFCDkhogwT6TtxpQbdrEtb2eh9t1GLPsvnt0z1hym5py+EGCfUJfItdyXh5Dr6cS09BglMyJTNLOKo15aJDDj1201cQMEXGsaCNZtBwwxeRQC0IM8InJ45DTBBxRMZj2swITx+IOAKCwEobw7Yef2e3rPEwhCgLtSPco+cDw+9d6Msr5eavYsz+rF2v2vmmIOdifmKr5TRULWi1tlqngRHzUhtDEbX2p+zURRErKKS5QQGHGXyKwQEF1JuCwSqms/rCAq1jOa3C121Q41womGVuwVcwdx3MoTp02gaQ5w0JNqy7ZzcxxYdpH77MJOgkeqC8BxOwkXCHHB9Jv2TOrOnpem11dxMTvkmzZwej+1IL7I8maZMNhQEp+IMPkEaPjTxksCtIm5aFbkB/REYgkT415E16gW2RcAKpBEgIUv5MiRa8VJqbfPB4RsIOJNPOBY8eSkgeRA6qBwzzRhe+AdIxWDpsAqWLBA0q4I7J3Cl0qHNfQwUMaODh6MnQogWV0EoEeWOFhiU+VIJfp4Y14RnLFCqiG6cSqyiSsqESvMghW2SlVTjZduzGVdCv5KKiMW/HYtoaACZxx9sgGStSvhlAMKfsTsMAqfSjbGLrQ4RVwwpcl6+yHq4ggeFEK10iJ6bcy0SFiiAr+q1BirIqXenSuEcxSo5DUayq7+s/2QJj+PNC1YHw/vPzkPylvC+29LsXdmOvLqfrXCTUMYGRe6QVbPa1yPrURIxRY4FtDTnnkOQSHCWIlS6sa+VlMccHjsnSp24kTa9KpbHjp6V5V3ynvN4Hs3xxahXtAClpxSiVxmlamicVVtTpQua5EY8T1l4kTaiHWendbOZ1SOjDpEez2YSmnKNkwaEjdGd7iBmTa16Hjn3NIikdvdpAeS5aJr2Nw02VWaXQRU2Q0EyXRj4cXg1WYy+XlY5PJ8yE9IBPlq8IxjtqhT/Wn9c3+gKntLTSy0uHz9ZrJb0e06ViQgmdtJ11af8MMr1mLE1WyWadkrZ03SCmMmfSF10PvT35xAxWfCZ0SLvOOhtp0sIqlqZe4FBs4XbKwvkg2i/2ymVqEVvROjyRb8XSUY24SFo1s9IXIExfnP+9paQXxM24rksbn8XSYJVJL0LISLdS2+IdyjgnM4MZptlyaQiy0jXXrXeOHu0Ae2UlaThdwV7G194qWllpHJ9Lm/OMNHfB3MKnyeCjzf59Cb6SOKNrusQkOwTyoM2lYfB4Ld102AeezG7EaaBi8hHqJO1PTUhDT3kpDa1E8DFAwkCQDsVrb58zdjQS0tB6Ld10EoP8EMa8aiI862tPQqCYo+fVClrPP0AJfn582u/leW8GHPt5Y0cmmDQyoVGG6DBqjAQPpGDT2QwFG4rrgxRCasOBwG8dQRJn6kDC8t8CTEASXmnZZBrVlaTRKTkI6ClRss+R0213BimMWgWJz5JFdoNU2uOyyLMJElk7THsMMd0oyR2DRLizdaP57s8rS+1PyLjrANA8NZDRBemMYhfcNWFebRlH4/kZL17toAr4mFsAB1mjLT4KWPzZQiUcK6xU8vLsny1K8zLKCATIKcWDeZNYPRIfQIBV+bHL33DYBJPKj9g410oPFv+W41R+pi6RIXPNf8/ReebBwLNb26Ble4NfMCrD2nXt9mri0869I8EQnKmH9tLBmM1b+xt271ujW+JXEhfLj6dUYARDBTM0ll+cBkNzMUNt5AgMOcByFuMvCB+wnNY3fgh0/OSw6xoKqPtl25yIvQGfwNugiJVgc4+oH95Go/s82VCjDS+ZKskv3A7D4fzWwJj5K5emnNvr2PjsA29tCi+4Yow6nQDFNFoqa3gsDlUbl0HG9I+fjdQv8XLSZpBifH92YCQOX7QC658toiZX4rCLsehDjskC3VDoUD9EcyjOyixFfBxtteFbeLVXuej6gYTHb3cDH0w7ENd20ZFQHPAUOpwzoV9qSHF9J6FLV2WGdyY75eoLCiVvIAdDUG9Z0uEegCSG1ITN0lrgBThSuu2VVkAHIA0aeWzLVtYC5HEqO5h8sCROHh/UmHKTvZb9n134yaSeYUU3MpDJHgXMQSYHFDAEmQxRgAYyeUMBI0jwX7qYH6A8kFixkdcTAAAAAElFTkSuQmCC");
  height: 48px;
  width: 46px;
  background-size: contain; }

.nav-sprite-weather {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAMAAABEQrEuAAAA51BMVEW+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/0rc4I6AAAATHRSTlMAAwYJDA8SFRgbHiQnKi0wMzY5PD9CRUhLUVdaXWBmaW9ydXh7gYSHio2Qk5aZnJ+ipauusbS3ur3Aw8bJzM/S1dve4eTq7fDz9vn8j/efOAAAAdFJREFUeF611G1z0kAUBeATCLRAtFhpQ9VAMRpeWgQM0goEgtDUhPP/f487zZi1TQrZDz7fdmbP3Lt3dxZp9d36FEq+kS0omZDt/50Y5emq6NhasrgMtrVkofc6yOKQE03mkSgtyStk6JAca0gpLUheIIM2IXmdOWjawGuRrxDQcMaeN/zyBgJcGUjROk4RgOkzxrszAKeDjzioMKK0t3FUYU4yctvNT/2fFG7yXB1Xb/HE3KRmkdYk2deSgjMyquGgFelC0jfkCIe8J6MKJJhkWMQBTlxCwpY0kVYfCpcAvssnq5stZ+i0lmQHgCU2DKpI7ChEOjAnmxC0D9OQf42BdxT4A4k1haAALOIeGiv+a35m7ONootISjLiraxSGfGF/cyE2WEWk2eRSv2PasoxsBkmfWVbZM65bW75mJvpq4JnTwQOPCYZVJDq/mUf4GTFtxFzkX9Bjfn0IJlU0AW1NFb6GJtVc4ZZqJlhTjY8HqgkRUU2EDdX8wj3V3MOmGhuViCqiCtCjilsAJZWzb8oQjIB5BQae1PJW2dQQQ8kJeVzYLUE6sabeo7/oWju+tLO6C//Rm1onyFR2+ZxbxjHnM0qzc+RRbbtewMBz21Wk/QFI+Hi++s9gsgAAAABJRU5ErkJggg==");
  height: 49px;
  width: 49px; }

.nav-sprite-signout {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABSCAMAAACPI2FYAAAAilBMVEUAAAC+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/1mI0vZAAAALXRSTlMApcN3M6oiiIcFA3CxrqegdGdkYRH27WzKjBndtZlWRPvnrJM9K+TSuk45gEkefwIEAAABz0lEQVRo3rXZy1LCQBRF0VYe8hBUSCIEAVHe2v//e86y21Lr9q149vhW1iCTpE6gYr5e7MpoVU0PgbbB2/b+NWZWJk+/7fiY/jk6qgqg6JJmZXT1lEAeaRmdvadQfMx1BtHbMoHypU10d0mgbKmu3M7tKIGypXe3s6hDAuVKRRmTVuee1XozDCmUK81QXpf94Awojo3LXnN57LoZIFtaNYfX0AKypbJ5xaENZEvN1U0LCEkMIakhJDWEpIaQxBA9qyEkNYQkh5D0EJIeQrKhupvZyfhQsqBBbN2TGkJSQ0hqCEkNIYkhmqkhJDWEpIaQ1BCSGKK5GkJSQ0hqCEkNIWkhetBCOCMxhKOFcLQQjhzC0UM3o6CFcLQQjhbCkUM4emiKo4FwtBCOGMKxoX0ns9VfTm8k/hHD0UI4cghHD/WGQQvhaCEcOYSjh95wNBCOCDIcanawyT9AE5wfNRPIbtgGwrEvl60gHHsNeyhaQJYT9pGq9abbtyq+Q5ZDJ/d89PkbdD8ULG/zBMIxe3FDZQ2EY1Yf3dIYCMfuULXaYXFsaeWEBkA4ORVTH7RPoRecjLYLhzMJQDi5Xde7TGdaJBCOo/5l/HFn9dgNSZ1c5wsXmPVEbgVdIgAAAABJRU5ErkJggg==");
  height: 38px;
  width: 40px;
  background-size: contain;
  background-repeat: no-repeat; }

.nav-sprite-booking-update {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACQCAMAAACmoqABAAAAn1BMVEUAAAC+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/3fxEldAAAANHRSTlMAVQMM+rv2Ggh5NYkP680WTOOk75GAIMiXc187EvPb1760q2pBZSsl59GwMMNvUEeeWijfteu5tgAABjhJREFUeNrM2emSmkAUhuHPhmGTRVxw3xdcZjJqvvu/tlSsxEpiukXoJnn+q2/h4YACjSbjUe+87M+iDkm7E836y4F/CSz8dyat3jKlxNejv/l/mr3PZsxn7PfeWOCf8xqrKQuKzq1/Wzw+T/mSqHvCP2Kt5yyhP/JQP7c5ZUmRH6Je7sBhBdNmncFh02FFHd9DPcQ64t20f/Yv410SArAm+bgx7C4iFpE2UIcgvn/geXsV+Au30Z3zuUUO00TT5s3BP0ElWy9sPuH4AkbtYn4XNXd4LvGfHuN4B4M+nNtnXAQK2hyp5qxhSvJ2m7gNXnFt21RaWTAiSEnGG7wqP1JpnsOAi0N21gIlbA5U6WygnU/ynKAcMZxSwR5BLzEgv45RXv5OFV9vbZtsh6hC+DYVmtDHO9LZoqrxngpd6CJWTANU58a19LYZu9DBWtYwDwO+WdBDdKmwhgZrrjyd+1Chgcpa9lFAoyHlnAAVXadvHrTyKZe6qCScvVvQrEm5d4EqVocQ2rVNrYft3oV+3oJyLZR2jQKYkKSU2icoSfS3MCNwKLVCScM2TPnQv32zuQVjlopxCFHGcQxzkohSA5TQ6sKkC6XsE14mpPc15sdhgZetWzArczQuX6sN03qUOgi8ZriDadZe2zLzmjBvqzi8L75TBvPETNP0iiHqMNK0HFo56iBSSp1Q3Bb1GGq5tGVj1COcUmYaoqgG6jKg1BZFfaIugYaTLZigNgdKuShmjPr4lPpAMQHqk1Wehty6d/swLqaMPUERV/xw6nAI03pV73Pyn7URyTUMCypeKTwXN7uI341glogoM0MBv9fSbsCsVbVVluC76/4+8Z8w6oNSX4rl3mrvnA1MCqr9vxcCyFP+ohPAIM+hzBue8rx77V1nB4NiyuzxlAVkKf8Q5TCnTakQz3jIvvJBmkEjq/GrFaX8xu9aj3vwVvtg5kKjHl+gPOmzmeSndAKNuppq3Rkl4hAanUvUfipqH2l9BiRWOmrnVND6hM1bshDFxTWZU+kodPYuXqptPdYe+ERbZ6/V11CrNoBGYVy49vFmZ1LoxV1olMwL1jYUtWo9aOTOitVW+GKG0ChLC9R+K+/edhOHgTAA/3GOBEJCAoRDKNCynAktzPs/22pRVbVlY2LiSVntdw+MgiXsmfHwdh2twrL/BY1OgZZo5a/XaJcQKbbEmXtSYeXQyJ+QTIVoeY5vC0dp5ZkzUuWMoVFkcUTLd3wzrNJZPdOmewRLaPRSEK3Ad0P7qw4V2tufxCb7ee0Ar0rC1YeE/u3kEDBxi0GF3sBHDK5besuEu5NtFzh1r6MVt8M1LSqyBavXq0eT4bYpFTmDlXj+/kW61ZIqIVh582/LLqxW+MzBy5x9zTy6GhKYnMz088e0QtwmJlSkDW6tzafzVR9l2LLFyy18+ogWy6pV+xHYZfiwQxknhXZKTqsWSjlTEcdEfcbVu60N1GdRvRYzR22WLlB1NVgh6pLryMU3UBMv19Fk0BGoR26iNJtp38DUG5ZToRS1WOw0dScuUIeerjL4DDUYR9p6a4/gN9DXndgGu8iAGjP4wX2ZiKHqRXoPg9cwgioxldVTWLlzqIuo2BictjvN9zCmHviMBtrvYXTBpj/N9F/ijMBE7A3cR6RUKOmDR/MZ91o5VKhtgoOxzljujVAMBrvJUVuDIn8Kyu00K15r1n2FXp5y2gtUckqk1VatzLTj8tToOJplzb3j66p58T/fLKUIGjRJ4gBN3Lau94pJoimgw7JDPX01Dom5ieqiROM2xJPGO12iItHTu2kSMUlUnZnjznT/5ogByWxD3M8IGFJvDZIJRriTu73022hnOCQz2+EO3nBCFCzAwD+T1KsLRcJ4IqJNHyxCm6ScrlLAIt9cNqImmIiGRVJW7Jcf2HrZ7DkjMPKf6Ib2S4bb/MGE/khPYOU1LbrBmo9cSIhx88wwtlI+FFSu3cz/GrLwD88JvbNXqIH4FVAZa7t7yP1V1gK8zF0uRr14Y6mPXH2MgbZDD6U8wrjgpJehXuH9w5jXysOY/7tR1xfj10R1kPgSP8kzYoUx7cdHGCxfagh++hBD8N9lx3/mLwY+tPxRYzBPp0HiEDnJerrfDhqGrzPS379ujlS1pvbPAAAAAElFTkSuQmCC");
  height: 38px;
  width: 40px;
  background-size: contain;
  background-repeat: no-repeat; }

.nav-sprite-add-callout {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAACiCAMAAAD1LOYpAAAAmVBMVEUAAAC+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/31A3WBAAAAMnRSTlMA+QX1CQ8MnhTold8aiSPOyrexpDksMfDb0kDkYMZTqk53b2ZbNibBvHRG7daAah+PezhvDncAAAgKSURBVHjazNqJdqowEAbgPwnggiKi4L60VevWauf9H+6ee9tzQgOkDND2fg8go8nMJIP4Hl6ye+lGod+5KBKXy3QVtV6WYw//Bzk+RT7lm0anscTvCh6HiuzU8PGA3xK8TKmc2dtvROk9rYhjtXTwo4L+hbgm/Rt+zGEkqAoxOuBHBDpANtEK8O3cu6A6xN3D91p2qK7OEt8oOFIThjd8l9cJ2YlLx/f9xYS+oJ7wLdqRJbaw9bBNehLvZDtZn1oDRYWiNpo39gs7XFEjluOHwv642KNpryI/vtbag42zHeWvu2h4sWWX8hx3Hr7m7J4pT1eiOd4wtwzHKCtuCcqKPDTFXVGG6PbA0esKyli5aEZ7QBmtG7huI8oYtJuJ8Jr95DGqGIdkmjURozsgg3qUqEaeFBlCF3U5mWwMY1R3CMnw7KAeGZGhL1GH7JNhg3rMD1Rr1LVW5pdGHTv6zI9RX2y20h2qS5SRyT00oRcaSxOjKm9q7GwPzXCNHJx6qGjEyD0e52h0AlQzZkTI5Rg9dY1qloq0mYsmuTNKu7RRzb6jj6A9NKu3oLQRKrpdSyWdRAWxorRz3dzboYB82lwV0WLInyytKW0qUZH3L/fuKPSgz+Bz8Nwp7QS7W3/gHx9uyHKGRDOJYq+pDeWCQ84oZdKGhdsVH3OhIK+GiRg2S6FXKwBHLMr26rNOLvHiwOSsYbfWT+rwYnyjFNVGkQdBKdcEbFulf0e3+lL3kU+26DNxAttcVSxwc0qZeMjjRJSx8cA1nlQscNGXSS2HlGN2A1dyoQ8hOA6CNN8SoWkR12gWe3C07C1GRlRgMgdXlz7cwREI6z2mS4WUPca1hGlJH65g2ZAm2pneZaHOsAgjp7jGeeDYU8rSvDtZqTGKTehoBOLpS1MMlpC04efoFdlNLI/SM6OcbT0HyxNpwoXW65CN/RgrMzOjLlUO0VP5NwS5oq+FDgqof3nRyx8J7FE9YVpfJXPpYcbsvSHf9IEsxa1xtl0YFeJrj/b7q3/AX1tBxlNYXEFagHeJoHJEAi2nCHYSfYiofil+zk5P3CmVdXWQpy3onRq9bQR9sgXXG2ldvT/L6ttba5aS4JqTtjIKUfWlPggqMvTA5IhUNdZnktKOJSaPdQdoA9IAyAHxnJFHhqTVHUO2PofYJ6YQuXo+FbrMwXIiDZgL4hpbpilanYHzljRIn9hayOeOrEWfISENIL4LipxD0jqPEWmsw3ebNOBCfAkKzbvX9/g2O8cYbG4kShPpEH3i28HGOSSxi3/aU0p5dlFWJx3iihjY+yroUMr1hpKu6RBbxPcEG8tZfpGgnFk6xAfim6Mss6hNzuz7C7AlNl9Wf+MlltwOCPSIbQ0Oc53euAvNT2nxCqYu/28a/qcQR8Si1rXfEEcer+jglTgu8wbeTYVtVulGQAzhAVy6hGvTgNMAgSmVdpfg0yVc6+xhExsh3qkk/wwO6zhGbUsfxgCcf+T/mlvBKAwnI0Q5oRJme9SSTct+6YtBqTYt3iTq6pNhJEtUbkK5lZ7GaMCIDEcXuTyR2rT4S3bI7tlFE+SRDLMe8pwzV310GTO7OtxZuVcRL9mBSUI2Kmj81b228JC1ypl2h2RxR3PiP83d7ZrpMBAA4On3h1LVrtLyoNQerGXn/i/unF/HQ9pMw2T1vQEhkk5mJgQdDhk+NiTvtsRhik9t0RH8oqmA5Vioktli3MKNi7wOGIp7pWgAvL6pD9E3hOQksWDmwGxIhOAV3hiumLsVlcAtvU0jlblLhNiikQsCpi18YoKoaC2wzRQSYUxb+NKmiuaWIwtEbs4gYNnCv3xosG+v89gBsV5YRdfPq0/HGgVR6tU10/SRoK2S7Z7ospp+iXTTPJOPQP3W8iYYJyfqGPrZA2Kd/mCbBbCjzw65AwI3wBb5BX5DZpCb3QE5ppqpKTtwoIFdYpsN6JcSMRBROTeOoJMYV8cmkR0V5SPQKzO6JasLFKg2cvMkpryOzXlc7fDq6b3SIZrzBJLwTs+VsyOxe7YKQRM/Vnkht6QaI/hFDyOMbaqRR+IMGuwHeCff0/GQxAHYZQGqds2MLJUSJf8d4Q3QDsg2xo9wPIjTbQRtXI/qGaCbRUTfQBGj5OQIjbKZELCYCr3+xBgVw7/4CKLIwgdLW+HdS1RP1SdXEZGEIq6kklOtvq7X+OC0kFyZUM5Y7y2U2gBplKNg5UgTZYmtGLyJ6Koy1fk6m0pKwakJSiYvjnHYtVZsJs8+ufwByg0VAlTpd8SZCWNXiIKlPFN2t0YhXpoat5s/aiokTOxu+w1ZWKvQc+EpKySMI4XHvKw1q4AnuXMkBJl6sESvXfUjj3q7yQ4pIefBkZKIk305IWkDXHZIOu3gnj1W6N5jUCHts364EdqFVQOXM3aQrM3/m1yM3ZQ+cLliF4G3zfajeptgZwl7XpJfBWx+UA9rBGwq1CMBPjsLtVhzH8f5xcBoNEcdMmDkTFCDENjcbp/3eKb/KQLkFgCz6A8yGwO7g4GsfoDf9AsZWT5oYIfI5wx6FDNk8mWCJvbVQA7WFPSpY2SwAJ3MKsdXDUGzaIWv8UC/IkZFKpfF3v/bvqkJv8M9W0igsmr6RaHRx5Vyb5SiqgP8to/U4L53xG/vdR9kWcN7XEILO1lG8Db+puzZUm5g7pYoZ2zh7T7CHNsNMugDe/HHaP/d8L6IqiWKjAP0yuU7sfDOrIbesY/Dz9swvb78ucsjs14MJ/NBfnrhgfIXMZXaiEjqdIAAAAAASUVORK5CYII=");
  height: 38px;
  width: 40px;
  background-size: contain;
  background-repeat: no-repeat; }

.nav-sprite-info-hub {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAXVBMVEUAAAC+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/2+7/0EBYKhAAAAHnRSTlMAqnhLRC2H+fzXBX42B8+JLiLKPuwW57+UMQy3cQ3zjYRBAAABvklEQVR42u3XzU7DMBREYZNS7DaGkJbyz33/xwTEIrSLDuKI1Khz1nfxSeONk25dL4/1vHc8Hr0dE2/3eBdHW+6dd3G01esaerYTh4CmNjvkGScPBE2ia+BZ3wQHHTYAUB9/ACr1155l/gtQrK7BYBSkR+ODcVCpYDAK0qPxwTgoBjgYB/HRlhmAwGhgMASKAQzGQXy0ZQYgNpoejIP4aH3MACoVDEZBejQ+GAfFAAYDIDzabWYgMJoejIP4aH3MCCoVDEZBejQ+GAfFIAebGVSqGIyDyGh8MA6KQQw2O6hUMBgAidHkYBzER+vjRKBSwWAAJEYTg1EQH62PE4JKFYMREB5ND8ZBukEMxkB8tKc8C0iPNg12clAMe4M1ACr122AtgL6N1l+Axj3Q4gK0SM4555w7gxbRVgYZZNBBBqkMUhmkMkhlkMoglUEqg1QGqQxSGaQySGWQyiCVQSqDVAapDFI1D7pKP64zyCCDDDLIIIMMMsggg/4B6KH7cS/n+Q0y6DCDVAapDFIZpDJo9tI2miqnXYmW2qT0EC3VpbY2u39LKV1FM+XL9FmXo43ut+mr8XF1+qedN93zh+Udavr4bm1piUkAAAAASUVORK5CYII=");
  height: 38px;
  width: 40px;
  background-size: contain;
  background-repeat: no-repeat; }

.track {
  border-collapse: collapse;
  width: 100%; }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .track .track-container {
      height: calc(var(--vh, 1vh) * 100 - 2 * (140px + 18.66667vw) / 2.5) !important; }
    .track {
      display: block !important;
      border-collapse: separate !important;
      border-spacing: 0px 10px !important; }
    .track thead {
      display: none !important; }
    .track tbody {
      display: block !important;
      width: 100% !important; }
    .track tr {
      display: flex !important;
      width: 100% !important;
      box-sizing: border-box !important;
      background-color: white !important;
      border: none; }
    .track td {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      background-color: white !important;
      color: black; }
    .track td.mobile-view-hide {
      display: none !important; }
    .track .track-table-col-car-color {
      flex: 0 0 40px !important;
      padding: 0px !important;
      align-items: stretch !important;
      width: 40px; }
    .track td.track-make-reg-cell {
      flex: 1 1 0 !important;
      min-width: 0 !important;
      justify-content: flex-start !important;
      padding: 4px 6px !important;
      flex-direction: column !important; }
    .track td.track-info-cell {
      flex: 0 0 calc((108px + 14.4vw) / 2.5) !important;
      min-width: 0 !important;
      overflow: hidden !important;
      padding: 0 !important; }
    .track td.track-pay-cell {
      flex: 0 0 calc((140px + 18.667vw) / 2.5) !important;
      min-width: 0 !important;
      overflow: hidden !important;
      padding: 0 !important; }
    .track .track-vehicle-make-detail {
      font-size: calc((34px + 4.533vw) / 2.5);
      font-weight: bold;
      margin: 0px;
      padding: 0px;
      transform: translateY(-3px); }
    .track .registration-ui {
      font-size: calc((40px + 5.333vw) / 2.5); }
    .track .registration-ui::before {
      width: calc((36px + 4.8vw) / 2.5);
      line-height: calc((85px + 11.333vw) / 2.5); }
    .track .track-car-color-vert-bar {
      height: 100% !important;
      width: 40px !important;
      margin: 0px !important;
      border-radius: unset !important; }
    .track .track-cell-button-container {
      width: 100% !important;
      height: 100% !important;
      margin-right: 0 !important; }
    .track .track-cell-button-container .track-no-payment-option-container {
      font-weight: bold;
      font-size: calc((24px + 3.2vw) / 2.5); }
    .track a.track-payment-button {
      padding: 0 !important;
      display: flex !important;
      width: 100% !important;
      box-sizing: border-box !important;
      flex-direction: row !important;
      align-items: center !important;
      height: calc((100px + 13.333vw) / 2.5) !important;
      color: white !important; }
    .track a.track-payment-button .track-payment-button-icon {
      margin: 6px;
      fill: white;
      color: white; }
    .track a.track-payment-button .track-payment-button-text {
      font-size: calc((24px + 3.2vw) / 2.5) !important;
      font-weight: bold !important;
      margin-right: 5px !important;
      line-height: 1.2 !important;
      color: white;
      width: calc((100px + 13.333vw) / 2.5); }
    .track button.track-show-wash-info {
      padding: 0 !important;
      display: flex !important;
      width: 100% !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: center !important;
      height: calc((108px + 14.4vw) / 2.5) !important; }
    .track button.track-show-wash-info .track-show-wash-info-icon {
      margin: 10px;
      stroke: black;
      fill: darkblue; }
    .track .payment-lock {
      color: #ba2625 !important; }
    .track .payment-lock .car-icon {
      border-color: unset !important; } }
  .track .track-ready-row .track-ready-cell {
    float: left;
    width: 49%;
    padding: 20px 0; }
    .track .track-ready-row form:last-child {
      float: right; }
  .track .track-ready-row button {
    width: 100%; }
  .track .booking.booking td {
    background: #fec62a; }
  .track .late-booking.late-booking td {
    background: #ba2625; }
  .track .customer-account {
    background-image: url("../../../Content/images/customer_app_background.jpg");
    color: #000;
    background-attachment: fixed;
    background-size: contain; }
  .track .customer-account .car-icon {
    border: 1px solid black;
    border-radius: 50%; }
  .track .payment-lock {
    color: #ba2625; }
  .track .payment-lock .car-icon {
    border-color: #ba2625; }
  @media only screen and (max-width: 1023px) {
    .track tr:not(.customer-account):nth-child(2n) td {
      background: #1a86c0; }
    .track tr:not(.customer-account):nth-child(2n + 1) td {
      background: #3391c4; }
    .track th {
      text-transform: none;
      height: 20px;
      padding: 12px 1.6vw;
      text-align: left; }
      .track th:first-child {
        padding-left: 32px; }
      .track th:first-child, .track th:last-child {
        border-radius: 0; }
    .track .track-subheader {
      display: none; }
    .track td {
      border: none;
      font-size: 18px;
      padding: 22px 0.8vw; }
    .track button {
      height: calc((64px + 8.53333vw) / 2);
      font-size: 16px; }
    .track .car-icon {
      margin-left: 2vw;
      width: calc((43px + 5.73333vw) / 2);
      height: calc((43px + 5.73333vw) / 2); }
    .track .track-service-detail {
      font-size: 16px; }
    .track .wash-cancel {
      width: calc((64px + 8.53333vw) / 2);
      border: none;
      border-radius: 7px; }
      .track .wash-cancel span {
        color: #fff;
        background-color: #e2444d;
        background-image: -moz-linear-gradient(top, #e2444d 0%, #e2444d 50%, #ce3447 51%, #ce3447 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2444d), color-stop(50%, #e2444d), color-stop(51%, #ce3447), color-stop(100%, #ce3447));
        background-image: -webkit-linear-gradient(top, #e2444d 0%, #e2444d 50%, #ce3447 51%, #ce3447 100%);
        background-image: -o-linear-gradient(top, #e2444d 0%, #e2444d 50%, #ce3447 51%, #ce3447 100%);
        background-image: -ms-linear-gradient(top, #e2444d 0%, #e2444d 50%, #ce3447 51%, #ce3447 100%);
        background-image: linear-gradient(to bottom, #e2444d 0%, #e2444d 50%, #ce3447 51%, #ce3447 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2444d', endColorstr='#ce3447',GradientType=0 );
        height: calc((64px + 8.53333vw) / 2);
        border: none;
        border-radius: 7px; }
        .track .wash-cancel span i {
          height: calc((64px + 8.53333vw) / 2);
          background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE0MW1tIiBoZWlnaHQ9IjE0MW1tIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNDEuMDAyMzggMTQxLjAwMjIzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMS4xNzUgLTc5LjQ2NikiPg0KICA8ZyBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMzMuNyI+DQogICA8cGF0aCBkPSJtMTYwLjI2IDkxLjM4MS0xMTcuMTcgMTE3LjE3eiIvPg0KICAgPHBhdGggZD0ibTQzLjA5IDkxLjM4MSAxMTcuMTcgMTE3LjE3eiIvPg0KICA8L2c+DQogPC9nPg0KPC9zdmc+DQo=");
          background-size: calc((32px + 4.26667vw) / 2);
          background-position: 50%;
          background-repeat: no-repeat; } }
  @media (max-width: 400px) {
    .track td {
      font-size: 15px; }
    .track .track-service-detail {
      font-size: 14px; }
    .track .icon-cell {
      padding-left: 0;
      padding-right: 0; }
      .track .icon-cell i {
        transform: scale(0.8);
        margin: 0; }
    .track .car-icon {
      margin-left: 0.8vw; } }

.track.report th {
  text-transform: none;
  text-align: center; }
  .track.report th:first-child {
    min-width: 150px; }

.track.report tr {
  height: 63px; }

.car-icon-color-unkown {
  background-image: none;
  background-color: #000000; }

.registration-ui {
  background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
  padding: .25em 1em .25em 1.75em;
  font-weight: bold;
  font-size: 40px;
  border-radius: 5px;
  border: 1px solid #000;
  box-shadow: 1px 1px 1px #ddd;
  position: relative;
  font-family: helvetica, arial, sans-serif; }

.registration-ui:before {
  content: '';
  display: block;
  width: 36px;
  height: 100%;
  background: #063298;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px 0 0 5px;
  color: #f8d038;
  font-size: .5em;
  line-height: 85px;
  padding-left: 5px; }

.registration-ui:after {
  content: url("/Content/images/portal.svg");
  display: block;
  position: absolute;
  top: 7px;
  left: 5px;
  width: 28px;
  height: 20px; }

.track-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

.track.waves2you-track th {
  padding: 12px; }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  #WashInfoModal .dialog {
    width: 100%;
    max-width: unset;
    height: 100%;
    max-height: unset; }
  #WashInfoModal .dialog .content {
    height: calc(100% - 25px);
    /* otherwise no bottom margin ??? */
    max-height: unset;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0px;
    margin: 25px; }
  #WashInfoModal .dialog .content .buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 0px;
    flex-grow: 1; }
  .waves-button {
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border: 4px solid #267095;
    border-radius: 4px;
    margin: 0px !important;
    padding: 0px !important; }
  .waves-button-yellow {
    background: linear-gradient(to bottom, #f3d165 0%, #f3d165 35%, #f0c63e 65%, #f0c63e 100%) !important; }
  .waves-button-blue {
    background: linear-gradient(to bottom, #33a5d3 0%, #33a5d3 35%, #008ec8 65%, #008ec8 100%); }
  .waves-button-red {
    background: linear-gradient(to bottom, #c75b67 0%, #c75b67 35%, #b93241 65%, #b93241 100%); }
  .waves-button-green {
    background: linear-gradient(to bottom, #b6e59b 0%, #9fe97a 35%, #62c24a 65%, #3aa635 100%) !important; }
  .track {
    display: block;
    border-collapse: separate;
    border-spacing: 0px 10px;
    width: 100%; }
  .track thead, .track tbody {
    display: block;
    width: 100%; }
  .track-container {
    height: calc(100vh - (220px + 18.66667vw)) !important;
    overflow-x: hidden;
    width: 100%; }
  .track-info-dialog-button-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    height: 7.0em; }
  .track-info-dialog-button-text {
    font-weight: bold;
    font-size: 32px !important;
    margin: 0px !important;
    padding: 0px !important; }
  #WashInfoModal .dialog .content h1 {
    font-size: xx-large;
    font-weight: bold;
    text-decoration: underline; }
  .wash-info-dialog-content {
    background: #ddd;
    padding: 10px;
    display: flex;
    flex-direction: column; }
  .wash-info-dialog-content-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 10px; }
  .wash-info-dialog-content-row-label {
    font-size: 26px;
    padding: 0px 10px 0px 0px; }
  .wash-info-dialog-content-row-value {
    font-size: 26px;
    font-weight: bold;
    text-align: end; }
  .wash-info-vehicle-details {
    align-self: center;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    width: 60%;
    min-width: 300px; }
  .wash-info-vehical-make-color {
    border: solid;
    border-width: 4px;
    border-color: black;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
    padding: 10px; }
  .wash-info-vehical-make-color-black {
    color: black; }
  .wash-info-vehical-make-color-white {
    color: white; }
  .wash-info-vehical-registration {
    width: 100%; }
  .waves-i-no-contact {
    display: inline-block;
    color: white; }
  .waves-i-contact {
    display: inline-block;
    color: white; }
  .waves-i-close {
    display: inline-block;
    color: black; }
  .waves-i-32 {
    height: 32px;
    width: 32px; }
  .waves-i-48 {
    height: 48px;
    width: 48px; }
  .waves-i-64 {
    height: 64px;
    width: 64px; }
  .service-icon.payment-lock {
    filter: invert(85%) sepia(75%) saturate(2500%) hue-rotate(0deg) brightness(129%) contrast(100%); }
  #wash-info-service-level.payment-lock {
    color: #ba2625 !important; } }

.track-ready-button.active {
  background: #1f4070;
  color: white; }

nav {
  --mobile-top-nav-tab-font-size: 15px; }

.in-nav ul, .out-nav ul {
  display: flex; }

.in-nav li, .out-nav li {
  flex: 1; }
  .in-nav li:first-child, .out-nav li:first-child {
    margin-left: 0; }

.in-nav a, .out-nav a {
  height: 55px;
  padding: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  border: none;
  opacity: 0.5;
  display: flex;
  justify-content: center;
  align-items: center; }
  .in-nav a.tab-current, .out-nav a.tab-current {
    background: none;
    opacity: 1; }
  @media only screen and (max-width: 1023px) {
    .in-nav a, .out-nav a {
      background: #004990;
      opacity: 1;
      font-size: 15px; } }
  @media (max-width: 424px) {
    .in-nav a, .out-nav a {
      font-size: 14px; } }

@media (max-width: 299px) {
  .in-nav .long-text, .out-nav .long-text {
    display: none; } }

@media only screen and (max-width: 1023px) {
  .out-nav {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999; } }

.out-nav li {
  width: calc(25% - 1px);
  margin-left: 1px; }
  @media only screen and (max-width: 1023px) {
    .out-nav li {
      margin: 0; } }

@media only screen and (max-width: 1023px) {
  .out-nav a {
    height: calc((140px + 18.66667vw) / 2.5);
    line-height: 1.2;
    box-sizing: border-box;
    padding: 4px 2px; } }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .out-nav a {
    height: calc((140px + 18.66667vw) / 2.5); } }

@media only screen and (max-width: 1023px) {
  .out-nav a.tab-current {
    background: #007cb9; } }

.out-nav .mobile-settings-bottom {
  display: none;
  width: 0px; }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .out-nav .daily-summary-tab-top {
    width: 0px !important;
    display: none; }
  .out-nav .track-tab-top a {
    font-size: var(--mobile-top-nav-tab-font-size) !important;
    font-weight: bold !important; }
  .out-nav .ready-tab-top a {
    font-size: var(--mobile-top-nav-tab-font-size) !important;
    font-weight: bold !important; }
  .out-nav .collect-tab-top a {
    font-size: var(--mobile-top-nav-tab-font-size) !important;
    font-weight: bold !important; } }

.out-nav-placeholder {
  display: none; }
  @media only screen and (max-width: 1023px) {
    .out-nav-placeholder {
      display: block;
      width: 100%;
      height: calc((140px + 18.66667vw) / 2.5); } }

.in-nav li {
  width: 435px; }

.in-nav .tab-navigation:after {
  display: block;
  content: '';
  height: 55px;
  flex: 1; }
  @media only screen and (max-width: 1023px) {
    .in-nav .tab-navigation:after {
      background: #004990; } }

.van .in-nav .tab-navigation:after {
  content: none; }

.van .in-nav li {
  width: 50%; }

.nav-icon.car-details {
  background-position: -78px -372px; }

.nav-icon.select-wash {
  background-position: -117px -372px; }

.nav-icon.confirm {
  background-position: -156px -372px; }

.in-nav + form {
  position: relative; }

.tab-navigation li a span {
  display: flex;
  align-items: center; }

.paging {
  text-align: center;
  padding: 8px 0; }
  .paging .button, .paging .track .track-ready-row button, .track .track-ready-row .paging button {
    width: auto;
    padding: 0 10px;
    min-width: 28px;
    line-height: 40px; }
    @media only screen and (max-width: 1023px) {
      .paging .button, .paging .track .track-ready-row button, .track .track-ready-row .paging button {
        height: calc((64px + 8.53333vw) / 2);
        line-height: calc((64px + 8.53333vw) / 2); } }
  .paging .pager-forward, .paging .pager-back {
    position: absolute;
    width: calc((64px + 8.53333vw) / 2);
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
  .paging .pager-back {
    left: 2.6667vw; }
  .paging .pager-forward {
    right: 2.6667vw; }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .paging .message-all {
      font-size: 20px;
      font-weight: bold; } }
  @media only screen and (max-width: 1023px) {
    .paging .message-all {
      float: none;
      margin: 0;
      padding: 0 2vw; } }
  @media (max-width: 400px) {
    .paging .message-all {
      font-size: 0.6em; } }
  @media only screen and (max-width: 1023px) {
    .paging {
      background: #03305b; } }

.field {
  width: 49%;
  float: left;
  box-sizing: border-box;
  margin-left: 2%; }
  @media only screen and (max-width: 1023px) {
    .field {
      width: 100%;
      margin-left: 0; } }
  .field.first {
    margin-left: 0;
    clear: left; }
  .field.third {
    width: 32%;
    text-align: left;
    margin-left: 2%;
    padding: 0; }
    @media only screen and (max-width: 1023px) {
      .field.third {
        width: 100%; } }
    .field.third input {
      width: 90%; }
  .field.two-thirds {
    width: 66%;
    padding: 0; }
    @media only screen and (max-width: 1023px) {
      .field.two-thirds {
        width: 100%; } }
  .field.thirds {
    width: 32%; }
  .field.halves {
    width: 49%; }
  .field.name {
    text-align: right; }
    .field.name .styled-select {
      width: 30%;
      float: left; }
      .field.name .styled-select input {
        width: 67%; }
  @media only screen and (max-width: 1023px) {
    .field.with-button, .discount-editor .field.with-button:nth-child(2) {
      width: calc(100% - calc((64px + 8.53333vw) / 2) - 8px); } }
  .field.no-horizontal-padding {
    padding-left: 0;
    padding-right: 0; }

.field-label {
  padding: 5px;
  margin-top: 10px;
  float: left;
  font-size: 0.8em; }

textarea {
  width: 100%;
  box-sizing: border-box;
  height: 3em; }
  @media only screen and (max-width: 1023px) {
    textarea {
      height: 5em; } }

.selector-grid {
  margin: 0 auto;
  padding: 5px 5px 15px 5px;
  list-style: none;
  overflow: hidden; }
  .selector-grid li {
    float: left;
    width: 25%; }
  .selector-grid li label, .selector-grid li button {
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0);
    display: block;
    margin: 4px;
    min-height: 27px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    color: #fff; }
  .selector-grid li button {
    padding: 5px 0 8px 10px;
    min-height: 0;
    text-align: left;
    width: 95%; }
  .selector-grid li label.option-group-suggested {
    border: 2px solid #f2cf6b;
    /*opacity: 1;
        background: rgba(255,255,255,0.2);*/ }
  .selector-grid li label.option-group-booking {
    border: 2px solid #b93241;
    /*opacity: 1;
        background: rgba(255,255,255,0.2);*/ }
  .selector-grid li label.option-group-suggested i, .selector-grid li label.option-group-suggested span, .selector-grid li label.option-group-booking i, .selector-grid li label.option-group-booking span {
    opacity: 1; }
  .selector-grid li label.option-group-confirm {
    border: 2px solid red;
    opacity: 1; }
    @media only screen and (min-width: 1024px) {
      .selector-grid li label.option-group-confirm {
        background: rgba(255, 255, 255, 0.13); } }
  .selector-grid li label.option-group-confirm i, .selector-grid .selector-grid li label.option-group-suggested span, .selector-grid .selector-grid li label.option-group-booking span {
    opacity: 0.5; }
  .selector-grid li label.option-group-selected {
    border: 2px solid white;
    background: #004990;
    font-weight: bold; }
  .selector-grid li label.option-group-selected,
  .selector-grid li label.option-group-selected i,
  .selector-grid li label.option-group-selected span {
    opacity: 1; }
  .selector-grid li label input {
    display: none; }
  .selector-grid li label svg {
    fill: white;
    height: 32px;
    width: 32px;
    display: inline-block;
    margin-right: 5px; }
  .selector-grid .van li label.option-group-selected {
    background: #510f72; }
  .selector-grid.by-two li {
    float: left;
    width: 50%; }
  .selector-grid.by-three li {
    float: left;
    width: 33.3%; }
    .selector-grid.by-three li label {
      vertical-align: middle;
      font-size: 0.6em;
      padding: 0.4em 0.5em; }
  .selector-grid.by-six li {
    float: left;
    width: 16.6%; }
  .selector-grid.by-six li label {
    margin: 5px;
    font-size: 0.8em;
    min-height: 0; }
  .selector-grid.by-six li label span,
  .selector-grid.by-nine-square li label span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 140px; }
  .selector-grid.by-nine-square {
    display: flex;
    flex-wrap: wrap; }
  .selector-grid.by-nine-square li {
    width: 11.1%;
    margin: 5px 0; }
  .selector-grid.by-nine-square li label {
    margin: 5px;
    font-size: 0.65em;
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center; }
  .selector-grid .selector-grid.by-nine-square li label span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 140px; }
  .selector-grid.by-two li label {
    min-height: 95px;
    padding-top: 10px; }
  .selector-grid.by-three-thin li {
    float: left;
    width: 33.3%;
    line-height: 27px;
    font-size: 0.8em; }
  .selector-grid.by-two li.specialist-service label {
    min-height: 70px;
    padding-top: 10px; }
  .selector-grid.by-one li {
    width: 100%; }
  .selector-grid.thin-row {
    line-height: 27px;
    font-size: 0.8em; }
  .selector-grid li label {
    opacity: 0.5; }
  .selector-grid.by-nine li {
    width: 11.111%; }
  .selector-grid.by-nine li label {
    height: 20px;
    min-height: 27px;
    font-size: 0.5em;
    text-transform: uppercase;
    font-weight: normal;
    text-align: left;
    padding: 1px; }
  .selector-grid.by-nine li label.option-group-deselected {
    opacity: 1;
    background: rgba(255, 255, 255, 0.15); }
  .selector-grid.by-nine li label.option-group-disabled {
    opacity: 0.5;
    background: rgba(255, 255, 255, 0.2); }
  .selector-grid.by-four li {
    width: 25%; }
  .selector-grid.by-four li label {
    height: 20px;
    min-height: 27px;
    font-size: 0.55em;
    text-transform: uppercase;
    font-weight: normal;
    text-align: left;
    padding: 1px 0 1px 1px; }
  .selector-grid.by-four li label.option-group-deselected {
    opacity: 1;
    background: rgba(255, 255, 255, 0.15); }
  .selector-grid.by-four li label.option-group-disabled {
    opacity: 0.5;
    background: rgba(255, 255, 255, 0.2); }
  .selector-grid.full-opacity-when-enabled li label.option-group-deselected {
    opacity: 1; }
  .selector-grid.full-opacity-when-enabled li label.option-group-disabled {
    opacity: 0.5; }
  @media only screen and (max-width: 1023px) {
    .selector-grid li label {
      min-height: 64px;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 1;
      background: #1096d8;
      box-shadow: 0 2px 5px 1px rgba(10, 10, 185, 0.2); }
      .selector-grid li label.option-group-disabled {
        opacity: 0.5; }
    .selector-grid.selector-grid li label {
      font-size: 20px; }
    .selector-grid.small-by-three {
      display: flex;
      flex-wrap: wrap; }
    .selector-grid.small-by-three li {
      width: auto;
      flex: 1 33%;
      min-width: 130px; } }

fieldset .selector-grid {
  margin: 0 -10px -10px -10px; }

fieldset legend + .selector-grid {
  margin-top: -10px; }

@media only screen and (max-width: 1023px) {
  .trade .selector-grid li label {
    background: #9daab6;
    box-shadow: 0 2px 5px 1px rgba(51, 51, 56, 0.2); } }

#more-specialist-button label {
  padding: calc(0.4em - 1.5px) 0.5em; }

#more-specialist-button label i {
  transform: scale(0.9); }

.compact-view #more-specialist-button label {
  padding: 0.5px; }

.compact-view #more-specialist-button label i {
  transform: scale(0.8); }

fieldset {
  border-radius: 5px;
  border: 1px solid #4CABD5;
  margin: 0;
  padding: 0 20px; }
  @media only screen and (max-width: 1023px) {
    fieldset {
      border: none;
      margin-top: 20px;
      padding-top: 20px; } }

.van fieldset {
  border-color: white; }

.trade fieldset {
  border: 1px solid #ffffff; }
  @media only screen and (max-width: 1023px) {
    .trade fieldset {
      border: none; } }

legend {
  text-transform: uppercase;
  font-size: 0.85em; }
  @media only screen and (max-width: 1023px) {
    legend {
      text-align: center;
      padding: 0 20px;
      position: relative;
      /*Workaround for fieldset border crossing legend in ios*/ }
      legend::before, legend::after {
        content: '';
        height: 1px;
        background: #4CABD5;
        width: calc(50vw - 50%);
        position: absolute;
        top: 50%; }
      legend::before {
        right: 100%; }
      legend::after {
        left: 100%; } }

.trade legend::before, .trade legend::after {
  background: white; }

.set-left {
  float: left; }

.set-right {
  float: right;
  margin-left: 0; }

.in-tab {
  padding: 0 25px; }
  .in-tab::after {
    display: block;
    content: '';
    clear: both; }
  @media only screen and (max-width: 1023px) {
    .in-tab {
      padding: 0; } }

.set-left, .set-right {
  width: 49%; }
  @media only screen and (max-width: 1023px) {
    .set-left, .set-right {
      width: 100%;
      float: none; } }

#cancel {
  float: left; }

.tab-buttons {
  position: absolute;
  bottom: calc(100% - 100vh + 97px);
  z-index: 10;
  margin: 0 0 0 50%;
  left: 0;
  text-align: center;
  /*safari is also dodgy*/
  /*ipad app version moves it down 18px for some reason, so correct this*/ }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .tab-buttons {
      bottom: calc(100% - 100vh + 126px);
      margin-left: 285px; } }
  body[data-concierge-app] .tab-buttons {
    bottom: calc(100% - 100vh + 62px);
    top: unset;
    margin: 0 0 0 50%; }
  @media only screen and (max-width: 1023px) {
    .tab-buttons {
      position: absolute;
      bottom: calc(-156px - 2* 2.667vw);
      right: 20px;
      text-align: right; } }
  .tab-buttons a.button {
    margin: 0 0 0 -100%;
    font-family: arial; }
    @media only screen and (max-width: 1023px) {
      .tab-buttons a.button {
        background: none;
        color: #beeffd;
        margin: 0;
        padding: 0;
        height: 82px; } }
  .tab-buttons a.button[disabled] {
    opacity: 0.6;
    cursor: default; }

#quickDetails .contact-pref {
  font-size: 0.75em; }

.specialist-container {
  width: 100%;
  margin-right: 1%; }

.specialist-service-selector {
  display: flex;
  flex-wrap: wrap; }
  .specialist-service-selector li label {
    vertical-align: middle;
    padding: 0.3em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9em;
    min-height: 35px; }
    .specialist-service-selector li label span {
      vertical-align: middle; }
  .takeaway-fieldset .specialist-service-selector {
    font-size: 0.7em; }
  .perfect-partner-pack-fieldset .specialist-service-selector {
    font-size: 0.7em; }

@media only screen and (max-width: 1023px) {
  #standard-surcharge-input::after {
    display: block;
    content: '';
    clear: both; } }

.set-right .wash-summary {
  width: auto; }

.set-right .walk-around {
  width: auto; }

@keyframes pulseButton {
  from {
    box-shadow: 0px 0px 0px 0px #f0c63e; }
  to {
    box-shadow: 0px 0px 10px 0px #f0c63e; } }

#special-requirements-button label {
  padding: 0 6px 0 1px;
  text-align: right;
  display: flex;
  align-items: center;
  height: 50px;
  box-sizing: border-box; }
  @media only screen and (max-width: 1023px) {
    #special-requirements-button label {
      height: auto;
      padding: .75em .5em; } }

#special-requirements-button.active label {
  border: 1px solid #f0c63e;
  animation: pulseButton 1s ease alternate infinite;
  opacity: 1; }

#special-requirements-button svg {
  fill: #337db3;
  color: white;
  height: 32px;
  flex: 0 0 32px;
  transform: scale(1.2); }
  @media only screen and (max-width: 1023px) {
    #special-requirements-button svg {
      fill: #1096d8; } }

#special-requirements-button.active svg {
  color: #f0c63e; }

.compact-details > span {
  display: block;
  margin-top: 3px; }
  @media only screen and (max-width: 1023px) {
    .compact-details > span {
      margin-top: 10px; } }

.compact-details > span, .compact-details label {
  font-size: 17px; }
  @media only screen and (max-width: 1023px) {
    .compact-details > span, .compact-details label {
      font-size: 20px; } }

.compact-details .field {
  padding-top: 3px; }
  @media only screen and (max-width: 1023px) {
    .compact-details .field {
      padding-top: 10px; } }

.compact-details .field label {
  padding-bottom: 1px; }
  @media only screen and (max-width: 1023px) {
    .compact-details .field label {
      padding-bottom: 10px; } }

.detail-box {
  background: rgba(0, 69, 184, 0.4);
  border-radius: 5px;
  padding: 5px 15px;
  font-size: 16px; }
  @media only screen and (max-width: 1023px) {
    .detail-box {
      font-size: 18px;
      padding: 10px 15px; } }

.detail-box span {
  display: inline-block;
  width: 49%;
  margin: 2px 0; }
  @media only screen and (max-width: 1023px) {
    .detail-box span {
      margin: 5px 0; } }

#special-requirements-modal h1 {
  font-weight: 500; }

#special-requirements-modal .content {
  padding: 10px 25px 15px 25px; }

#special-requirements-modal .content > p {
  margin: 0 0 15px 0;
  font-weight: 500; }

#special-requirements-modal .inner p {
  background: white;
  border-radius: 5px;
  padding: 20px;
  font-size: 14px; }

#special-requirements-modal button {
  width: 120px;
  float: right; }

.service-selector {
  display: flex;
  align-items: stretch; }

.service-selector li {
  flex: 1 1 0;
  line-height: 19px;
  font-size: 0.7em; }

.service-selector .service-item label {
  height: calc(100% - 10px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9em; }

.service-item[data-service="16"] label span {
  white-space: nowrap; }

#initial-loading-icon {
  position: fixed;
  top: 30%;
  left: 50%; }

.size-selector-grid .selector-grid {
  line-height: 20px; }

.checkin-details-container {
  display: grid;
  grid-template-columns: repeat(18, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px 5px; }

.checkin-details-small-field-label.make {
  grid-column: 7 / span 6;
  grid-row: 2 / span 1;
  min-width: 0;
  overflow: hidden; }

.checkin-details-small-field-label.model {
  grid-column: 13 / span 6;
  grid-row: 2 / span 1;
  min-width: 0;
  overflow: hidden; }
  .checkin-details-small-field-label.model label {
    margin-right: 5px; }

.checkin-details-small-field-label.size {
  grid-column: 15 / span 3;
  grid-row: 1 / span 1;
  padding-top: 5px; }
  .checkin-details-small-field-label.size label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -8px; }

.checkin-details-small-field-label.colour {
  grid-column: 12 / span 2;
  grid-row: 1 / span 1;
  padding-top: 5px; }
  .checkin-details-small-field-label.colour label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -8px; }

.checkin-details-small-field-label label {
  background: rgba(255, 255, 255, 0.2);
  display: block;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  opacity: 0.5;
  margin-left: 5px;
  font-size: 0.75em; }
  .checkin-details-small-field-label label.selected {
    height: 36px;
    line-height: 36px;
    background-color: #004990;
    border: 2px solid white;
    opacity: 1; }

.trade .checkin-details-small-field-label label.selected {
  background-color: #576574; }

.checkin-details-small-field-button {
  /*&.size button {
        background-image: url("../images/SmQuestion.svg");
        background-repeat: no-repeat;
        background-position:center
    }*/ }
  .checkin-details-small-field-button.make {
    grid-column: 12 / span 1;
    grid-row: 2 / span 1; }
  .checkin-details-small-field-button.model {
    grid-column: 18 / span 1;
    grid-row: 2 / span 1; }
  .checkin-details-small-field-button.size {
    grid-column: 18 / span 1;
    grid-row: 1 / span 1;
    padding-top: 5px; }
  .checkin-details-small-field-button.colour {
    grid-column: 14 / span 1;
    grid-row: 1 / span 1;
    padding-top: 5px; }
    body[data-concierge-app] .checkin-details-small-field-button.colour {
      margin-right: -15px; }
    .checkin-details-small-field-button.colour .color-swatch.beige {
      background: #e8bb7a; }
    .checkin-details-small-field-button.colour .color-swatch.biege {
      background: #e8bb7a; }
    .checkin-details-small-field-button.colour .color-swatch.blue, .checkin-details-small-field-button.colour button.color-swatch, .checkin-details-small-field-button.colour .color-swatch.button, .checkin-details-small-field-button.colour .track .track-ready-row button.color-swatch, .track .track-ready-row .checkin-details-small-field-button.colour button.color-swatch {
      background: #091db1; }
    .checkin-details-small-field-button.colour .color-swatch.brown {
      background: #b05a06; }
    .checkin-details-small-field-button.colour .color-swatch.green {
      background: #197b30; }
    .checkin-details-small-field-button.colour .color-swatch.maroon {
      background: #940328; }
    .checkin-details-small-field-button.colour .color-swatch.pink {
      background: #ec67a9; }
    .checkin-details-small-field-button.colour .color-swatch.red, .checkin-details-small-field-button.colour button.wash-cancel span.color-swatch, button.wash-cancel .checkin-details-small-field-button.colour span.color-swatch {
      background: #ff0000; }
    .checkin-details-small-field-button.colour .color-swatch.turquoise {
      background: #00ffff; }
    .checkin-details-small-field-button.colour .color-swatch.yellow, .checkin-details-small-field-button.colour button.color-swatch.track-next-current, .checkin-details-small-field-button.colour
    input.color-swatch.toggle[type=checkbox]:after, .checkin-details-small-field-button.colour
    .color-swatch.styled-select::after, .checkin-details-small-field-button.colour
    .color-swatch.check-out-link, .checkin-details-small-field-button.colour .track .track-ready-row button.color-swatch, .track .track-ready-row .checkin-details-small-field-button.colour button.color-swatch {
      background: #ffff00; }
    .checkin-details-small-field-button.colour .color-swatch.black {
      background: #000000; }
    .checkin-details-small-field-button.colour .color-swatch.bronze, .checkin-details-small-field-button.colour .color-swatch.service-icon.bronzeplus {
      background: #b05a06; }
    .checkin-details-small-field-button.colour .color-swatch.gold {
      background: #e0ba06; }
    .checkin-details-small-field-button.colour .color-swatch.grey {
      background: #63646b; }
    .checkin-details-small-field-button.colour .color-swatch.orange {
      background: #f66b0e; }
    .checkin-details-small-field-button.colour .color-swatch.purple {
      background: #6a04b8; }
    .checkin-details-small-field-button.colour .color-swatch.silver, .checkin-details-small-field-button.colour .color-swatch.controls {
      background: #a2a8b3; }
    .checkin-details-small-field-button.colour .color-swatch.white {
      background: #ffffff; }
    .checkin-details-small-field-button.colour .color-swatch.other {
      background: #c7b299; }
    .checkin-details-small-field-button.colour .color-swatch.none {
      background-image: url(/Content/images/Rainbow_and_white_key.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-color: transparent;
      opacity: 1; }
      body[data-concierge-app] .checkin-details-small-field-button.colour .color-swatch.none {
        background-size: 40px; }
    .checkin-details-small-field-button.colour .color-swatch.other::before {
      content: '?';
      position: relative;
      top: 0;
      font-size: 24px;
      font-style: normal;
      line-height: 40px;
      margin-left: 0;
      color: #fff;
      font-family: Arial;
      font-weight: bold; }
    .checkin-details-small-field-button.colour .color-swatch.selected {
      border: 2px solid white; }
    .checkin-details-small-field-button.colour .color-swatch.other.selected::before {
      line-height: 36px;
      top: -2px; }
  .checkin-details-small-field-button button {
    height: 40px;
    width: 40px;
    line-height: 10px;
    font-size: 30px;
    font-family: 'Gotham Black';
    margin-right: 5px; }
    .checkin-details-small-field-button button span {
      position: relative;
      bottom: 1px; }
    body[data-concierge-app] .checkin-details-small-field-button button {
      padding: 0; }
  .checkin-details-small-field-button button[disabled] {
    opacity: 0.5; }

.checkin-details-small-field-container.name {
  grid-column: 7 / span 5;
  grid-row: 1 / span 1;
  width: 100%;
  margin-left: 0;
  padding-right: 5px; }
  .checkin-details-small-field-container.name input {
    height: 40px;
    font-size: 0.75em; }
  .checkin-details-small-field-container.name input[disabled] {
    background-color: #fff;
    color: #999; }

.reg-field {
    grid-column: 1 / span 6;
    grid-row: 1 / span 2;
    margin: 15px 0;
    width: 100%;
    place-self: center;
}
  .reg-field input {
    text-transform: uppercase;
    height: 60px;
    width: 90% !important;
    font-size: 1em; }

@media only screen and (max-width: 1023px) {
  .set-left.top-section {
    width: 100% !important; }
  .set-right.top-section {
    width: 100% !important;
    position: relative !important;
    top: unset !important;
    right: unset !important; }
  .checkin-details-container {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, auto); }
  .checkin-details-small-field-label {
    padding-right: 5px; }
    .checkin-details-small-field-label.make {
      grid-column: 1 / span 6;
      grid-row: 3 / span 1; }
    .checkin-details-small-field-label.model {
      grid-column: 1 / span 6;
      grid-row: 4 / span 1; }
      .checkin-details-small-field-label.model label {
        margin-right: 0; }
    .checkin-details-small-field-label.size {
      grid-column: 1 / span 5;
      grid-row: 5 / span 1;
      margin-right: -48px; }
    .checkin-details-small-field-label.colour {
      grid-column: 1 / span 5;
      grid-row: 6 / span 1;
      margin-bottom: 10px;
      margin-right: -48px; }
  .checkin-details-small-field-button button {
    margin-right: 0; }
  .checkin-details-small-field-button.make {
    grid-column: 6 / span 1;
    grid-row: 3 / span 1; }
  .checkin-details-small-field-button.model {
    grid-column: 6 / span 1;
    grid-row: 4 / span 1; }
  .checkin-details-small-field-button.size {
    grid-column: 6 / span 1;
    grid-row: 5 / span 1;
    padding-right: 5px; }
    .checkin-details-small-field-button.size button {
      float: right; }
  .checkin-details-small-field-button.colour {
    grid-column: 6 / span 1;
    grid-row: 6 / span 1;
    padding-right: 5px; }
    .checkin-details-small-field-button.colour button {
      display: block !important;
      float: right; }
  .checkin-details-small-field-container.name {
    grid-column: 1 / span 6;
    grid-row: 2 / span 1; }
    .checkin-details-small-field-container.name input {
      height: 60px;
      font-size: 1em; }
    .checkin-details-small-field-container.name label {
      margin-top: 0; }
  .reg-field {
    grid-column: 1 / span 6;
    grid-row: 1 / span 1;
    margin-top: 0; }
    .reg-field label {
      margin-top: 0; }
  .customer-app-vehicle .reg-field input {
    width: 100% !important; }
  .reg-search-button {
    left: 80%;
    top: 27px !important; }
  .condition-fieldset label {
    height: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important; }
  .surcharge-discount-fieldset {
    padding-top: 5px !important;
    height: auto !important; }
    .surcharge-discount-fieldset label {
      height: 35px !important;
      min-height: 35px !important; }
  .total-token-fieldset {
    padding-top: 0; }
  .custom-dialog {
    width: 80% !important;
    max-height: 80%;
    overflow-y: auto; }
  .breakdown-content {
    width: calc(100% - 5px) !important; }
  #vehicle-details-manual-override-modal button#registrationLookup {
    top: 5px !important; }
  #loading-icon_registrationLookup {
    top: top; }
  legend::before, legend::after {
    background: unset; }
  #extra-specialist-modal .selector-grid.by-nine-square li {
    width: 33.3%; }
  body[data-concierge-app] .checkin-details-small-field-button.colour {
    margin-right: 0; }
  body[data-concierge-app] .reg-field input {
    width: 95% !important; }
  body[data-concierge-app] .reg-field button#registrationLookup {
    left: 87% !important; }
  body[data-concierge-app] .checkin-details-small-field-label.size label, body[data-concierge-app] .checkin-details-small-field-label.colour label {
    margin-right: -48px; } }

.customer-app-vehicle .reg-field input, .customer-app-vehicle .checkin-details-small-field-container.name input {
  background-color: #004990 !important;
  border: 2px solid white;
  color: #fff !important;
  text-align: center; }

.trade.customer-app-vehicle .reg-field input, .trade.customer-app-vehicle .checkin-details-small-field-container.name input {
  background-color: #576574 !important; }

.customer-app-vehicle .reg-field input[disabled], .customer-app-vehicle .checkin-details-small-field-container.name input[disabled] {
  opacity: 1; }

.customer-app-vehicle .reg-field input:-webkit-autofill,
.customer-app-vehicle .reg-field input:-webkit-autofill:hover,
.customer-app-vehicle .reg-field input:-webkit-autofill:focus,
.customer-app-vehicle .reg-field input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #004990 inset !important;
  -webkit-text-fill-color: #fff !important; }

.trade.customer-app-vehicle .reg-field input:-webkit-autofill,
.trade.customer-app-vehicle .reg-field input:-webkit-autofill:hover,
.trade.customer-app-vehicle .reg-field input:-webkit-autofill:focus,
.trade.customer-app-vehicle .reg-field input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #576574 inset !important; }

.reg-search-button {
  border-radius: 50% !important;
  width: 80px !important;
  height: 80px !important;
  box-shadow: 0 0 0 10px white;
  font-size: 26px;
  padding: 0;
  top: -5px !important;
  /*right: 5px !important;*/ }
  .reg-search-button i.search {
    background-image: url(/Content/images/MagnifyingIconV2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50px;
    width: 50px; }
  body[data-concierge-app] .reg-search-button {
    width: 75px !important;
    height: 75px !important; }

.customer-app-vehicle .reg-search-button {
  display: none; }

.checkin-condition-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(3, 1fr);
  padding-bottom: 3px; }

.checkin-condition-option {
  grid-row: span 1;
  grid-column: span 1;
  width: 100% !important;
  height: 50px; }
  .checkin-condition-option label {
    margin: 0 15px; }
  .checkin-condition-option.three {
    height: 50px;
    margin: 5px 0; }
    .checkin-condition-option.three label {
      height: 40px;
      line-height: 40px; }
  .checkin-condition-option.four {
    height: 45px;
    /* label:last-child{
    margin-bottom: -3px;
}*/ }

.checkin-additional-details-container {
  padding-top: 10px;
  width: 100%; }

#RequiredByContainer label {
  float: left;
  width: 49%;
  font-size: 0.75em;
  line-height: 2.4em;
  margin-top: 10px; }

#RequiredByContainer span {
  float: right;
  width: 49%;
  margin: 10px 0 15px 0; }

#RequiredByContainer select.selection-made {
  color: #fff;
  background-color: #004990;
  border: 2px solid white; }
  #RequiredByContainer select.selection-made option {
    background-color: #fff;
    color: #313140; }

.walk-around-field span {
  width: 49%;
  float: left;
  margin: 10px 0;
  font-size: 0.9em;
  line-height: 50px; }

.walk-around-switch {
  width: 49%;
  float: right;
  margin: 10px 0; }

.field.walk-around-reason {
  margin-top: 5px; }
  .field.walk-around-reason input[disabled] {
    background-color: #fff;
    color: #999; }

.valuables-field label {
  padding: 5px 0 0;
  font-size: 0.75em; }

.valuables-field a {
  width: 49%; }

.vehicle-details-incorrect-table {
  width: 100%;
  font-size: 0.8em; }
  .vehicle-details-incorrect-table th {
    text-align: left;
    width: 33%; }
  .vehicle-details-incorrect-table.relookedup tr .lookup {
    font-weight: bold; }
  .vehicle-details-incorrect-table tr.manual-override .current {
    background-color: yellow; }
  .vehicle-details-incorrect-table td.dimensions {
    font-size: 0.8em; }

.lookup-date {
  font-size: 0.6em;
  font-style: italic;
  float: right;
  margin-top: 15px; }

.details-still-incorrect-div {
  text-align: center;
  padding-bottom: 10px; }
  .details-still-incorrect-div .details-still-incorrect {
    font-size: 14px; }

.trolley-token-div {
  width: 49%;
  float: left;
  font-size: 0.75em; }
  .trolley-token-div div.field {
    width: 100%;
    margin-top: 5px; }
    .trolley-token-div div.field label {
      display: inline-block; }
  .trolley-token-div input {
    width: 47px !important;
    margin-left: 25px;
    border: 3px solid #0092cb;
    height: 40px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.75);
    -moz-appearance: textfield;
    color: #000;
    font-size: 1em; }
  .trolley-token-div input::placeholder {
    color: #000;
    font-size: 1em; }

.trade .trolley-token-div input {
  border: 3px solid #576574; }

.total-div {
  width: calc(49% + 20px);
  margin-right: -20px;
  float: right;
  font-size: 1em;
  line-height: 2.6em;
  background-color: #0092cb;
  border-radius: 4px;
  text-align: center; }
  .total-div .total-view-breakdown {
    height: 60px;
    width: 60px;
    line-height: 60px;
    font-size: 50px;
    font-family: 'Gotham Black';
    float: right; }
    .total-div .total-view-breakdown span {
      position: relative;
      bottom: 2px; }
    body[data-concierge-app] .total-div .total-view-breakdown {
      padding: 0; }

.trade .total-div {
  background-color: #576574; }

.set-left.top-section {
  width: 84%; }

.set-right.top-section {
  width: 14%;
  /*Use absolute positioning to get condition div to sit at top of page rather than lower down - requires a right postioning to mimic padding on .in-tab container*/
  position: absolute;
  top: 0;
  right: 25px; }

.additional-details-fieldset {
  margin-top: 17px;
  padding-bottom: 1px; }
  body[data-concierge-app] .additional-details-fieldset {
    margin-top: 13px; }

.total-token-fieldset {
  margin-top: 13px;
  height: 60px; }
  body[data-concierge-app] .total-token-fieldset {
    margin-top: 8px; }

.surcharge-discount-fieldset {
  margin-top: 12px;
  padding-bottom: 5px;
  height: 55px; }
  .surcharge-discount-fieldset li {
    margin: 2px 0; }
  .surcharge-discount-fieldset label {
    height: 35px;
    line-height: 35px;
    padding: 0 !important; }
  body[data-concierge-app] .surcharge-discount-fieldset {
    margin-top: 7px; }

.condition-fieldset {
  margin-top: 2px;
  padding: 10px 10px 11px; }
  body[data-concierge-app] .condition-fieldset {
    margin-top: 0;
    padding-bottom: 10px; }

.specialist-fieldset {
  padding: 2px 20px 3px;
  margin-top: 5px; }
  body[data-concierge-app] .specialist-fieldset {
    margin-top: 0; }

body[data-concierge-app] .specialist-fieldset.takeaway-fieldset {
  margin-top: 1px;
  padding-bottom: 0; }

.selector-grid.by-two.takeaway li.specialist-service label {
  min-height: 30px;
  height: 30px;
  padding: 0;
  line-height: 30px; }

body[data-concierge-app] .specialist-fieldset.perfect-partner-pack-fieldset {
  margin-top: 1px;
  padding-bottom: 0; }

.selector-grid.by-two.perfect-partner-pack li.specialist-service label {
  min-height: 30px;
  height: 30px;
  padding: 0;
  line-height: 30px; }

#selectWash fieldset {
  margin-top: 5px; }
  body[data-concierge-app] #selectWash fieldset {
    margin-top: 0; }

#selectWash label {
  height: 40px; }

input[name='ServiceLevel'] {
  display: none !important; }

form#checkinForm {
  margin-top: 20px; }
  body[data-concierge-app] form#checkinForm {
    margin-top: 0; }

.modal.manual-override p {
  font-size: 0.65em; }

.modal.manual-override .content {
  padding: 5px 25px;
  overflow-y: visible;
  max-height: unset; }

#total-breakdown-modal .breakdown-content {
  position: absolute;
  bottom: 70px;
  z-index: 10;
  width: 43%;
  background-color: #016BB6;
  border-radius: 5px;
  border: 2px solid white; }
  #total-breakdown-modal .breakdown-content .wash-summary {
    width: auto;
    background: #016BB6;
    padding-bottom: 10px; }
    #total-breakdown-modal .breakdown-content .wash-summary table th {
      width: 30%; }
    #total-breakdown-modal .breakdown-content .wash-summary table td {
      width: 70%;
      text-align: left;
      padding-left: 20px; }
    #total-breakdown-modal .breakdown-content .wash-summary .declaration {
      margin-top: 10px;
      background-color: #004990;
      padding: 10px; }
  #total-breakdown-modal .breakdown-content .buttons {
    clear: both;
    margin-bottom: 10px;
    padding-right: 20px; }
  #total-breakdown-modal .breakdown-content .close-button {
    float: right; }

.trade-button {
  float: left;
  margin-left: 15px; }

i.adjustment-icon {
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  position: relative;
  bottom: 2px; }
  i.adjustment-icon.surcharge {
    background-image: url(/Content/images/Surcharge.svg);
    background-position: center; }
  i.adjustment-icon.discount {
    background-image: url(/Content/images/Discount.svg);
    background-position: center; }

.manual-override-alert {
  background: #e8cdd4;
  color: #cd3347; }
  .manual-override-alert svg {
    height: 30px;
    width: 30px;
    fill: #cd3347;
    vertical-align: middle; }
  .manual-override-alert p {
    font-size: 0.6em !important;
    vertical-align: middle;
    display: inline-block; }

.incorrect-details-reg {
  font-size: 0.8em !important;
  font-weight: bold; }

body.checkin {
  background-image: unset;
  background-color: #006EAE; }

.customer-app-vehicle {
  background-image: linear-gradient(rgba(0, 73, 144, 0.5), rgba(0, 73, 144, 0.5)), url(/Content/images/customer_app_background.jpg) !important;
  background-size: cover; }

.trade.customer-app-vehicle {
  background-image: linear-gradient(rgba(157, 170, 182, 0.5), rgba(157, 170, 182, 0.5)), url(/Content/images/customer_app_background.jpg) !important;
  background-size: cover; }

#checkinForm fieldset {
  background-color: #006EAE;
  border: 1px solid white; }

.trade #checkinForm fieldset {
  background-color: #9daab6; }

#special-requirements-button {
  height: 35px; }
  #special-requirements-button label {
    max-height: 40px; }

body[data-concierge-app] .customer-acceptance {
  bottom: calc(100% - 100vh + 67px);
  top: unset; }

body[data-concierge-app] .more-specialist-button label {
  padding: 0.4em 0.5em; }

body.checkin[data-concierge-app] .legal-footer {
  bottom: 60px; }

#lookup-vehicle-again.lookup-prevented {
  opacity: 0.6; }

#vehicle-details-incorrect-modal .error-message {
  font-size: 0.6em; }

#vehicle-details-manual-override-modal .dialog {
  overflow-y: auto; }

.details-still-incorrect, #no-vehicle-lookup-data-manual {
  background: none;
  color: #0645ad;
  text-decoration: underline;
  text-transform: unset;
  line-height: unset;
  font-family: "Montserrat";
  width: unset; }

#no-vehicle-lookup-data-manual {
  font-size: 1.0em;
  padding: 0; }

.details-still-incorrect:hover, #no-vehicle-lookup-data-manual:hover {
  cursor: pointer; }

.declaration button {
  color: #f6ca3a;
  text-decoration: none;
  font-size: 1em;
  text-transform: unset;
  background: unset;
  font-family: 'Montserrat';
  line-height: unset;
  padding: 0;
  width: unset; }

.declaration button:hover {
  cursor: pointer; }

.discount-input-group {
  position: relative;
  display: inline-block; }

.field-validation-error {
  color: #dc3545;
  font-size: 0.875em;
  display: block;
  margin-top: 0.25rem; }

.field-validation-valid {
  display: none; }

.input-validation-error {
  border-color: #dc3545; }

#Registration, #reg {
  text-transform: uppercase; }
  #Registration::-webkit-input-placeholder, #reg::-webkit-input-placeholder {
    text-transform: none; }
  #Registration::-moz-placeholder, #reg::-moz-placeholder {
    text-transform: none; }

#registrationLookup {
  width: 35px;
  height: 36px;
  position: absolute;
  text-align: center;
  padding: 0;
  border-radius: 4px;
  right: 8px;
  top: 7px; }
  @media only screen and (max-width: 1023px) {
    #registrationLookup {
      width: calc((64px + 8.53333vw) / 2);
      height: calc((64px + 8.53333vw) / 2);
      left: 80% !important;
      top: 27px !important; } }

#registrationLookup i {
  margin: 0 auto;
  display: block; }

.styled-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%; }
  .styled-select.styled-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 8px;
    background: #fff;
    border: 0;
    outline: none;
    margin: 0; }
    @media only screen and (max-width: 1023px) {
      .styled-select.styled-select select {
        width: calc(100% + 3px + calc((64px + 8.53333vw) / 2)); } }
  @media only screen and (max-width: 1023px) {
    .styled-select .combo-auto {
      width: 100% !important; } }
  .styled-select::after {
    content: "";
    position: absolute;
    width: 34px;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0px 0 0 0;
    height: 36px;
    border-radius: 4px;
    margin: 2px;
    z-index: 2;
    pointer-events: none; }
    @media only screen and (max-width: 1023px) {
      .styled-select::after {
        width: calc((64px + 8.53333vw) / 2);
        height: calc((64px + 8.53333vw) / 2);
        left: calc(100% + 3px);
        top: -2px; } }
  .styled-select::before {
    content: "";
    position: absolute;
    pointer-events: none;
    width: 20px;
    height: 22px;
    right: 8px;
    top: 8px;
    z-index: 3;
    background-position: -445px 0; }
    @media only screen and (max-width: 1023px) {
      .styled-select::before {
        top: calc(calc((32px + 4.26667vw) / 2) - 12px);
        left: calc(100% + calc((26px + 3.46667vw) / 2)); } }

.nav-appendage {
  position: absolute;
  width: 140px;
  right: 0;
  top: -53px; }
  @media only screen and (max-width: 1023px) {
    .nav-appendage {
      width: auto;
      right: calc((25px + 3.33333vw) / 2);
      top: -73px; } }
  .nav-appendage div.field {
    width: auto; }
    @media only screen and (max-width: 1023px) {
      .nav-appendage div.field {
        padding: 5px 0; } }
  .nav-appendage div.field label {
    font-size: 0.8em;
    text-transform: uppercase;
    display: inline; }
    @media only screen and (max-width: 1023px) {
      .nav-appendage div.field label {
        font-size: 14px; } }
  .nav-appendage div.field input {
    width: 47px;
    border: 3px solid #fff;
    height: 40px;
    text-align: center;
    background: #80bbda;
    -moz-appearance: textfield;
    color: white; }
    @media only screen and (max-width: 1023px) {
      .nav-appendage div.field input {
        width: 37px;
        height: 37px; } }
  .nav-appendage div.field input::-webkit-inner-spin-button,
  .nav-appendage div.field input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    display: none; }
  .nav-appendage div.field input::-webkit-input-placeholder {
    color: #fff; }
  .nav-appendage div.field input::-moz-placeholder {
    color: #fff; }
  .nav-appendage div.field input:-ms-input-placeholder {
    color: #fff; }

.total {
  float: right;
  text-align: right; }
  .total span {
    display: block; }
  .total .label {
    opacity: 0.7;
    font-size: 0.8em; }
  .total .price {
    font-size: 1.6em;
    line-height: 1em; }
  @media only screen and (max-width: 1023px) {
    .total {
      float: none;
      text-align: center;
      margin: 20px; } }

@media only screen and (max-width: 1023px) {
  #surcharge .total {
    float: right;
    margin: 10px 0; } }

.calculator {
  clear: both;
  padding: 5px 0; }
  @media only screen and (max-width: 1023px) {
    .calculator {
      padding: 5px;
      clear: none;
      float: left; } }

.calculator button {
  line-height: 41px;
  width: 130px;
  font-size: 0.8em; }
  @media only screen and (max-width: 1023px) {
    .calculator button {
      font-size: 0.7em; } }

@media only screen and (min-width: 1024px) {
  .email-input::before {
    width: 26px;
    height: 30px;
    position: absolute;
    display: block;
    content: '';
    background-position: -620px 0;
    margin-top: 8px;
    margin-left: 10px; }
  .mobile-input::before {
    width: 26px;
    height: 30px;
    position: absolute;
    display: block;
    content: '';
    background-position: -652px 0;
    margin-top: 8px;
    margin-left: 10px; }
  .email-input.email-input input {
    padding-left: 40px; }
  .mobile-input.mobile-input input {
    padding-left: 40px; } }

.wash-summary {
  background: rgba(0, 69, 184, 0.4);
  border-radius: 5px;
  padding: 20px;
  float: right;
  width: 44%;
  text-align: right; }
  @media only screen and (max-width: 1023px) {
    .wash-summary {
      float: none;
      width: 100%;
      box-sizing: border-box;
      text-align: left; } }

.wash-summary table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.66em; }

.wash-summary table td {
  width: 40%;
  padding-bottom: 5px; }

.wash-summary table th {
  width: 60%;
  font-weight: normal;
  padding-bottom: 5px; }

.wash-summary table tr.total-row th, .wash-summary table tr.total-row td {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 2px;
  font-size: 1.35em;
  padding-bottom: 0; }

.walk-around {
  float: left;
  width: 49%; }
  @media only screen and (max-width: 1023px) {
    .walk-around {
      float: none;
      width: 100%; } }

.walk-around .field {
  padding-top: 15px; }

.customer-acceptance {
  position: absolute;
  z-index: 100;
  color: #333;
  font-size: 0.6em;
  white-space: nowrap; }
  @media only screen and (max-width: 1023px) {
    .customer-acceptance {
      position: static;
      display: block;
      margin-top: 20px;
      color: white;
      float: right;
      margin-right: 20px; } }
  .customer-acceptance.highlight {
    color: red; }
    @media only screen and (max-width: 1023px) {
      .customer-acceptance.highlight {
        color: white; } }

.weather {
  text-align: center;
  padding-top: 40px; }
  .weather .selector-grid {
    width: 84%; }
    @media only screen and (max-width: 1023px) {
      .weather .selector-grid {
        width: auto;
        margin: 0 2.667vw;
        padding: 5px 0 15px 0; } }
    @media (max-width: 610px) {
      .weather .selector-grid li {
        width: 50%; } }

.daily-summary {
  padding: 25px 0; }
  @media only screen and (min-width: 1024px) {
    .daily-summary {
      font-size: 0.9em; } }
  .daily-summary fieldset {
    padding-top: 10px; }
    .daily-summary fieldset h3 {
      margin: 0;
      text-align: center;
      font-weight: 400;
      font-size: 0.85em; }
  .daily-summary .daily-summary-small-report {
    font-size: 20px;
    background: #3391c4;
    padding: calc((32px + 4.26667vw) / 2) calc((30px + 4vw) / 2) calc((72px + 9.6vw) / 2) calc((30px + 4vw) / 2);
    border-radius: 6px;
    margin-top: 18px; }
    @media (max-width: 480px) {
      .daily-summary .daily-summary-small-report {
        font-size: 18px; } }
    .daily-summary .daily-summary-small-report .report-row {
      margin-top: 8px; }
    .daily-summary .daily-summary-small-report .report-header {
      font-weight: 600;
      max-width: 70%;
      float: left; }
      .daily-summary .daily-summary-small-report .report-header.full {
        max-width: 100%; }
    .daily-summary .daily-summary-small-report .report-header + div {
      float: right; }
  .daily-summary .track th {
    padding: 8px; }

.trade-logos label {
  height: 160px; }
  @media only screen and (max-width: 1023px) {
    .trade-logos label {
      height: calc((160px + 21.33333vw) / 2); } }

.trade-logos img {
  max-width: 100%;
  max-height: 100%; }
  @media only screen and (min-width: 1024px) {
    .trade-logos img {
      position: relative;
      top: 50%;
      transform: translateY(-50%); } }

.vehicle-grid {
  margin: 13px;
  padding: 8px 0 0 0;
  list-style: none; }
  @media only screen and (max-width: 1023px) {
    .vehicle-grid {
      display: flex;
      flex-wrap: wrap;
      font-size: 1.5em; } }
  .vehicle-grid > li {
    padding: 5px 13px;
    width: 33.3%;
    float: left;
    box-sizing: border-box; }
    @media only screen and (max-width: 1023px) {
      .vehicle-grid > li {
        flex: 0 0 100%;
        min-height: 240px;
        margin: 1%; } }
    .vehicle-grid > li > h2 {
      background: #fff;
      border-radius: 5px 5px 0 0;
      margin: 0;
      color: #000;
      font-size: 0.75em;
      padding: 5px 8px;
      line-height: 1em;
      font-weight: normal; }
      .vehicle-grid > li > h2.customer-account {
        background-image: url("../../../Content/images/customer_app_background.jpg"); }
      .vehicle-grid > li > h2.payment-lock {
        color: #ba2625; }
      .vehicle-grid > li > h2 span {
        float: right;
        font-weight: bold; }
    .vehicle-grid > li > div {
      background: rgba(255, 255, 255, 0.2);
      border-radius: 0 0 5px 5px;
      position: relative; }
      @media only screen and (max-width: 1023px) {
        .vehicle-grid > li > div {
          flex: 0 0 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 230px; } }
      .vehicle-grid > li > div > span {
        font-size: 0.7em;
        float: right;
        padding: 4px; }
        @media only screen and (max-width: 1023px) {
          .vehicle-grid > li > div > span {
            position: absolute;
            right: 0;
            top: 0;
            margin-right: 60px;
            font-size: 1em; } }
  .vehicle-grid li ul {
    font-size: 0.65em;
    padding: 4px;
    margin: 0;
    list-style: none;
    width: 60%; }
    @media only screen and (max-width: 1023px) {
      .vehicle-grid li ul {
        font-size: 0.8em;
        margin: 20px; } }
    .vehicle-grid li ul li {
      padding: 1px 0; }
      .vehicle-grid li ul li strong {
        float: left;
        width: 60px;
        text-align: right;
        padding-right: 10px; }
        @media only screen and (max-width: 1023px) {
          .vehicle-grid li ul li strong {
            width: 120px;
            padding-right: 10px; } }

.check-out-link {
  position: absolute;
  bottom: 40px;
  right: 10px;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  font-weight: bold;
  line-height: 35px;
  font-size: 0.65em;
  text-align: center;
  display: block;
  color: #000;
  text-decoration: none; }
  @media only screen and (max-width: 1023px) {
    .check-out-link {
      width: 96px;
      height: 120px;
      line-height: 120px;
      width: 200px;
      position: absolute;
      margin: 20px; } }

.background-receipt,
.background-print {
  position: absolute;
  bottom: 40px; }
  .background-receipt img,
  .background-print img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
  @media only screen and (max-width: 1023px) {
    .background-receipt,
    .background-print {
      width: 120px;
      height: 120px;
      bottom: 50px; } }

@media only screen and (max-width: 1023px) {
  .background-receipt {
    right: 150px; }
  .background-print {
    right: 25px; } }

.background-print {
  right: 10px; }

button.return {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MyAyMiIgaGVpZ2h0PSIyMiIgd2lkdGg9IjYzIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIj48cGF0aCBkPSJtMCAxMDQxLjQgMTAuOS0xMSAwIDMuNCA1Mi40IDAgMCAxNC45LTUyLjQtMC4yIDAuMiAzLjl6IiBmaWxsPSIjOTYwOTJkIi8+PC9nPjwvc3ZnPg==);
  width: 63px;
  height: 22px;
  padding: 0;
  margin: 0;
  font-size: 0.50em;
  text-transform: none;
  line-height: 22px;
  text-align: right;
  box-sizing: border-box;
  padding: 0 7px;
  position: absolute;
  right: 10px;
  bottom: 3px; }
  @media only screen and (max-width: 1023px) {
    button.return {
      width: 96px;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiAyMiIgaGVpZ2h0PSIyMiIgd2lkdGg9Ijk2Ij48Zz48cGF0aCBkPSJtMCAxMSAxMC45LTExIDAgMy40IDg1LjQgMCAwIDE0LjktODUuNC0wLjIgMC4yIDMuOXoiIGZpbGw9IiM5NjA5MmQiLz48L2c+PC9zdmc+);
      text-align: center; } }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .ready-collected-results-list-container {
    height: calc(var(--vh, 1vh) * 100 - ((140px + 18.66667vw) / 2.5 + 74px)) !important;
    overflow-y: scroll !important; } }

.payment {
  padding: 0 20px;
  margin-top: -25px; }
  .payment .payment-lock #PaymentMethodID {
    color: #ba2625; }
  .payment legend {
    margin-bottom: -4px; }
    @media only screen and (max-width: 767px) and (min-width: 1px) {
      .payment legend {
        color: black;
        font-weight: 400; } }
  .payment .field .contact-pref {
    padding: 4px 0; }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .payment .field {
      padding: 0; } }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .payment .payment-summary {
      font-size: 2em;
      padding: 20px 17px 0; } }
  .payment textarea, .payment input[type=checkbox]:before {
    border: 1px solid #4cabd5 !important; }
  @media only screen and (min-width: 1024px) {
    .payment .payment-summary .payment-details-left {
      width: 33%; }
    .payment .payment-summary .payment-details-right {
      width: 33%;
      margin-left: 0; }
    .payment .discount-fields .money-box-placeholder, .payment .discount-fields .percent-box-placeholder, .payment .discount-fields .money-to-box-placeholder, .payment .discount-fields .money-down-box-placeholder {
      line-height: 40px;
      font-size: 0.9em;
      margin-left: 3px; }
    .payment .discount-fields #DiscountType {
      font-size: 1rem; }
    .payment .surcharge-details .content {
      font-size: 0.6em;
      margin: 0 10px; }
    .payment .surcharge-details .checkbox-list {
      width: 100%; }
      .payment .surcharge-details .checkbox-list input[type=checkbox], .payment .surcharge-details .checkbox-list input[type=checkbox]:before {
        height: 25px;
        width: 25px; }
      .payment .surcharge-details .checkbox-list input[type=checkbox]:before {
        font-size: 25px; }
      .payment .surcharge-details .checkbox-list input[type=checkbox]:checked:before {
        background-color: #fff;
        background-position: -200px -3px; }
    .payment .surcharge-details textarea, .payment .surcharge-details .money-box {
      height: 34px; }
    .payment .surcharge-details .money-box-placeholder {
      line-height: 34px; }
    .payment .surcharge-details .field.two-thirds {
      width: 64%; }
    .payment .surcharge-details .field.third {
      width: 34%; } }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .payment {
      background: #ddd;
      min-height: 90vh;
      color: black; }
      .payment .field.third {
        margin-left: 0; }
        .payment .field.third input {
          width: 100%; }
      .payment .discount-fields input[type="text"] {
        border-top-width: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        margin-top: 20px; } }
  .payment .surcharge-details .content h3 {
    font-weight: bold;
    font-size: 1.1em; }

.controls {
  background: #ddd; }

.span-button {
  padding: 20px;
  display: block;
  align-content: center;
  text-align: center;
  font-size: 2em;
  top: 20px; }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .wash-summary-div {
    padding-top: 15px;
    padding-inline-start: 17px;
    padding-inline-end: 17px; } }

.payment-details-left {
  float: left;
  width: 49%; }
  @media only screen and (max-width: 1023px) {
    .payment-details-left {
      width: 100%;
      clear: both; } }
  .payment-details-left h3 {
    font-size: 1em;
    font-weight: normal;
    padding: 0;
    margin: 0; }

.payment-details-right {
  float: right;
  width: 49%;
  margin-left: 2%; }
  @media only screen and (max-width: 1023px) {
    .payment-details-right {
      width: 100%;
      clear: both; } }
  .payment-details-right h3 {
    padding: 0;
    margin: 4px 0 0 0;
    font-weight: normal;
    font-size: 1em; }
  .payment-details-right .wash-summary {
    width: auto;
    float: none;
    list-style: none;
    padding: 5px 10px;
    margin: 0 0 7px 0;
    min-height: 184px; }
    .payment-details-right .wash-summary li {
      padding: 5px 0; }
      .payment-details-right .wash-summary li span {
        font-size: 0.7em;
        display: inline-block;
        width: 20%;
        text-align: right;
        margin-right: 5%; }

.discount-fields .discount-type {
  width: 68%; }
  @media only screen and (max-width: 1023px) {
    .discount-fields .discount-type {
      width: calc(68% - calc((64px + 8.53333vw) / 2)); } }

.discount-fields .discount-type-value {
  width: 30%;
  float: right;
  text-align: right; }

.payment-screen-total {
  text-transform: uppercase;
  padding-top: 30px; }
  .payment-screen-total .payment-total {
    font-size: 300%; }

.field .contact-pref {
  font-size: 0.6em;
  width: calc(50% - 2.5px);
  float: left;
  display: flex;
  padding: 10px 0;
  margin-left: 5px;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (max-width: 1023px) {
    .field .contact-pref:nth-child(2n) {
      justify-content: flex-start; }
    .field .contact-pref:nth-child(2n + 1) {
      justify-content: flex-end; } }
  @media (max-width: 400px) {
    .field .contact-pref {
      font-size: 0.55em; } }

.contact-pref.retain {
  margin-left: 0; }

label.contact-pref input {
  flex: 0 0 35px;
  margin-left: 5px; }

.contact-pref.retain input {
  margin-left: 8px; }

.scanner {
  position: relative;
  display: block; }

.scanner button {
  position: absolute;
  top: 2px;
  right: 2px;
  height: 46px;
  line-height: 42px;
  width: 85px; }
  @media only screen and (max-width: 1023px) {
    .scanner button {
      height: calc((64px + 8.53333vw) / 2);
      font-size: xx-large;
      width: 100%;
      height: 64px;
      line-height: 60px; } }

.clubcard-scanner {
  display: flex;
  align-items: center; }
  .clubcard-scanner input {
    flex: 1 0 67%;
    margin-right: 10px; }
  .clubcard-scanner button {
    position: initial;
    flex: 0 1 85px; }
  @media only screen and (max-width: 1023px) {
    .clubcard-scanner {
      flex-direction: column;
      justify-content: space-evenly; }
      .clubcard-scanner input {
        flex: 1 0 100%; }
      .clubcard-scanner button {
        flex: 0 1 50px; }
      .clubcard-scanner .clubcard-value {
        margin: 4px;
        min-height: 64px;
        margin-bottom: 12px; } }

.app-payment-retry-popup .header {
  line-height: 74px;
  background-color: #3E85C6;
  color: #FFFFFF;
  padding: 0 10px; }

.app-payment-retry-popup.card-declined .header {
  background-color: #c11313; }

.app-payment-retry-popup .content {
  font-size: 0.7em; }

.app-payment-retry-popup .content .top-text {
  padding-bottom: 20px; }

.app-payment-retry-popup .content button {
  font-size: 0.85em; }

.app-payment-retry-popup .content .field.top-border {
  border-top: 2px solid #D7DFEA; }

.app-payment-retry-popup .buttons * {
  float: right;
  margin-left: 20px; }

.selector-grid.payment-methods {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8em;
  padding: 0 5px 12px 5px; }

.selector-grid.payment-methods li {
  flex: 0 0 50%; }
  @media only screen and (max-width: 1023px) {
    .selector-grid.payment-methods li {
      flex: 0 0 100%;
      margin: 10px 0;
      font-size: 32px; } }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .selector-grid.payment-methods li {
      font-size: 24px;
      font-weight: 700; } }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .selector-grid li label svg {
    height: 100px;
    width: 100px; } }

.selector-grid.payment-methods li label {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2px; }
  @media only screen and (max-width: 1023px) {
    .selector-grid.payment-methods li label {
      font-size: xx-large; } }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .selector-grid.payment-methods li label {
      min-height: 100px;
      font-size: xx-large; } }

.selector-grid.payment-methods li label.option-group-selected {
  font-weight: 400; }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .selector-grid.payment-methods li label.option-group-selected {
      font-weight: 900; } }

#LoyaltySchemeShowModalFieldset .payment-details-left {
  padding-top: 2px;
  padding-bottom: 5px; }

#LoyaltySchemeShowModalFieldset button {
  vertical-align: middle;
  width: auto; }
  @media only screen and (min-width: 1024px) {
    #LoyaltySchemeShowModalFieldset button {
      height: 40px;
      line-height: 40px; } }

@media only screen and (max-width: 1023px) {
  .yellow.continue-button, button.continue-button.track-next-current,
  input.continue-button.toggle[type=checkbox]:after,
  .continue-button.styled-select::after,
  .continue-button.check-out-link, .track .track-ready-row button.continue-button, .paging .continue-button.yellow.message-all, .paging .continue-button.button.yellow {
    margin: calc(2.667vw * 2);
    font-size: xx-large;
    min-height: 82px; } }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  html {
    background-color: #ddd; }
  legend {
    font-size: xx-large; }
  #LoyaltySchemeShowModalFieldset {
    padding-left: 17px;
    padding-right: 17px; }
  #LoyaltySchemeShowModalFieldset legend {
    padding-top: 20px; }
  #LoyaltySchemeShowModalFieldset button {
    width: 100%;
    line-height: 95px;
    height: 100px;
    font-size: xx-large;
    min-width: 100%; }
  .second-clubcard {
    padding-top: 20px; }
  .styled-select {
    padding: 0; } }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .clubcard-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    max-width: 100%;
    z-index: 9999; }
    .clubcard-popup label {
      padding: 20px 0 20px 0; } }

.clubcard-popup button {
  float: right;
  margin-right: 10px; }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .clubcard-popup button {
      float: none;
      margin-right: 0;
      min-height: 200px; } }

.clubcard-popup .content {
  height: 420px; }
  @media only screen and (max-width: 1023px) {
    .clubcard-popup .content {
      height: auto; } }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .clubcard-popup .content {
      height: auto;
      flex: 1;
      max-height: none; } }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .clubcard-popup .dialog {
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    max-height: 100vh; } }

.clubcard-popup .scanner {
  line-height: 20px; }
  @media only screen and (max-width: 1023px) {
    .clubcard-popup .scanner {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 1023px) {
    .clubcard-popup .scanner input {
      flex-basis: 100%; } }
  @media only screen and (max-width: 1023px) {
    .clubcard-popup .scanner button {
      margin: 20px 0 0 0;
      flex-basis: 40%; } }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .clubcard-popup .scanner button {
      margin: 20px 0 0 0;
      flex-basis: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      padding: 20px;
      font-size: 1.5em; }
      .clubcard-popup .scanner button svg {
        width: 150px;
        height: 150px;
        flex-shrink: 0;
        display: block; }
      .clubcard-popup .scanner button span {
        display: inline-block;
        flex-shrink: 0; } }

.clubcard-popup img {
  width: 100%; }

.discount-editor {
  padding-top: 0px;
  clear: both; }
  .discount-editor label {
    font-size: 0.8em; }
  .discount-editor .field:nth-child(1) {
    width: 30%; }
  .discount-editor .field:nth-child(2) {
    width: 32%; }
  .discount-editor .field:nth-child(3) {
    width: 34%; }
  @media only screen and (max-width: 1023px) {
    .discount-editor .field.field {
      width: 100%; } }

.message-of-the-day {
  width: 80%;
  margin: 20px auto;
  background: #fff;
  color: #333;
  border: 2px solid black; }

.message-of-the-day > h1 {
  font-size: 1.3em;
  padding: 15px;
  margin: 0;
  line-height: 1em;
  text-transform: none; }

.message-of-the-day .custom-content {
  font-size: 0.7em;
  max-height: 425px;
  overflow: auto; }

.message-of-the-day .custom-content p:first-child {
  margin-top: 0; }

.message-of-the-day .custom-content-container {
  background: #EFF3F6;
  padding: 25px; }

.message-of-the-day .buttons {
  padding: 10px; }

.message-of-the-day .mobile-confirm-check {
  margin: 15px 15px 0 15px;
  display: block; }

.anpr-notification-grid {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  max-height: 520px;
  min-height: 100px; }
  @media only screen and (max-width: 1023px) {
    .anpr-notification-grid {
      max-height: none;
      flex-flow: column; } }

.anpr-notification {
  margin: 14px 0 14px 15px;
  flex: 0 1 30%; }
  @media only screen and (max-width: 1023px) {
    .anpr-notification {
      display: flex;
      justify-content: center;
      border-bottom: 4px solid #0062a4;
      margin: 0 0 12px 0;
      padding: 0 calc((20px + 2.66667vw) / 2) 12px calc((20px + 2.66667vw) / 2); } }

.anpr-registration {
  background: white;
  border: 2px solid black;
  border-left: none;
  border-radius: 0 9px 9px 0;
  color: black;
  text-align: center;
  height: 32px;
  width: 138px;
  float: left;
  margin-top: 2px;
  line-height: 32px;
  font-size: 18px; }
  @media only screen and (max-width: 1023px) {
    .anpr-registration {
      height: calc((64px + 8.53333vw) / 2);
      line-height: calc((64px + 8.53333vw) / 2);
      flex: 0 6 calc((364px + 48.53333vw) / 2);
      font-size: calc((36px + 4.8vw) / 2);
      border-width: 4px; } }

.anpr-left-block {
  background: #0062a4;
  height: 32px;
  width: 21px;
  float: left;
  border: 2px solid black;
  border-right: none;
  border-radius: 9px 0 0 9px;
  margin-top: 2px; }
  @media only screen and (max-width: 1023px) {
    .anpr-left-block {
      height: calc((64px + 8.53333vw) / 2);
      flex: 0 1 calc((42px + 5.6vw) / 2);
      border-width: 4px; } }

.anpr-book, .anpr-cancel {
  display: block;
  width: 37px;
  height: 37px;
  border-radius: 4px;
  float: left;
  margin: 1px 0 0 8px;
  text-align: center;
  line-height: 1;
  font-size: 32px;
  padding: 0; }
  @media only screen and (max-width: 1023px) {
    .anpr-book, .anpr-cancel {
      height: calc((74px + 9.86667vw) / 2);
      flex: 0 0 calc((74px + 9.86667vw) / 2);
      font-size: calc((64px + 8.53333vw) / 2);
      margin-left: calc((16px + 2.13333vw) / 2); } }
  .anpr-book i, .anpr-cancel i {
    height: 21px;
    width: 21px;
    background-size: 21px 21px; }
    @media only screen and (max-width: 1023px) {
      .anpr-book i, .anpr-cancel i {
        height: calc((42px + 5.6vw) / 2);
        width: calc((42px + 5.6vw) / 2);
        background-size: calc((42px + 5.6vw) / 2) calc((42px + 5.6vw) / 2); } }

.anpr-pager {
  text-align: right;
  position: absolute;
  width: 100%; }
  @media only screen and (max-width: 1023px) {
    .anpr-pager {
      position: static;
      background: #03305b;
      height: calc((82px + 10.93333vw) / 2);
      padding: calc((8px + 1.06667vw) / 2) calc((20px + 2.66667vw) / 2);
      box-sizing: border-box;
      text-align: center; } }

.anpr-pager .button, .anpr-pager .track .track-ready-row button, .track .track-ready-row .anpr-pager button {
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 4px;
  text-align: center; }
  @media only screen and (max-width: 1023px) {
    .anpr-pager .button, .anpr-pager .track .track-ready-row button, .track .track-ready-row .anpr-pager button {
      height: calc((64px + 8.53333vw) / 2);
      line-height: calc((64px + 8.53333vw) / 2);
      width: calc((64px + 8.53333vw) / 2); } }

.anpr-pager .button.page, .anpr-pager .track .track-ready-row button.page, .track .track-ready-row .anpr-pager button.page {
  background: white;
  color: black; }

.anpr-pager .button.page.current-page, .anpr-pager .track .track-ready-row button.page.current-page, .track .track-ready-row .anpr-pager button.page.current-page {
  background: transparent;
  border: 1px solid white;
  color: white; }

@media only screen and (max-width: 1023px) {
  .anpr-pager .yellow:first-child, .anpr-pager button.track-next-current:first-child, .anpr-pager
  input.toggle[type=checkbox]:first-child:after, .anpr-pager
  .styled-select:first-child::after, .anpr-pager
  .check-out-link:first-child, .anpr-pager .track .track-ready-row button:first-child, .track .track-ready-row .anpr-pager button:first-child {
    float: left; } }

@media only screen and (max-width: 1023px) {
  .anpr-pager .yellow:last-child, .anpr-pager button.track-next-current:last-child, .anpr-pager
  input.toggle[type=checkbox]:last-child:after, .anpr-pager
  .styled-select:last-child::after, .anpr-pager
  .check-out-link:last-child, .anpr-pager .track .track-ready-row button:last-child, .track .track-ready-row .anpr-pager button:last-child {
    float: right; } }

#anpr-cancel .input-validation-error {
  background: #ffbfbf; }

.modal .custom-dialog {
  border: 18px solid #000;
  width: 575px;
  margin: 0 auto;
  background: #fff;
  color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0;
  transform: translate(-50%, -50%); }

.modal .custom-dialog > h1 {
  font-size: 1.3em;
  padding: 15px;
  margin: 0;
  line-height: 1em;
  text-transform: none; }

.modal .custom-content {
  background: #EFF3F6;
  padding: 25px;
  font-size: 0.7em; }

.employee-tracker {
  text-align: center; }
  @media only screen and (max-width: 1023px) {
    .employee-tracker {
      width: 91%;
      margin: auto; } }

.employee-tracker .employee-tracker-header h1 {
  font-size: 1.6em; }
  @media only screen and (max-width: 1023px) {
    .employee-tracker .employee-tracker-header h1 {
      font-size: 1em; } }

.employee-tracker .employee-tracker-header p, .employee-tracker .employee-tracker-count p {
  font-size: 0.9em; }
  @media only screen and (max-width: 1023px) {
    .employee-tracker .employee-tracker-header p, .employee-tracker .employee-tracker-count p {
      font-size: 0.6em; } }

.employee-tracker .employee-tracker-info {
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 41px; }
  @media only screen and (max-width: 1023px) {
    .employee-tracker .employee-tracker-info {
      margin-top: 20px;
      margin-bottom: 20px;
      min-height: 41px;
      border: 1px solid;
      border-radius: 5px;
      padding: 10px; } }

.employee-tracker .employee-tracker-info p {
  font-size: 0.55em;
  color: #eaeaea;
  margin-left: 50px;
  text-align: left; }
  @media only screen and (max-width: 1023px) {
    .employee-tracker .employee-tracker-info p {
      margin: 0 0 0 50px;
      font-size: 0.7em;
      color: white; } }

.employee-tracker .employee-tracker-info img {
  height: 41px;
  float: left; }

.employee-tracker .selector-grid.employee-tracker-grid {
  background-color: #2b91c3;
  max-height: 296px;
  padding: 5px;
  overflow-y: auto;
  width: 100%;
  box-sizing: border-box; }
  @media only screen and (max-width: 1023px) {
    .employee-tracker .selector-grid.employee-tracker-grid {
      max-height: none;
      display: flex;
      flex-wrap: wrap; } }
  @media only screen and (max-height: 720px) {
    .employee-tracker .selector-grid.employee-tracker-grid {
      max-height: 226px; } }

.employee-tracker .selector-grid.employee-tracker-grid li {
  width: 33.3%; }
  @media only screen and (max-width: 1023px) {
    .employee-tracker .selector-grid.employee-tracker-grid li {
      width: 50%; } }

.employee-tracker .selector-grid.employee-tracker-grid li label {
  background: #bfe0f1;
  color: #0a3c7a;
  font-size: 0.8em;
  padding: 5px;
  min-height: 50px;
  opacity: 1; }
  @media only screen and (max-width: 1023px) {
    .employee-tracker .selector-grid.employee-tracker-grid li label {
      flex-direction: column;
      height: calc(100% - 24px); } }

.employee-tracker .selector-grid.employee-tracker-grid li.selected label {
  background: #004990;
  color: #ffffff;
  font-size: 0.8em;
  border-color: #ffffff; }

.employee-tracker .selector-grid.employee-tracker-grid li label img {
  float: left;
  max-width: 50px;
  max-height: 50px; }
  @media only screen and (max-width: 1023px) {
    .employee-tracker .selector-grid.employee-tracker-grid li label img {
      max-width: calc((80px + 10.66667vw) / 2);
      max-height: calc((80px + 10.66667vw) / 2); } }

.employee-tracker form {
  clear: both;
  display: flex;
  flex-flow: column;
  max-height: 404px; }
  @media only screen and (max-width: 1023px) {
    .employee-tracker form {
      display: block;
      max-height: none; } }
  .employee-tracker form .error {
    flex: 0 1 auto; }
  .employee-tracker form .employee-tracker-grid {
    flex: 1 1 auto; }
  .employee-tracker form .employee-tracker-info {
    flex: 0 1 auto; }

#legal .inner h2 {
  font-size: 0.9em; }

#legal .inner ol {
  font-size: 0.75em; }

#legal .inner ol li {
  margin-bottom: 1em; }

#legal .inner ol h3 {
  display: inline;
  font-size: 1em; }

#legal .content .inner {
  max-height: calc(80vh - 286px); }

@media only screen and (max-width: 1023px) {
  #legal .dialog, #terms .dialog {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%; }
  #legal .content.frame, #terms .content.frame {
    height: auto;
    max-height: calc(100% - 80px); }
  #legal .content .inner, #terms .content .inner {
    height: auto;
    max-height: calc(100vh - 240px); } }

.confirmation {
  width: 60%;
  margin: 60px auto;
  padding: 30px 0;
  background: url(/content/images/confirm.png) 15px 0 no-repeat; }

.confirmation h1 {
  text-transform: none;
  text-align: center; }

.confirmation p {
  text-align: center; }

.confirmation ul {
  padding: 0;
  margin: 60px 10px 20px 10px;
  list-style: none;
  overflow: hidden; }

.confirmation ul li {
  float: left;
  display: block;
  width: 50%; }

.confirmation ul li:not(:last-child) {
  width: 45%;
  margin-right: 5%; }

.confirmation ul li a {
  border-radius: 5px;
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #fff;
  background: #004792;
  border: 2px solid #fff; }

.van .confirmation ul li a {
  background: #510f72; }

.confirmation ul li:not(:last-child) a {
  border-radius: 5px;
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #fff;
  opacity: 0.5;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid transparent; }

.confirmation ul li a i {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  margin-right: 10px;
  background-position: -633px -315px; }

.confirmation ul li:not(:last-child) a i {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  margin-right: 10px;
  background-position: -583px -315px; }

@media only screen and (max-width: 1023px) {
  .confirmation {
    width: 100%;
    background-position: 20% 0; } }

.meter-readings-page-header {
  text-align: center; }
  .meter-readings-page-header h1 {
    font-size: 1.6em; }
  .meter-readings-page-header p {
    font-size: 0.9em; }
  .meter-readings-page-header .meter-readings-error-message {
    color: #9c0011; }

.meter-reading {
  padding: 15px;
  background: #00559a;
  margin-top: 20px;
  border-radius: 10px; }
  @media only screen and (max-width: 1023px) {
    .meter-reading {
      border-radius: 0; } }
  .meter-reading h3 {
    margin-top: 0; }
  .meter-reading .field {
    float: none;
    display: inline;
    padding: 0; }
    .meter-reading .field.first {
      display: inline-block; }
  .meter-reading input {
    height: 48px; }
  .meter-reading button.green i {
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
    transform: translateY(25%); }
  @media only screen and (max-width: 1023px) {
    .meter-reading .field button {
      width: 100%;
      margin-top: 15px; } }

.anpr-notification.late {
  position: relative; }

.anpr-notification.late::before {
  content: 'Late';
  text-transform: uppercase;
  line-height: 38px;
  margin-left: 10px;
  transform: rotate(-90deg);
  position: absolute;
  left: -9px;
  font-size: 10px; }
  @media only screen and (max-width: 1023px) {
    .anpr-notification.late::before {
      left: 2px;
      top: 19px;
      font-size: 24px; } }

.anpr-notification.late .anpr-left-block {
  background-color: #ce3447;
  border-color: #ce3447; }

.anpr-notification.late .anpr-registration {
  border-color: #ce3447; }

.manual-reg {
  width: 500px;
  margin: auto;
  flex: 0 1 auto; }

.manual-reg label {
  display: block;
  text-align: center;
  margin: 20px 0 -5px 0; }
  @media only screen and (max-width: 1023px) {
    .manual-reg label {
      margin-bottom: 10px;
      font-size: 26px; } }

.manual-reg .manual-reg-inner {
  display: flex;
  align-items: center;
  justify-content: center; }

.manual-reg .field {
  width: 80%;
  padding: 0; }

.manual-reg button {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  box-shadow: 0 0 0 10px white;
  font-size: 26px;
  padding: 0; }
  @media only screen and (max-width: 1023px) {
    .manual-reg button {
      height: 80px;
      width: 80px;
      box-shadow: 0 0 0 15px white; } }

#pre-bookings {
  background: #1361b4;
  padding: 1%;
  flex: 1 1 auto;
  display: flex;
  overflow: hidden; }
  #pre-bookings.top-margin {
    margin-top: 50px; }

#anpr-readings {
  background: #0c3994;
  padding: 1%;
  flex: 0 1 50%;
  display: flex;
  overflow: hidden; }

.grid-heading {
  width: 10%;
  display: inline-flex;
  flex: 0 1 auto; }
  .grid-heading svg {
    width: 75%;
    flex: 0 1 auto;
    fill: #a0d6f7; }

.booking-reading-wrapper {
  width: 86%;
  display: inline-block;
  padding: 1%;
  border-radius: 5px;
  margin-left: 1%;
  overflow-y: auto; }
  .booking-reading-wrapper::-webkit-scrollbar {
    width: 15px; }
  .booking-reading-wrapper::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #0a2432; }
  .booking-reading-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #2e80d4;
    border: 3px solid transparent;
    background-clip: content-box; }
  .booking-reading-wrapper.bookings {
    background: #0684d9; }
  .booking-reading-wrapper.anpr-readings {
    background: #0253A4; }
    .booking-reading-wrapper.anpr-readings #no-anpr-readings {
      width: 100%; }
      .booking-reading-wrapper.anpr-readings #no-anpr-readings > div {
        font-size: 17px; }
        @media only screen and (max-width: 1023px) {
          .booking-reading-wrapper.anpr-readings #no-anpr-readings > div {
            font-size: 22px; } }
      .booking-reading-wrapper.anpr-readings #no-anpr-readings #report-anpr-fault {
        float: right; }
        @media only screen and (max-width: 1023px) {
          .booking-reading-wrapper.anpr-readings #no-anpr-readings #report-anpr-fault {
            float: none;
            margin: 20px auto;
            display: block; } }
  .booking-reading-wrapper.waves2you {
    background: #0253A4; }

.rotated-text-wrapper {
  width: 25%;
  flex: 0 1 auto;
  position: relative; }
  .rotated-text-wrapper .rotated-text {
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-size: 0.7em;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500%;
    text-align: center; }
    @media only screen and (max-width: 1023px) {
      .rotated-text-wrapper .rotated-text {
        font-size: 0.8em;
        width: 999%; } }

.flex-wrapper {
  display: flex;
  flex-flow: column;
  height: calc(100vh - 55px); }
  @media only screen and (max-width: 1023px) {
    .flex-wrapper {
      height: calc(100vh - calc((140px + 18.66667vw) / 2.5));
      height: calc(var(--vh, 1vh) * 100 - calc((140px + 18.66667vw) / 2.5)); } }

.fill-space {
  flex: 1 1 auto !important; }

.anpr-notification .anpr-left-block svg {
  display: none; }

.anpr-notification.booking-alert {
  position: relative; }
  .anpr-notification.booking-alert .anpr-left-block svg {
    display: block;
    position: absolute;
    height: 35px;
    width: 35px;
    left: -5px;
    top: 3px; }
    @media only screen and (max-width: 1023px) {
      .anpr-notification.booking-alert .anpr-left-block svg {
        height: 70px;
        width: 70px;
        left: 10px; } }

.open-booking-info svg {
  display: block;
  fill: white;
  height: 100%;
  width: 100%;
  margin: 0;
  transform: scale(0.85); }

#SelectBookingInfoModal .content {
  max-height: 90vh; }

#SelectBookingInfoModal .dialog {
  max-width: 100%;
  max-height: 100%; }

#SelectBookingInfoModal .booking-modal-flex-wrapper {
  display: flex;
  clear: both;
  font-size: 0.8em;
  background: #e6e6e6;
  padding: 20px; }
  @media only screen and (max-width: 1023px) {
    #SelectBookingInfoModal .booking-modal-flex-wrapper {
      flex-direction: column; } }

#SelectBookingInfoModal .flex-container {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto; }

#SelectBookingInfoModal .flex-column {
  flex-direction: column; }

#SelectBookingInfoModal .flex-half-width {
  flex: 0 0 50%; }

#SelectBookingInfoModal .flex-full-width {
  flex: 1 1 auto; }

#SelectBookingInfoModal h4 {
  margin: 0 0 10px 0; }

#SelectBookingInfoModal h2 {
  margin-bottom: 20px; }

#SelectBookingInfoModal .grey {
  background: lightgray;
  padding: 15px; }

#SelectBookingInfoModal fieldset {
  border-color: #c5c5c5;
  padding: 10px; }
  @media only screen and (max-width: 1023px) {
    #SelectBookingInfoModal fieldset {
      border: 1px solid #c5c5c5; } }
  #SelectBookingInfoModal fieldset:not(#VehicleDetails) {
    margin-bottom: 10px; }
  #SelectBookingInfoModal fieldset legend {
    color: black;
    font-weight: bold; }
    @media only screen and (max-width: 1023px) {
      #SelectBookingInfoModal fieldset legend::before, #SelectBookingInfoModal fieldset legend::after {
        content: none; } }

#SelectBookingInfoModal #VehicleDetails {
  margin-right: 10px;
  flex: 1; }
  #SelectBookingInfoModal #VehicleDetails > div {
    margin-bottom: 15px; }

#SelectBookingInfoModal .right-side-flex {
  flex: 1; }

#SelectBookingInfoModal #BookingDetails > div {
  margin-bottom: 15px; }

#SelectBookingInfoModal #PricingDetails {
  margin-bottom: 10px;
  text-align: right;
  font-size: 1.05em; }
  #SelectBookingInfoModal #PricingDetails span {
    margin-left: 20px; }

#SelectBookingInfoModal #TotalPrice {
  text-align: right;
  font-size: 1.2em; }
  #SelectBookingInfoModal #TotalPrice span {
    margin-left: 20px; }

#SelectBookingInfoModal .sprite-black-cross {
  width: 21px;
  height: 21px;
  background-size: 21px 21px; }
  @media only screen and (max-width: 1023px) {
    #SelectBookingInfoModal .sprite-black-cross {
      width: 30px;
      height: 30px;
      background-size: 30px 230px; } }

#SelectBookingInfoModal #VerificationRequired {
  background: #e8cdd4;
  color: #cd3347; }
  #SelectBookingInfoModal #VerificationRequired svg {
    height: 40px;
    width: 40px;
    fill: #cd3347; }

#SelectBookingInfoModal #NoVerificationRequired {
  background: #cde8d2;
  color: #00920b; }
  #SelectBookingInfoModal #NoVerificationRequired svg {
    height: 40px;
    width: 40px;
    fill: #00920b; }

#SelectBookingInfoModal .flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center; }

#SelectBookingInfoModal .discount-card-status-size {
  font-size: 0.8em; }
  @media only screen and (max-width: 1023px) {
    #SelectBookingInfoModal .discount-card-status-size {
      font-size: 1em; } }

#LatestBookingUpdatesModal .content {
  padding: 25px 0; }

#LatestBookingUpdatesModal .dialog {
  max-width: 800px; }

#LatestBookingUpdatesModal table {
  border-spacing: 0 10px;
  padding: 20px;
  background: #dcdcdc;
  text-transform: uppercase; }
  #LatestBookingUpdatesModal table tbody {
    background: #e0e7ed; }
    #LatestBookingUpdatesModal table tbody tr td {
      background: #ffffff;
      padding: 3px;
      text-align: center; }
      #LatestBookingUpdatesModal table tbody tr td:first-child {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px; }
      #LatestBookingUpdatesModal table tbody tr td:last-child {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px; }

#waves2you {
  background: #0c3994;
  padding: 1%;
  margin-top: 30px;
  flex: 1 1 auto;
  display: flex;
  overflow: hidden; }

html #carSizeModal {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

#carSizeModal article, #carSizeModal aside, #carSizeModal details, #carSizeModal figcaption, #carSizeModal figure, #carSizeModal footer, #carSizeModal header, #carSizeModal hgroup, #carSizeModal main, #carSizeModal menu, #carSizeModal nav, #carSizeModal section, #carSizeModal summary {
  display: block; }

#carSizeModal a {
  background-color: transparent; }

#carSizeModal b, #carSizeModal strong {
  font-weight: 600; }

#carSizeModal sub, #carSizeModal sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

#carSizeModal sup {
  top: -.5em; }

#carSizeModal img {
  border: 0; }

#carSizeModal button, #carSizeModal input, #carSizeModal optgroup, #carSizeModal select, #carSizeModal textarea {
  margin: 0;
  font: inherit;
  color: inherit; }

#carSizeModal button {
  overflow: visible; }

#carSizeModal button, #carSizeModal select {
  text-transform: none; }

#carSizeModal button, #carSizeModal html input[type=button], #carSizeModal input[type=reset], #carSizeModal input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

#carSizeModal input {
  line-height: normal; }

#carSizeModal * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#carSizeModal :after, #carSizeModal :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html #carSizeModal {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body #carSizeModal {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333; }

#carSizeModal button, #carSizeModal input, #carSizeModal select, #carSizeModal textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

#carSizeModal a {
  color: #337ab7;
  text-decoration: none; }

#carSizeModal img {
  vertical-align: middle; }

#carSizeModal .carousel-inner > .item > a > img, #carSizeModal .carousel-inner > .item > img, #carSizeModal .img-responsive, #carSizeModal .thumbnail a > img, #carSizeModal .thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto; }

#carSizeModal .h1, #carSizeModal .h2, #carSizeModal .h3, #carSizeModal .h4, #carSizeModal .h5, #carSizeModal .h6, #carSizeModal h1, #carSizeModal h2, #carSizeModal h3, #carSizeModal h4, #carSizeModal h5, #carSizeModal h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

#carSizeModal .h4, #carSizeModal .h5, #carSizeModal .h6, #carSizeModal h4, #carSizeModal h5, #carSizeModal h6 {
  margin-top: 10px;
  margin-bottom: 10px; }

#carSizeModal .h4, #carSizeModal h4 {
  font-size: 18px; }

#carSizeModal p {
  margin: 0 0 10px; }

#carSizeModal .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

#carSizeModal .row {
  margin-right: -15px;
  margin-left: -15px; }

#carSizeModal .col-lg-1, #carSizeModal .col-lg-10, #carSizeModal .col-lg-11, #carSizeModal .col-lg-12, #carSizeModal .col-lg-2, #carSizeModal .col-lg-3, #carSizeModal .col-lg-4, #carSizeModal .col-lg-5, #carSizeModal .col-lg-6, #carSizeModal .col-lg-7, #carSizeModal .col-lg-8, #carSizeModal .col-lg-9, #carSizeModal .col-md-1, #carSizeModal .col-md-10, #carSizeModal .col-md-11, #carSizeModal .col-md-12, #carSizeModal .col-md-2, #carSizeModal .col-md-3, #carSizeModal .col-md-4, #carSizeModal .col-md-5, #carSizeModal .col-md-6, #carSizeModal .col-md-7, #carSizeModal .col-md-8, #carSizeModal .col-md-9, #carSizeModal .col-sm-1, #carSizeModal .col-sm-10, #carSizeModal .col-sm-11, #carSizeModal .col-sm-12, #carSizeModal .col-sm-2, #carSizeModal .col-sm-3, #carSizeModal .col-sm-4, #carSizeModal .col-sm-5, #carSizeModal .col-sm-6, #carSizeModal .col-sm-7, #carSizeModal .col-sm-8, #carSizeModal .col-sm-9, #carSizeModal .col-xs-1, #carSizeModal .col-xs-10, #carSizeModal .col-xs-11, #carSizeModal .col-xs-12, #carSizeModal .col-xs-2, #carSizeModal .col-xs-3, #carSizeModal .col-xs-4, #carSizeModal .col-xs-5, #carSizeModal .col-xs-6, #carSizeModal .col-xs-7, #carSizeModal .col-xs-8, #carSizeModal .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

#carSizeModal .col-xs-1, #carSizeModal .col-xs-10, #carSizeModal .col-xs-11, #carSizeModal .col-xs-12, #carSizeModal .col-xs-2, #carSizeModal .col-xs-3, #carSizeModal .col-xs-4, #carSizeModal .col-xs-5, #carSizeModal .col-xs-6, #carSizeModal .col-xs-7, #carSizeModal .col-xs-8, #carSizeModal .col-xs-9 {
  float: left; }

#carSizeModal .col-xs-12 {
  width: 100%; }

#carSizeModal .col-xs-10 {
  width: 83.33333333%; }

#carSizeModal .col-xs-6 {
  width: 50%; }

#carSizeModal .col-xs-2 {
  width: 16.66666667%; }

#carSizeModal .col-sm-1, #carSizeModal .col-sm-10, #carSizeModal .col-sm-11, #carSizeModal .col-sm-12, #carSizeModal .col-sm-2, #carSizeModal .col-sm-3, #carSizeModal .col-sm-4, #carSizeModal .col-sm-5, #carSizeModal .col-sm-6, #carSizeModal .col-sm-7, #carSizeModal .col-sm-8, #carSizeModal .col-sm-9 {
  float: left; }

#carSizeModal .col-sm-12 {
  width: 100%; }

#carSizeModal .col-sm-6 {
  width: 50%; }

#carSizeModal .col-md-1, #carSizeModal .col-md-10, #carSizeModal .col-md-11, #carSizeModal .col-md-12, #carSizeModal .col-md-2, #carSizeModal .col-md-3, #carSizeModal .col-md-4, #carSizeModal .col-md-5, #carSizeModal .col-md-6, #carSizeModal .col-md-7, #carSizeModal .col-md-8, #carSizeModal .col-md-9 {
  float: left; }

#carSizeModal .col-md-12 {
  width: 100%; }

#carSizeModal .col-md-10 {
  width: 83.33333333%; }

#carSizeModal .col-md-8 {
  width: 66.66666667%; }

#carSizeModal .col-md-6 {
  width: 50%; }

#carSizeModal .col-md-4 {
  width: 33.33333333%; }

#carSizeModal .col-md-2 {
  width: 16.66666667%; }

#carSizeModal label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700; }

#carSizeModal .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

#carSizeModal .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

#carSizeModal .btn.active, #carSizeModal .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

#carSizeModal .fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear; }

#carSizeModal .fade.in {
  opacity: 1; }

#carSizeModal .modal-open {
  overflow: hidden; }

#carSizeModal.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

#carSizeModal .modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%); }

#carSizeModal .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

#carSizeModal .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

#carSizeModal .modal-dialog {
  position: relative;
  width: auto;
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

#carSizeModal .modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

#carSizeModal .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

#carSizeModal .modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0; }

#carSizeModal .modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5; }

#carSizeModal .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }

#carSizeModal .modal-body {
  position: relative;
  padding: 15px; }

#carSizeModal .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

#carSizeModal .modal-dialog {
  width: 600px;
  margin: 30px auto; }

#carSizeModal .modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

#carSizeModal .btn-group-vertical > .btn-group:after, #carSizeModal .btn-group-vertical > .btn-group:before, #carSizeModal .btn-toolbar:after, #carSizeModal .btn-toolbar:before, #carSizeModal .clearfix:after, #carSizeModal .daily-summary .daily-summary-small-report .report-row:after, .daily-summary .daily-summary-small-report #carSizeModal .report-row:after, #carSizeModal .vehicle-grid:after, #carSizeModal .clearfix:before, #carSizeModal .daily-summary .daily-summary-small-report .report-row:before, .daily-summary .daily-summary-small-report #carSizeModal .report-row:before, #carSizeModal .vehicle-grid:before, #carSizeModal .container-fluid:after, #carSizeModal .container-fluid:before, #carSizeModal .container:after, #carSizeModal .container:before, #carSizeModal .dl-horizontal dd:after, #carSizeModal .dl-horizontal dd:before, #carSizeModal .form-horizontal .form-group:after, #carSizeModal .form-horizontal .form-group:before, #carSizeModal .modal-footer:after, #carSizeModal .modal-footer:before, #carSizeModal .modal-header:after, #carSizeModal .modal-header:before, #carSizeModal .nav:after, #carSizeModal .nav:before, #carSizeModal .navbar-collapse:after, #carSizeModal .navbar-collapse:before, #carSizeModal .navbar-header:after, #carSizeModal .navbar-header:before, #carSizeModal .navbar:after, #carSizeModal .navbar:before, #carSizeModal .pager:after, #carSizeModal .pager:before, #carSizeModal .panel-body:after, #carSizeModal .panel-body:before, #carSizeModal .row:after, #carSizeModal .row:before {
  display: table;
  content: " "; }

#carSizeModal .btn-group-vertical > .btn-group:after, #carSizeModal .btn-toolbar:after, #carSizeModal .clearfix:after, #carSizeModal .daily-summary .daily-summary-small-report .report-row:after, .daily-summary .daily-summary-small-report #carSizeModal .report-row:after, #carSizeModal .vehicle-grid:after, #carSizeModal .container-fluid:after, #carSizeModal .container:after, #carSizeModal .dl-horizontal dd:after, #carSizeModal .form-horizontal .form-group:after, #carSizeModal .modal-footer:after, #carSizeModal .modal-header:after, #carSizeModal .nav:after, #carSizeModal .navbar-collapse:after, #carSizeModal .navbar-header:after, #carSizeModal .navbar:after, #carSizeModal .pager:after, #carSizeModal .panel-body:after, #carSizeModal .row:after {
  clear: both; }

#carSizeModal .center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

#carSizeModal .pull-right {
  float: right !important; }

#carSizeModal .pull-left {
  float: left !important; }

#carSizeModal .img-thumbnail,
#carSizeModal .btn,
#carSizeModal .btn-group .btn,
#carSizeModal .btn-group .dropdown-menu,
#carSizeModal .btn-group .btn,
#carSizeModal .btn-group .btn:first-child:not(:last-child),
#carSizeModal .btn-group .btn:last-child:not(:first-child),
#carSizeModal .table-bordered,
#carSizeModal .table-bordered tr:first-child th:first-child,
#carSizeModal .table-bordered tr:first-child th:last-child,
#carSizeModal .table-bordered tr:last-child td:first-child,
#carSizeModal .table-bordered tr:last-child td:last-child,
#carSizeModal .input-group .btn,
#carSizeModal .input-group .dropdown-menu,
#carSizeModal .input-group .form-control,
#carSizeModal .input-group .input-group-addon,
#carSizeModal .dropdown-menu,
#carSizeModal .dropdown-menu .dropdown-submenu .dropdown-menu,
#carSizeModal .form .form-control,
#carSizeModal .form .btn,
#carSizeModal .form-control,
#carSizeModal .label,
#carSizeModal .badge,
#carSizeModal .alert,
#carSizeModal .alert .btn,
#carSizeModal .progress,
#carSizeModal .breadcrumb,
#carSizeModal .tooltip .tooltip-inner,
#carSizeModal .popover,
#carSizeModal .nav-list-panel,
#carSizeModal .nav-tabs li > a,
#carSizeModal .tabs-below .nav-tabs li > a,
#carSizeModal .tabs-right .nav-tabs li > a,
#carSizeModal .tabs-left .nav-tabs li > a,
#carSizeModal .nav-tabs .dropdown-menu,
#carSizeModal .tabs-below .nav-tabs .dropdown-menu,
#carSizeModal .nav-pills li a,
#carSizeModal .nav-pills .dropdown-menu,
#carSizeModal .navbar,
#carSizeModal .navbar .dropdown-menu,
#carSizeModal .pagination,
#carSizeModal .pagination li:first-child a,
#carSizeModal .pagination li:first-child span,
#carSizeModal .pagination li:last-child a,
#carSizeModal .pagination li:last-child span,
#carSizeModal .pager li a,
#carSizeModal .pager li a:hover,
#carSizeModal .pager li a:focus,
#carSizeModal .panel,
#carSizeModal .panel-group .panel,
#carSizeModal .panel-group .panel-heading,
#carSizeModal .panel-group .panel-body,
#carSizeModal .breadcrumb-arrow li:first-child a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

#carSizeModal p {
  margin: 0 !important; }

#carSizeModal .no-gutter {
  padding-right: 0;
  padding-left: 0; }

body #carSizeModal {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 14px;
  color: #484e4c; }

#carSizeModal p {
  font-size: 13px;
  font-family: Montserrat;
  font-weight: 500; }

#carSizeModal h4 {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #005a9d;
  margin-top: 5px; }

#carSizeModal .orange-link {
  margin-top: 15px !important;
  color: #fe4410;
  text-decoration: underline; }

#carSizeModal .vehicle-block {
  width: 100%;
  height: 105px;
  margin-bottom: 5px;
  padding: 0;
  background-color: #fff;
  border-style: solid;
  border: 3px;
  border-color: #dfe6ef;
  box-shadow: 0px 1px 1px 0px #839ec4; }

#carSizeModal .vehicle-block .block-header {
  padding: 5px; }

#carSizeModal .vehicle-block .block-header a {
  float: right;
  line-height: 30px !important;
  margin: 0 5px 0 5px !important;
  font-size: 12px; }

#carSizeModal .vehicle-block .block-main {
  padding: 5px;
  margin-top: 15px;
  font-size: 12px; }

#carSizeModal .vehicle-block .block-main .heavy {
  font-weight: bold; }

#carSizeModal .vehicle-block .block-main img {
  float: left;
  margin: 0 15px 35px 15px; }

#carSizeModal .box-element {
  display: inline-block;
  width: 100%;
  margin: 10px 0; }

#carSizeModal .box-element .header {
  width: 100%;
  max-height: 100%;
  background-color: #92b0d4;
  color: white;
  line-height: 38px;
  font-weight: bold;
  font-size: 14px; }

#carSizeModal .box-element .header span {
  margin-left: 15px; }

#carSizeModal .box-element .body {
  width: 100%;
  height: 100%;
  min-height: 75px;
  background: rgba(229, 235, 244, 0.95);
  padding: 5px 15px;
  font-size: 12px !important;
  display: inline-block; }

#carSizeModal .box-element .body p {
  font-size: 12px !important; }

#carSizeModal .box-element .body .btn {
  margin: 0;
  padding: 0 10px;
  border: 0;
  width: 100%;
  max-width: none !important; }

#carSizeModal .box-element .body .location {
  max-width: 150px;
  line-height: 20px;
  padding: 10px 0; }

#carSizeModal .box-element .body .text {
  padding: 0 0 10px 0; }

#carSizeModal .box-element .body .text span {
  color: #005a9a; }

#carSizeModal .box-element .body span {
  font-weight: bold; }

#carSizeModal .box-element .body .orange-link {
  margin-top: 0px !important;
  line-height: 30px !important; }

#carSizeModal .box-element .body .btn-question {
  margin-top: 15px !important; }

#carSizeModal .box-element .body .car-size {
  padding-top: 25px; }

#carSizeModal .btn {
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  min-width: 89px;
  min-height: 30px;
  margin: 5px 0;
  border-radius: 0;
  border: 0;
  font-family: Montserrat;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer; }

#carSizeModal .btn-normal-color {
  background-color: #005a9d; }

#carSizeModal .btn-cancel {
  width: 100px;
  height: 60px;
  line-height: 60px;
  padding: 0;
  border: 0;
  cursor: pointer; }

#carSizeModal .arrow-right-btn {
  background-image: url("../images/icons/right-arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #92b0d4;
  width: 60px;
  height: 60px;
  float: right;
  margin: 5px 0;
  cursor: pointer; }

#carSizeModal .btn-question {
  width: 30px !important;
  min-width: 30px;
  height: 30px;
  background-color: #005a9d;
  color: white;
  padding: 0 !important;
  font-size: 18px;
  line-height: 30px;
  margin-top: 0 !important;
  cursor: pointer;
  display: inline-block; }

#carSizeModal .full-width {
  width: 100%;
  white-space: normal;
  border: 0;
  margin: 5px 0;
  line-height: 30px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  min-height: 30px;
  font-family: Montserrat;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer; }

#carSizeModal .active {
  background-color: #0087c2;
  color: white !important; }

#carSizeModal .sizemodal.active {
  background-color: #0087c2 !important; }

#carSizeModal .sidebar {
  background-color: #f4f4f4;
  overflow: auto;
  padding: 20px;
  min-height: 100%; }

#carSizeModal .main-content {
  margin: 0px 35px 65px 35px;
  background-image: url("../images/backgrounds/bk_waves_generic.jpg");
  background-size: cover;
  background-color: #f4f4f4;
  overflow: auto;
  padding: 20px;
  min-height: calc(100vh - 235px); }

#carSizeModal .smallview {
  display: none; }

#carSizeModal .sidebar {
  position: absolute;
  padding: 15px;
  top: 120px;
  right: 35px;
  min-height: calc(100vh - 180px);
  width: 335px;
  background-color: #f0f2f3;
  color: #414042;
  z-index: 99;
  display: none;
  -webkit-overflow-scrolling: touch; }

#carSizeModal input, #carSizeModal select, #carSizeModal textarea {
  font-size: 12px !important; }

#carSizeModal select {
  height: 30px !important;
  text-overflow: '' !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url(../images/icons/dropdown.png) !important;
  background-repeat: no-repeat !important;
  background-position-x: right !important;
  background-position-y: center !important;
  background-size: 40px 40px !important;
  border-color: #e6dfc8 !important; }

#carSizeModal input {
  border-color: #e6dfc8 !important; }

#carSizeModal label {
  display: inline-block;
  max-width: 100%;
  margin: 8px 0 5px 0;
  font-weight: 700;
  font-size: 12px !important; }

#carSizeModal .form-control {
  height: 30px; }

#carSizeModal .container-fluid {
  padding: 0;
  margin-right: 20px; }

#carSizeModal .form-control {
  height: 30px;
  width: 100%; }

#carSizeModal select {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 12px; }

#carSizeModal input {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 12px;
  height: 40px; }

#carSizeModal button {
  float: right; }

#carSizeModal .btn {
  margin-left: 0;
  box-shadow: 0px 0px 0px 0px; }

#carSizeModal .orange-link {
  margin-bottom: 15px;
  line-height: 35px !important;
  color: #fe4410;
  text-decoration: underline; }

#carSizeModal html {
  position: relative;
  min-height: 100%; }

#carSizeModal body {
  margin: 0 0 40px;
  font-size: 12px; }

#carSizeModal .booking {
  background-color: #b6d1ed;
  background-image: url("../images/backgrounds/bg.png");
  background-repeat: repeat-x; }

#carSizeModal nav {
  height: 50px;
  background-color: #063f7c;
  margin: 0px 35px 0px 35px; }

#carSizeModal nav p {
  font-family: Montserrat;
  font-weight: 300;
  font-size: 14px;
  color: white;
  line-height: 50px;
  margin-left: 10px !important;
  margin-right: 10px !important;
  display: inline-block; }

#carSizeModal nav .nav-option {
  display: inline-block;
  font-size: 14px;
  color: white;
  padding-left: 10px;
  padding-right: 10px; }

#carSizeModal nav .nav-option .circle {
  display: inline-block;
  color: #063f7c;
  background-color: #f4f4f4;
  width: 20px;
  height: 20px;
  text-align: center;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px; }

#carSizeModal nav .active {
  display: inline-block;
  font-size: 14px;
  color: #063f7c !important;
  background-color: #f4f4f4;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px; }

#carSizeModal nav .active .circle {
  display: inline-block;
  color: #f4f4f4;
  background-color: #063f7c;
  width: 20px;
  height: 20px;
  text-align: center;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px; }

#carSizeModal header {
  height: 70px;
  background-color: #005a9d;
  margin: 50px 35px 0px 35px; }

#carSizeModal header .logo img {
  height: 60px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  float: left; }

#carSizeModal header .title {
  text-align: center;
  font-size: 37px;
  color: #b4c5da;
  font-family: Montserrat;
  font-weight: 500;
  float: left;
  padding-top: 35px; }

#carSizeModal header .header-right {
  float: right;
  color: white; }

#carSizeModal header .header-right p {
  float: right;
  font-size: 14px; }

#carSizeModal header .header-right .menu-opt {
  float: right;
  line-height: 100px;
  text-align: center;
  width: 70px;
  height: 70px; }

#carSizeModal header .header-right .menu-opt img {
  padding: 0 0 25px 0; }

#carSizeModal header {
  height: 70px;
  background-color: #005a9d;
  margin: 50px 35px 0px 35px; }

#carSizeModal header .logo img {
  height: 40px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  float: left; }

#carSizeModal header .title {
  text-align: center;
  font-size: 28px;
  color: #b4c5da;
  font-family: Montserrat;
  font-weight: 500;
  float: left;
  padding-top: 25px; }

#carSizeModal header .header-right {
  float: right;
  color: white; }

#carSizeModal header .header-right .welcome-text {
  padding: 30px 0 0 0;
  display: inherit; }

#carSizeModal header .header-right p {
  padding: 0;
  display: inherit; }

#carSizeModal header .header-right .menu-opt {
  float: right;
  line-height: 100px;
  text-align: center;
  width: 70px;
  height: 70px; }

#carSizeModal header .header-right .menu-opt img {
  padding: 0 0 25px 0; }

#carSizeModal footer {
  background-color: #364148;
  position: absolute;
  bottom: 0;
  height: 40px;
  width: 100%; }

#carSizeModal footer p {
  color: #fff;
  font-family: Montserrat;
  font-weight: 300;
  font-size: 10px;
  line-height: 40px;
  text-align: right;
  padding-right: 25px; }

#carSizeModal footer p a {
  color: #fff;
  font-family: Montserrat;
  font-weight: 300; }

#carSizeModal .mobile-view {
  display: none; }

#carSizeModal.modal {
  text-align: center;
  padding: 0 !important; }

#carSizeModal.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; }

#carSizeModal.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

#carSizeModal .modal-content {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none; }

#carSizeModal .modal-header {
  border-bottom: none;
  padding: 15px 15px 0 15px; }

#carSizeModal .modal-body {
  padding: 0 15px; }

#carSizeModal .modal-body .car-size {
  padding: 25px 0 0 0; }

#carSizeModal .modal-body .van-size {
  padding: 25px 0 0 0; }

#carSizeModal .modal-footer {
  border-top: none;
  margin: -20px 0 0 0;
  padding: 0 0 15px 0; }

#carSizeModal .modal-footer .btn {
  margin: 0 !important; }

#carSizeModal .modal-backdrop, #carSizeModal .modal-backdrop.fade.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
  background: #06151c; }

#carSizeModal .fix-bootstrap-paddings {
  padding-left: 15px !important;
  padding-right: 15px !important; }

#carSizeModal #init-loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #b6d1ed;
  background-image: url(../images/backgrounds/bg.png);
  background-repeat: repeat-x;
  z-index: 1000000;
  width: 100%;
  height: 100%; }

input[type=checkbox] {
  visibility: hidden;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  padding: 0; }
  @media only screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input[type=checkbox] {
      visibility: visible; } }

input[type=checkbox]:before {
  position: absolute;
  width: 35px;
  height: 35px;
  display: inline-block;
  content: ' ';
  background: #fff;
  visibility: visible;
  border-radius: 5px;
  font-size: 35px;
  color: #fff;
  text-align: center; }

input[type=checkbox]:checked:before {
  background-color: #fff;
  background-position: -196px 2px; }

.checkbox-list {
  list-style: none;
  width: 66%;
  padding: 10px 0;
  margin: 0; }
  .checkbox-list li {
    padding: 7px 0;
    clear: both; }
  .checkbox-list input {
    float: right; }

.tanda {
  text-align: center;
  font-family: 'Montserrat', sans-serif; }
  @media only screen and (max-width: 1023px) {
    .tanda {
      width: 91%;
      margin: auto; } }

.tanda .tanda-header h1 {
  font-size: 1.6em; }
  @media only screen and (max-width: 1023px) {
    .tanda .tanda-header h1 {
      font-size: 3em; } }

.tanda .tanda-header p {
  font-size: 0.9em; }
  @media only screen and (max-width: 1023px) {
    .tanda .tanda-header p {
      font-size: 0.6em; } }

.tanda .tanda-splash-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  flex-direction: row; }
  @media only screen and (max-width: 1023px) {
    .tanda .tanda-splash-buttons {
      flex-direction: column;
      padding-top: 20px; } }

.tanda .clock-in {
  font-family: 'Montserrat', sans-serif;
  height: 200px;
  width: 200px;
  line-height: 50px;
  margin: 0 20px;
  font-size: 1.4em;
  padding: 15px;
  font-weight: normal;
  color: black; }
  @media only screen and (max-width: 1023px) {
    .tanda .clock-in {
      flex: 1;
      margin: 2.667vw;
      padding: 50px 10px;
      width: 90%;
      font-size: 2em; } }

.tanda .clock-in:hover {
  cursor: pointer; }

.tanda button.centred {
  width: 20%;
  margin: auto; }

.tanda .reference-number {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center; }

.tanda .reference-number > div {
  min-width: 20%; }
  @media only screen and (max-width: 1023px) {
    .tanda .reference-number > div {
      width: 30%; } }

.tanda .reference-number .reference-prompt {
  display: inline;
  margin: 0 5px; }
  @media only screen and (max-width: 1023px) {
    .tanda .reference-number .reference-prompt {
      font-size: 0.7em; } }

.tanda .reference-number .reference-text > input {
  max-height: 1.6em;
  text-align: center;
  width: 100px; }
  @media only screen and (max-width: 1023px) {
    .tanda .reference-number .reference-text > input {
      width: 90%;
      max-height: none;
      font-size: 1.2em; } }

.tanda .reference-number .reference-prompt > p {
  font-size: 1.4em;
  font-weight: bold; }
  @media only screen and (max-width: 1023px) {
    .tanda .reference-number .reference-prompt > p {
      font-size: 2.3em;
      padding: 0 0.2em; } }

.tanda form {
  clear: both;
  display: flex;
  flex-flow: column;
  max-height: 404px; }
  @media only screen and (max-width: 1023px) {
    .tanda form {
      display: block;
      max-height: none; } }
  .tanda form .error {
    flex: 0 1 auto; }

.tanda .selector-grid {
  width: 84%;
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 1023px) {
    .tanda .selector-grid {
      width: 90%;
      padding: 5px 0 15px 0; } }
  .tanda .selector-grid li {
    height: 100px; }
    @media (max-width: 610px) {
      .tanda .selector-grid li {
        width: 50%; } }
    @media only screen and (max-width: 1023px) {
      .tanda .selector-grid li {
        width: 50%; } }
    .tanda .selector-grid li label {
      height: 100%; }

.tanda-selector-buttons {
  width: 84%;
  display: flex;
  justify-content: center;
  margin: 0 auto; }
  @media only screen and (max-width: 1023px) {
    .tanda-selector-buttons {
      width: 90%;
      padding: 5px 0 15px 0; } }
  .tanda-selector-buttons a {
    margin-right: 0.5vw; }
    @media only screen and (max-width: 1023px) {
      .tanda-selector-buttons a {
        width: 50%;
        margin: 0 1.0vw; } }
  .tanda-selector-buttons button {
    font-family: 'Montserrat', sans-serif; }
    @media only screen and (max-width: 1023px) {
      .tanda-selector-buttons button {
        width: 50%;
        margin: 0 1.0vw; } }

.error-message {
  color: red; }

img.tanda-employee-photo {
  max-height: 75%;
  max-width: 75%; }

.tanda-selector-label {
  display: block;
  font-size: 0.8em; }

.tanda-ref-submit-btn {
  font-family: 'Montserrat', sans-serif; }
  @media only screen and (max-width: 1023px) {
    .tanda-ref-submit-btn {
      min-height: 80px;
      width: 90%;
      font-size: 2em; } }

.tanda button[type=submit] {
  font-family: 'Montserrat', sans-serif; }
  @media only screen and (max-width: 1023px) {
    .tanda button[type=submit] {
      min-height: 80px;
      width: 90%;
      font-size: 2em; } }

.tanda-submit-loading-div {
  width: 40px;
  height: 60px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-top: 20px;
  align-content: center; }

.tanda-confirm-loading-div {
  width: 40px;
  height: 40px;
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.0vw;
  margin-bottom: 1.0vw;
  padding-left: 30px;
  padding-top: 20px;
  align-content: center; }

.tanda-confirm-modal-button {
  display: inline-block; }
  @media only screen and (max-width: 1023px) {
    .tanda-confirm-modal-button {
      width: 80px; } }

.tanda-success-loading-div {
  width: 40px;
  height: 40px;
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.0vw;
  margin-bottom: 1.0vw;
  padding-left: 30px;
  padding-top: 20px;
  align-content: center; }

.tanda-success-back-loading-div {
  width: 115px;
  height: 45px;
  display: none; }

.tanda-success-back-loading-div > .loading-icon {
  transform: translate(0%, 25%); }
  @media only screen and (max-width: 1023px) {
    .tanda-success-back-loading-div > .loading-icon {
      transform: translate(75%, 25%); } }

.tanda-success-bookcars-loading-div {
  width: 115px;
  height: 45px;
  display: none; }

.tanda-success-bookcars-loading-div > .loading-icon {
  transform: translate(100%, 25%); }

.tanda-success-modal-button {
  display: inline-block; }
  @media only screen and (max-width: 1023px) {
    .tanda-success-modal-button {
      width: 80px;
      margin: 0.5vw !important; } }

.shift-mod-entry {
  width: 100%; }

.shift-mod-checkbox {
  width: 10% !important;
  display: inline-block;
  position: relative;
  bottom: 8px; }

.shift-mod-text {
  width: 80%;
  /*Ensure text fits on same line as checkbox*/
  display: inline-block; }

/*<label class="toggle-switch">
    @Html.HiddenFor(m => m.ModelProperty)
    <input type="checkbox" id="switch">
    <span class="slider"></span>
</label>

<script>
    $("#switch").change(function () {
        var newCheckedValue = $(this).prop('checked');
        // Set hidden model input value to match that of switch checked property
        $("#ModelProperty).val(newCheckedValue);
    });
</script>*/
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 40px;
  float: none !important;
  margin-left: 0 !important;
  -webkit-tap-highlight-color: transparent; }

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-transition: .4s;
  transition: .4s;
  height: 40px;
  width: 80px !important;
  border-radius: 4px;
  margin-top: 5px !important; }

input[disabled] + .slider {
  opacity: 0.5; }

.slider:before {
  position: absolute;
  content: "";
  height: 40px;
  width: 40px;
  left: 0;
  bottom: 0;
  background-color: #b93241;
  -webkit-transition: .4s;
  transition: .4s;
  background-image: url(/Content/images/cross.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  border-radius: 4px; }

input:checked + .slider:before {
  background-color: #008000;
  background-image: url(/Content/images/White_Tick.png);
  background-size: 25px 25px; }

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px); }

.troubleshooting .top-content {
  /*        flex: 1 1 auto;
*/
  display: block;
  /*        flex-direction: column;
        align-content: start;
*/ }

.troubleshooting .main-content {
  flex: 0 1 auto;
  display: flex;
  overflow: hidden;
  align-content: start;
  margin-bottom: 15px; }

.troubleshooting .main-text {
  padding-bottom: 10px; }

.troubleshooting #DocStoreIndexTileList {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center; }

.troubleshooting .link {
  margin-bottom: 20px; }

.troubleshooting .link a {
  color: inherit;
  text-decoration: underline; }

.troubleshooting img {
  max-width: 100%;
  display: block;
  margin: 10px auto; }

.troubleshooting .option-button {
  width: 100%;
  margin-bottom: 10px; }

.troubleshooting .scrollable-content {
  width: 100%;
  min-height: 100px;
  display: inline-block;
  padding: 1%;
  border-radius: 5px;
  margin-left: 1%;
  overflow-y: auto; }
  .troubleshooting .scrollable-content::-webkit-scrollbar {
    width: 15px; }
  .troubleshooting .scrollable-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #0a2432; }
  .troubleshooting .scrollable-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #2e80d4;
    border: 3px solid transparent;
    background-clip: content-box; }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .payment-confirmation-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    max-width: 100%;
    z-index: 9999; }
    .payment-confirmation-popup .payment-confirmation-header {
      font-size: 2em; } }

.payment-confirmation-popup .buttons {
  clear: both;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  width: 100%; }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .payment-confirmation-popup .buttons {
      margin-top: 80px;
      gap: 20px; } }
  .payment-confirmation-popup .buttons button {
    float: none;
    margin: 0; }
    @media only screen and (max-width: 767px) and (min-width: 1px) {
      .payment-confirmation-popup .buttons button {
        padding: 15px 30px;
        font-size: 1.2em;
        min-width: 120px; } }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .payment-confirmation-popup .dialog {
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    max-height: 100vh; } }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .payment-confirmation-popup .dialog label.contact-pref {
    font-size: 2em; } }

.payment-confirmation-popup .selector-grid.receipt-options li label {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2px;
  min-height: 50px; }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .payment-confirmation-popup .selector-grid.receipt-options li label {
      font-size: xx-large;
      min-height: 100px; } }

.payment-confirmation-popup .selector-grid.receipt-options li {
  flex: 0 0 50%; }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .payment-confirmation-popup .selector-grid.receipt-options li {
      flex: 0 0 100%;
      margin: 10px 0;
      font-size: 24px;
      font-weight: 700; } }

.payment-confirmation-popup .selector-grid.receipt-options li label.option-group-deselected {
  background-color: #1096D8;
  opacity: 1; }

.payment-confirmation-popup .selector-grid.receipt-options li label.option-group-selected {
  font-weight: 400; }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .payment-confirmation-popup .selector-grid.receipt-options li label.option-group-selected {
      font-weight: 900; } }

.payment-confirmation-popup button {
  float: right;
  margin-right: 10px; }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .payment-confirmation-popup button {
      min-height: 200px; } }

.payment-confirmation-popup .content {
  height: 100%;
  max-height: none; }
  @media only screen and (max-width: 767px) and (min-width: 1px) {
    .payment-confirmation-popup .content {
      height: auto;
      flex: 1;
      font-size: 2em; } }
  @media only screen and (max-width: 1023px) {
    .payment-confirmation-popup .content {
      max-height: none; } }

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .vehicle-grid {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    width: 100%; }
  ul.vehicle-grid > li {
    min-height: unset !important;
    font-size: unset !important;
    padding: 0px !important;
    margin: 0px 0px 10px 0px; }
    ul.vehicle-grid > li .ready-collected-container {
      height: unset !important;
      display: flex !important;
      flex-direction: row !important;
      justify-content: flex-start;
      gap: 0px !important;
      background-color: white !important;
      color: black;
      width: 100% !important; }
    ul.vehicle-grid > li .ready-car-color-vert-bar {
      height: auto !important;
      width: 28px !important;
      min-width: 28px !important;
      flex-shrink: 0 !important;
      margin: 0px !important;
      border-radius: unset !important; }
    ul.vehicle-grid > li .ready-vehicle-details-container {
      border: none;
      font-size: 18px;
      padding: 15px 0.8vw;
      width: auto !important;
      flex: 0 0 auto;
      min-width: calc((112px + 14.933vw) / 2);
      overflow: hidden; }
    ul.vehicle-grid > li .ready-vehicle-make-detail {
      font-size: calc((24px + 3.2vw) / 2) !important;
      font-weight: bold !important;
      margin: 0px !important;
      padding: 0px !important;
      transform: translateY(-3px) !important;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    ul.vehicle-grid > li .registration-ui {
      background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
      padding: .25em .7em .25em 1.3em;
      font-weight: bold;
      font-size: calc((28px + 3.733vw) / 2);
      border-radius: 5px;
      border: 1px solid #000;
      box-shadow: 1px 1px 1px #ddd;
      position: relative;
      font-family: helvetica, arial, sans-serif; }
    ul.vehicle-grid > li .registration-ui:before {
      content: '';
      display: block;
      width: calc((25px + 3.333vw) / 2);
      height: 100%;
      background: #063298;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 5px 0 0 5px;
      color: #f8d038;
      font-size: .5em;
      line-height: calc((60px + 8vw) / 2);
      padding-left: 4px; }
    ul.vehicle-grid > li .registration-ui:after {
      content: url("/Content/images/portal.svg");
      display: block;
      position: absolute;
      top: 5px;
      left: 4px;
      width: 20px;
      height: 14px; }
    ul.vehicle-grid > li .collected-wash-price-container {
      flex: 1;
      align-content: center;
      text-align: center;
      font-size: 42px;
      font-weight: bold; }
    ul.vehicle-grid > li .ready-wash-info-button-container {
      border: none;
      font-size: 18px;
      padding: 15px 0.8vw; }
      ul.vehicle-grid > li .ready-wash-info-button-container button.ready-show-wash-info {
        padding: 0 !important;
        display: flex !important;
        width: 100% !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        height: 100% !important; }
      ul.vehicle-grid > li .ready-wash-info-button-container .ready-show-wash-info-icon {
        margin: calc((7px + 0.933vw) / 2);
        width: calc((45px + 6vw) / 2) !important;
        height: calc((45px + 6vw) / 2) !important;
        stroke: black;
        fill: darkblue; }
    ul.vehicle-grid > li .ready-wash-pay-button-container {
      flex: 1;
      border: none;
      font-size: 18px;
      padding: calc((15px + 2vw) / 2) 0.8vw;
      margin-right: 8px; }
      ul.vehicle-grid > li .ready-wash-pay-button-container a.ready-payment-button {
        margin: 0px 0px 0px 0px;
        padding: 0 !important;
        display: flex !important;
        width: 100% !important;
        flex-direction: row !important;
        align-items: center !important;
        height: calc(100% - 8px) !important; }
      ul.vehicle-grid > li .ready-wash-pay-button-container .ready-payment-button-text {
        font-size: calc((21px + 2.8vw) / 2) !important;
        font-weight: bold !important;
        margin-right: calc((4px + 0.533vw) / 2) !important;
        line-height: 1.2 !important;
        color: white;
        width: calc((70px + 9.333vw) / 2); }
      ul.vehicle-grid > li .ready-wash-pay-button-container .ready-payment-button-icon {
        margin: calc((7px + 0.933vw) / 2);
        width: calc((45px + 6vw) / 2) !important;
        height: calc((45px + 6vw) / 2) !important;
        color: white;
        fill: white; }
  .payment-lock {
    color: #ba2625 !important; }
  .payment-lock .car-icon {
    border-color: unset !important; }
  #WashReadyInfoModal .dialog {
    width: 100%;
    max-width: unset;
    height: 100%;
    max-height: unset; }
  #WashReadyInfoModal .dialog .content {
    height: calc(100% - 25px);
    /* otherwise no bottom margin ??? */
    max-height: unset;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0px;
    margin: 25px; }
  #WashReadyInfoModal .dialog .content .buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 0px;
    flex-grow: 1; }
  #WashReadyInfoModal .dialog .content h1 {
    font-size: xx-large;
    font-weight: bold;
    text-decoration: underline;
    margin: 0;
    display: inline-block; }
  .wash-info-ready-tracker-return-form-container {
    flex: 1 1 0 !important; }
    .wash-info-ready-tracker-return-form-container .wash-info-ready-tracker-return-form {
      width: 100%;
      display: flex;
      flex-direction: column;
      height: 100%; }
  .wash-info-ready-button-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 7.0em; }
    .wash-info-ready-button-container a.wash-info-ready-button {
      padding: 0 !important;
      display: flex !important;
      flex: 1 1 0 !important;
      flex-direction: row !important;
      align-items: center !important;
      align-self: stretch !important; }
    .wash-info-ready-button-container a.wash-info-ready-button .wash-info-ready-button-icon {
      margin: 10px;
      fill: white;
      color: white; }
    .wash-info-ready-button-container a.wash-info-ready-button .wash-info-ready-button-text {
      font-size: 24px !important;
      font-weight: bold !important;
      margin-right: 5px !important;
      line-height: 1.2 !important;
      color: white; }
  .waves-i-tracker-back {
    display: inline-block;
    color: white; }
  #WashCollectedInfoModal .dialog {
    width: 100%;
    max-width: unset;
    height: 100%;
    max-height: unset; }
  #WashCollectedInfoModal .dialog .content {
    height: calc(100% - 25px);
    /* otherwise no bottom margin ??? */
    max-height: unset;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0px;
    margin: 25px; }
  #WashCollectedInfoModal .dialog .content .buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 0px;
    flex-grow: 1; }
  #WashCollectedInfoModal .dialog .content h1 {
    font-size: xx-large;
    font-weight: bold;
    text-decoration: underline;
    margin: 0;
    display: inline-block; }
  .wash-info-collected-button-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 7.0em; }
    .wash-info-collected-button-container a.wash-info-collected-button {
      padding: 0 !important;
      display: flex !important;
      flex: 1 1 0 !important;
      flex-direction: row !important;
      align-items: center !important;
      align-self: stretch !important; }
    .wash-info-collected-button-container a.wash-info-collected-button .wash-info-collected-button-icon {
      margin: 10px;
      fill: white;
      color: white; }
    .wash-info-collected-button-container a.wash-info-collected-button .wash-info-collected-button-text {
      font-size: 24px !important;
      font-weight: bold !important;
      margin-right: 5px !important;
      line-height: 1.2 !important;
      color: white; }
  /* undo the styles set by the background-print class which is necessary for printing from the button....... */
  a.wash-info-collected-print-receipt-button {
    position: unset !important;
    height: unset !important;
    width: unset !important; } }

.van .wash-summary {
  background: rgba(81, 16, 115, 0.4); }

.van .specialist-service-selector li label {
  min-height: 45px;
  font-size: 0.62em; }

@media only screen and (min-width: 1024px) {
  .compact-view .tab-navigation li {
    flex: 6; }
  .compact-view .in-tab {
    margin-top: -8px; }
  .compact-view .nav-appendage {
    top: -45px; }
  .compact-view input, .compact-view select {
    height: 36px; }
  .compact-view legend {
    font-size: 0.8em; }
  .compact-view .selector-grid {
    padding-bottom: 13px; }
  .compact-view .selector-grid li label {
    margin: 3px 5px; }
  .compact-view .styled-select select {
    padding: 0 8px;
    font-size: 19px; }
  .compact-view .styled-select::before {
    top: 6px;
    right: 6px; }
  .compact-view .styled-select::after {
    height: 32px;
    width: 30px; }
  .compact-view .total-fieldset {
    margin-top: 5px; }
  .compact-view .total-fieldset .selector-grid {
    padding-top: 3px; }
  .compact-view .total-fieldset .selector-grid li label {
    padding-top: 4px;
    padding-bottom: 4px; }
  .compact-view .wash-summary {
    padding: 4px 10px;
    margin-top: 5px; }
  .compact-view .wash-summary th, .compact-view .wash-summary td {
    padding-bottom: 0; }
  .compact-view .wash-summary .discount-row td, .compact-view .wash-summary .discount-row th {
    padding-bottom: 5px; }
  .compact-view .wash-summary table tr.total-row td, .compact-view .wash-summary table tr.total-row th {
    font-size: 24px;
    padding-top: 4px;
    padding-bottom: 4px; }
  .compact-view .walk-around .field {
    padding-top: 3px; }
  .compact-view .walk-around .field.valuables-field {
    padding-top: 0; }
  .compact-view .walk-around .field.valuables-field .button, .compact-view .walk-around .field.valuables-field .track .track-ready-row button, .track .track-ready-row .compact-view .walk-around .field.valuables-field button {
    width: 148px;
    line-height: 40px; }
  .compact-view .specialist-fieldset .selector-grid li label {
    padding-top: 2px;
    padding-bottom: 2px; } }

body.customer-account {
  background-image: url("../../../Content/images/customer_app_background.jpg");
  color: #000;
  background-size: cover; }
  body.customer-account input, body.customer-account select {
    border: 1px solid #4cabd5 !important; }
  body.customer-account .selector-grid li label.option-group-deselected {
    background: rgba(0, 69, 184, 0.4);
    opacity: 1; }
  body.customer-account .selector-grid li label {
    border: none; }

/* Make / Model select dropdowns */
.make-model-select {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 40px;
  padding: 0 8px;
  background: rgba(255,255,255,0.2);
  border: 2px solid rgba(255,255,255,0);
  border-radius: 5px;
  color: rgba(255,255,255,0.5);
  font-size: 0.75em;
  text-align: center;
  appearance: auto;
  box-sizing: border-box;
  min-width: 0;
}
.make-model-select:focus {
  outline: none;
  border-color: rgba(255,255,255,0.6);
}
.make-model-select option {
  color: #000;
  background: #fff;
}
.make-model-select.selected {
  background-color: #004990;
  border-color: white;
  color: #fff;
  opacity: 1;
}

/* Override legacy min-width/fixed-width on body and page-width container for mobile */
@media only screen and (max-width: 767px) {
  body {
    min-width: unset !important;
  }
  .page-width {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Ready/Collected card responsive show/hide */
.vehicle-grid > li > h2,
.vehicle-grid > li > div {
  display: block;
}
.vehicle-grid > li > .ready-collected-container {
  display: none;
}
@media only screen and (max-width: 767px) {
  .vehicle-grid > li > h2,
  .vehicle-grid > li > div {
    display: none;
  }
  .vehicle-grid > li > .ready-collected-container {
    display: flex;
  }
}