#ADESearchForm .ADETab > li.ADETabLiActive a{
	color: #0098da;
}
#ADESearchForm .ADETab > li {
    background: #0098da;
}
.ADEButton{
	background: linear-gradient(101.95deg, #0098da -15.11%, #257a99 39.54%, #257a99 101.84%);
}
.ADEButton:hover, .ADEButton:active {
    background: linear-gradient(101.95deg, #67b8db -15.11%, #0098da 39.54%, #0098da 101.84%);
}
#ui-datepicker-div .ui-state-default.ui-state-active, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestCombo #ADEDatePickerMobileCombo .ui-datepicker-inline .ade-start-date .ui-state-default, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestCombo #ADEDatePickerMobileCombo.ADETimeRoundTrip .ui-datepicker-inline .ade-end-date .ui-state-default, #ADEDateSuggestCombo #ADEDatePickerMobileCombo a.ui-state-default.ui-state-active, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestHotel #ADEDatePickerMobileHotel .ui-datepicker-inline .ade-start-date .ui-state-default, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestHotel #ADEDatePickerMobileHotel.ADETimeRoundTrip .ui-datepicker-inline .ade-end-date .ui-state-default, #ADEDateSuggestHotel #ADEDatePickerMobileHotel a.ui-state-default.ui-state-active, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTour #ADEDatePickerMobileTour .ui-datepicker-inline .ade-start-date .ui-state-default, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTour #ADEDatePickerMobileTour.ADETimeRoundTrip .ui-datepicker-inline .ade-end-date .ui-state-default, #ADEDateSuggestTour #ADEDatePickerMobileTour a.ui-state-default.ui-state-active, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTicket #ADEDatePickerMobileTicket .ui-datepicker-inline .ade-start-date .ui-state-default, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTicket #ADEDatePickerMobileTicket.ADETimeRoundTrip .ui-datepicker-inline .ade-end-date .ui-state-default, #ADEDateSuggestTicket #ADEDatePickerMobileTicket a.ui-state-default.ui-state-active, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestISR #ADEDatePickerMobileISR .ui-datepicker-inline .ade-start-date .ui-state-default, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestISR #ADEDatePickerMobileISR.ADETimeRoundTrip .ui-datepicker-inline .ade-end-date .ui-state-default, #ADEDateSuggestISR #ADEDatePickerMobileISR a.ui-state-default.ui-state-active, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggest #ADEDatePickerMobile .ui-datepicker-inline .ade-start-date .ui-state-default, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggest #ADEDatePickerMobile.ADETimeRoundTrip .ui-datepicker-inline .ade-end-date .ui-state-default, #ADEResult .customdetailsbody #ADEDateSuggest #ADEDatePickerMobile a.ui-state-default.ui-state-active {
    background: #0098da;
    color: #ffffff !important;
}
.ui-state-default.ui-state-active span{
    color: #ffffff !important;
}
.ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestCombo #ui-datepicker-div.ADELunar .ui-datepicker-buttonpane button, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestHotel #ui-datepicker-div.ADELunar .ui-datepicker-buttonpane button, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTicket #ui-datepicker-div.ADELunar .ui-datepicker-buttonpane button, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTour #ui-datepicker-div.ADELunar .ui-datepicker-buttonpane button, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestISR #ui-datepicker-div.ADELunar .ui-datepicker-buttonpane button, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggest #ui-datepicker-div.ADELunar .ui-datepicker-buttonpane button, .ADEControlBox.ADEControlDate .ADEDateBox #ui-datepicker-div.ADELunar .ui-datepicker-buttonpane button {
    color: #0098da;
}
.ADEContentModal .pnsection .sectionend > button > p {
    color: #0098da;
}
.ADEContentModal .pnsection .sectionend > button {
    border: 1px solid #0098da;
}
.detailsheader .ADEBody {
    background-color: #0098da;
}
#ADEResult .ADEResultTitle {
    background: #0098da;
}
.ticketprice .ticketpricenumber{
	color: #f60000;
}
.ADEDateActive, .ADEDateInactive:hover {
    color: #0098da;
    border-bottom: 2px solid #0098da;
}
#ADEResultSelected .ADEResultSelectedBox .ADETotalSelected > span > span {
    color: #f60000;
}
.customdetailsbody .customerboxheader{
	background-color: #0098da;
}
.customdetailsbody .ticket-details.ADEPriceSummary .ADEPassengerPriceLabel#lblTotalPrice {
    color: #f60000;
}
.ADEChangeFlightDesktop {
    color: #0098da;
}
.successbooking .ticket-details-bookingsuccess-header{
	background-color: #0098da;
}
.successbooking .booking-route-header{
	background: #0098da;
}
.successbooking .bookingdetails > tbody > tr:last-child > td > span {
    color: #f60000;
}
.ADEBody .ADEHeader .ADEItinerary input[type=radio] {
    accent-color: #0098da;
}
.ADEBody .ADEHeader .ADEItinerary input[type=checkbox] {
    accent-color: #0098da;
}
.ADEISRTableContent button, .ADEISRInforSelectedBox button, .ADEISRTableContent .ADEISRHoldBtn, .ADEISRInforSelectedBox .ADEISRHoldBtn {
    background: #0098da;
}
.ADEISRInforMainBackground {
    background: linear-gradient(#257a99 0px, #0098da 323px, #ffffff 323px);
}
.ADEISRInforMain .ADEISRTableContent {
    background: #0098da;
}
.ADEISRInforMain .ADEISRTableContent button, .ADEISRInforMain .ADEISRInforSelectedBox button {
    background: linear-gradient(101.95deg, #257a99 -15.11%, #257a99 39.54%, #257a99 101.84%);
}
.ADEISRInforListTitleP, .ADEISRInforListTitleM {
    color: #0098da;
}
.ADEISRInforSelectedBox{
    accent-color: #0098da;
}
.ADEISRInforListExtend {
    color: #0098da;
}
#ADEISRList .ui-datepicker-title select {
    border: 1px solid #0098da;
}
.ADETicketOptionsSelectButton {
    background: #0098da;
}
.ADETicketBackButton:hover, .ADETicketExpandButton:hover {
    background: #0098da;
}
.ADETicketBackButton, .ADETicketExpandButton {
    border: 2px solid #0098da;
    color: #0098da;
}
.ADETicketOption:hover {
    border: 1px solid #0098da;
}
.ADETicketChangePax {
    border: 2px solid #0098da;
    color: #0098da;
}
.ADETicketChangePax:hover {
    background: #257a99;
    color: #ffffff;
}
.ADETicketOptionSelect, .ADETicketBookingButton {
    background: linear-gradient(101.95deg, #0098da -15.11%, #257a99 39.54%, #257a99 101.84%);
}
.ADELine {
    background: linear-gradient(101.95deg, #0098da -15.11%, #257a99 39.54%, #257a99 101.84%);
}
.ADETicketAsideTotalPrice {
    color: #0098da;
}
.ADETicketBookingHeader {
    background: #0098da;
}
.ADETicketDashed {
    border: 2px dashed #0098da;
}
.ADESwitchToggle input:checked + .ADESwitchSlider {
    background-color: #0098da;
}
#ADESearchForm .ADETab .ADETabLiActive .ADESearchAirIcon {
    background-image: url('../images/IDE/ADESearchAirIcon.svg');
}
.ADEBody .ADEBodyContent .ADEPoints .ADEPoint .icondeparture {
    background-image: url('../images/IDE/icondeparture.svg');
}
.ADEBody .ADEBodyContent .ADEPoints .ADEPoint .icondestination {
    background-image: url('../images/IDE/icondestination.svg');
}
.ADEBody .ADEBodyContent .ADETime .iconcalender {
    background-image: url('../images/IDE/iconcalender.svg');
}
.ADEBody .ADEBodyContent .ADEPassenger .iconperson {
    background-image: url('../images/IDE/iconperson.svg');
}
#ADEPointSuggestTicket .ADEPointIcon, #ADEPointSuggestTour .ADEPointIcon, #ADEPointSuggestISR .ADEPointIcon, #ADEPointSuggest .ADEPointIcon, #ADEResult .ADEPointIcon {
    background-image: url('../images/IDE/ADEPointIcon.svg');
}
#ADESearchForm .ADETab .ADETabLiActive .ADESearchISRIcon {
    background-image: url('../images/IDE/ADESearchISRIcon.svg');
}
.ADEBody .ADEBodyContent .ADEPoints .ADEPoint .ADEPointISRIcon {
    background-image: url('../images/IDE/ADEPointISRIcon.svg');
}
#ADESearchForm .ADETab .ADETabLiActive .ADESearchTicketIcon {
    background-image: url('../images/IDE/ADESearchTicketIcon.svg');
}
.ADETicketIconSearch {
    background-image: url('../images/IDE/ADETicketIconSearch.svg');
}
.ADEItineraryIcon, .flightdayicon {
    background-image: url('../images/IDE/ADEItineraryIcon.svg');
}
.ADEControlBox .ADEISRCustomerBirthday {
    background-image: url('../images/IDE/ADEISROwnerBirthday.svg');
}
.ADEISRIconDownload {
    background-image: url('../images/IDE/ADEISRIconDownload.svg');
}
.ADEISRIconUpload {
    display: inline-block;
    background-image: url('../images/IDE/ADEISRIconUpload.svg');
}
.ADEControlBox .ADEISRCustomerIdentity {
    background-image: url('../images/IDE/ADEISROwnerIdentity.svg');
}
.ADEControlBox.ADEControlDate .ADEDateBox #ui-datepicker-div.ADELunar .ui-icon-caret-1-w, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestCombo #ui-datepicker-div.ADELunar .ui-icon-caret-1-w, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestCombo #ADEDatePickerMobileCombo .ui-datepicker-inline .ui-icon-caret-1-w, #ADEDateSuggestCombo #ADEDatePickerMobileCombo .ui-datepicker-inline .ui-icon-caret-1-w, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestHotel #ui-datepicker-div.ADELunar .ui-icon-caret-1-w, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestHotel #ADEDatePickerMobileHotel .ui-datepicker-inline .ui-icon-caret-1-w, #ADEDateSuggestHotel #ADEDatePickerMobileHotel .ui-datepicker-inline .ui-icon-caret-1-w, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTicket #ui-datepicker-div.ADELunar .ui-icon-caret-1-w, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTicket #ADEDatePickerMobileTicket .ui-datepicker-inline .ui-icon-caret-1-w, #ADEDateSuggestTicket #ADEDatePickerMobileTicket .ui-datepicker-inline .ui-icon-caret-1-w, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTour #ui-datepicker-div.ADELunar .ui-icon-caret-1-w, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTour #ADEDatePickerMobileTour .ui-datepicker-inline .ui-icon-caret-1-w, #ADEDateSuggestTour #ADEDatePickerMobileTour .ui-datepicker-inline .ui-icon-caret-1-w, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestISR #ui-datepicker-div.ADELunar .ui-icon-caret-1-w, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestISR #ADEDatePickerMobileISR .ui-datepicker-inline .ui-icon-caret-1-w, #ADEDateSuggestISR #ADEDatePickerMobileISR .ui-datepicker-inline .ui-icon-caret-1-w, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggest #ui-datepicker-div.ADELunar .ui-icon-caret-1-w, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggest #ADEDatePickerMobile .ui-datepicker-inline .ui-icon-caret-1-w, #ADEResult .customdetailsbody #ADEDateSuggest #ADEDatePickerMobile .ui-datepicker-inline .ui-icon-caret-1-w {
    background-image: url('../images/IDE/iconpicprev.svg');
}
.ADEControlBox.ADEControlDate .ADEDateBox .ADELunar .ui-icon-caret-1-e, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestCombo #ui-datepicker-div.ADELunar .ui-icon-caret-1-e, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestCombo #ADEDatePickerMobileCombo .ui-datepicker-inline .ui-icon-caret-1-e, #ADEDateSuggestCombo #ADEDatePickerMobileCombo .ui-datepicker-inline .ui-icon-caret-1-e, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestHotel #ui-datepicker-div.ADELunar .ui-icon-caret-1-e, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestHotel #ADEDatePickerMobileHotel .ui-datepicker-inline .ui-icon-caret-1-e, #ADEDateSuggestHotel #ADEDatePickerMobileHotel .ui-datepicker-inline .ui-icon-caret-1-e, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTicket #ui-datepicker-div.ADELunar .ui-icon-caret-1-e, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTicket #ADEDatePickerMobileTicket .ui-datepicker-inline .ui-icon-caret-1-e, #ADEDateSuggestTicket #ADEDatePickerMobileTicket .ui-datepicker-inline .ui-icon-caret-1-e, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTour #ui-datepicker-div.ADELunar .ui-icon-caret-1-e, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestTour #ADEDatePickerMobileTour .ui-datepicker-inline .ui-icon-caret-1-e, #ADEDateSuggestTour #ADEDatePickerMobileTour .ui-datepicker-inline .ui-icon-caret-1-e, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestISR #ui-datepicker-div.ADELunar .ui-icon-caret-1-e, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggestISR #ADEDatePickerMobileISR .ui-datepicker-inline .ui-icon-caret-1-e, #ADEDateSuggestISR #ADEDatePickerMobileISR .ui-datepicker-inline .ui-icon-caret-1-e, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggest #ui-datepicker-div.ADELunar .ui-icon-caret-1-e, .ADEBody .ADEBodyContent .ADETimeBox #ADEDateSuggest #ADEDatePickerMobile .ui-datepicker-inline .ui-icon-caret-1-e, #ADEResult .customdetailsbody #ADEDateSuggest #ADEDatePickerMobile .ui-datepicker-inline .ui-icon-caret-1-e {
    background-image: url('../images/IDE/iconpicnext.svg');
}
#ADEPointSuggestTicketType .ADETicketIcon, #ADEPointSuggestTicket .ADETicketIcon {
    background-image: url('../images/IDE/ADETicketIcon.svg');
}
.ADETicketPointIcon {
    background: url('../images/IDE/ADETicketPointIcon.svg') no-repeat center;
}
.ADETicketSlide .slick-prev {
    background-image: url('../images/IDE/ADETicketSlideprev.svg') !important;
}
.ADETicketSlide .slick-next {
    background-image: url('../images/IDE/ADETicketSlidenext.svg') !important;
}
#ADESearchForm .ADETab .ADETabLiActive .ADESearchHotelIcon {
    background-image: url('../images/IDE/ADESearchHotelIcon.svg') !important
}

