body {
  background: white;
  padding: 0;
}

#homePageSearch {
  padding: 100px 24px;
  border-radius: 12px;
  margin: 0 auto;
  background: #df0100 url(../images/banner-skyjet.jpg) no-repeat center;
  background-size: auto 100%;
  position: relative;
}
#homePageSearch:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  border-radius: 12px;
}
#homePageSearch .wrap-box-search {
  box-shadow: 0 0px 6px #353434;
  background-color: white;
}
#homePageSearch .dropdown-cnt ul li button:hover {
  border-color: #df0000;
  background: #df0000;
}
#homePageSearch .dropdown-cnt #modalPassenger-dimiss {
  background-color: #df0000;
}
#homePageSearch .dropdown-cnt #modalPassenger-dimiss:hover {
  background-color: #148c17;
}
#homePageSearch .passenger-number .form-control {
  border: 1px solid #ddd;
  box-shadow: none;
}
#homePageSearch .passenger-number > label {
  color: #5d5d5d;
}

.ui-dialog .ui-widget-header {
  background-color: #df0000;
}
.ui-dialog .ui-dialog-buttonpane button {
  color: #df0000;
  border-color: #df0000;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
  background-color: #df0000;
}

/*Form Search*/
#flightSearchForm .tickettype label {
  cursor: pointer;
}
#flightSearchForm .tickettype label:has(.checked) {
  cursor: inherit;
}
#flightSearchForm .tickettype label:has(.checked) span.custom.radio.checked {
  background: #df0000 !important;
}
#flightSearchForm .tickettype label[for=radioOneWay] span.custom.radio {
  border: 1px solid #ddd;
  border-right: 0;
}
#flightSearchForm .tickettype label[for=radioRoundTrip] span.custom.radio {
  border: 1px solid #ddd;
  border-left: 0;
}
#flightSearchForm #submit-search #btnSearchFlight {
  background-color: #df0000;
  box-shadow: none;
}
#flightSearchForm #submit-search #btnSearchFlight:hover {
  background-color: #148c17;
}
#flightSearchForm .inout .location-lbl,
#flightSearchForm .inout .time-lbl,
#flightSearchForm .passenger label strong {
  color: #5d5d5d;
}
#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 #fsd-source,
#flightSearchForm #fsd-arrival,
#flightSearchForm #fsd-departure-date,
#flightSearchForm #fsd-return-date {
  padding-right: 24px;
}
#flightSearchForm .btn-switch {
  background: url(../images/ic/ic-convert.svg?id=2025) no-repeat left center;
}

.flight-quick-search {
  background-color: #f2fbff;
}
.flight-quick-search #flightSearchForm .dropdown-passenger .dropdown-cnt #modalPassenger-dimiss {
  background-color: #df0000;
}
.flight-quick-search #flightSearchForm .dropdown-passenger .dropdown-cnt #modalPassenger-dimiss:hover {
  background: #148c17;
}
.flight-quick-search #flightSearchForm .dropdown-passenger .dropdown-cnt ul li button:hover {
  background-color: #df0000;
  border-color: #df0000;
}

.ui-dialog[aria-describedby=departure-location-dlg] .ui-dialog-titlebar {
  background: #df0000;
}
.ui-dialog[aria-describedby=departure-location-dlg] .international-city #btnChooseLocation {
  background: #df0000;
}
.ui-dialog[aria-describedby=departure-location-dlg] .international-city #btnChooseLocation:hover {
  background: #148c17;
}
.ui-dialog[aria-describedby=departure-location-dlg] .ui-dialog-content h6.title {
  color: #df0000;
}
.ui-dialog[aria-describedby=departure-location-dlg] .ui-dialog-content li a:hover {
  color: #df0000;
}

#ui-datepicker-div table.ui-datepicker-calendar th {
  color: #df0000;
}
#ui-datepicker-div table.ui-datepicker-calendar .ui-state-active {
  background: #df0000;
}
#ui-datepicker-div table.ui-datepicker-calendar .ui-state-active .ui-datepicker-lunar {
  color: white;
}
#ui-datepicker-div table.ui-datepicker-calendar .ui-state-active:hover {
  background: #148c17;
}
#ui-datepicker-div table.ui-datepicker-calendar .ui-state-default:hover {
  background: #df0000;
}

