/**
 * CSS overrides for B2B partners.
 */
:root {
  --global-text: 0, 0%, 4%;
  --global-subtitle: 0, 0%, 32%;
  --main-background-color: 0, 0%, 100%;
  --header-background-color: 0, 0%, 100%;
  --color-success: 155, 97%, 27%;
  --progress-bar-bg: 0, 0%, 94%;
  --progress-bar-bg-selected: 209, 72%, 34%;
  --progress-bar-color: 0, 0%, 4%;
  --progress-bar-color-selected: 0, 0%, 100%;
  --progress-bar-label-color: 212, 58%, 39%;
  --progress-bar-border-color: 0, 0%, 94%;
  --progress-bar-line-color: 0, 0%, 94%;
  --titlebar-background-color: 0, 0%, 88%;
  --titlebar-text-color: 0, 0%, 100%;
  --fieldset-bg-color: 0, 0%, 96%;
  --fieldset-color: 0, 0%, 4%;
  --boolean-text-color: 0, 0%, 0%;
  --boolean-bg-color: 0, 0%, 98%;
  --boolean-selected-text-color: 0, 0%, 100%;
  --boolean-selected-bg-color: 0, 0%, 0%;
  --radio-circle-color: 0, 0%, 84%;
  --radio-surface-color: 0, 0%, 100%;
  --radio-checked-color: 209, 72%, 34%;
  --radio-unchecked-color: 0, 0%, 84%;
  --button-bg-color: 209, 72%, 34%;
  --button-fg-color: 0, 0%, 100%;
  --button-border-color: 209, 72%, 34%;
  --button--active-bg-color: 209, 71%, 37%;
  --button--active-fg-color: 0, 0%, 100%;
  --button--active-border-color: 209, 71%, 37%;
  --button-border-radius-size: 10px;
  --button2-bg-color: 0, 0%, 100%;
  --button2-fg-color: 0, 0%, 12%;
  --button2-border-color: 0, 0%, 12%;
  --button2--active-bg-color: 209, 72%, 34%;
  --button2--active-fg-color: 0, 0%, 100%;
  --button2--active-border-color: 209, 72%, 34%;
  --button2-border-radius-size: 10px;
  --button3-bg-color: 0, 0%, 100%;
  --button3-fg-color: 0, 0%, 12%;
  --button3-border-color: 0, 0%, 100%;
  --button3--active-bg-color: 0, 0%, 21%;
  --button3--active-fg-color: 0, 0%, 12%;
  --button3--active-border-color: 0, 0%, 21%;
  --button3-border-radius-size: 10px;
  --checkbox-border-color: 0, 0%, 84%;
  --checkbox-check-color: 209, 72%, 34%;
  --checkbox-bg-color: 0, 0%, 100%;
  --color-placeholder: 0, 0%, 84%;
  --color-label: 210, 74%, 42%;
  --combo-bg-color: 0, 0%, 100%;
  --combo-border-color: 0, 0%, 84%;
  --combo-txt-color: 0, 0%, 0%;
  --combo-arrow-color: 0, 0%, 100%;
  --combo-arrow-bg-color: 212, 58%, 39%;
  --map-address-border: 0, 0%, 12%;
  --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: 209, 72%, 34%;
  --vehicle--active-bg-color: 0, 0%, 4%;
  --vehicle-bg-color: 0, 0%, 84%;
  --person-bg-color: 0, 0%, 4%;
  --plusminus-bg-color: 209, 72%, 34%;
  --plusminus-fg-color: 0, 0%, 100%;
  --wizardIconFilter: 0, 0%, 21%;
}

.tcc-grid {
  --tcc-text: 0, 0%, 4%;
  --tcc-bg: 0, 0%, 100%;
  --tcc-text-active: 0, 0%, 100%;
  --tcc-bg-active: 209, 72%, 34%;
  --tcc-img-filter: var(--wizardIconFilter);
  --tcc-checkbox-color: 0, 0%, 100%;
  --tcc-checkbox-bg: 155, 97%, 27%;
  --tcc-border-color: 0, 0%, 38%;
}

body {
  background-color: hsl(0, 0%, 100%);
}

input[type=text].form-text {
  color: hsl(0, 0%, 0%);
  border-radius: 10px;
}

.form-elements--inline-errors {
  --_state-clr: 0, 0%, 84%;
}

input[type=text]::placeholder {
  color: hsl(0, 0%, 84%);
}

.assist-page--success {
  color: hsl(214, 52%, 33%);
}


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