/* Color variables for easy theme overrides */
:root {
  --color-primary: #2b6699;
  --color-secondary: #4395c5;
  --color-accent: #43a5c5;
}

#page-loading div {
    border-right: 3px solid var(--color-primary);
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a,
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today.ui-datepicker-current-day a {
  background-color: var(--color-primary);
}
.search-result p ins {
  color: var(--color-primary);
}
.payment-step li.step-select:after,
.payment-step li.step-select:before {
    background-color: var(--color-primary);
}
.payment-step li.step-part:after {
  background-color: var(--color-primary);
}


.btn-flat:hover {
  border-color: var(--color-secondary);
}

.awe-btn.awe-search {
    background-color: var(--color-primary);
    border-color: var(--color-secondary);
}
.awe-btn.awe-btn-1 {
  background-color: var(--color-primary);
  border-color: var(--color-secondary);
}
.awe-btn.awe-btn-1:hover {
  color: var(--color-secondary);
}
.awe-btn.awe-btn-2 {
  background-color: var(--color-primary);
  border-color: var(--color-secondary);
}
.awe-btn.awe-btn-2:hover {
  background-color: var(--color-secondary);
  border-color: var(--color-primary);
}
.form-control:focus {
  border-color: var(--color-primary);
}
.form-search .form-field.field-select .select select {
  color: var(--color-primary);
}


.awe-btn.awe-btn-3:hover {
  color: var(--color-accent);
}
.awe-btn.awe-btn-4 {
  color: var(--color-accent);
}
.awe-btn.awe-btn-5:hover {
  color: var(--color-accent);
}
.title-wrap .travel-title .select span {
    color: var(--color-accent);
}
.title-wrap .travel-title .select select {
  color: var(--color-accent);
}
.form-radio li .radio:checked ~ label {
  color: var(--color-accent);
}
.form-radio li label:after {
  background-color: var(--color-accent);
}
.form-search .form-field {
  color: var(--color-accent);
}
.form-search .form-field label span {
  color: var(--color-accent);
}
.form-search .form-field .field-input {
  color: var(--color-accent);
  border-bottom: 1px dashed var(--color-primary);
}
.form-search .form-field .field-input:-moz-placeholder {
  color: var(--color-accent);
}
.form-search .form-field .field-input:-ms-input-placeholder {
  color: var(--color-accent);
}
.form-search .form-field .field-input::-webkit-input-placeholder {
  color: var(--color-accent);
}
.form-search .form-field.field-select .select span {
  color: var(--color-accent);
  border-bottom: 1px dashed var(--color-primary);
}
.tour-item .tour-text .tour-name a:hover {
  color: var(--color-accent);
}
.tour-item .tour-text .price-box .price ins {
  color: var(--color-primary);
}


.booking-tours-results .listing-item .overlay-container .badge {
    border: 1px solid var(--color-accent);
    color: var(--color-primary);
}
.booking-tours-results .listing-item .price {
  color: var(--color-primary);
}
.booking-tours-results .box-available-packages #help-show a {
  color: var(--color-primary);
}

.box.box-warning {
  border-top-color: var(--color-primary);
}
.label-warning {
    background-color: var(--color-primary);
}


.awe-btn.arrow-right {
  background-image: url("../../images/icon-iframe-arrow-right-blue.9e7c48da6118.png"); /* Not variable, image color must be changed in asset */
}
.awe-btn.arrow-left {
  background-image: url("../../images/icon-iframe-arrow-left-blue.c02a0159a20e.png");
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  background: url("../../images/icon-iframe-arrow-left-blue.c02a0159a20e.png") no-repeat 50% 50%;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background: url("../../images/icon-iframe-arrow-right-blue.9e7c48da6118.png") no-repeat 50% 50%;
}
