/**
 * CSS overrides for B2B partners.
 */
:root {
  --global-text: 201, 66%, 17%;
  --global-subtitle: 201, 66%, 17%;
  --main-background-color: 180, 43%, 93%;
  --header-background-color: 0, 0%, 100%;
  --color-success: 155, 97%, 27%;
  --progress-bar-bg: 180, 43%, 93%;
  --progress-bar-bg-selected: 201, 66%, 17%;
  --progress-bar-color: 201, 66%, 17%;
  --progress-bar-color-selected: 0, 0%, 100%;
  --progress-bar-label-color: 212, 100%, 27%;
  --progress-bar-border-color: 201, 66%, 17%;
  --progress-bar-line-color: 201, 66%, 17%;
  --titlebar-background-color: 201, 66%, 17%;
  --titlebar-text-color: 49, 100%, 64%;
  --fieldset-bg-color: 0, 0%, 100%;
  --fieldset-color: 201, 66%, 17%;
  --boolean-text-color: 201, 66%, 17%;
  --boolean-bg-color: 0, 0%, 87%;
  --boolean-selected-text-color: 201, 66%, 17%;
  --boolean-selected-bg-color: 212, 100%, 27%;
  --radio-circle-color: 210, 8%, 76%;
  --radio-surface-color: 0, 0%, 100%;
  --radio-checked-color: 201, 66%, 17%;
  --radio-unchecked-color: 210, 8%, 76%;
  --radio-label-color: ;
  --button-bg-color: 49, 100%, 64%;
  --button-fg-color: 201, 66%, 17%;
  --button-border-color: 49, 100%, 64%;
  --button--active-bg-color: 180, 51%, 64%;
  --button--active-fg-color: 201, 66%, 17%;
  --button--active-border-color: 180, 51%, 64%;
  --button-border-radius-size: 24px;
  --button2-bg-color: 201, 66%, 17%;
  --button2-fg-color: 0, 0%, 100%;
  --button2-border-color: 201, 66%, 17%;
  --button2--active-bg-color: 0, 0%, 100%;
  --button2--active-fg-color: 201, 66%, 17%;
  --button2--active-border-color: 180, 43%, 93%;
  --button2-border-radius-size: 24px;
  --button3-bg-color: 0, 0%, 100%;
  --button3-fg-color: 212, 100%, 27%;
  --button3-border-color: 212, 100%, 27%;
  --button3--active-bg-color: 0, 0%, 87%;
  --button3--active-fg-color: 0, 0%, 46%;
  --button3--active-border-color: 212, 100%, 27%;
  --button3-border-radius-size: 5px;
  --checkbox-border-color: 180, 51%, 64%;
  --checkbox-check-color: 201, 66%, 17%;
  --checkbox-bg-color: 0, 0%, 100%;
  --color-placeholder: 210, 8%, 76%;
  --color-legend: 212, 100%, 27%;
  --color-label: ;
  --combo-bg-color: 0, 0%, 100%;
  --combo-border-color: 201, 66%, 17%;
  --combo-txt-color: 201, 66%, 17%;
  --combo-arrow-color: 0, 0%, 100%;
  --combo-arrow-bg-color: 180, 51%, 64%;
  --map-address-border: 0, 0%, 100%;
  --map-address-bgcolor: 0, 0%, 100%;
  --map-address-color: 0, 0%, 32%;
  --map-address-icon: https://touringbackend.azurewebsites.net/WhiteLabelApps/Touring/6.3/Images/1X/Background.jpg;
  --map-address-icon-color: 201, 66%, 17%;
  --vehicle--active-bg-color: 212, 100%, 27%;
  --vehicle-bg-color: 0, 0%, 80%;
  --person-bg-color: 201, 66%, 17%;
  --plusminus-bg-color: 49, 100%, 64%;
  --plusminus-fg-color: 201, 66%, 17%;
  --wizardIconFilter: 201, 66%, 17%;
}

.tcc-grid {
  --tcc-text: 201, 66%, 17%;
  --tcc-bg: 0, 0%, 100%;
  --tcc-text-active: 0, 0%, 100%;
  --tcc-bg-active: 201, 66%, 17%;
  --tcc-img-filter: var(--wizardIconFilter);
  --tcc-checkbox-color: 201, 66%, 17%;
  --tcc-checkbox-bg: 49, 100%, 64%;
  --tcc-border-color: 0, 0%, 89%;
}

body {
  background-color: hsl(180, 43%, 93%);
}

input[type=text].form-text {
  color: hsl(201, 66%, 17%);
  border-radius: 5px;
}

.form-elements--inline-errors {
  --_state-clr: 201, 66%, 17%;
}

.form-elements--inline-errors input[type=text]::placeholder,
input[type=text]::placeholder {
  color: hsl(210, 8%, 76%);
}

.form--floating-labels.form--floating-labels--fixed label:not(.grid__item__label) {
  --clr-coil: var(--color-label);
}



.assist-page--success {
  color: hsl(212, 100%, 27%);
}


@media (min-width: 900px) {
  .menu-main--first-level .menu-item.menu-item--active-trail a {
    background-color: inherit;
  }
}
