#reservation-builder .pgb-border.active {
  outline-color: var(--pgo-brand-primary);
}
#reservation-builder .pgb-outline.active {
  outline-color: var(--pgo-brand-primary);
}
#reservation-builder .pgb-border-selected.active {
  outline-color: var(--pgo-brand-primary);
}
#reservation-builder .pgb-value {
  color: var(--pgo-brand-primary);
}
#reservation-builder .pgb-bg-primary {
  background-color: var(--pgo-brand-primary);
  color: var(--pgo-primary-font-color);
}
#reservation-builder .pgb-label-after-primary-color::after {
  color: var(--pgo-brand-primary);
}
#reservation-builder .pgb-btn.btn-primary {
  color: var(--pgo-primary-font-color);
  background-color: var(--pgo-brand-primary);
  border-color: var(--pgo-brand-primary);
}
#reservation-builder .pgb-btn.btn-primary:hover, #reservation-builder .pgb-btn.btn-primary:focus, #reservation-builder .pgb-btn.btn-primary.focus {
  color: var(--pgo-primary-font-color);
  background-color: var(--pgo-brand-primary);
  border-color: var(--pgo-brand-primary);
  opacity: 0.925;
}
#reservation-builder .pgb-btn.btn-primary:active:focus {
  box-shadow: none;
}
#reservation-builder .pgb-btn.btn-primary.disabled, #reservation-builder .pgb-btn.btn-primary:disabled {
  color: var(--pgo-primary-font-color);
  background-color: var(--pgo-brand-primary);
  border-color: var(--pgo-brand-primary);
}
#reservation-builder .pgb-btn.btn-primary:not(:disabled):not(.disabled):active, #reservation-builder .pgb-btn.btn-primary:not(:disabled):not(.disabled).active {
  color: var(--pgo-primary-font-color);
  background-color: var(--pgo-brand-primary);
  border-color: var(--pgo-brand-primary);
  opacity: 0.9;
}
#reservation-builder .pgb-btn.btn-secondary {
  color: var(--pgo-secondary-font-color);
  background-color: var(--pgo-brand-secondary);
  border-color: var(--pgo-brand-secondary);
}
#reservation-builder .pgb-btn.btn-secondary:hover, #reservation-builder .pgb-btn.btn-secondary:focus, #reservation-builder .pgb-btn.btn-secondary.focus {
  color: var(--pgo-secondary-font-color);
  background-color: var(--pgo-brand-secondary);
  border-color: var(--pgo-brand-secondary);
  opacity: 0.925;
}
#reservation-builder .pgb-btn.btn-secondary:active:focus {
  box-shadow: none;
}
#reservation-builder .pgb-btn.btn-secondary.disabled, #reservation-builder .pgb-btn.btn-secondary:disabled {
  color: var(--pgo-secondary-font-color);
  background-color: var(--pgo-brand-secondary);
  border-color: var(--pgo-brand-secondary);
}
#reservation-builder .pgb-btn.btn-secondary:not(:disabled):not(.disabled):active, #reservation-builder .pgb-btn.btn-secondary:not(:disabled):not(.disabled).active {
  color: var(--pgo-secondary-font-color);
  background-color: var(--pgo-brand-secondary);
  border-color: var(--pgo-brand-secondary);
  opacity: 0.9;
}
#reservation-builder .pgb-icon {
  color: var(--pgo-brand-primary);
}
#reservation-builder .pgb-icon-svg {
  fill: var(--pgo-brand-primary);
}
#reservation-builder a:hover {
  color: var(--pgo-brand-primary);
}
#reservation-builder .form-select:focus,
#reservation-builder .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(163, 163, 163, 0.25);
}
#reservation-builder .form-check-input:checked {
  background-color: var(--pgo-brand-primary);
  border-color: var(--pgo-brand-primary);
}
#reservation-builder .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(163, 163, 163, 0.25);
}
#reservation-builder .btn-close::before {
  color: var(--pgo-brand-primary);
}
#reservation-builder .reservationOption .arrow-right {
  border-left-color: var(--pgo-brand-primary);
}
#reservation-builder .reservationOption .reservationOption--container .reservationOption--labelPrice,
#reservation-builder .reservationOption .reservationOption--container .reservationOption--label {
  color: var(--pgo-primary-font-color);
}
@media (max-width: 767.98px) {
  #reservation-builder .reservationOption .reservationOption--container {
    background-color: var(--pgo-brand-primary);
  }
  #reservation-builder .reservationOption .reservationOption--container .reservationOption--labelPrice {
    color: var(--pgo-brand-primary);
  }
  #reservation-builder .reservationOption .reservationOption--container .reservationOption--label {
    color: inherit;
  }
}
@media (max-width: 767.98px) {
  #reservation-builder .reservationOption .reservationOption--divCheckBox .form-check-input:checked {
    background-color: var(--pgo-brand-primary);
  }
}
#reservation-builder .reservationInformation {
  background-color: var(--pgo-brand-secondary);
  color: var(--pgo-reservation-info-color);
}
#reservation-builder .reservationInformation .reservationInformation--titleContainer {
  background-color: var(--pgo-reservation-info-header-bg-color);
}
#reservation-builder .reservationInformation .reservationInformation--titleContainer .reservationInformation--title {
  color: var(--pgo-reservation-info-header-color);
}
@media (max-width: 991.98px) {
  #reservation-builder .reservationInformation .reservationInformation--button-container {
    background-color: var(--pgo-reservation-info-header-bg-color);
  }
}
#reservation-builder .reservationInformation .reservationInformation--label,
#reservation-builder .reservationInformation .reservationInformation--label-vehicle {
  font-weight: var(--pgo-reservation-info-font-weight);
}
#reservation-builder .reservationInformation .reservationInformation--expand-icon i {
  background-color: var(--pgo-brand-secondary);
}
#reservation-builder .builder-header .nav .nav-item .nav-link svg {
  fill: var(--pgo-brand-primary);
}
#reservation-builder .builder-header .nav .nav-item .nav-number,
#reservation-builder .builder-header .nav .nav-item .nav-progress {
  background-color: var(--pgo-brand-primary);
}
#reservation-builder .builder-header .nav .nav-item .nav-number {
  color: var(--pgo-primary-font-color);
}
#reservation-builder .builder-header .nav .nav-item-mobile .nav-link svg {
  fill: var(--pgo-brand-primary);
}
#reservation-builder .builder-header .nav .nav-item-mobile.router-link-active {
  background-color: var(--pgo-brand-primary);
}
#reservation-builder .builder-header .nav .nav-item-mobile.router-link-active svg {
  fill: var(--pgo-primary-font-color);
}
#reservation-builder .builder-header .nav .nav-item-mobile .arrow-down {
  border-top-color: var(--pgo-brand-primary);
}