/* Page In */
.tikfli{
    margin: 10px 0px;
}
.desc #ADESearchForm .ADETab > li.ADETabLiActive{
    background: #3f4549 !important;
}
.desc #ADESearchForm .ADETab > li.ADETabLiActive a,
.desc #ADESearchForm .ADETab > li a{
    color: #fff !important;
}

@media screen and (max-width: 768px){
    .ADEBody .ADEBodyContent .ADEPoints > a {
        background-image: url('../images/IDE/ADESwitchButton.svg');
    }
    .ADEDateActive {
        background: #0098da;
        color: #fff !important;
    }
    .customdetailsbody .customerhightlight {
        background-color: #0098da;
    }
}



/* V2 */
#EmbeddedSearchForm{
    background: #0098da;
}
.time-travel-from-custom-date-picker .custom-calender-value, .time-travel-to-custom-date-picker .custom-calender-value{
    background-color: #fff;
    color: #333 !important;
}
.color-icon-stroke{
    stroke: #0098da;
}
.label-select,
.container-search-form-horizontal .search-form-byMonth label,
.select-location-mobile-info-label{
    color: #fff;
}
.container-search-form-horizontal .search-form-byMonth input{
    margin-top: -7px;
}
.button-form-schedule{
    background-color: #3f4549;
}
.button-form-schedule:hover{
    background-color: #fff;
    border: 1px solid #333;
    color: #333;
}
.flight-header,
.filter .filter-header, .filter-search .filter-header,
.flight-action__button,
.pax-info__container .pax-header .pax-header__title{
    background-color: #0098da;
}
.filter .filter-header, .filter-search .filter-header,
.flight-action__button{
    border: 1px solid #0098da;
}
.filter .filter-item .filter-item-total-time-flight .filter-item-slider-time-flight, .filter-search .filter-item .filter-item-total-time-flight .filter-item-slider-time-flight{
    background: linear-gradient(to right, #0098da, #0098da 100%, #fff, #fff);
    border: solid 1px #0098da;
}
.flight-item .flight-item__content .info__button,
.summary .summary-header,
.pax-info__container .pax-submit button{
    background-color: #0098da;
    border: 1px solid #0098da;
}
.flight-date .flight-date-active,
.flight-item .flight-item__content .info-route .info-time .info-totalTime, .flight-item .flight-item__content .info-route__gds .info-time .info-totalTime,
.filter .filter-item .filter-item-total-time-flight>div>strong:nth-child(2), .filter-search .filter-item .filter-item-total-time-flight>div>strong:nth-child(2),
.pax-info__container .pax-info .pax-info__item .pax-info__row .pax-luggage .pax-luggage__header .pax-luggage__depart,
.flight-result .flight-result__order strong{
    color: #0098da;
}
.flight-item .position-badge-departDate-detail{
    background-color: #0098da;
}
.flight-item .position-badge-departDate-detail:before{
    background: #0098da;
}
.root-main .filter-container .filter-button .filter-button__item, .root-main .filter-header .filter-button .filter-button__item{
    color: #fff;
    border: 1px solid #0098da;
}
@media screen and (max-width: 768px) {
    .flight-item .flight-item__content .info-price div, .flight-item .flight-item__content .info-price__selected div {
        color: #0098da;
    }
}