:root {
  --primary-color: #238b36;
  --highlight-color: #ffbd1a;
}

a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

body {
  background: none;
  padding: 0;
  border: 0;
}

#homePageSearch {
  background: url(../images/bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 0;
  border-radius: 12px;
  margin: 0 auto;
  position: relative;
}
#homePageSearch:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(246, 244, 239);
}
#homePageSearch .wrap-box-search {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 12px;
  padding: 30px;
  position: relative;
}
#homePageSearch .passenger-number .form-control {
  border: 1px solid #ddd;
  box-shadow: none;
}
#homePageSearch .passenger-number > label {
  color: #acacac;
}
#homePageSearch .dropdown-cnt {
  top: 56px;
  padding: 10px 15px;
  border: 0;
  box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.15);
}
#homePageSearch .dropdown-cnt ul li {
  margin-bottom: 10px;
}

.flight-quick-search {
  padding: 15px;
  border: 1px solid #ddd;
}

/*Form Search*/
#flightSearchForm .tickettype label {
  cursor: pointer;
}
#flightSearchForm .tickettype label:has(.checked) {
  cursor: inherit;
}
#flightSearchForm .inout .location-lbl,
#flightSearchForm .inout .time-lbl,
#flightSearchForm .passenger label strong {
  color: #acacac;
}
#flightSearchForm .inout .location-list,
#flightSearchForm .inout .time,
#flightSearchForm .custom.dropdown.small {
  border-color: #ddd;
}
#flightSearchForm .inout .location-lbl[for=DepartureCity-Holder] {
  background: url(../images/ic/ic-kh.svg) no-repeat left center;
}
#flightSearchForm .inout .location-lbl[for=ArrivalCity-Holder] {
  background: url(../images/ic/ic-hc.svg) no-repeat left center;
}
#flightSearchForm .inout .time-lbl {
  background: url(../images/ic/ic-cld.svg) no-repeat left center;
}
#flightSearchForm .btn-switch {
  background: url(../images/ic/ic-convert.svg) no-repeat left center;
}

#quick-search-dialog #flightSearchForm #fsd-source .btn-switch {
  background: url(../images/ic/ic-convert-2.svg) no-repeat center center;
}
#quick-search-dialog #flightSearchForm .dropdown-passenger .dropdown-btn {
  box-shadow: none;
}
#quick-search-dialog #flightSearchForm .dropdown-passenger #btnShowPassengerInfoContent, #quick-search-dialog #flightSearchForm .dropdown-passenger .dropdown-btn {
  color: #2D2F39;
}
#quick-search-dialog #flightSearchForm .dropdown-passenger #btnShowPassengerInfoContent {
  font-size: 13px;
  text-decoration: none;
}

/*select.flight*/
#flightFilter .ui-accordion .ui-accordion-header {
  color: #2D2F39;
}

.searchresults .route .scb-to {
  background: url(../images/ic/icon-arrow-right.svg) no-repeat center right;
}
.searchresults .searchresults-tbl .show-more-seat-class {
  color: #000;
}
.searchresults .searchresults-tbl .show-more-seat-class:active {
  box-shadow: none;
}

/*BOoking info*/
.page-booking-info #mcontact-info h3, .page-booking-info #mcustomer-info h3, .page-booking-info #mpackage-info h3, .page-booking-info #mprice-info h3 {
  color: #2D2F39;
}

.box-control-page .btn-back-page:before {
  background: url(../images/ic/icon-send-mail-color.svg) no-repeat left center;
}
.box-control-page .btn-back-page:hover:before {
  background: url(../images/ic/icon-send-mail.svg) no-repeat left center;
}

/*payment*/
.page-payment-info .banking-info {
  padding-left: 0;
  padding-right: 0;
}
.page-payment-info .banking-info table {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
}
.page-payment-info .payment-at-office {
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

/*Confirm*/
.page-booking-confirm .confirm-flight-info h5 i.icon {
  background: url(../images/ic/icon-arrow-right.svg) no-repeat center right;
}
.page-booking-confirm .confirm-panel-price-condition h4 {
  font-weight: bold;
}
.page-booking-confirm .confirm-panel-price-condition h4 i.icon {
  background: url(../images/ic/icon-arrow-right.svg) no-repeat center right;
}

#flightSearchForm .tickettype label span.custom.radio.checked {
  color: var(--primary-color);
}
#flightSearchForm .tickettype label:has(.checked) span.custom.radio.checked {
  background: var(--primary-color) !important;
}
#flightSearchForm #submit-search #btnSearchFlight {
  background: var(--primary-color) url(../images/ic/icon-send-mail.svg) no-repeat right 25px center;
}
#flightSearchForm #submit-search #btnSearchFlight:hover {
  background-color: var(--highlight-color);
}

.ui-dialog[aria-describedby=departure-location-dlg] .international-city #btnChooseLocation {
  background: var(--primary-color);
}
.ui-dialog[aria-describedby=departure-location-dlg] .international-city #btnChooseLocation:hover {
  background: var(--highlight-color);
}
.ui-dialog[aria-describedby=departure-location-dlg] .domestic-city ul li a:hover {
  color: var(--primary-color);
}

#quick-search-dialog #flightSearchForm #submit-search #btnSearchFlight {
  background-color: var(--primary-color);
}
#quick-search-dialog #flightSearchForm #submit-search #btnSearchFlight:hover {
  background-color: var(--highlight-color);
}

.page-booking-info {
  padding-top: 15px;
}

@media only screen and (max-width: 767px) {
  #homePageSearch {
    border-radius: 0;
  }
  #homePageSearch .wrap-box-search {
    border-radius: 0;
  }
  #homePageSearch .dropdown-cnt {
    top: unset;
    bottom: 36px;
    z-index: 10;
  }
  #flightSearchForm #submit-search #btnSearchFlight {
    bottom: -48px;
  }
  .ui-dialog[aria-describedby=departure-location-dlg] .international-city #inter-city-departure {
    font-size: 16px;
  }
}