/* Automatisch gegenereerd door scripts/huisstijl/generate-legacy-overrides.py
 *
 * De oude merkkleuren van GDEX zitten hard in style.css. Hieronder staat
 * voor elke betrokken selector dezelfde regel met de huisstijlkleur. Niet
 * met de hand bijwerken: draai het script opnieuw na een build.
 */

hr {
  border-bottom: 1px solid var(--navy-deep);
}
.button {
  background-color: var(--navy);
}
.button.primary {
  background-color: var(--navy);
}
.button.hollow {
  border: 1px solid var(--navy);
  color: var(--navy);
}
.button.hollow.primary {
  border: 1px solid var(--navy);
  color: var(--navy);
}
.button.disabled,.button.disabled:hover,.button.disabled:focus,.button[disabled],.button[disabled]:hover,.button[disabled]:focus {
  background-color: var(--navy);
}
.button.disabled.primary,.button.disabled.primary:hover,.button.disabled.primary:focus,.button[disabled].primary,.button[disabled].primary:hover,.button[disabled].primary:focus {
  background-color: var(--navy);
}
.button.dropdown.hollow::after {
  border-top-color: var(--navy);
}
.button.dropdown.hollow.primary::after {
  border-top-color: var(--navy);
}
.accordion-title {
  color: var(--navy);
}
.is-accordion-submenu-parent>a::after {
  border-color: var(--navy) transparent transparent;
}
.badge {
  background: var(--navy);
}
.badge.primary {
  background: var(--navy);
}
.button-group.primary .button {
  background-color: var(--navy);
}
.menu.menu-hover li:hover {
  background-color: var(--navy-deep);
}
.is-drilldown-submenu-parent>a::after {
  border-color: transparent transparent transparent var(--navy);
}
.js-drilldown-back>a::before {
  border-color: transparent var(--navy) transparent transparent;
}
.label {
  background: var(--navy);
}
.label.primary {
  background: var(--navy);
}
.off-canvas {
  background: var(--navy);
}
.off-canvas-absolute {
  background: var(--navy);
}
.progress.primary .progress-meter {
  background-color: var(--navy);
}
.progress-meter {
  background-color: var(--navy);
}
.slider-handle {
  background-color: var(--navy);
}
input:checked ~ .switch-paddle {
  background: var(--navy);
}
.tabs.primary {
  background: var(--navy);
}
.tabs-title>a:focus,.tabs-title>a[aria-selected='true'] {
  background: var(--navy);
}
.top-bar,.top-bar ul {
  background-color: var(--navy-deep);
}
a {
  color: var(--navy);
}
.expanding::after,select::after {
  color: var(--navy);
}
.toggle-single-arrow {
  color: var(--navy);
}
.toggle-single-arrow:after {
  color: var(--navy);
}
.toggle-single-arrow.hover:after {
  color: var(--navy);
}
.button.button-toogle {
  background-color: var(--navy-deep);
}
.button.button-orange {
  background-color: var(--cyan);
  color: #04263C;
}
.button.button-orange:hover,.button.button-orange:focus {
  background-color: var(--cyan);
  color: #04263C;
}
.button.button-white {
  color: var(--blue);
}
.button.danger {
  background: var(--scl-red);
}
.button.warning {
  background: var(--cyan);
  color: #04263C;
}
.button.button_content:hover {
  border: 1px solid var(--scl-red);
  background: -webkit-linear-gradient(-405deg, var(--scl-red), var(--cyan)) center repeat;
  background: linear-gradient(135deg, var(--scl-red), var(--cyan)) center repeat;
}
.switch .switch-off {
  color: var(--navy);
}
.irs .irs-from,.irs .irs-to,.irs .irs-single {
  background: var(--cyan);
  color: #04263C;
}
table.table-flex thead {
  background: var(--navy);
}
.offer-tools a:hover {
  color: var(--blue);
}
.offer-tools a.active {
  background: var(--cyan);
  color: #04263C;
}
.reveal>h2 {
  background: var(--navy);
}
.reveal .alert-box.alert {
  background-color: var(--scl-red);
}
.reveal #offer-settings button:hover,.reveal .another-row button:hover {
  background: var(--navy);
}
input[type="checkbox"].solid-fill:checked+label:before,input[type="radio"].solid-fill:checked+label:before {
  background-color: var(--navy);
}
.price span.icon-dollar-currency-symbol {
  color: var(--navy);
}
body *::-webkit-scrollbar-thumb {
  background-color: var(--navy);
}
[contenteditable="true"].is-editing.withstatus.maxlength:after {
  background: var(--scl-red);
}
@media screen and (min-width: 75em) {
  .menu-bar>.menu>li>a:hover {
    text-decoration-color: var(--blue);
  }
}
.menu-bar>ul>li.orange {
  background: var(--cyan);
  color: #04263C;
}
#notification-dropdown h4 {
  background-color: var(--cyan);
  color: #04263C;
}
#copyright-bar {
  background: var(--navy-deep);
}
#copyright-bar .container .footer-links>a:hover {
  text-decoration-color: var(--blue);
}
.introjs-helperLayer {
  background-color: var(--navy);
}
.introjs-skipbutton:hover,.introjs-skipbutton:focus {
  background: var(--navy);
}
.introjs-prevbutton:hover,.introjs-prevbutton:focus {
  background: var(--navy);
}
.introjs-prevbutton.introjs-fullbutton:hover,.introjs-prevbutton.introjs-fullbutton:focus {
  background: var(--navy);
}
.introjs-nextbutton,.introjs-donebutton {
  background: var(--navy);
}
.introjs-nextbutton:hover,.introjs-nextbutton:focus,.introjs-donebutton:hover,.introjs-donebutton:focus {
  background: var(--navy);
}
.blog-card:after {
  background: -webkit-linear-gradient(-405deg, var(--scl-red), var(--cyan)) center repeat;
  background: linear-gradient(135deg, var(--scl-red), var(--cyan)) center repeat;
}
.hentry .content blockquote cite {
  color: var(--blue);
}
.hentry footer .tags a:hover,.hentry footer .tags a:focus,.hentry footer .tags a:active {
  background-color: var(--cyan);
  color: #04263C;
}
.hentry footer .social a:hover,.hentry footer .social a:focus,.hentry footer .social a:active {
  background-color: var(--cyan);
  color: #04263C;
}
.prev-next {
  background: var(--cyan);
  color: #04263C;
}
.home-container .how-gdex-works {
  color: var(--navy);
}
.home-container .how-gdex-works span {
  color: var(--blue);
}
.home-container .how-gdex-works-slider a h3,.home-container .how-gdex-works-slider a p {
  color: var(--navy-deep);
}
.info-container .info-box h3 {
  color: var(--navy);
}
.account-settings .step h3 {
  color: var(--navy);
}
.account-settings .vat-container .checked_vat.icon-cross-o {
  color: var(--scl-red);
}
.account-settings .vat-container .checked_vat.icon-information-button {
  color: var(--navy);
}
@media screen and (max-width: 47.9375em) {
  .account-settings .accordion-item .accordion-title::after {
    color: var(--navy);
  }
}
.filters .filter-switch a.active {
  color: var(--navy);
}
.minimal-offer .pricing-button {
  background-color: var(--navy-deep);
}
.card .card-tools span {
  color: var(--blue);
}
.bid-status.pending::before {
  background: var(--cyan);
  color: #04263C;
}
@media screen and (min-width: 64em) {
  .card-list-container.list:not(.watchlist) .item .card .card-pricing .pricing-info .pricing-details .date span,.card-list-container.list:not(.watchlist) .item .card .card-pricing .pricing-info .pricing-details .time span {
    color: var(--navy);
  }
}
@media screen and (min-width: 64em) {
  .card-list-container.list:not(.watchlist) .item .card .card-pricing.minimal-offer .pricing-logo {
    color: var(--navy);
  }
}
@media screen and (min-width: 64em) {
  .card-list-container.list:not(.watchlist) .item .card .card-pricing.fixed-price .pricing-logo {
    color: var(--blue);
  }
}
.value span[class^="icon-"] {
  color: var(--navy);
}
.watchlist-options .select2-results__option .watchlist-option:after {
  color: var(--navy);
}
.watchlist-options .select2-results__option .watchlist-option.create-new .action:after {
  color: var(--navy);
}
.card-details h1 {
  color: var(--navy);
}
.card-details .back-button span {
  color: var(--navy);
}
.card-details .watchlist-control span[class^="icon-"] {
  color: var(--blue);
}
@media screen and (max-width: 47.9375em) {
  #batch_control_buttons {
    background-color: var(--navy);
  }
}
@media screen and (min-width: 48em) {
  #batch_control_buttons a:hover {
    color: var(--blue);
  }
}
#car-specification .specification .title .label {
  background-color: var(--cyan);
  color: #04263C;
}
#similar-bottombar .body>a:hover {
  color: var(--navy);
}
.save-search [class^="icon-"] {
  color: var(--navy);
}
#search-form form #vehicle-category a:hover span:nth-child(1) {
  border: 2px solid var(--navy);
}
#search-form form .main-inputs .action-container .action>input[type="submit"] {
  color: var(--navy-deep);
}
#search-form form .main-inputs .dropdown-pane>.apply-action {
  color: var(--navy-deep);
}
@media screen and (max-width: 47.9375em) {
  #search-form form .main-inputs .action-container .action:nth-child(2) {
    background-color: var(--navy-deep);
  }
}
[rel="edit_watchlist"][class^="icon-"]:hover {
  color: var(--blue);
}
[rel="edit_watchlist"].is-active {
  color: var(--navy);
}
#control_watchlist .icon-checkmark {
  color: var(--navy);
}
.my-cars .accordion-content .container .milestone .icons a span[class^="icon-"] {
  color: var(--navy);
}
@media screen and (max-width: 63.9375em) {
  .my-cars .accordion-item .accordion-title::after {
    color: var(--navy);
  }
}
.help-center .topic-list li a {
  color: var(--navy);
}
#ticket-thread .select-messages .msg-actions>a:hover {
  color: var(--navy);
}
.messages-container h2 {
  color: var(--navy);
}
.messages-container .column-header ul .tabs-title.is-active>a:not(.button) span[class^="icon-"],.messages-container .column-header ul .accordion-item.is-active>a:not(.button) span[class^="icon-"] {
  color: var(--blue);
}
.messages-container .column-header ul .tabs-title>a:not(.button),.messages-container .column-header ul .accordion-item>a:not(.button) {
  color: var(--navy-deep);
}
.messages-container .column-header ul .tabs-title>a:not(.button) span[class^="icon-"],.messages-container .column-header ul .accordion-item>a:not(.button) span[class^="icon-"] {
  color: var(--navy);
}