/*Quick Search*/
#quick-search-dialog #flightSearchForm #submit-search #btnSearchFlight {
  background: #df0000;
}
#quick-search-dialog #flightSearchForm #submit-search #btnSearchFlight:hover {
  background-color: #148c17;
}
#quick-search-dialog #flightSearchForm #fsd-source .btn-switch {
  background: url(../images/ic/ic-convert-2.svg?id=2025) 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: #000;
}

/*select.flight*/
.page-title h1 {
  color: #df0000;
}

#flightFilter .ui-accordion .ui-accordion-header {
  color: #000;
}

.lbl-checkbox .checkmark:after {
  border-color: #df0000;
}

aside #bookingSummary .totalprice .totaltitle {
  color: #df0000;
}
aside #bookingSummary .total {
  background: #df0000;
}
aside .ui-slider .ui-slider-handle, aside .ui-slider .ui-slider-range {
  background: #148c17;
}

.searchresults h2.chooseticket {
  color: #df0000;
}
.searchresults .route .scb-to {
  background: url(../images/ic/icon-arrow-right.svg?id=2025) no-repeat center right;
}
.searchresults .dates .active a {
  color: #df0000;
}
.searchresults .dates .active a strong {
  color: #df0000;
}
.searchresults .searchresults-tbl thead {
  border: 1px solid #df0000;
}
.searchresults .searchresults-tbl th {
  background: #df0000;
}
.searchresults .searchresults-tbl .col-price {
  color: #df0000;
}
.searchresults .searchresults-tbl .show-more-seat-class {
  color: #000;
}
.searchresults .searchresults-tbl .show-more-seat-class:hover {
  color: #df0000;
}
.searchresults .searchresults-tbl .show-more-seat-class:active {
  box-shadow: none;
}
.searchresults .searchresults-tbl td.more .flag-choose-flight:hover, .searchresults .searchresults-tbl td.more .viewinfo:hover, .searchresults .searchresults-tbl td.more .viewflightinfo:hover {
  background-color: #df0000;
}
.searchresults .searchresults-tbl td.more .flag-choose-flight:hover {
  background-color: #df0000;
}
.searchresults .searchresults-tbl .flag-choose:hover {
  background-color: #df0000;
  color: white;
}
.searchresults .searchresults-tbl .flag-remove {
  background: #fff;
  border-color: #df0000;
  color: #df0000;
}
.searchresults .searchresults-tbl tbody tr.best-price-hightlight td {
  border-bottom-color: #df0000 !important;
}

.flight-detail-inline h4 {
  color: #df0000;
}

/*BOoking info*/
.page-booking-info .title-booking-info h1 {
  color: #df0000;
}
.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: #000;
}
.page-booking-info #mflight-info h3.name {
  color: #df0000;
}
.page-booking-info #mcustomer-info .passenger li > strong:nth-of-type(1) {
  color: #df0000;
}
.page-booking-info #mprice-info h5.title {
  color: #df0000;
}
.page-booking-info #mpackage-info h4 strong {
  color: #df0000;
}

.main #btnContinueCache, .main #btnContinue {
  background-color: #df0000;
}
.main #btnContinueCache:hover, .main #btnContinue:hover {
  background-color: #148c17;
}

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

/*payment*/
.page-payment-info .title-payment-info h1 {
  color: #df0000;
}
.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 .voucher-number .total-price {
  color: #df0000;
}
.page-payment-info .method-payment .method-payment-cnt {
  border-color: #df0000;
}
.page-payment-info .method-payment.active > label.method-payment-header {
  color: #000;
  border-color: #df0000;
}
.page-payment-info .payment-at-office {
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.hl-color {
  color: #148c17;
}

/*Confirm*/
.page-booking-confirm .confirm-summary h2 {
  color: #df0000;
}
.page-booking-confirm .confirm-summary ul li .hightlight {
  color: #df0000;
}
.page-booking-confirm .confirm-panel h3 {
  color: #000;
}
.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-flight-info h5 strong {
  color: #df0000;
}
.page-booking-confirm .confirm-flight-info .info-flight-selected .airlines-info b {
  color: #df0000;
}
.page-booking-confirm .confirm-flight-info .info-flight-selected .time p:last-child b {
  color: #df0000;
}
.page-booking-confirm .confirm-panel-price-condition h4 {
  color: #df0000;
  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;
}
.page-booking-confirm .cnt-booking-confrim .booking-confrim-note:before {
  background-color: #df0000;
}
.page-booking-confirm .cnt-booking-confrim .booking-confrim-note h5 {
  color: #df0000;
}

.fare-conditions-box .title {
  color: #df0000;
}

.makereservation-loading {
  border-color: #df0000;
}