:root {
  --theme-primary-color: #66b04d;
  --theme-primary-hover: #558d3e;
}

.btn-primary {
  background-color: #66b04d !important;
  font-weight: bold;
  border: #66b04d !important;
}

.btn-primary:hover {
  background-color: #558d3e !important;
}

.text-primary {
  color: #66b04d !important;
}

div .text-primary {
  color: #66b04d !important;
}

#custom-navbar .nav-item:hover {
  background-color: #66b04d !important;
}

#custom-navbar .nav-item:first-child {
  background-color: #66b04d !important;
}

#custom-navbar .nav-item:first-child a {
  color: #f8f9fa !important;
}

#custom-navbar .nav-item a {
  color: #66b04d !important;
  font-weight: bold;
}

#custom-navbar .nav-item:hover a {
  color: #f8f9fa !important;
}

/* .options-boxes .options-box.car-size, */
.options-boxes .options-box.selected {
  background-color: #66b04d;
}

.options-icon.selected {
  background-color: #66b04d;
}

.icon-btn .form-control-feedback {
  color: #66b04d;
}

.taxica-name .part1 {
  color: #66b04d;
}

.order-id .val {
  color: #66b04d;
}

.btn-theme-wide {
  color: #000 !important;
  background-color: #66b04d !important;
}

.btn-theme-wide .pipe-after {
  border-right: 2px solid #000 !important;
}

.bg-primary {
  background-color: #66b04d !important;
}

.options-text-icon {
  color: black;
  background: white;
}

.options-text-icon.selected {
  background-color: #66b04d;
  color: #fff;
}

.selected .car-icon-sedan {
  background-image: url(../assets/icons/sedan-white.svg) !important;
}

.selected .car-icon-station {
  background-image: url(../assets/icons/Green-theme-icons/station-greenBg.svg) !important;
}

.selected .car-icon-van6 {
  background-image: url(../assets/icons/Green-theme-icons/van6-greenBg.svg) !important;
}

.selected .car-icon-van7 {
  background-image: url(../assets/icons/Green-theme-icons/van7-greenBg.svg) !important;
}

.options-icon.selected {
  color: #fff;
  border: 1px solid #e7e7e7;
  background-color: #66b04d;
}
.selected .seat-icon-child {
  background-image: url(../assets/icons/child-seat-white.png) !important;
}
.selected .seat-icon-booster {
  background-image: url(../assets/icons/booster-seat-white.png) !important;
}

button.mat-primary {
  background-color: #66b04d !important;
}
.mat-button-toggle-checked {
  color: #fff !important;
  background-color: #66b04d !important;
}