@charset "UTF-8";

/* WY CSS : Latest Updates on 20180327 08:30 by Aziz */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/*@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');*/
@import url('https://fonts.googleapis.com/css?family=Tajawal');
@font-face {
    font-family: 'wy';
    src: url('../fonts/wy.eot?78010202');
    src: url('../fonts/wy.eot?78010202#iefix') format('embedded-opentype'), url('../fonts/wy.woff2?78010202') format('woff2'), url('../fonts/wy.woff?78010202') format('woff'), url('../fonts/wy.ttf?78010202') format('truetype'), url('../fonts/wy.svg?78010202#wy') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* WY Main Font Family English*/
.passenger-summary, .ducp-component-cart-panel ul.ducp-component-cart-panel-list > .ducp-component-cart-panel-section > .ducp-component-accordion > .spark-panel__content .itinerary-part-flight-details .ducp-component-flight-route, .brand-offer-price-mobile .brand-offer-title, .dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .offer-labels, .flight-offer-details .duration-stops .duration, .time, .dxp-breadcrumbs-container span, html, body, .dxp-payment-component h2, .dxp-breadcrumbs, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day.selected, .dxp-price, .dxp-summary-bar-container, .dxp-flight .flight-operated-by, .flight-depart .dxp-time, .dxp-flight .flight-details, .dxp-flight-offers .fare-comparison-header, .brand-fare-table .brand-name, .dxp-button.small, .dxp-price, .dxp-flight-offers .offer .price, .dxp-flight-offers .brand-offer .price, .dxp-switch .dxp-switch-option, .dxp-button.medium, .dxp-summary-bar-container-edit-button, .dxp-breadcrumbs-list-item .active .dxp-breadcrumbs-list-item-index, .dxp-breadcrumbs-list-item-index, button, input, optgroup, select, textarea, .dxp-message > .title-container .dxp-warning .title, .dxp-message > .title-container .dxp-error .title, .dxp-message > .title-container .dxp-info .title, .dxp-message > .title-container .dxp-success .title, .dxp-ancillary-flight .collapse-btn .flight-title {
    font-family: 'Open Sans', sans-serif !important;
    /* font-size: 100%; */
}


/* WY Main Font Family Arabic*/
.dx-flight-selection-ribbon-item .calendar-ribbon-item-label, [dir=rtl] .dxp-shared-flight-selection ..ducp-component-title, [dir=rtl] .cabin-offer-mobile .cabin-class, .dxp-breadcrumbs-container span, .dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .offer-labels, html[lang="ar"], html[lang="ar"] body, [dir="rtl"] .dxp-breadcrumbs, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6, [dir="rtl"] .h1, [dir="rtl"] .h2, [dir="rtl"] .h3, [dir="rtl"] .h4, [dir="rtl"] .h5, [dir="rtl"] .h6, [dir="rtl"] .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day.selected, [dir="rtl"] .dxp-price, [dir="rtl"] .dxp-summary-bar-container, [dir="rtl"] .dxp-flight .flight-operated-by, [dir="rtl"] .flight-depart .dxp-time, [dir="rtl"] .dxp-flight .flight-details, [dir="rtl"] .dxp-flight-offers .fare-comparison-header, [dir="rtl"] .brand-fare-table .brand-name, [dir="rtl"] .dxp-button.small, [dir="rtl"] .dxp-price, [dir="rtl"] .dxp-flight-offers .offer .price, [dir="rtl"] .dxp-flight-offers .brand-offer .price, [dir="rtl"] .dxp-switch .dxp-switch-option, [dir="rtl"] .dxp-button.medium, [dir="rtl"] .dxp-summary-bar-container-edit-button, [dir="rtl"] .dxp-breadcrumbs-list-item .active .dxp-breadcrumbs-list-item-index, [dir="rtl"] .dxp-breadcrumbs-list-item-index, [dir="rtl"] button, [dir="rtl"] input, [dir="rtl"] optgroup, [dir="rtl"] select, [dir="rtl"] textarea, [dir="rtl"] .dxp-message > .title-container .dxp-warning .title, [dir="rtl"] .dxp-message > .title-container .dxp-error .title, [dir="rtl"] .dxp-message > .title-container .dxp-info .title, [dir="rtl"] .dxp-message > .title-container .dxp-success .title, .dxp-inline-message .title-content {
    font-family: 'Tajawal', sans-serif !important;
}

/* WY #00b3bc COLOR*/
.dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected .date, .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected:after, .dxp-brand-amenities-wy .amenity, span[data-translation="upgrade.content"] div:first-of-type, .icon-fill-arrow-basic-right:after, .icon-arrow-basic-right:after, .spark-icon-arrow-basic-right::before, .dxp-switch .dxp-switch-option:not(.selected), [class$="-form-header"], .journey-type-label, .toggle-recent-searches, #promo-code-mask, .dxp-selected-flight .dxp-time:before, strong.arrive-time:before, strong.departure-time:before, .dxp-link:hover, .dxp-switch .dxp-switch-option:not(.selected), [class$="-form-header"], .journey-type-label, .toggle-recent-searches, #promo-code-mask, .dxp-breadcrumbs-list-item-index, .dxp-breadcrumbs-list-item .active .dxp-breadcrumbs-list-item-title {
    color: #00b3bc;
    /* color: rgb(122, 137, 145); */
}

/* WY #b4975a Color */
.dxp-header-view .header-item-group .header-item > .header-item-body .header-item-panel .manage-links .dxp-link, .dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .result-info-sort-filter .sort-filters-panel .ducp-component-button.text-button, .flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown.ducp-component-button.text-button, span[data-translation="upgrade.content"] li:before, .dxp-ancillary-flight .collapse-btn .flight-title, .dxp-ancillary-panel-content .intro p, .dxp-flight-offers .offer .price, .dxp-flight-offers .brand-offer .price, .brand-fare-table th, strong.arrive-time, strong.departure-time, .dxp-link:focus, .dxp-link, .dxp-breadcrumbs-list-item.completed .dxp-breadcrumbs-list-item-title, .dxp-breadcrumbs-list-item.completed .dxp-breadcrumbs-list-item-index {
    color: #b4975a;
}

/* WY Grey Color */
.itinerary-part-summary-details .flights-operated-by .flight-number-operated-by, .dxp-view .title-wrapper, .dxp-brand-amenities-wy .amenity:before, .dxp-brand-amenities-wy .amenity .title, .dxp-operated-by .flight-number, .dxp-flight-selection, .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day.no-flights, .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day[disabled], .dxp-breadcrumbs-list-item-index, .dxp-breadcrumbs-list-item-title {
    /* color:#7a8991; */
}

/* WY White Color */
.dxp-payment-component .header.padding h3, .passenger-summary, .cabin-offer-mobile .big-price-container .big-price, .cabin-offer-mobile .cabin-class, .itinerary-part-offer-price .itinerary-part-offer-price-button .starting-at-label, .dxp-menu .menu-link, .dxp-menu .main-menu-container .main-menu .menu-item:hover, .itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__back, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__forward, .dxp-cabin-offers .offer .name, .dxp-flight .offer .dxp-price, .dxp-summary-bar-container-airports .spark-icon-arrow-basic-right:before {
    color: #fff;
}

/* WY #555 Color */
.dxp-view-subtitle {
    color: #555
}

/* WY #00b3bc Background */
.dxp-menu .main-menu-container .main-menu .menu-item:hover, .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected:after, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__forward, .spark-step-indicator__item--current:after, .spark-step-indicator__item--current:before, .dxp-switch .dxp-switch-option.selected, .dxp-breadcrumbs-list-item .active .dxp-breadcrumbs-list-item-index, .passenger-summary, .journey-type-selection .journey-type-selection-item.active .dxp-link, .sign-in-section, .RadioButtonList label .DucpComponentToggle .spark-toggle .toggle-input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .DucpComponentToggle .toggle-item .spark-toggle__input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .DucpComponentToggle .toggle-item .toggle-input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .spark-toggle .DucpComponentToggle .toggle-input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .spark-toggle .spark-toggle__input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .spark-toggle .RadioButtonList label .toggle-input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .spark-toggle .spark-toggle__input:checked ~ .toggle-label:nth-child(n), .DucpComponentToggle .spark-toggle .toggle-input:checked ~ .spark-label:nth-child(n), .DucpComponentToggle .spark-toggle .toggle-input:checked ~ .toggle-label:nth-child(n), .DucpComponentToggle .toggle-item .RadioButtonList label .spark-toggle__input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .toggle-item .RadioButtonList label .toggle-input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .toggle-item .spark-toggle__input:checked ~ .spark-label:nth-child(n), .DucpComponentToggle .toggle-item .spark-toggle__input:checked ~ .toggle-label:nth-child(n), .DucpComponentToggle .toggle-item .toggle-input:checked ~ .spark-label:nth-child(n), .DucpComponentToggle .toggle-item .toggle-input:checked ~ .toggle-label:nth-child(n), .spark-toggle .RadioButtonList label .spark-toggle__input:checked ~ .radio-label:nth-child(n), .spark-toggle .DucpComponentToggle .RadioButtonList label .toggle-input:checked ~ .radio-label:nth-child(n), .spark-toggle .DucpComponentToggle .spark-toggle__input:checked ~ .toggle-label:nth-child(n), .spark-toggle .DucpComponentToggle .toggle-input:checked ~ .spark-label:nth-child(n), .spark-toggle .DucpComponentToggle .toggle-input:checked ~ .toggle-label:nth-child(n), .spark-toggle .spark-toggle__input:checked ~ .spark-label:nth-child(n) {
    background-color: #00b3bc;
}

/* WY #b4975a Background */
.dxp-footer, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__back, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__forward, .dxp-inline-message.info .icon {
    background: #b4975a;
}

/* WY Border Color Grey */
.dxp-breadcrumbs-list-item-index {
    border-color: #7a8991;
}

/* WY Border Color #b4975a */
.dxp-breadcrumbs-list-item.completed .dxp-breadcrumbs-list-item-index, .dxp-link:focus, .dxp-header-view .centered-content, .dxp-inline-message.info .icon {
    border-color: #b4975a;
}

/* WY #00b3bc Borader Color */
.dxp-menu .main-menu-container .main-menu .menu-item.active, .dxp-menu .main-menu-container .main-menu .menu-item:hover, DucpComponentToggle .toggle-item .toggle-input:checked ~ .toggle-label:nth-child(n), .RadioButtonList label .DucpComponentToggle .spark-toggle .toggle-input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .DucpComponentToggle .toggle-item .spark-toggle__input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .DucpComponentToggle .toggle-item .toggle-input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .spark-toggle .DucpComponentToggle .toggle-input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .spark-toggle .spark-toggle__input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .spark-toggle .RadioButtonList label .toggle-input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .spark-toggle .spark-toggle__input:checked ~ .toggle-label:nth-child(n), .DucpComponentToggle .spark-toggle .toggle-input:checked ~ .spark-label:nth-child(n), .DucpComponentToggle .spark-toggle .toggle-input:checked ~ .toggle-label:nth-child(n), .DucpComponentToggle .toggle-item .RadioButtonList label .spark-toggle__input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .toggle-item .RadioButtonList label .toggle-input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .toggle-item .spark-toggle__input:checked ~ .spark-label:nth-child(n), .DucpComponentToggle .toggle-item .spark-toggle__input:checked ~ .toggle-label:nth-child(n), .DucpComponentToggle .toggle-item .toggle-input:checked ~ .spark-label:nth-child(n), .DucpComponentToggle .toggle-item .toggle-input:checked ~ .toggle-label:nth-child(n), .spark-toggle .RadioButtonList label .spark-toggle__input:checked ~ .radio-label:nth-child(n), .spark-toggle .DucpComponentToggle .RadioButtonList label .toggle-input:checked ~ .radio-label:nth-child(n), .spark-toggle .DucpComponentToggle .spark-toggle__input:checked ~ .toggle-label:nth-child(n), .spark-toggle .DucpComponentToggle .toggle-input:checked ~ .spark-label:nth-child(n), .spark-toggle .DucpComponentToggle .toggle-input:checked ~ .toggle-label:nth-child(n), .spark-toggle .spark-toggle__input:checked ~ .spark-label:nth-child(n) {
    border-color: #00b3bc;
}

/* WY NO Borader */
.ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative):not(.spark-step-indicator__edit-button), .dxp-menu .main-menu .menu-link:hover, .spark-panel, .DucpComponentToggle .toggle-item .toggle-input:checked ~ .toggle-label:nth-child(n), .points-currency-toggle .currency-points-toggle .toggle-points .toggle-label, DucpComponentToggle .toggle-item .toggle-input:checked ~ .toggle-label:nth-child(n), .spark-step-indicator__item--current:after, .spark-step-indicator__item--current:before, .journey-type-selection {
    border: 0 !important;
}

/*WY NO text shadow */
.spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__back, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__forward, .dxp-view .title-wrapper {
    text-shadow: unset
}

/*WY NO BOX Shadow */
.dx-flight-selection-ribbon.spark-carousel[data-spark-carousel-panel].leftbound .spark-carousel__controls .spark-carousel__back:focus, .dx-flight-selection-ribbon.spark-carousel[data-spark-carousel-panel].leftbound .spark-carousel__controls .spark-carousel__forward:focus, .dx-flight-selection-ribbon.spark-carousel[data-spark-carousel-panel].rightbound .spark-carousel__controls .spark-carousel__back:focus, .dx-flight-selection-ribbon.spark-carousel[data-spark-carousel-panel].rightbound .spark-carousel__controls .spark-carousel__forward:focus, .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item:focus {
    box-shadow: 0 0 0 0;
    /* -webkit-box-shadow: inset 0.0625rem 0 0.0625rem #ccc; */
    /* box-shadow: inset 0.0625rem 0 0.0625rem #ccc; */
}

/*WY Borader Round 0 */
.spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__back, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__forward {
    border-radius: 0
}

/* Economy  Colors */
.cabin-offer-mobile .cabin-offer-content.economy .cabin-offer-price-content, .wy-brandfares-economy, .economy .offer.non-disabled-flights, .dxp-selected-flight .airplane [data-translation="travelClass.economy"], .dxp-shopping-cart-container-selected-flights .details-container .operated-by .cabin-class-name [data-translation="travelClass.economy"], .itinerary-part-offer-price-button.economy {
    background: linear-gradient(to right, #037390 0, #00b3bc 100%) !important;
    background: #00b3bc !important;
    border: 0;
}

.economy span.from, .economy .starting-at-label {
    color: #d4e2e2 !important;
    text-transform: unset !important;
    font-size: 70% !important;
}

.dxp-selected-flight .airplane [data-translation="travelClass.economy"], .dxp-shopping-cart-container-selected-flights .details-container .operated-by .cabin-class-name [data-translation="travelClass.economy"] {
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-block;
    color: #fff;
    margin-bottom: 5px
}

.itinerary-part-offer-price .itinerary-part-offer-price-button.economy.selected .big-price-container .big-price:not(.brand-offer-price) .alternative:first-child:after {
    color: #00b3bc
}

/* business  Colors */
.cabin-offer-mobile .cabin-offer-content.business .cabin-offer-price-content, .wy-brandfares-business, .business .offer.non-disabled-flights, .dxp-selected-flight .airplane [data-translation="travelClass.business"], .dxp-shopping-cart-container-selected-flights .details-container .operated-by .cabin-class-name [data-translation="travelClass.business"], .itinerary-part-offer-price-button.business {
    background: linear-gradient(to right, #037390 0, #00b3bc 100%) !important;
    background: #037390 !important;
    border: 0;
}

.business .starting-at-label, .business .from {
    color: #90b8c3 !important;
    text-transform: unset !important;
    font-size: 70% !important;
}

.dxp-selected-flight .airplane [data-translation="travelClass.business"], .dxp-shopping-cart-container-selected-flights .details-container .operated-by .cabin-class-name [data-translation="travelClass.business"] {
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-block;
    color: #fff;
    margin-bottom: 5px
}

.itinerary-part-offer-price .itinerary-part-offer-price-button.business.selected .big-price-container .big-price:not(.brand-offer-price) .alternative:first-child:after {
    color: #037390
}

/* first  Colors */
.cabin-offer-mobile .cabin-offer-content.first .cabin-offer-price-content, .wy-brandfares-first, .itinerary-part-offer-price-button.first, .first .offer.non-disabled-flights, .dxp-selected-flight .airplane [data-translation="travelClass.first"], .dxp-shopping-cart-container-selected-flights .details-container .operated-by .cabin-class-name [data-translation="travelClass.first"] {
    background: linear-gradient(to right, #037390 0, #00b3bc 100%) !important;
    background: rgb(180, 151, 90) !important;
    border: 0;
}

.first span.from, .first .starting-at-label {
    color: #ebe0c9 !important;
    text-transform: unset !important;
    font-size: 70% !important;
}

.dxp-selected-flight .airplane [data-translation="travelClass.first"], .dxp-shopping-cart-container-selected-flights .details-container .operated-by .cabin-class-name [data-translation="travelClass.first"] {
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-block;
    color: #fff;
    margin-bottom: 5px
}

.itinerary-part-offer-price .itinerary-part-offer-price-button.first.selected .big-price-container .big-price:not(.brand-offer-price) .alternative:first-child:after {
    color: #b4975a
}

/* WY Blue Button */
.brand-offer-price-mobile .brand-select-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), .itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md, .dxp-button.primary.small, .dxp-button.primary.medium:not(disabled) {
    color: #FFFFFF;
    background: linear-gradient(150deg, #00b3bc 0%, #037390 100%);
    border: 0;
    background-size: 200% 200%;
    border-color: #12a7cc;
    animation: 1s;
    /* padding: 4% 0%; */
    /* margin-top: 3%; */
}

.dxp-button:disabled, .dxp-button.btn-disabled {
    background: #E4E4E4 !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md:active, .itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md:hover, .dxp-button.primary.small:hover, .dxp-button.primary.medium:hover {
    background: linear-gradient(150deg, #00b3bc 0%, #037390 100%);
    border: 0;
    background-position: -100% 100%;
    /* padding: 4%; */
}

.dxp-button.primary.small span span, .dxp-button.primary.medium span, .dxp-button.primary.small .currency, .brand-select-button .dxp-price {
    position: relative;
    transition: 0.5s;
    /* display: block; */
}

html[lang="en"] .dxp-button.primary.small:not(.offer-select-button) span span:after, html[lang="en"] .dxp-button.primary.medium:not(:disabled) span:after, html[lang="en"] .dxp-button.primary.small .currency:after, html[lang="en"] .brand-select-button .dxp-price:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    /* top: 48%; */
    right: -20px;
    font-size: 31px;
    transition: 0.5s;
    line-height: 18px;
}

[dir="rtl"] .dxp-button.primary.small:not(.offer-select-button) span span:after, [dir="rtl"] .dxp-button.primary.medium span:after, [dir="rtl"] .currencyWY .dxp-button.primary.small .currency:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    left: -20px;
    font-size: 31px;
    transition: 0.5s;
    line-height: 18px;
}

html[lang="en"] .dxp-button.primary.small:not(.offer-select-button):hover span span, html[lang="en"] .dxp-button.primary.medium:hover span, html[lang="en"] .currencyWY .dxp-button.primary.small:hover .currency, html[lang="en"] .brand-select-button:hover .dxp-price {
    padding-right: 25px;
}

[dir="rtl"] .dxp-button.primary.small:not(.offer-select-button):hover span span, [dir="rtl"] .dxp-button.primary.medium:hover span, [dir="rtl"] .currencyWY .dxp-button.primary.small:hover .currency {
    padding-left: 25px;
}

html[lang="en"] .dxp-button.primary.small:not(.offer-select-button):hover span span:after, html[lang="en"] .dxp-button.primary.medium:hover span:after, html[lang="en"] .currencyWY .dxp-button.primary.small:hover .currency:last-of-type:after, html[lang="en"] .brand-select-button:hover .dxp-price:after {
    opacity: 1;
    right: 0;
}

[dir="rtl"] .dxp-button.primary.small:not(.offer-select-button):hover span span:after, [dir="rtl"] .dxp-button.primary.medium:hover span:after, [dir="rtl"] .currencyWY .dxp-button.primary.small:hover .currency:after {
    opacity: 1;
    left: 0;
}

.dxp-button:disabled.small, .dxp-button:disabled.x-small, .dxp-button.btn-disabled.small, .dxp-button.btn-disabled.x-small, .dxp-button:disabled.small:hover, .dxp-button:disabled.x-small:hover, .dxp-button.btn-disabled.small:hover, .dxp-button.btn-disabled.x-small:hover {
    color: #666666;
    background: #E4E4E4;
}

/* WY Buttons */
.ancillary-summary-common .summary-button button.ducp-component-button.negative:after, .ancillary-summary-common .summary-button button.ducp-component-button.secondary-button:after, .ancillary-summary-common .summary-button button.ducp-component-button.text-button:after, .ancillary-summary-common .summary-button button.ducp-component-button.view-more-button:after, .ancillary-summary-common .summary-button button.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, .ancillary-summary-common .summary-button button.spark-btn:after, .ducp-component-page-button-wrapper > button.ducp-component-button.continue:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, .ducp-component-page-button-wrapper > button.ducp-component-button.negative.continue:after, .ducp-component-page-button-wrapper > button.ducp-component-button.secondary-button.continue:after, .ducp-component-page-button-wrapper > button.ducp-component-button.text-button.continue:after, .ducp-component-page-button-wrapper > button.ducp-component-button.view-more-button.continue:after, .ducp-component-page-button-wrapper > button.spark-btn.continue:after, .spark-btn--lg.ducp-component-button.negative:after, .spark-btn--lg.ducp-component-button.secondary-button:after, .spark-btn--lg.ducp-component-button.text-button:after, .spark-btn--lg.ducp-component-button.view-more-button:after, .spark-btn--lg.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, .spark-btn--lg.spark-btn:after, .spark-btn--md.ducp-component-button.negative:after, .spark-btn--md.ducp-component-button.secondary-button:after, .spark-btn--md.ducp-component-button.text-button:after, .spark-btn--md.ducp-component-button.view-more-button:after, .spark-btn--md.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, .spark-btn--md.spark-btn:after, .summary-content .summary-button button.ducp-component-button.negative:after, .summary-content .summary-button button.ducp-component-button.secondary-button:after, .summary-content .summary-button button.ducp-component-button.text-button:after, .summary-content .summary-button button.ducp-component-button.view-more-button:after, .summary-content .summary-button button.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, .summary-content .summary-button button.spark-btn:after {
    background: transparent
}

.ducp-component-button.secondary-button {
    font-size: 1rem
}

.ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative):not(.spark-step-indicator__edit-button):not(.disabled), .itinerary-part-offer-price .itinerary-part-offer-price-button {
    background: linear-gradient(150deg, #00b3bc 0%, #037390 100%);
    color: white;
}

{
    color: #fff
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md {
    padding: 3%;
    margin: 5px auto;
}

/* WY Header and Footer */
.dxp-menu .menu-link, header button span, .dxp-footer span {
    font-size: 1.3rem;
}

/*WY Body background*/
.dxp-background .dxp-background-hd {
    z-index: 4;
    /* background-color: #201f1f; */
    opacity: 0.8;
}

.dxp-background {
    min-height: 100vh !important;
    padding-bottom: 20px;
}

/* WY Calendar Page */
@media (max-width: 543px)
{
    .matrix-grid .table-container table {
        width: 100%
    }

    .matrix-grid .table-container table .date {
        text-align: initial;
        white-space: nowrap
    }
}

/* WY Flight Results Page */
.sticky-outer-wrapper {
    margin-bottom: 10px;
}

.dx-flight-selection-ribbon .dx-flight-selection-ribbon-item:focus {
    border: 1px solid #00b3bc;
}

.spark-panel.spark-panel--card.dxp-itinerary-offers-header.ducp-component-panel {
    background-color: #ffffff;
    border-bottom: 5px solid #b4975a;
}

.itinerary-part-offer.spark-panel {
    margin: 15px 0;
    box-shadow: 1px 1px 3px 0px #aeaeae;
    border-left: 10px solid #b4975a !important;
}

[dir=rtl] .itinerary-part-offer.spark-panel {
    margin: 15px 0;
    box-shadow: 1px 1px 3px 0px #aeaeae;
    border-right: 10px solid #b4975a !important;
    border-left: 0 !important;
}

.view-seats.text-button {
    display: none
}

.flight-offer-details .route-date-time .time-airport .time {
    /* font-size: 1.3rem; */
    font-weight: bold;
}

.flight-offer-details .duration-stops .duration, .itinerary-part-amenities .amenities-items {
    font-size: 1.3rem;
    /* line-height:1.5px; */
    height: 33px;
}

.flight-offer-details .route-date-time .time-airport-separator {
    font-size: 140%;
    line-height: 140%;
    /* text-align: center; */
}

.flight-offer-details .route-date-time .time-airport .airport, .flight-offer-details .duration-stops .stops, .itinerary-part-amenities .amenities-note, .flight-advisories .advisory-message, .itinerary-part-summary-details .flights-operated-by .flight-number-operated-by {
    margin-top: 1px;
    font-size: 0.85rem;
    font-size: 0.9rem;
}

.flight-offer-details .duration-stops .stops {
    margin-top: 10px
}

.itinerary-part-amenities .amenities-note {
    font-size: 80%
}

.flight-offer-details .route-date-time, .dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .time-duration-amenities .time {
    /* width: 40%; */
}

.flight-offer-details .row {
    margin-bottom: 15px
}

.flight-offer-itinerary-breakdown {
    padding-bottom: 10px
}

.flight-offer-details .amenities, .dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .time-duration-amenities .amenities {
    /* width: 35%; */
    /* display: none; */
}

.flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown.ducp-component-button.text-button {
    font-size: 90%
}

#dxp-flight-selection-view .title-wrapper {
    display: none
}

.flight-offer-itinerary-breakdown .itinerary-breakdown-content .shadow-box {
    margin: 0;
    box-shadow: inset 0px 3px 12px -8px rgb(32, 32, 32);
    border-radius: 0;
    border: 0;
    background: #f8f8f8;
}

.itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price .amount, .itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price .amount .number {
    font-weight: 400
}

.flight-offer-details .route-date-time .time-airport .airport {
    text-align: center
}

.dxp-flight-selection .flight-selection-header-actions {
    margin-top: 1px;
    /* float: left; */
}

[dir=rtl] .dxp-flight-selection .flight-selection-header-actions {
    float: left;
}

.points-currency-toggle .currency-points-toggle .toggle-currency .toggle-label, .points-currency-toggle .currency-points-toggle .toggle-points .toggle-label {
    border: 0
}

.itinerary-part-offer-price {
    display: table
}

.itinerary-part-offer-price .itinerary-part-offer-price-button.selected .big-price-container .big-price:not(.brand-offer-price) .alternative:first-child:after {
    content: "\e855";
    font-family: 'wy';
    font-size: 2rem;
    position: absolute;
    bottom: 24px;
    display: block;
    /* left: 38%; */
    /* color: #f00 !important; */
}



.flight-offer-promo {
    /* background: #fe3f3f; */
    color: #e80000;
    width: auto;
    margin: 0 auto;
    border-radius: 5px 0;
    width: 140px;
}

.cabin-offer-mobile .big-price-container .big-price .alternative:first-child:after, .itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price:not(.brand-offer-price) .alternative:first-child:after, [dir=rtl] .itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price:not(.brand-offer-price) .alternative:first-child:before {
    display: none
}

.itinerary-part-remaining-seats {
    background: #ff5a5a;
    color: #fff ! important;
    width: auto;
    margin: 3px auto;
    border-radius: 5px 0;
    font-weight: 500;
    display: table !important;
    padding: 0px 5px;
}

.itinerary-part-remaining-seats:before {
    content: "\e89c";
    font-family: 'wy';
    padding: 0 5px
}

.flight-offer-itinerary-part-details .segment-details .segment-line .segment-content {
    padding: 7px 15px 20px 15px;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md .brand-offer-price .from {
    display: none
}

[dir=rtl] .DucpComponentToggle .toggle-item:first-child .toggle-label {
    border-radius: 0 .25rem .25rem 0
}

[dir=rtl] .DucpComponentToggle .toggle-item:last-child .toggle-label {
    border-radius: .25rem 0 0 .25rem
}

.dx-flight-selection-ribbon .spark-carousel__item.selected {
    border: 2px solid #b8b8b8;
}

.cabin-offer-content .selected .cabin-offer-price-content:after {
    content: "\e855";
    font-family: 'wy';
    font-size: 2rem;
    position: absolute;
    bottom: -17px;
    display: inline-block;
}

.cabin-offer-mobile .cabin-offer-content .cabin-offer-price-content {
    position: relative
}

@media (min-width: 796px) {
    .flight-offer-details .duration-stops, .dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .time-duration-amenities .duration {
        width: 30%;
    }
}

[dir=rtl] .itinerary-part-offer-min-price-mobile {
    left: 10px;
    right: unset;
}

.brand-offer-price-mobile {
    margin-top: 2.5rem
}

@media (max-width: 543px) {
    .points-currency-toggle {
        margin-top: -1px
    }
}

.selected-itinerary-part-offer .flight-row .flight-price {
    flex: 1;
}

.matrix-grid-cell .is-lowest-fare {
    color: #6ca011;
}

.flight-selection-page-button-wrapper .ducp-component-button.go-back {
    display: none
}

.selected-itinerary-part-offer .change-flight .spark-btn--sm.text-button {
    /* background: #b4975a; */
    padding: 5px;
    color: #b4975a !important;
    border: 1px solid #b4975a;
}

/* WY Hassan Cahnges before DX4.2 */





.dxp-shared-seat-selection .sticky-header {
    background: #00b3bc;
}

.spark-step-indicator__item--dropdown__header.spark-step-indicator__item {
    max-width: 60% !important;
}

.ducp-component-breadcrumbs .spark-step-indicator__body--dropdown.spark-step-indicator__body .spark-step-indicator__cart {
    margin-left: 20px !important;
}

/* WY DX4.2 changes */
.date-picker {
    border: 1px solid #aeaeae
}

.date-picker .dp-header {
    background: #f0f0f0
}

.date-picker .dp-table .dp-row {
    border-top: 1px solid #aeaeae;
}

.date-picker .dp-table .dp-cell:not(:first-child) {
    border-left: 1px solid #aeaeae;
}

.date-picker .dp-table .dp-cell.dp-week-day-name {
    border: none
}

.date-picker .dp-table .dp-row.dp-week-day-names {
    background: #f0f0f0;
    border-bottom: 1px solid #aeaeae
}

.date-picker .dp-footer {
    border-top: 1px solid #aeaeae
}

.date-picker .dp-table .dp-cell:hover {
    background: #f0f0f0
}

.field-autocomplete .Select-value-label, .field-dropdown .Select-value-label {
    font-weight: 600
}

.passenger-selection .passenger-count {
    font-weight: 600
}

.field.field-has-value .field-input {
    font-weight: 600
}

.dxp-switch .dxp-switch-option {
    font-weight: 600 !important
}

.dxp-button.medium {
    font-weight: 600 !important
}

.flight-offer-details .route-date-time .time-airport .airport, .flight-offer-details .duration-stops .stops, .itinerary-part-amenities .amenities-note, .flight-advisories .advisory-message, .itinerary-part-summary-details .flights-operated-by .flight-number-operated-by {
    font-size: 1.3rem !important;
}

.spark-icon--sm, .spark-icon--sm:before {
    font-size: 1rem !important;
}

.flight-offer-details .duration-stops .duration, .itinerary-part-amenities .amenities-items {
    font-size: 1.6rem !important;
}

.dxp-breadcrumbs-container .dxp-breadcrumbs.dxp-breadcrumbs-large .spark-step-indicator__item .spark-step-indicator__text .spark-step-indicator__title-text {
    font-size: 1rem !important;
}

.dxp-ancillary-content .img-div {
    /* height: 16.25rem !important; */
}

.dxp-ancillary-content.feature .description .intro {
    font-weight: 200 !important;
}

/*WY Brand Benfites with Miles */
.milesWY .Brand.currency, .milesWY .amenity.currency {
    display: none
}

.milesWY .itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md .big-price {
    font-size: 1.5rem
}

.milesWY th.amenity, .milesWY .Brand, .milesWY .amenity-item-row.bottom-row .brand-offer-not-available, .milesWY .amenity-item-row.bottom-row .brand-selection-button-container {
    width: 30%
}

.milesWY .itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price {
    font-size: 1.6rem
}

.milesWY .RowNumber7 {
    display: none
}

/*WY Brand Benfites Mobile */
.brand-comparison-mobile .brand-comparison-mobile-price {
    width: 100%;
    border: 1px solid #dbdbdb;
    margin: 15px 0;
}

.brand-comparison-mobile .brand-comparison-mobile-price .dxp-brand-amenities-wy {
    width: 95%;
}

.brand-comparison-mobile .brand-comparison-mobile-price .dxp-brand-amenities-wy li {
    margin: 2px
}

.brand-offer-price-mobile .brand-offer-title, .brand-comparison-mobile-price .brand-offer-sold-out-title {
    display: none
}

.brand-offer-price-mobile .ducp-component-button {
    margin: 0 !important
}

.itinerary-part-cabin-offers-mobile .cabin-brand-bonuses-comparison {
    display: none
}

.brand-comparison-mobile-price.sold-out .dxp-brand-amenities-wy {
    display: none
}

.sold-out .brand-offer-sold-out:before {
    content: "You just missed it";
    color: #dc0000;
    font-weight: bold;
    padding: 5px
}

html[lang="ar"] .dxp-flight-table-section .itinerary-part-cabin-offers-mobile .brand-comparison-mobile {
    direction: ltr
}

/*WY Hiding No Show Brand Benfits from mobike view */
.brand-comparison-mobile .amenity:nth-child(6n) {
}

.brand-comparison-mobile .BL .amenity:nth-child(7n) {
    display: none
}

.brand-comparison-mobile .BL .amenity:nth-child(8n) {
    display: none
}

.brand-comparison-mobile .BS .amenity:nth-child(7n) {
    display: none
}

.brand-comparison-mobile .BS .amenity:nth-child(8n) {
    display: none
}

.brand-comparison-mobile .BP .amenity:nth-child(7n) {
    display: none
}

.brand-comparison-mobile .BP .amenity:nth-child(8n) {
    display: none
}

.brand-comparison-mobile .FS .amenity:nth-child(7n) {
    display: none
}

.brand-comparison-mobile .FS .amenity:nth-child(8n) {
    display: none
}

.brand-comparison-mobile .FP .amenity:nth-child(7n) {
    display: none
}

.brand-comparison-mobile .FP .amenity:nth-child(8n) {
    display: none
}

/*.dxp-button.small.secondary.offer.non-disabled-flights:active:after{content:"\E855";font-family: 'wy';color:#fff}*/

/* WY Head Line */
.dxp-shared-flight-selection .ducp-component-title, .dxp-shared-flight-selection .centered-content .ducp-component-title, .dxp-passenger-view .centered-content .passenger-header, .dxp-ancillaries-view .header h2, .dxp-view .title-wrapper .dxp-view-title {
    font-weight: bold;
    padding: 7px;
    /* border-bottom: 1px solid #4141412b; */
}

@media (max-width: 768px) {
    .dxp-shared-flight-selection .centered-content .ducp-component-title, .dxp-ancillaries-view .header h2 {
        font-size: 1.3rem
    }
}

span[data-translation="flightSelection.selectYourDepartingFlight"]:before {
    content: "\EABF";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
}

[dir="rtl"] span[data-translation="flightSelection.selectYourDepartingFlight"]:before {
    content: "\EABF";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    transform: rotate(180deg);
}

span[data-translation="flightSelection.selectYourReturningFlight"]:before {
    content: "\EABF";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    padding: 0 5px;
    transform: rotate(180deg);
    position: relative;
}

[dir="rtl"] span[data-translation="flightSelection.selectYourReturningFlight"]:before {
    content: "\EABF";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    position: relative;
    margin-top:20px;
}

.dxp-ancillary-content .title {
    font-size: 21.25px;
    padding: 0.7rem 1.5rem;
    font-weight: bold;
}

/*WY Icons */
.spark-icon-arrow-basic-right::before {
    content: "\EABF";
    font-family: 'wy' !important;
    font-weight: normal;
    /* transform: rotate(45deg); */
    display: inline-block;
    padding: 0 5px;
    /* font-size: 27px; */
}

[dir="rtl"] .spark-icon-arrow-basic-right::before {
    content: "\EABF";
}

.icon-fill-cog:before, .icon-cog:before {
    content: "\e8ad";
    font-family: 'wy' !important;
    font-weight: normal;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 50%;
}

/* WY Pax page */
.field-phone-group.phone-1 {
    display: none !important;
}

/*WY ancillary */

/*div[data-ancillary="0AG"] h3 span.icon-document:before{content:"\eacb";font-family: 'wy' !important;font-size: 90px;clip: rect(0px,60px,200px,0px);position: absolute;}*/
.dxp-ancillary-content h3 span:first-child, .dxp-ancillary-panel-content h3 span:first-child {
    display: none !important
}

.dxp-ancillary-content .title-text {
    margin: 0
}

.dxp-ancillary-content.feature .description .intro {
    font-size: 100%;
    text-align: initial;
    margin: 0 5px;
    padding: 0 5px;
}

.dxp-ancillary-panel-content .intro {
    margin: 0;
    font-size: 101%;
    width: 58% !important;
}

.dxp-ancillary-panel-content .intro p {
    margin: 5px 0;
    font-size: 110%;
    font-weight: bold;
}

.dxp-ancillary-panel-content .item.img-div {
    /* height: 50px; */
    /* min-height: 50px; */
    /* width: 40%; */
}

.dxp-passenger-spinner-list ul .passenger-item:last-child {
    margin: 10px 19px;
}

.passenger-selection-controls {
    width: unset
}

.passenger-type-details {
    padding: 7px 0px;
}

.dxp-ancillary-body {
    padding: unset
}

.dxp-ancillaries-view .header .sub-title {
    text-shadow: 1px 1px 2px #000;
    font-size: 120%;
    font-weight: bold;
}

.dxp-ancillaries-view .dxp-modal-window {
    top: 0
}

.dxp-ancillaries-view .dxp-modal-window .dxp-modal-window-container-wrapper {
    top: 10vh;
}

.dxp-collapse button.collapse-btn {
    text-align: left
}

@media (max-width: 29.69rem) {
    .dxp-passenger-spinner-list .passenger-selection-controls {
        left: unset;
    }
}

.dxp-ancillary-flight .dxp-collapse-content {
    padding: 0.5rem;
    margin-top: 0.5rem;
}

.dxp-passenger-spinner-list button.btn-increment, .dxp-passenger-spinner-list button.btn-decrement, .dxp-modal-window-close-button {
    cursor: pointer
}

.ancillary-common.tile .ducp-component-title.title, .ancillary-common.tile p.intro, .ancillary-common.tile .bundle-list {
    display: none
}

.ancillary-common.tile .spark-panel__content.spark-expand {
    padding: 0
}

.dxp-ancillary-summary .dxp-ancillary-sale {
    /* background-color: #f81a1a; */
}

.dxp-ancillary-summary .summary-content .ancillary-discount-info .price .amount, .dxp-ancillary-summary .summary-content .original-max-price .number {
    font-size: 18px;
}

.dxp-ancillary-summary .summary-content .ancillary-discount-info .price .decimal, .dxp-ancillary-summary .summary-content .original-max-price .decimal {
    font-size: 15px;
}

.dxp-ancillary-summary .dxp-ancillary-sale {
    background-color: #e82020;
    display: inline-block;
    position: absolute;
    padding: 0.25rem .5rem;
    color: #fff;
    top: -5.3rem;
    left: 1.2rem;
    line-height: 46px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: .125rem 0 0 .125rem;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-weight: bold;
    text-align: center;
    box-shadow: 1px 1px 3px 1px #6a6a6a;
    clip-path: none;
    -webkit-clip-path: none;
    border: 0;
}

.BAGSS .dxp-ancillary-summary .dxp-ancillary-sale {
    background-color: #e82020;
    display: inline-block;
    position: absolute;
    padding: 0.25rem .5rem;
    color: #fff;
    top: -5.3rem;
    left: 1.2rem;
    line-height: 42px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: .125rem 0 0 .125rem;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-weight: bold;
    text-align: center;
    box-shadow: 1px 1px 3px 1px #6a6a6a;
    clip-path: none;
    -webkit-clip-path: none;
    border: 0;
}

.ancillary-discount {
    margin-top: 10px
}

.dxp-ancillary-summary .dxp-ancillary-sale::after {
    border: 0
}


.dxp-modal-window-content .ancillary-summary-common.dxp-ancillary-summary.clearfix .dxp-ancillary-sale {
    top: -45px;
    left: 94px;
}

.dxp-ancillary-panel .travel-part-title.itinerary {
    display: none
}

.dxp-modal-window-container .dxp-collapse.dxp-ancillary-flight {
    margin: 0
}

.dxp-modal-window-container .segment-offers {
    padding-top: 0 !important
}

/*WY Seat Map */
[dir="rtl"] .dxp-seat-selection-passenger-list .passenger-list li .passenger-index {
    margin: 0
}

[dir="rtl"] .dxp-passenger .selected-seat {
    float: left;
}

[dir="rtl"] .dxp-shared-seat-selection .main-content .right-container {
    border-left: 0;
    border-right: 0.625rem solid #ccc;
    margin-right: 20px;
}
/*[dir="rtl"] .dxp-shared-seat-selection .main-content .proceed-to-next-segment button{float: right;}*/

.dxp-seat.premium-paid-0 {
    background-image: url(../images/seatmap/choiceseat.png)
}

.dxp-seat.premium-paid-2 {
    background-image: url(../images/seatmap/firstrowseats.png)
}

span[data-translation="seatSelection.seat.exit-paid-2"] {
    display: none
}

.exit-row-seat-disclaimer {
    text-align: initial
}

/*WY Payment */
.payment-insurance-container .row {
    cursor: auto
}

.surcharges-description {
    display: none
}

[data-translation="payment.payment.header"] {
    font-weight: bold
}

.dxp-shopping-cart-container-section .dxp-shopping-cart-container-section-button {
    cursor: pointer;
}

.dxp-shopping-cart-container-section .dxp-shopping-cart-container-section-button h3 {
    cursor: pointer;
    font-size: 140%;
}

.payment-insurance-container {
    font-size: 90%;
}

.payment-insurance-container .intro p {
    display: none
}

.summary-content .spark-panel__content .added-to-cart-title, .summary-content .spark-panel__content .title {
    font-size: 1.2rem
}

#dxp-mix-cabin {
    background: #fff;
    padding: 10px;
}

#dxp-mix-cabin p {
    padding: 10px;
}

/* WY Edit Search */
@media only screen and (min-width: 77.5rem) {
    .dxp-edit-panel {
        adding: 0 0.625rem 1rem 0.625rem;
    }
}

.dxp-edit-panel {
    /* color: #FFFFFF; */
    background-color: #f3f3f3;
    border-top: solid 5px #01a0af;
}

.journey-type-selection {
    margin: 0.75rem 0;
    padding: 0.3rem;
    float: right;
    /* border: 1px solid #dfdfdf; */
    /* background: #eeeeee; */
}

.dxp-edit-panel-inner-wrapper fieldset {
    /* border: 1px solid #e5e5e5; */
    border-top: 0;
    padding-top: 14px;
}

/* WY Confirmation */
#express-signup-confirmation-message span p {
    font-size: 75%;
    color: #878c93;
}

.dxp-trip-manager .sub-function-button {
    font-size: 18px;
    padding: 0.5rem 1rem;
    color: #ffffff !important;
    background: #00aeb9;
    line-height: 0;
}

.dxp-trip-manager .sub-function-button .icon-print:before {
    content: "\e833";
    font-family: 'wy' !important;
}

.dxp-flight-summary .main-airports .airport, .itinerary-part .airport {
    font-size: 90%;
    font-weight: bold;
}

.icon-fill-arrow-basic-right:after, .icon-arrow-basic-right:after {
    content: '\eabf';
    font-family: 'wy' !important;
    display: inline-block;
    margin-left: 10px;
}

.dxp-flight-summary .dxp-trip-details .collapse-btn, button.dxp-cart-item-toggle-collapse.icon-arrow-chevron-down {
    cursor: pointer
}

#dxp-trip-details-flight-and-payment-collapse {
    border-top: 1px solid #ccc;
    padding: 5px;
}

.dxp-shared-confirmation .page-title {
    font-weight: bold;
}

.itinerary-part {
    border-top: 1px dotted #ccc;
    padding: 15px 0
}

.itinerary-part:first-of-type {
    border: 0
}

span[data-translation="upgrade.content"] div:first-of-type {
    font-weight: bold
}

span[data-translation="upgrade.content"] li {
    list-style: none;
}

span[data-translation="upgrade.content"] li:first-of-type {
    padding-top: 15px
}

span[data-translation="upgrade.content"] li:before {
    content: "\e894";
    font-family: 'wy';
    padding: 0 5px
}

#dxp-pnr .pnr {
    font-size: 50px;
    padding: 0;
    color: #fff;
    font-family: arial !important;
}

#dxp-pnr span:before {
    content: ""
}

#dxp-pnr:before {
    content: "Booking Reference";
    float: left;
    font-size: 15px;
    margin-bottom: 10px;
}

#dxp-pnr {
    padding: 1.3rem;
    background: #d1b06b;
}

.dxp-flight-summary .dxp-trip-dates, .itinerary-part .dxp-trip-airports h2, .main-trip-details .main-airports h2, .dxp-flight-summary .dxp-trip-extras, .dxp-flight-summary .dxp-trip-passengers, .dxp-flight-summary .dxp-trip-type {
    font-size: 1.3rem !important;
}

.dxp-message > .title-container .dxp-success .title {
    /* white-space: pre; */
    /* line-height: 48px; */
}

/* WY Shopping Cart */
[dir=rtl] .trip-total .label {
    font-size: 1rem
}

.itinerary-part-details .itinerary-part-flight-details .segment-operated-by-list li {
    padding: 5px 0;
    border-bottom: 1px solid #ececec;
}

.itinerary-part-details .itinerary-part-flight-details .segment-operated-by-list li:last-child {
    border: 0
}

.itinerary-part-details .itinerary-part-flight-details .cabin-class {
    color: #ac0000;
    font-weight: 500;
}

.itinerary-part-details .itinerary-part-flight-details .fare-basis {
    display: none
}

/* FONT SIZE */

/* 110% */
.dxp-breadcrumbs-list-item-title {
    font-size: 110%
}

.dxp-logo img {
    margin-top: 0.5em;
}

/*.itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-table {overflow: hidden !important;background-color: rgba(0, 0, 0, 0) !important;}*/
.itinerary-part-offer-not-available {
    background: #e8e8e8;
    padding: 13% 20%;
    border-radius: 5px;
}

.dxp-switch .dxp-switch-option:not(.selected), [class$="-form-header"], .journey-type-label, .toggle-recent-searches, [data-translation="payment.payment.header"] {
    /* color: #00b3bc !important; */
    /* text-shadow: none !important; */
}

.dxp-switch .dxp-switch-option.selected {
    color: #fff !important;
}

.dxp-summary-bar-container {
    background-color: rgba(180, 151, 90, 1) !important;
    /* background: linear-gradient(to right, rgba(3, 115, 144, 1) 0, rgba(0, 179, 188, 1) 100%) !important; */
    /* background-color: rgb(181, 152, 90) !important; */
}

.dxp-summary-bar-container-inner-wrapper * {
    color: #fff !important;
}

.dxp-summary-bar-container-amount.spark-icon--fill.icon-shopping-cart:before {
    content: '';
    position: absolute;
    font: 0.8em 'Open Sans';
    background: #82807b;
    top: 0;
    right: 0;
    margin-left: 1px;
}

.dxp-breadcrumbs-title {
    display: none !important;
}

.dxp-breadcrumbs-list-item a:focus {
    background: #D1B06B !important;
}

.dxp-breadcrumbs-list-item a:focus .dxp-breadcrumbs-list-item-title {
    color: #FFFFFF !important;
}

.dxp-breadcrumbs-list-item a:focus .dxp-breadcrumbs-list-item-index {
    background-color: transparent;
}

.dxp-breadcrumbs-list-item a:focus .dxp-breadcrumbs-list-item-index {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

[data-translation="header.login"] {
    /* font-size: 1.3em; */
}

.dxp-footer * {
    color: #FFFFFF;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day .date {
    margin-bottom: 0 !important;
    /* font-size: 19px; */
    padding-bottom: 3px;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day:not(.selected) .date {
    color: #b4975a !important;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day {
    background: #f5f5f5f2 !important;
    border: 1px solid #e3e3e3;
    cursor: pointer;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day:not(.selected) .date, .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day:not(.selected) .dxp-price {
    color: #737373;
    font-weight: 600;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day.selected {
    background: linear-gradient(to right, #037390 0, #00b3bc 100%) !important;
    border: 0;
    background: #00b3bc !important;
}

.dxp-recent-searches .recent-search {
    background: #12a7cc !important;
    color: #FFFFFF;
    width: 85%;
}

.dxp-recent-searches .recent-search:hover {
    background: #FFFFFF !important;
    color: #12a7cc;
    outline: 1px solid #12a7cc;
}

.dxp-recent-searches .recent-search .bold-label.trip-info {
    color: #FFFFFF;
}

.dxp-recent-searches .recent-search:hover .bold-label.trip-info {
    color: #12a7cc;
}

.dxp-recent-searches .recent-search:hover .arrow {
    background: #12a7cc;
    color: #FFFFFF;
}

.dxp-seat-selection-view .passenger-index, .dxp-seat .seat .selected-mark {
    background: #12a7cc !important;
}

.dxp-seat .seat .selected-mark {
    padding-top: 4px;
}

/** Flight Advisory Icons (start) **/
.flight-advisories .spark-icon {
    /* display: none; */
}

[data-translation="flightAdvisory.wifi"], [data-translation="flightAdvisory.movie"] {
    font-size: 0;
    display: inline-block;
    height: 20px;
    width: 20px;
}

[data-translation="flightAdvisory.wifi"] {
    background: transparent url("../images/wifi.gif") 0 0/20px no-repeat;
}

[data-translation="flightAdvisory.movie"] {
    background: transparent url("../images/movie.png") 0 0/20px no-repeat;
}

/** Flight Advisory Icons (start) **/

/** loading spinner and message (start) **/
.page-loading-message {
    color: #000000 !important;
}

.dxp-spinner span {
    background-color: #b4975a !important;
}

.dxp-spinner .bounce2 {
    background-color: #b4975a !important;
}
/** loading spinner and message (end) **/

.dxp-payment-component .payment-fops .no-padding .header h3 {
    /* color: #333333 !important; */
    /* text-shadow: 0.0625rem 0.0625rem 0.1875rem #000; */
    font-weight: 700 !important;
}

.dxp-payment-component .payment-fops .no-padding .header {
    /* color: #333333 !important; */
    /* text-shadow: 0.0625rem 0.0625rem 0.1875rem #000; */
    background: #00aeb9;
    padding: 10px 27px;
    color: #fff;
    text-shadow: none;
}

.date-picker .dp-table .dp-cell.dp-current button {
    color: #000 !important;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day.no-flights, .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day[disabled] {
    color: graytext !important;
}

@media (max-width: 544px) {
    .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day .dxp-price {
        font-size: 0.7rem;
    }
}

.spark-tabs__tab.active {
    color: #23b1d5 !important;
}

[data-translation="header.greetings"], .dxp-header-view .header-item-group .header-item > .header-item-label > .short-name {
    /* color: #009EC5; */
}

.dxp-summary-bar-container-edit-button .icon-pencil {
    display: none;
}

.dxp-summary-bar-container-edit-button .sr-only {
    clip: initial;
    position: relative;
    margin: 0;
    height: auto;
    width: auto;
    left: 0;
    font-size: 1.2rem;
    background: transparent;
}

.dxp-filter-header .filter {
    float: right;
    margin: 0.75rem 2em 0 0;
    line-height: 1rem;
    color: #4A5767
}

.dxp-summary-bar-container-total-price {
    position: absolute;
    right: 100px;
    left: auto;
    top: -15px;
}

.dxp-confirmation-print:link::before {
    content: '';
    display: inline-block;
    height: 50px;
    width: 200px;
    margin-left: 10px;
    background: url(../images/oman_air_logo.png) no-repeat 0 0;
}

.icon-fill-arrow-basic-right:before, .icon-arrow-basic-right:before {
    display: none;
}

.dxp-third-party-payment-agreement-text {
    display: none;
}

.dxp-afop-payment .dxp-third-party-payment-children {
    display: none;
}

.dxp-flight-details-print .flight .details .aircraft {
    width: 42%;
    padding: .5rem 0;
    text-align: center;
    display: inline-flex;
}

.dxp-matrix .header > .title, .dxp-matrix .header .dxp-fare-rules-and-baggage-description .description {
    color: black;
}

.dxp-matrix .header .description .dxp-link {
    color: blue;
}

.dxp-award-payment-details-cart-fare, .dxp-award-payment .column, [data-translation="payment.award.whatsThis"], [data-translation="payment.award.awardProgram"] {
    display: none;
}

.dxp-award-payment-details {
    background: #FFFFFF
}

/* All New Custom lines WY WY WY Added By Aziz Oct 2018 */

/* No outline */
div, span, a, button, .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item, .dxp-recent-searches .dxp-button.toggle-recent-searches:focus, .dxp-button.primary.small:focus, .dxp-button.primary.x-small:focus, .dxp-button.primary:focus, .dxp-flight .dxp-flight-offers.comparison-table table.brand-fare-table .offer-select-button, * :focus, * [tabindex="0"]:focus, * [tabindex="-1"]:focus, .is-focused, .set-focus, .toggle-button.focused, .field-active, button:focus, .dxp-header-view * :focus, .dxp-header-view * [tabindex="0"]:focus, .dxp-header-view * [tabindex="-1"]:focus, .dxp-header-view .is-focused, .dxp-header-view .set-focus, .dxp-header-view .toggle-button.focused, .dxp-header-view .field-active, .dxp-header-view button:focus, .dxp-footer-view * :focus, .dxp-footer-view * [tabindex="0"]:focus, .dxp-footer-view * [tabindex="-1"]:focus, .dxp-footer-view .is-focused, .dxp-footer-view .set-focus, .dxp-footer-view .toggle-button.focused, .dxp-footer-view .field-active, .dxp-footer-view button:focus, .dxp-summary-bar * :focus, .dxp-summary-bar * [tabindex="0"]:focus, .dxp-summary-bar * [tabindex="-1"]:focus, .dxp-summary-bar .is-focused, .dxp-summary-bar .set-focus, .dxp-summary-bar .toggle-button.focused, .dxp-summary-bar .field-active, .dxp-summary-bar button:focus, .dxp-calendar-ribbon * :focus, .dxp-calendar-ribbon * [tabindex="0"]:focus, .dxp-calendar-ribbon * [tabindex="-1"]:focus, .dxp-calendar-ribbon .is-focused, .dxp-calendar-ribbon .set-focus, .dxp-calendar-ribbon .toggle-button.focused, .dxp-calendar-ribbon .field-active, .dxp-calendar-ribbon button:focus, .dxp-button.secondary:focus, .journey-type-selection .journey-type-selection-item .dxp-link:focus, .journey-type-selection .journey-type-selection-item .dxp-link:hover {
    outline: unset;
    outline: 0;
}

.dxp-calendar-ribbon .navigation-button {
    background: #00b3bc;
}

.dxp-header-view .centered-content {
    background-color: unset
}

@media {
    .dxp-menu .menu-link, .dxp-menu .toggle, .dxp-header-view .header-item-group .header-item, .dxp-logo .dxp-link {
        background: unset;
        /* color:#fff; */
        /* font-size: 1rem; */
    }

    .dxp-menu .menu-link, .dxp-menu .toggle {
        color: rgb(122, 137, 145);
        cursor: pointer;
    }

    .dxp-logo .dxp-link:before, .header-group-wrapper:before {
        content: unset;
    }

    .dxp-menu:hover .menu-link, .dxp-menu:hover .toggle {
        /* color:unset; */
    }

    .dxp-selected-flight .dxp-time {
        font-size: 14px !important;
    }

    .dxp-selected-flight .header-row .dxp-time:before {
        font-size: 20px;
        content: "\F11E";
        font-family: "spark-icon-line" !important;
        padding: 0 4px;
    }
}

@media only screen and (max-width: 413px) and(orientation: portrait), only screen and(max-width: 577px) and(orientation: landscape) {
}

@media (max-width: 544px) {
    .dxp-footer .centered-content .content .links {
        display: none
    }
}

.dxp-header-view {
    background-color: #ffffff;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0 1px 3px rgba(0, 0, 0, 0);
    /* background: linear-gradient(to right, rgba(3, 115, 144, 1) 0, rgba(0, 179, 188, 1) 100%) !important; */
    height: 4.em;
}

.dxp-header-view .header-item-group .header-item > .header-item-label:hover, .dxp-header-view .header-item-group .header-item > .header-item-label:focus, .dxp-header-view .header-item-group .header-item > .header-item-label:active {
    border-top: 0.313rem solid #00b3bc;
}

.dxp-header-view .header-item-group .header-item .dxp-account {
    color: #00b3bc;
    font-size: 1rem !important;
}

.dxp-account .text, .dxp-account .balance {
    font-size: 90%
}

.dxp-account .reward-balance, .dxp-account .travel-bank-balance {
    margin-top: 0.5rem
}

.sign-in-section .header-item-panel {
    margin: 15px;
}

.dxp-header-view .header-item-group .header-item [data-translation="app.fieldsRequired"] {
    color: rgb(122, 137, 145);
    font-size: 12px;
}

.dxp-header-view .header-item-group .header-item > .header-item-body > .header-item-divider {
    margin: 0.5rem;
    border-bottom: 0;
    border-color: #ba9e64;
}

.dxp-header-view .header-item-group .header-item > .header-item-body .header-item-panel .manage-links .dxp-link {
    font-size: 1rem;
    line-height: 1rem;
}

.dxp-header-view ul.manage-links li {
    margin: 5px;
    line-height: 1px;
    padding: 5px;
}

.dxp-sort-icon .Select-control {
    cursor: pointer;
}

.dxp-cabin-offers .offer .name {
    display: block;
    text-transform: uppercase;
}

.dxp-seats-remaining {
    color: #774D00;
    background: #f73f3f;
    color: #fff;
    /* background-color: #ff0202; */
    padding: 3px 4px;
    border-radius: 3px;
    margin-top: 4px;
}

.dxp-seats-remaining:before {
    content: "\F109";
    display: inline-block;
    font-family: "spark-icon-line" !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: bold !important;
    margin: 0 11px;
}

.dxp-switch .dxp-switch-option.selected {
    box-shadow: unset;
}

.dxp-flight-selection-header {
    background-color: #3c3c3cbd;
}

.dxp-flight .flight-details-row {
    margin-top: 0
}

.dxp-flight .dxp-flight-offers.comparison-table table.brand-fare-table .seat-map-preview {
    display: none;
}

.flight-depart .dxp-time {
    font-weight: 700;
}

.icon-fill-airplane-arrive:before, .icon-airplane-arrive:before, strong.arrive-time:before {
    content: "\e8b0";
    display: inline-block;
    font-family: "wy" !important;
    padding: 0 3px;
}

strong.departure-time:before {
    content: " \e8af";
    display: inline-block;
    font-family: "wy" !important;
    padding: 0 3px;
}

.icon-fill-clock:before, .icon-clock:before {
    content: " \e84b";
    display: inline-block;
    font-family: "wy" !important;
    padding: 0 3px;
}

.person-name .field-overlay.middle-name-overlay {
    display: none
}

.dxp-passenger-list-item .create-profile-checkbox .create-profile-info, .meal-description-disclaimer {
    display: none;
}

.additional-information-section {
    padding: .75rem 0;
}

.dxp-flight .flight-departure .arrow {
    margin-bottom: 3px;
}

/* Nadeem Lines */
.comparison-table-body .preferredSeat {
    display: none
}

.comparison-table-body .handBaggageAllowance {
    display: none
}

.comparison-table-body .checkedBaggage {
    display: none
}

.comparison-table-body .changes {
    display: none
}

.comparison-table-body .refunds {
    display: none
}

.comparison-table-body tr:first-child {
    display: none
}

.economy_bids {
    display: none
}

.business_bids {
    display: none
}

.first_bids {
    display: none
}

.brandedFareRow .nullcell {
    float: left;
    margin: 1.5rem -1rem 0 1rem;
    width: 24%;
}

.brand-offer {
    /* text-align: left !important; */
}

.RowNumber1 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(1):before {
    content: "\EAB8";
}

.RowNumber2 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(2):before {
    content: "\E88B"
}

.RowNumber3 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(3):before {
    content: "\EAB9";
}

.RowNumber4 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(4):before {
    content: "\EAC3";
}

.RowNumber5 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(5):before {
    content: "\F122"
}

.RowNumber6 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(6):before {
    content: "\EACD";
}

.RowNumber7 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(7):before {
    content: "\E828";
}

.RowNumber8 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(8):before {
    content: "\E828";
}

.RowNumber9 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(9):before {
    content: "\E80B";
}

.RowNumber10 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(10):before {
    content: "\E80B";
}
.RowNumber11 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(11):before {
    content: "\E987";
}
.brand-offer:before, .dxp-brand-amenities-wy .amenity:before {
    font-size: 20px;
    line-height: inherit;
    display: inline-block;
    font-family: "wy" !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    speak: none;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased;
    margin: 0 0.5rem;
}

.wy-brandfares-business .brandedFareRow .brand-offer {
    /* margin-right: 316px; */
}

.wy-brandfares-business .brandedFareRow .nullcell {
    width: 39%;
}

.business_bids_m_val {
    display: none
}

.economy_bids_m_val {
    display: none
}

.first_bids_m_val {
    display: none
}

[dir="rtl"] .brand-fare-table {
    /* float: right; */
}

.flight-offers-comparison .offer > h3 {
    display: none
}

.dxp-brand-amenities-wy .amenity .title, dxp-brand-amenities-wy .amenity .value {
    padding: .5rem 0;
    display: inline-block;
    width: 50%;
    text-align: left;
}
/****** arabic style fixes (start) ******/

[dir="rtl"] .dxp-header-view .header-item-group:before {
    border-color: transparent;
}

[dir="rtl"] .spark-icon-arrow-basic-right {
    transform: scale(-1, 1);
}

[dir="rtl"] .dxp-summary-bar-container-right-elements-container button {
    position: static;
    vertical-align: middle;
}

[dir="rtl"] .dxp-summary-bar-container-right-elements-container .dxp-summary-bar-container-edit-button {
    padding: 1rem;
}

[dir="rtl"] #dxp-ancillaries-container + #dxp-page-navigation-buttons > button {
    margin-left: 1.5rem;
    float: none;
}

[dir="rtl"] [data-translation="passengers.sections.additionalInfo"] {
    margin-right: 0.75rem;
}

[dir="rtl"] .page-actions, [dir="rtl"] #dxp-page-navigation-buttons {
    width: 100%;
}

[dir="rtl"] .dxp-edit-panel-buttons-container, [dir="rtl"] .complete-profile .action-buttons, [dir="rtl"] .upgrade-your-flight .upgrade-button, [dir="rtl"] .page-actions, [dir="rtl"] #dxp-page-navigation-buttons, [dir="rtl"] .dxp-summary-bar-container-right-elements-container button, [dir="rtl"] .dxp-flow-step-actions {
    /* float: left; */
}

[dir="rtl"] .dxp-switch.award-booking, [dir="rtl"] .complete-profile .action-buttons button {
    float: right;
}

[dir="rtl"] .upgraded-flights-row > span {
    float: right !important;
}

[dir="rtl"] .upgraded-flights-row > .segment > .arrow {
    padding: 0 2rem;
}

[dir="rtl"] #dxp-shared-seat-selection-tabs .flight-index {
    position: absolute;
    right: 0;
}

[dir="rtl"] .spark-tabs__tab a .airports {
    margin-right: 17px;
}

/****** arabic style fixes (end) ******/

/*** redemption payment slider ****/
.dxp-award-payment-details-cart-fare.cart-item, .dxp-award-payment-balance-price.column {
    display: none;
}
/*** Ancillaries pop up fix ***/

.dxp-modal-window-content {
    transform: scale(1);
}
/*** end ***/

/*** To hide insufficeint miles message twice **/
[data-translation="error.title.ERR.SSW.APP.INSUFFICIENT_POINTS"] {
    display: none;
}
/*** end ***/

.profile-credit-cards-header.row th:nth-child(5)::before {
    content: 'Enter CVV number to continue';
}
/** To hide text appearing in footer in iPhone by Noura 28 Nov 2018 **/

.mob_insert_status {
    display: none
}
/** end **/

.centered-content {
    padding: 1px 1rem;
}

.dxp-checkbox .dxp-checkbox-box:before {
    border-bottom: 0.3rem solid #00aeb9;
    border-left: 0.3rem solid #00acb7;
    content: "";
    display: inline-block;
    height: 0.7rem;
    left: 50%;
    margin-left: 0.45rem;
    margin-top: -0.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(0);
    transform: translate(-50%, -50%) rotate(-45deg) scale(0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.86, 0, .07, 1);
    transition: -webkit-transform .25s cubic-bezier(.86, 0, .07, 1);
    transition: transform .25s cubic-bezier(.86, 0, .07, 1);
    transition: transform .25s cubic-bezier(0.86, 0, .07, 1), -webkit-transform .25s cubic-bezier(.86, 0, .07, 1);
    width: 1.8rem;
}

.spark-icon.spark-icon-arrow-chevron-right {
    position: relative;
    left: unset;
    top: unset;
    display: inline;
}

[dir=rtl] .dxp-ancillaries-layout .spark-icon-arrow-chevron-right:before {
    transform: rotate(180deg);
}

[dir=rtl] .dxp-ancillaries-layout .spark-icon-arrow-chevron-left:before {
    transform: rotate(180deg);
}

/* custom css added by hassan for ancillary redemption */
.summary-content .sabre-dx-component-price .connection {
    margin: 20px;
    font-size: 36px;
    padding: 0px;
    display: block;
    
}

.summary-content .sabre-dx-component-price .alternative {
    display: block;
    
}



.dxp-sign-in-banner .actions {
    background: linear-gradient(150deg, #206080 50%, #164157 51%)
}

.dxp-sign-in-banner .image {
    height: 20rem
}

.legend-price-premium-paid-0 {
    padding-left: 49px;
}

.dxp-sign-in .note {
    display: none
}

.dxp-sign-in-banner .actions .dxp-link:nth-of-type(2) {
    display: none
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options {
    display: flex;
    flex-direction: row
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options li:nth-of-type(1) {
    order: 3;
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options li:nth-of-type(2) {
    order: 0
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options li:nth-of-type(3) {
    order: 2
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options li:nth-of-type(4) {
    order: 4
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options li:nth-of-type(5) {
    order: 1
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options li:nth-of-type(6) {
    order: 5
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options .trip-option .sub-functions .trip-option:nth-of-type(1) {
    order: 0
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options .trip-option .sub-functions .trip-option:nth-of-type(2) {
    order: 1
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options .trip-option .sub-functions .trip-option:nth-of-type(3) {
    order: 2
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options .trip-option .sub-functions .trip-option:nth-of-type(4) {
    order: 3
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options .trip-option .sub-functions .trip-option:nth-of-type(5) {
    order: 4
}

.MA-card.credit-card-image {
    background-size: 40px 31px;
    margin-top: 4px;
    background-image: url(../images/maestro-card.jpg);
}

.CU-card.credit-card-image {
    background-size: 42px 28px;
    margin-top: 4px;
    background-image: url(../images/cup-card.jpg);
}

.wyui-gst-note {
    color: #FF0000;
    font-size: 1.5rem;
}

/* custom css added by hassan for Youth fare Activiation */
.passenger-selection.is-open .passenger-selection-options {
    max-height: 21.333rem !important;
}

.passenger-class-selection .field-success .passenger-selection-options ul {
    display: flex;
    flex-direction: column
}

.passenger-class-selection .field-success .passenger-selection-options .passenger-type-adt {
    order: 1
}

.passenger-class-selection .field-success .passenger-selection-options .passenger-type-c13 {
    order: 2
}

.passenger-class-selection .field-success .passenger-selection-options .passenger-type-chd {
    order: 3
}

.passenger-class-selection .field-success .passenger-selection-options .passenger-type-inf {
    order: 4
}

.dxp-edit-panel-passenger-selection .field-success .passenger-selection-options ul {
    display: flex;
    flex-direction: column
}

.dxp-edit-panel-passenger-selection .field-success .passenger-selection-options .passenger-type-adt {
    order: 1
}

.dxp-edit-panel-passenger-selection .field-success .passenger-selection-options .passenger-type-c13 {
    order: 2
}

.dxp-edit-panel-passenger-selection .field-success .passenger-selection-options .passenger-type-chd {
    order: 3
}

.dxp-edit-panel-passenger-selection .field-success .passenger-selection-options .passenger-type-inf {
    order: 4
}

/* custom css added by hassan for FFU */
.is-cart-enabled .upgrade-rows .marketing-message {
    background: linear-gradient(150deg, #00b3bc 0%, #037390 100%)
}

.text-area .title {
    color: white;
    font-weight: bold;
    font-size: 24px;
    margin: 1px;
    margin-bottom: 18px;
}

.text-area .sub-title {
    font-size: 19px;
}

.slider-container .slick-track {
    width: 100% !important;
}

.slick-track .slick-current {
    width: 100% !important;
}

.ancillary-price .price-info .alternative:nth-child(2) {
    display: block;
    padding-top: 16px;
}

/* NR - disbale Rewards hyperlinks */
.dxp-sign-up .links .sign-up-link a[href="#"] {
    pointer-events: none;
}

/* custom css added by hassan for mobile view enhancment */

        
    }/* custom css added by hassan for mobile view enhancment after they select the fare  */

    
    
    }/* custom css added by hassan for mobile view enhancment in arabic version */

    html[lang="ar"] .dxp-shared-flight-selection .points-currency-toggle-title:before {
        content: "\EABF";
        font-family: 'wy';
        font-weight: normal;
        display: inline-block;
        transform: rotate(180deg);
    }

    html[lang="ar"] .itinerary-part-offer-min-price-mobile {
        position: absolute !important;
        right: 50% !important;
        margin-right: -50px;
        height: 100%;
        width: 100px;
        top: 95%;
    }

    html[lang="ar"] .flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown {
        margin-right: 0.1rem;
    }

    html[lang="ar"] .flight-offer-details .duration-stops .duration, html[lang="ar"] .flight-offer-details .duration-stops .stops {
        font-size: 1.1rem !important;
        font-weight: 500;
    }/* custom css added by hassan for mobile view enhancment in multicity */

    .itinerary-part-offer .itinerary-part-summary-wrapper .itinerary-part-summary-list:not(:last-child):after {
        display: unset;
    }

    .itinerary-part-offer-header .itinerary-part-offer-min-price-mobile {
        position: absolute;
        left: 50%;
        margin-left: -50px;
        height: 100%;
        width: 100px;
        top: 95%;
    }

    .itinerary-part-offer-price .price-content-wrapper {
        margin-top: -1rem;
    }/* custom css added by hassan for mobile view enhancment of total price and icon */

 

/* custom css added by hassan for new baggage policy */
.SuperSaverNoBags:before {
    content: "\e84c";
    font-family: 'wy';
    font-size: 1.6rem;
    color: red;
    margin: 0 0.3rem;
}

.RowNumber3 .SS {
    /* font-weight:bold; */
}

/* DX4.3 css changes */
.itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price:not(.brand-offer-price) .alternative:last-child:after {
    width: unset;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md {
    height: unset;
}

.spark-step-indicator__label--dropdown {
    padding-right: 0rem !important;
}

.RadioButtonList label .radio-box:before, .spark-checkbox__box:before, .spark-radio__box:before {
    height: .7rem;
    width: 1.7rem;
}

@media (max-width: 543px) {
    .dxp-flight-selection .ducp-component-title {
        text-align: unset !important;
    }

    [dir=rtl] .spark-step-indicator__label--dropdown:after {
        left: -4.5rem !important
    }

    html[lang="ar"] .dxp-duration {
        direction: rtl;
    }

    html[lang="ar"] .dxp-passenger-view .page-actions .page-actions-buttons-container .dxp-button {
        margin-right: 0
    }

    html[lang="ar"] .page-actions-buttons-container {
        width: 100%
    }

    html[lang="ar"] .dxp-flow-step-actions {
        width: 100%
    }
}

[dir=rtl] .ducp-component-checkbox .spark-checkbox__input:checked ~ .spark-checkbox__box:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scaleX(1);
    transform: translate(-50%, -50%) rotate(-45deg) scaleX(1);
}

[dir=rtl] .dxp-page-navigation-buttons .dxp-button {
    margin-right: 0;
}



.dxp-cars-view .car-filters-offers-container .car-offers-container .car-offer .car-offer-description .car-offer-details .car-offer-additional-details .car-offer-provider {
    max-height: 04rem;
}

/* DX4.4 css changes */
@media (max-width: 543px) {
    .flight-offer-details .route-date-time {
        width: auto !important;
    }

    .dxp-payment-component .payment-fops .no-padding .saved-credit-cards .header {
        padding: 0 !important;
    }
}

/* hide labe of create an acccount using this information from dx pax page */
.save-passenger-section-checkbox .create-profile-checkbox {
    display: none;
}

/* DX4.5 css changes */
.ducp-component-flight-duration .duration {
    color: unset !important
}

.field-phone-group .field-phone-input-overlay {
    float: unset !important;
}

/* from this line new propsal of WY brand benfits */
/* custom css to show sabre brand benfits */
.brand-fare-table {
    display: none;
}

.itinerary-part-cabin-offers-mobile .cabin-offers .cabin-selection-container:not(:last-child) {
    margin-bottom: 0
}

.itinerary-part-offer-brand-comparison .shadow-box .amenity-item-row {
    padding-left: 18.667rem !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .ss {
    min-width: 14.667rem !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-name, .itinerary-part-offer-brand-comparison .shadow-box .total-brands-for-cabin {
    min-width: 16.667rem;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-legend, .itinerary-part-offer-brand-comparison .shadow-box .legend-footer, .itinerary-part-offer-brand-comparison .shadow-box .total-brands-for-cabin {
    width: 19.667rem !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-amenity-value, .itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-legend, .itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container, .itinerary-part-offer-brand-comparison .shadow-box .legend-footer {
    min-width: 16.667rem !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available {
    min-width: 18.667rem !important;
}

.brand-comparison-table .brand-name {
    color: #b4975a !important;
    font-weight: bold !important;
    font-size: 100% !important;
}

.brand-comparison-table .brand-name.EC {
    /* color:white !important; */
    font-weight: bold !important;
    font-size: 100% !important;
}

.CabinBaggage .legend-value:before {
    content: "\E88B";
    font-family: "wy";
    font-size: 18px;
    position: relative;
    top: 1px;
}

.MilesEarned .legend-value:before {
    content: "\E80B";
    font-family: "wy";
    font-size: 22px;
    position: relative;
    top: 1px;
}

.milesUpgrade .legend-value:before {
    content: "\E987";
    font-family: "wy";
    font-size: 22px;
    position: relative;
    top: 1px;
}

.CheckedInWeight .legend-value:before {
    content: "\EAB9";
    font-family: "wy";
    font-size: 26px;
    position: relative;
    top: 3px;
}

.ChangeFees .legend-value:before {
    content: "\EAC3";
    font-family: "wy";
    font-size: 26px;
    position: relative;
    top: 4px;
}

.RefundFees .legend-value:before {
    content: "\F122";
    font-family: "wy";
    font-size: 22px;
    position: relative;
    top: 2px;
}

.seatsSelection .legend-value:before {
    content: "\EAB8";
    font-family: "wy";
    font-size: 29px;
    position: relative;
    top: 3px;
}

.ExtrasWeightDiscount .legend-value:before {
    content: "\EACD";
    font-family: "wy";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.BundlesDiscount .legend-value:before {
    content: "\E828";
    font-family: "wy";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.UpgradeDiscount .legend-value:before {
    content: "\E828";
    font-family: "wy";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.MilesEarned .legend-value span:nth-child(2) {
    margin-left: -3px
}

.milesUpgrade .legend-value span:nth-child(2) {
    margin-left: 3px
}

.seatsSelection .legend-value span:nth-child(2) {
    margin-left: -8px
}

.ChangeFees .legend-value span:nth-child(2) {
    margin-left: -6px
}

.CheckedInWeight .legend-value span:nth-child(2) {
    margin-left: -2px
}

.ExtrasWeightDiscount .legend-value span:nth-child(2) {
    margin-left: 3px
}

.brand-comparison-legend {
    background-color: unset !important;
    color: white;
}

.brand-comparison-table .brand-offer-price {
    width: 140px;
    align-items: center;
}

.itinerary-part-offer-brand-comparison {
    background-color: #00b3bc;
}

.total-brands-for-cabin {
    opacity: 0 !important;
}

.legend-footer {
    opacity: 0 !important;
}

.brand-amenity-value {
    background-color: white;
    border-bottom: 1px solid #f2f2f2 !important;
}

.brand-name {
    background-color: white;
    border-bottom: 1px solid #f2f2f2;
}

.brand-comparison-table .top-row * {
    border-radius: 15px 0px 0px 0px;
}

.brand-comparison-table .bottom-row * {
    border-radius: 0px 0px 15px 0px;
}

.milesWY .amenity-item-row .brand-selection-button-container {
    border-radius: 0px 0px 15px 0px;
}

.brand-name {
    background-color: white;
    border-bottom: 1px solid #f2f2f2;
}

.bottom-row .brand-offer-not-available {
    background-color: white;
    border-bottom: 1px solid #f2f2f2;
}

.bottom-row .brand-selection-button-container {
    background-color: white
}

.bottom-row .brand-selection-button-container:nth-child(5) {
    background-color: white;
    border-radius: 0px 0px 15px 0px;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-name {
    height: 0rem !important;
}

.brand-comparison-legend {
    border-bottom: 1px solid #d5d5d557 !important;
    margin-left: -15px
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available .brand-offer-not-available-button.ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative) {
    padding: 6% 8%;
    margin: 5px auto;
    color: #767676;
    font-size: 1.3rem;
}
}

.brand-comparison-table {
    border-spacing: 23px 1px;
}

.itinerary-part-offer-brand-comparison .shadow-box {
    -webkit-box-shadow:none;
    border:none;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-amenity-value:not(:last-child), .itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-legend:not(:last-child), .itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container:not(:last-child), .itinerary-part-offer-brand-comparison .shadow-box .legend-footer:not(:last-child) {
    border-right:none;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available:not(:last-child) {
    border-right:none;
}

/*WY Brand Benfites */
.brand-fare-table {
    display:none;
}

.itinerary-part-offer-brand-comparison .shadow-box .legend-footer:after {
    /* content:"xxxx" */
}

.brand-offer-not-available:after {
}

.brandedFareRow:hover, .brandedFareRow:hover .Brand, .brandedFareRow:hover .amenity {
    border-bottom:1px solid #d1d1d1;
    font-weight:bold
}

.brandedFareRow, .brandedFareRow .Brand, .brandedFareRow .amenity {
    transition: 0s;
}

.currencyWY .miles {
    display:none
}

.Ar {
    display:none
}

html[lang="ar"] .Ar {
    display:inline-block
}

html[lang="ar"] .En {
    display:none
}

[dir=rtl] .itinerary-part-offer-brand-comparison .shadow-box .legend-footer:not(:last-child) {
    border:0
}

.flight-offer-details .route-date-time .plus-day {
    margin:0 8px
}

.brand-comparison-table .amenity-item-row div {
    display:table-cell !important;
    width: 20% !important;
}

.brand-comparison-table .top-row h3 {
    display:table-cell !important;
    text-align:center !important;
    padding-top: 26px;
    padding-bottom: 6px;
}

.brand-comparison-table .amenity-item-row {
    display:table-row !important;
}

.brand-comparison-table {
    display:table;
    border-spacing: 20px 0;
    border-collapse:separate;
    width: 100% !important;
}

.brand-comparison-table .brand-name {
    padding:1rem;
}

@media (max-width: 543px) {
    .brand-comparison-table .amenity-item-row div, h3 {
        width: unset !important;
    }
}

/*Economy Cabin Baggage */
span[data-translation="brandComparison.value.cabinBaggage.SS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px;
}

span[data-translation="brandComparison.value.cabinBaggage.EL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px;
}


span[data-translation="brandComparison.value.cabinBaggage.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/*Economy Miles Earned */
span[data-translation="brandComparison.value.MilesEarned.SS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.MilesEarned.EL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px;
}


span[data-translation="brandComparison.value.MilesEarned.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/*Economy Miles Upgrade */
span[data-translation="brandComparison.value.MilesUpgrade.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.MilesUpgrade.EL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px;
}



span[data-translation="brandComparison.value.MilesUpgrade.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Economy Checked-in bag */
span[data-translation="brandComparison.value.checkedBaggage.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.CheckedInWeight.EL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}


span[data-translation="brandComparison.value.CheckedInWeight.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Economy Changes Fee */
span[data-translation="brandComparison.value.changes.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ChangedFees.EL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}



span[data-translation="brandComparison.value.ChangedFees.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Economy Refund Fee */
span[data-translation="brandComparison.value.refunds.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.RefundFees.EL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}


span[data-translation="brandComparison.value.RefundFees.EP"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

/* Economy Seat Selection */
span[data-translation="brandComparison.value.SeatSelection.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.SeatSelection.EL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px;
}


span[data-translation="brandComparison.value.SeatSelection.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Economy Extras Weight Disocunt */
span[data-translation="brandComparison.value.ExtraWeightDiscount.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ExtraWeightDiscount.EL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px;
}

span[data-translation="brandComparison.value.ExtraWeightDiscount.EC"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ExtraWeightDiscount.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Economy Bundle Disocunt */
span[data-translation="brandComparison.value.BundlesDiscount.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.BundlesDiscount.EL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px;
}

span[data-translation="brandComparison.value.BundlesDiscount.EC"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.BundlesDiscount.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Economy Bundle Disocunt */
span[data-translation="brandComparison.value.UpgradeDiscount.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.UpgradeDiscount.EL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px;
}

span[data-translation="brandComparison.value.UpgradeDiscount.EC"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.UpgradeDiscount.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

.milesWY .wy-brandfares-economy ~ .itinerary-part-offer-brand-comparison .amenity-item-row.BundlesDiscount {
    display:none !important
}

.milesWY .wy-brandfares-economy ~ .itinerary-part-offer-brand-comparison .amenity-item-row.UpgradeDiscount {
    display:none !important
}

.milesWY .wy-brandfares-economy ~ .itinerary-part-offer-brand-comparison .amenity-item-row.ExtrasWeightDiscount {
    display:none !important
}

/* Business Cabin bag */
span[data-translation="brandComparison.value.cabinBaggage.BL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}


span[data-translation="brandComparison.value.cabinBaggage.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Business Miles Earned */
span[data-translation="brandComparison.value.MilesEarned.BL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}



span[data-translation="brandComparison.value.MilesEarned.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Business Miles upgrade */
span[data-translation="brandComparison.value.MilesUpgrade.BL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.MilesUpgrade.BS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.MilesUpgrade.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Business Checked-in weight */
span[data-translation="brandComparison.value.CheckedInWeight.BL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}


span[data-translation="brandComparison.value.CheckedInWeight.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Business change fee */
span[data-translation="brandComparison.value.ChangedFees.BL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}


span[data-translation="brandComparison.value.ChangedFees.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Business Refund fee */
span[data-translation="brandComparison.value.RefundFees.BL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}


span[data-translation="brandComparison.value.RefundFees.BP"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

/* Business Seat selection */
span[data-translation="brandComparison.value.SeatSelection.BL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}


span[data-translation="brandComparison.value.SeatSelection.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Business Extras weight */
span[data-translation="brandComparison.value.ExtraWeightDiscount.BL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ExtraWeightDiscount.BS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ExtraWeightDiscount.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

.amenity-item-row.BundlesDiscount .business {
    display:none !important;
}

.amenity-item-row.UpgradeDiscount .business {
    display:none !important;
}

.wy-brandfares-business ~ .itinerary-part-offer-brand-comparison .amenity-item-row.BundlesDiscount .brand-comparison-legend {
    display:none !important
}

.wy-brandfares-business ~ .itinerary-part-offer-brand-comparison .amenity-item-row.UpgradeDiscount .brand-comparison-legend {
    display:none !important
}

.milesWY .wy-brandfares-business ~ .itinerary-part-offer-brand-comparison .amenity-item-row.ExtrasWeightDiscount {
    display:none !important
}

.wy-brandfares-business ~ .itinerary-part-offer-brand-comparison {
    background:#037390 !important
}

/* First Cabin Baggage */
span[data-translation="brandComparison.value.cabinBaggage.FS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.cabinBaggage.FP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* First Milles Earned */
span[data-translation="brandComparison.value.MilesEarned.FS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.MilesEarned.FP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* First Milles Upgrade */
.amenity-item-row.milesUpgrade .first {
    display:none !important;
}

/* First checked-in weight */
span[data-translation="brandComparison.value.CheckedInWeight.FS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.CheckedInWeight.FP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* First change fee */
span[data-translation="brandComparison.value.ChangedFees.FS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ChangedFees.FP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* First Refund fee */
span[data-translation="brandComparison.value.RefundFees.FS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.RefundFees.FP"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

/* First seat selection  */
span[data-translation="brandComparison.value.SeatSelection.FS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.SeatSelection.FP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* First Extras weight */
span[data-translation="brandComparison.value.ExtraWeightDiscount.FS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ExtraWeightDiscount.FP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* First Bundles discount */
.amenity-item-row.BundlesDiscount .first {
    display:none !important
}

.amenity-item-row.UpgradeDiscount .first {
    display:none !important
}

.wy-brandfares-first ~ .itinerary-part-offer-brand-comparison .amenity-item-row.milesUpgrade .brand-comparison-legend {
    display:none !important
}

.wy-brandfares-first ~ .itinerary-part-offer-brand-comparison .amenity-item-row.BundlesDiscount .brand-comparison-legend {
    display:none !important
}

.wy-brandfares-first ~ .itinerary-part-offer-brand-comparison .amenity-item-row.UpgradeDiscount .brand-comparison-legend {
    display:none !important
}

.milesWY .wy-brandfares-first ~ .itinerary-part-offer-brand-comparison .amenity-item-row.ExtrasWeightDiscount {
    display:none !important
}

.wy-brandfares-first ~ .itinerary-part-offer-brand-comparison {
    background:rgb(180, 151, 90) !important
}

.brand-name.economy.EC {
    position:relative;
    background:rgb(180, 151, 90) !important;
    color: white !important;
}

.brand-name.economy.EC:before {
    content: url(https://www.omanair.com/storage/bookings/BestValue.png);
    position: absolute;
    top:0;
    right:0
}

.itinerary-part-offer-brand-comparison .shadow-box .amenity-value {
    padding: 0.2rem 1rem 0.2rem 4rem !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .legend-value {
    padding:0rem 1rem 0rem 1rem !important;
}

.brand-comparison-legend {
    height:30px !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available {
    padding:0 !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container {
    padding:0 !important;
}

.amenity-item-row:hover, .brand-amenity-value:hover {
    border-bottom:1px solid #d1d1d1;
    font-weight:bold;
}

[dir="rtl"] .brand-amenity-value {
    direction:ltr
}

[dir="rtl"] .brand-comparison-table .top-row * {
    border-radius: 0px 15px 0px 0px;
}

[dir="rtl"] .brand-comparison-table .bottom-row * {
    border-radius: 0px 0px 0px 15px;
}

[dir="rtl"] .brand-name.economy.EC:before {
    transform: rotate(-90deg);
    left: -15px;
    top: 15px;
    right:unset;
}

/* abdullah alufi css for wy brand benfits internal solution */
#brand_contant {
    font-size: 15px;
}

.brand_modal {
    display: none;
    position: absolute;
    z-index: 999999999999999 !important;
    /* padding-top: 8px !important; */
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    background-color: rgb(0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
}

.brand_modal-content {
    background-color: #fefefe !important;
    margin: auto !important;
    padding: 15px !important;
    border: 1px solid #888 !important;
    width: 68%;
    position: fixed;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.brand_close {
    color: #aaaaaa !important;
    float: right !important;
    font-size: 28px !important;
    font-weight: bold !important;
}

.brand_close:hover, .brand_close:focus {
    color: #000 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

/*WY Brand Benfites */
.brand_modal .comparison-table {
    padding: 10px;
    width: 100%;
    display: block;
    /* padding-bottom: 120px; */
}

.brand_modal .brand-fare-table {
    width: 100%;
    border-spacing: 13px 0;
    border-collapse: separate;
}

.brand_modal th.amenity, .Brand {
    /* width: 28%; */
    background: #fff;
    padding: 3px;
    border-bottom: 1px solid #f2f2f2;
}

.brand_modal .brand-fare-table .currency {
    padding-left: 22px;
}

.brand_modal .brand-fare-table th {
    text-align: center;
    color: #7b7b7b;
}

.brand_modal th.amenity {
    border-radius: 15px 0 0;
    color: #b4975a;
    font-weight: bold;
    padding-top: 28px;
    padding-right: 22px;
    padding-bottom: 0px;
    padding-left: 5px;
}

.brand_modal .brandedFareRow .brand-offer {
    text-align: inherit;
    color: #fff;
    border-bottom: 1px solid #d5d5d557;
}

body[dir="rtl"] .brand_modal .brandedFareRow .brand-offer {
    text-align: right;
}

.brand_modal .shadow-box .amenity-item-row.top-row, .brand_modal .shadow-box .amenity-item-row.preferredSeat, .brand_modal .shadow-box .amenity-item-row.handBaggageAllowance, .brand_modal .shadow-box .amenity-item-row.checkedBaggage, .brand_modal .shadow-box .amenity-item-row.changes, .brand_modal .shadow-box .amenity-item-row.refunds, .brand_modal .shadow-box .amenity-item-row.first, .brand_modal .shadow-box .amenity-item-row.second, .brand_modal .RowNumber6 {
    /* display: none; */
}

.brand_modal .itinerary-part-offer-brand-comparison .shadow-box {
    margin: 0;
    box-shadow: unset;
    /* display: table; */
    flex-direction: unset;
    border: 0;
}

.brand_modal .itinerary-part-offer-brand-comparison {
    padding: 0 15px;
    border: 0;
    background: transparent;
    position: relative;
    top: -120px;
    height: 0px;
}

.brand_modal .amenity-item-row.bottom-row .brand-offer-not-available, .brand_modal .amenity-item-row.bottom-row .brand-selection-button-container {
    width: 20%;
    display: table-cell;
    padding: 0px;
    flex: unset;
    -webkit-box-orient: unset;
    -webkit-box-flex: unset;
    flex-direction: unset;
    min-width: 20%;
    margin: 0 10px;
    /* border-spacing: 20px; */
    background: #fff;
    border-radius: 0 0 15px 0;
    padding-top: 0px !important;
}

.brand_modal .itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available .brand-offer-not-available-button.ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative) {
    padding: 4% 8%;
    margin: 5px auto;
    color: #767676;
    font-size: 1.3rem;
}

.brand_modal .itinerary-part-offer-brand-comparison .shadow-box .bottom-row {
    flex-wrap: unset;
    display: table-row;
    padding: unset;
    overflow: unset;
    scroll-behavior: unset;
    width: 100%;
    /* background: #ffffff; */
}

.brand_modal .amenity-item-row.bottom-row div {
    display: table-cell;
}

.brand_modal .amenity-item-row.bottom-row .flight-offer-promo {
    width: 68%;
    margin: 0 auto;
    display: flex;
}

.brand_modal .amenity-item-row.bottom-row .promo-label {
    display: flex;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-table {
    overflow: unset;
    display: table;
    width: 100%;
    border-spacing: 20px 0;
    border-collapse: separate;
    /* background: #ccc; */
}

.brand_modal .itinerary-part-offer-brand-comparison .shadow-box .legend-footer {
    display: table-cell;
    min-width: 20% !important;
    position: unset;
    width: auto;
    border: 0;
    flex: unset;
    -webkit-box-flex: unset;
    background: #c7252500;
    border: 0;
    border-right: 0 !important;
}

.brand_modal .itinerary-part-offer-brand-comparison .shadow-box .legend-footer:after {
    /* content:"xxxx" */
}

.brand_modal .brand-offer-not-available:after {
    content: "You just missed it";
    display: block;
    font-size: 0.8rem;
    color: #ea0f0f;
    font-weight: 600;
}

html[lang="ar"] .brand_modal .brand-offer-not-available:after {
    content: "You just missed it";
    display: block;
    font-size: 0.8rem;
    color: #ea0f0f;
    font-weight: 600;
}

.brand_modal .brandedFareRow:hover, .brand_modal .brandedFareRow:hover .Brand, .brand_modal .brandedFareRow:hover .amenity {
    border-bottom: 1px solid #d1d1d1;
    font-weight: bold;
}

.brand_modal .brandedFareRow, .brand_modal .brandedFareRow .Brand, .brand_modal .brandedFareRow .amenity {
    transition: 0s;
}

.Brand_space_ECONOMY .brandedFareRow .currency {
    width: 20%;
}

.goldebrand {
    background-color: #b4975a !important;
    color: #FFFFFF !important;
    border-bottom: 1px solid #cebc97;
}

.brand_modal .RowNumber8 td {
    border-radius: 0px 0px 15px 0px;
}

.brandinformation:before {
    content:"\E81E";
    font-family: 'wy';
    color:#037390;
    position: initial;
    font-size: 20px;
    margin: 6px;
}

.EC .brandinformation:before {
    color:white
}

.brand_close::before {
    content:"\E816";
    font-family: 'wy';
    color:#037390;
    font-size:24px;
}

.top-row .EC {
}

#more_information {
    background-color: white;
}

.Brand_space {
    border-spacing: 50px 0 !important;
}

.Brand_space_ECONOMY {
    /* border-spacing: 13px 0 !important; */
}

.section-title {
    margin-bottom: 30px;
    margin-left: 18px;
}

.section-title h5 {
    color: #B5985A;
    font-weight: bold;
}

.section-title ul, ul li {
}

.FIRST_Chnage {
    width: 37%;
}

.BUSINESS_Chnage {
    width: 25%;
}

.amenity.currency {
    /* padding-top: 30px !important; */
}

.Brand_space_ECONOMY .amenity.currency:nth-child(4) {
    position:relative;
}

.Brand_space_ECONOMY .amenity.currency:nth-child(4):before {
    content: url(https://www.omanair.com/storage/bookings/BestValue.png);
    position: absolute;
    top: 0;
    right: 0;
}

.RowNumber1 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px;
}

.RowNumber1 .EL:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px;
}

.RowNumber1 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber1 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber2 .SS:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber2 .EL:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber2 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber2 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber3 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber3 .EL:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber3 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber3 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber4 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber4 .EL:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber4 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber4 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber5 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber5 .EL:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber5 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber5 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber6 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber6 .EL:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber6 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber6 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber7 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber7 .EL:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber7 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber7 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber8 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber8 .EL:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber8 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber8 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber9 .SS:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber9 .EL:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber9 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber9 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber10 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px;
}

.RowNumber10 .EL:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber10 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber10 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber11 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber11 .EL:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber11 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber11 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.milesWY .Brand_space_ECONOMY .RowNumber8 {
    display:none
}

.milesWY .Brand_space_ECONOMY .RowNumber9 {
    display:none
}

[dir=rtl] .itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-legend:not(:last-child) {
    border-left:none;
}

.itinerary-part-offer-price .itinerary-part-offer-price-button.selected, .itinerary-part-offer-price .itinerary-part-offer-price-button:focus {
    outline:none !important
}

.Brand_space .RowNumber7 {
    display:none
}

.Brand_space .RowNumber8 {
    display:none
}

.goldebrand:before {
    color:white !important
}

.brandsup {
    color: #c00;
}

html[lang="ar"] .TERMS-AND-CONDITION {
    text-align: left;
}

.TERMS-AND-CONDITION {
    background-color: #f2f2f2;
    font-size: 12px;
}

.TERMS-AND-CONDITION h2 {
    color: #6f6660;
    background-color: #eee;
    padding: 1px 15px;
    font-size: 15px;
}

.TERMS-AND-CONDITION dt {
    color: #c00;
    float: left;
}

.TERMS-AND-CONDITION dd {
    margin-bottom: 1.5ex;
    margin-left: 2em;
}

.TERMS-AND-CONDITION-CONTENT {
    padding: 15px 20px;
}

.with-old-price {
    display: none !important;
}

@media only screen and (max-width: 1398px) {
    .brand_modal-content {
        width: 80% !important;
    }

    .brand_modal {
        overflow: auto;
    }

    #brand_contant {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1200px) {
    #brand_contant {
        font-size: 11px;
    }
}

@media only screen and (max-width: 1030px) {
    .brand_modal-content {
        width: 100% !important;
    }

    .brand_modal {
        overflow: auto;
    }

    #brand_contant {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1398px) {
    #brand_contant {
        font-size: 11px;
    }
}

/* CSS enhancment Date selection page on DX */
.dxp-date-selection-view .days-legend {
    background:#b4975a !important
}

.dxp-date-selection-footer {
    background:#b4975a !important
}

.dxp-date-selection-day .day-btn.is-events[disabled], .dxp-date-selection-day .is-wrapped[disabled] {
    background-color: #fff !important;
}

.dxp-date-selection-day .day-btn.is-events.no-flights {
    background-color:#ccc !important;
    border:1px solid rgba(78, 69, 69, .32)
}

.dxp-date-selection-view .page-messages {
    /* display:none !important */
}

.dxp-date-selection-day .day-btn:after {
    content:"\EABF";
    font-family:"wy";
    font-size: 24px;
    top: 57px;
    right: 44px;
    position: absolute;
    transform: rotate(-30deg);
}

@media (max-width: 543px) {
    .dxp-date-selection-day .day-btn:after {
        content: "\EABF";
        font-family: "wy";
        font-size: 16px;
        top: 40px;
        right: 13px;
        position: absolute;
        transform: rotate(-30deg);
    }
}

.no-flights:after {
    content:none !important
}

.dxp-flight-details-overlay .dxp-price {
    display:none
}

.dxp-date-selection-day .day-btn.is-in-between, .dxp-date-selection-day .is-wrapped.is-in-between {
    color:#ccc
}

.dxp-date-selection-day .day-btn, .dxp-date-selection-day .is-wrapped {
    color: #b4975a;
}

/* CSS changes on passenger page on DX */
.dxp-passenger-view .dxp-view-subtitle {
    background-color: white;
    margin-right: 1rem;
    padding:1rem;
}

[dir=rtl] .dxp-passenger-view .dxp-view-subtitle {
    background-color: white;
    margin-left: 1rem;
    margin-right:unset;
    padding:1rem;
}

.dxp-passenger-avatar .passenger-name-info .tier-details {
    color: white !important;
    font-size: 1.4rem !important;
}

/* LoginSpeedBump on DX */
.rbe-flow-sign-in .rbe-flow-sign-in-header .login-message .spark-icon-bookmark {
    background-color: #b4975a !important;
}

.spark-message--info .spark-message__icon {
    border: none !important;
}

.spark-icon-bookmark:before {
    font-family: 'wy';
    content:"\E809";
}

.dxp-account-logged-in-panel .dxp-account-logged-in .account-info-icon {
    background-color: #b4975a !important;
}

/* Fix whitecolor background of brand attributed on Internet Explorer */
.itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-legend {
    background:transparent
}

.itinerary-part-offer-brand-comparison .shadow-box {
    box-shadow:none
}

/* Fix direction from right to left of fare rule on arabic  */
[dir=rtl] .dxp-fare-rules-tabs {
    direction: ltr !important;
}

/* DX 4.8 fixes  */
.brand-comparison-table .brand-selection-button-container .brand-offer-price {
    width:unset !important
}

.dxp-seat.bassinet:before {
    display:none
}

/* WY Velocity ancillary project May 2021 */
/* slider bundle */
.ancillary-bundle-slide {
    border:none !important;
    border-radius:0% !important;
}

.ancillary-bundle-slide .dxp-ancillary-summary .dxp-ancillary-sale {
    background-color: #e82020;
    display: inline-block;
    position: absolute;
    padding: 0.25rem .25rem;
    color: #fff;
    top: -0.3rem;
    left: -1.33rem;
    line-height: 36px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: .125rem 0 0 .125rem;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-weight: bold;
    text-align: center;
    box-shadow: 1px 1px 3px 1px #6a6a6a;
    clip-path: none;
    -webkit-clip-path: none;
    border: 0;
}

.ancillary-summary-common .dxp-ancillary-sale span, .summary-content .dxp-ancillary-sale span {
    padding: :unset;
}

.ancillary-bundle-slide .bundle-summary {
    width:unset;
}

.dxp-ancillary-summary .deal-banner {
    display:none !important;
    transform:rotate(-45deg) !important;
    bottom: 10rem;
    font-size:1.3rem;
    background:#ac0000;
    left: -3rem !important;
}

.dxp-seat-map-bundles .summary-content.spark-panel.spark-panel--card {
    border:.0833rem solid #ccc !important;
}

.ancillary-bundle-slide .ancillary-bundle-slide-availability {
    font-size: 1.3rem;
    margin:unset;
    padding-top: 0rem;
}

.seat-bundles-available-title {
    display:none;
}

.ancillary-bundle-item-info h3 {
    margin:unset;
}

.ancillary-bundle-slide .ancillary-bundle-item-info ul.bundle-items {
    padding-left:0;
}

.MessagePopup .summary-content .modal-content, .summary-content .MessagePopup .modal-content, .summary-content .spark-panel__content {
    padding:0;
}

.MessagePopup .summary-content .modal-content .ancillary-price, .summary-content .MessagePopup .modal-content .ancillary-price, .summary-content .spark-panel__content .ancillary-price {
    margin:0;
}

.ancillary-discount {
    margin-top:unset;
}

.dxp-ancillary-summary .summary-content .caption {
    margin:unset;
}

.dxp-ancillary-summary {
    padding: 0.3rem;
}

.bundle-items li {
    margin:0.5rem;
}

/* WY Velocity ancillary project May 2021 */
/* extras page */
.ducp-component-title.ducp-ancillaries-sub-group-title {
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.ducp-ancillaries-group .ancillary-common.tile .ancillary-summary-common .summary-content .MessagePopup .modal-content, .ducp-ancillaries-group .ancillary-common.tile .ancillary-summary-common .summary-content .spark-panel__content, .MessagePopup .ducp-ancillaries-group .ancillary-common.tile .ancillary-summary-common .summary-content .modal-content {
    padding:unset;
}

.ducp-ancillaries-group .ancillary-common.tile .ancillary-summary-common .summary-content .MessagePopup .modal-content .caption, .ducp-ancillaries-group .ancillary-common.tile .ancillary-summary-common .summary-content .spark-panel__content .caption, .MessagePopup .ducp-ancillaries-group .ancillary-common.tile .ancillary-summary-common .summary-content .modal-content .caption {
    font-size: 1rem;
}

.dxp-ancillary-summary .summary-content .caption {
    margin:unset;
    font-size: 1rem;
}

.ducp-ancillaries-group div.dxp-ancillary-wrapper .dxp-ancillary .ancillary-common .dxp-ancillary-content.tile .img-div {
    min-width:unset;
}

.dxp-ancillary-content .img-div {
    /* height:auto !important; */
}

.ducp-component-button .button-label, .ducp-component-button > span {
    margin:unset;
}

.ancillary-common.tile .ducp-component-button .button-label, .ducp-component-button > span {
    font-size: 14px;
}

.passenger-bag-row .each-cell {
    min-width:unset;
}

.passenger-bag-row .each-cell.passenger-name-container {
    align-items:unset;
    -webkit-align-items:unset;
}

.dxp-passenger-bags-by-weight .spark-panel__content .passenger-bag-row {
    margin:1rem 0rem 0rem 0rem;
}

.dxp-ancillary-wrapper .img-div {
    width: 5.33rem !important;
    padding-top: 0.6rem;
    height: auto;
}

.BNDLS .dxp-ancillary-wrapper .img-div {
    width: 9.33rem !important;
}

.TCVS .dxp-ancillary-wrapper .img-div {
    width: 5.33rem !important;
}

.ancillary-common.tile .ancillary-summary-common {
    padding:0 0 0 0 !important;
}

.dxp-tiled-ancillaries .ancillary-common.tile .ancillary-summary-common {
    padding:0 1rem 1rem 1rem !important;
}

.dxp-tiled-ancillaries .dxp-ancillary-summary .summary-button > button {
    border-radius:0.25rem !important;
}

.dxp-ancillary-summary .summary-button > button {
    border-radius:0 0 .1rem .1rem !important;
}

.OBF .WIFI .dxp-ancillary-wrapper {
    max-width: unset !important;
    width: 48% !important;
    margin: 0 1% 0px 1% !important;
}

.TVF .dxp-ancillary-wrapper {
    max-width: unset !important;
    width: 25rem !important;
    margin: 0 .8% 1% .8% !important;
}

.MLS .dxp-ancillary-wrapper {
    max-width:unset !important;
    width: 23% !important;
    margin: 0 1% 0px 1% !important;
}
/* comments 
.BNDL .dxp-ancillary-wrapper {
    max-width:unset !important;
    width: 23% !important;
    margin: 0 1% 0% 1% !important;
}
*/

.WIFI .dxp-ancillary-wrapper .dxp-ancillary {
    border:.0833rem solid #ccc !important;
    max-width:unset !important;
    border-radius:2px;
}

.WIFI .dxp-ancillary-wrapper .dxp-ancillary .dxp-ancillary-content {
    margin:unset !important;
}

.WIFI .dxp-ancillary-wrapper .dxp-ancillary .ancillary-common {
    border:none !important;
    display: contents;
}
/* comments 

.BNDLS .dxp-ancillary-summary .dxp-ancillary-sale {
    background-color: #e82020;
    display: inline-block;
    position: absolute;
    padding: 0.25rem .5rem;
    color: #fff;
    top: -7.5rem;
    left: -1.2rem;
    line-height: 42px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 2rem 2rem 2rem 2rem;
    width: 44px;
    height: 44px;
    font-weight: bold;
    text-align: center;
    box-shadow: 1px 1px 3px 1px #6a6a6a;
    clip-path: none;
    -webkit-clip-path: none;
    border: 0;
}
*/

.feature .dxp-ancillary-summary .dxp-ancillary-sale {
    background-color: #e82020;
    display: inline-block;
    position: absolute;
    padding: 0.25rem .5rem;
    color: #fff;
    top: 2.5rem;
    left: -0.7rem;
    line-height: 42px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 2rem 2rem 2rem 2rem;
    width: 44px;
    height: 44px;
    font-weight: bold;
    text-align: center;
    box-shadow: 1px 1px 3px 1px #6a6a6a;
    clip-path: none;
    -webkit-clip-path: none;
    border: 0;
}

.dxp-ancillary-feature .dxp-ancillary-summary .summary-content {
    border: .0833rem solid #ccc !important;
    border-radius:.25rem;
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius:0 !important;
}

.dxp-ancillary-feature .dxp-ancillary-summary .summary-button > button {
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
}

.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary, .dxp-exchange-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary {
    border:unset !important;
}

.dxp-ancillary-feature .dxp-ancillary {
    border:unset !important;
}

.dxp-ancillary-feature .ancillary-common {
    border:unset !important;
}

/* .ducp-ancillaries-group div.dxp-ancillary-wrapper .dxp-ancillary{
    border:.0833rem solid #ccc;
}
*/
.dxp-tiled-ancillaries .dxp-ancillary-wrapper {
    margin: 0px!important;
}

.dxp-tiled-ancillaries .ancillary-common.tile .dxp-ancillary-content .description {
    text-align:center;
}

.dxp-ancillaries-layout .dxp-tiled-ancillaries {
    margin-bottom: 0rem !important;
}

.dxp-tiled-ancillaries .dxp-ancillary-wrapper .img-div {
    width: 3.33rem !important;
    min-width: 6rem !important;
}

.BAGSS .ancillary-common.tile {
    width: 25rem !important;
}


.BAGSS #ancillary-0C3 .ancillary-common.tile {
    width: 50rem !important;
}

.BAGSS #ancillary-0FF .ancillary-common.tile {
    width: 50rem !important;
}

.dxp-ancillary{
    max-width: 38rem;
    border: unset;
}

.dxp-tiled-ancillaries .dxp-ancillary{
    max-width: 100% !important;
}

.dxp-tiled-ancillaries .dxp-ancillary-wrapper{max-width: 49% !important;}

#ancillary-BRB{
    /* position:absolute !important; */
    /* top:0!important; */
    /* left: 30rem !important; */
}


.ducp-ancillaries-group .ancillary-common.tile {
    width: 28rem;
}

.dxp-tiled-ancillaries .ancillary-common {
    border: unset !important;
    padding: 0.5rem !important;
}

.dxp-featured-ancillaries .dxp-ancillary-content .title-section {
    margin:unset !important;
    border:unset !important;
}

.dxp-featured-ancillaries .dxp-ancillary-featured-content {
    margin:unset !important;
}

.dxp-ancillaries-view .dxp-car-as-ancillary .row .dxp-car-feature-view {
    width:67% !important;
}

.ducp-component-button {
}


.ducp-component-price {
    line-height:0.8 !important;
}

.dxp-ancillary-summary .summary-content .price .amount {
    font-size: 2.8rem;
}

.dxp-ancillary-summary .summary-content .ancillary-discount-info .price .amount {
    font-size: 1.667rem !important;
}

.ancillary-bundle-slide .title {
    font-size: 1.33rem;
    font-weight: 500;
}

.dxp-tiled-ancillaries .dxp-ancillary-summary .summary-button > button {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.dxp-ancillaries-layout {
    display: flex;
    flex-direction: column;
}

div.dxp-featured-ancillaries {
    order:6;
}

div.OBF {
    order:5;
}

div.TVF {
    order:4;
}

div.BAGS {
    order:2;
}

div.BNDL {
    order:1;
}

div.dxp-tiled-ancillaries {
    order:3;
}

.dxp-ancillary-panel-content .item.img-div {
    width: 45% !important;
    height: 15rem;
    background-size: contain !important;
}

.ancillary-discount {
    font-size:1rem;
}

.BAGSS {
    justify-content:center;
}

.BAGSS .dxp-ancillary-wrapper {
    margin: 0 .8% 1% .8% !important;
}

.TCVS {
    justify-content:center;
}

.dxp-grouped-ancillary .image {
    background-size:contain !important;
}

.dxp-passenger-custom-group-list .middle-container {
    flex-direction:column;
}

.dxp-passenger-spinner-list .spark-panel__content .passenger-spinner-list .passenger-details-bag-amount-container {
    width:fit-content;
}

.dxp-tiled-ancillaries .dxp-masonry {
    margin-bottom: 2rem;
}


.BAGSS .dxp-ancillary-summary .summary-content{
    min-height: 10rem;
}


.dxp-ancillaries-layout .spark-carousel__container{
     display: flex;
     flex-direction: row;
}


.dxp-ancillaries-layout .spark-carousel__item:nth-child(1){
    
order: 2;
}


.dxp-ancillaries-layout .spark-carousel__item:nth-child(2){
   order: 3;
}

.dxp-ancillaries-layout .spark-carousel__item:nth-child(3){
   order: 4;
}

.dxp-ancillaries-layout .spark-carousel__item:nth-child(4){
   order: 1;
}



.ancillary-selection{
    /* border: .0833rem solid #ccc !important; */
    border-radius: .25rem;
    padding-top: 1rem;
}


.ducp-ancillaries-group-content.TCVS{
      display: flex ;
     flex-direction: row;
}


#ancillary-029{
    order:1;
}

#ancillary-03P{
    order:2;
}

#ancillary-0BX{
    order:3;
}
#ancillary-02W{
    order:4;
}

#ancillary-02Y{
    order:5;
}

#ancillary-02X{
    order:6;
}

.dxp-tiled-ancillaries .dxp-ancillary-content.tile{
    border: .0833rem solid #ccc;
    border-bottom: none;
    border-radius: .25rem;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    margin: 1rem 1rem 0rem 1rem;
}

.dxp-tiled-ancillaries .dxp-masonry .spark-panel--card{
    border: .0833rem solid #ccc !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: unset;
}



.dxp-view .title-wrapper{
    margin:unset!important;
}


.dxp-ancillary-summary .summary-content{
    /* height: 10rem; */
}



.ancillary-bundle-slide .summary-button-inner{
    padding:1rem !important;
}



.spark-modal__body .ducp-component-panel-content .header {
    display:none !important;
}

.spark-modal__body .ancillary-selection{
    text-align:center;
    width: 35%;
}


.spark-modal__body .ducp-component-panel-content {
    border-bottom: 1px solid #cccccc;
}

.spark-modal__body .ancillary-description {
    padding:.833rem;
    width: 35%;
}

.spark-modal__body  .ducp-component-panel-content{
    padding:1rem !important;
    display:flex;
    
}

.spark-modal__body .ancillary-image {
    width: 35%;
}


/* Mobile view exatrs */

@media (max-width: 544px) {

    .spark-modal__body  .spark-panel__content{
        display:block;
    }
    .dxp-tiled-ancillaries .dxp-ancillary-wrapper {
        margin: 0 0 2% 0 !important;
        max-width: unset !important;
    }

    .OBF .WIFI .dxp-ancillary-wrapper, .TVF .dxp-ancillary-wrapper, .MLS .dxp-ancillary-wrapper, .BNDL .dxp-ancillary-wrapper {
        /* margin: 0 0 2% 0 !important; */
    }

    .dxp-car-as-ancillary .img-div {
        display: none !important;
    }

    .dxp-ancillary-summary .dxp-ancillary-sale {
        top: -7rem;
        left: auto;
    }

    .dxp-ancillaries-layout {
        display: flex;
        flex-direction: column;
    }

    div.OBF {
        order: 4 !important;
    }

    div.TVF {
        order: 3 !important;
    }

    div.BAGS {
        order: 2 !important;
    }

    div.BNDL {
        order: 1 !important;
    }

    div.dxp-tiled-ancillaries {
        order: 5 !important;
    }

 .dxp-ancillary-panel-content .item.img-div{
     width:100% !important;
 }

 .ancillary-common.tile .ducp-component-button .button-label, .ducp-component-button > span{
     /* font-size: 12px !important; */
 }
}



.spark-carousel__item:nth-child(1) .ancillary-bundle-item-info:before{
  content: '';
  background-image: url(../images/ancillaries/320X180_3_Bonus_0CW.jpg);
  width: 50px;
  height: 50px;
  background-size: contain;
  margin: auto;
}

.spark-carousel__item:nth-child(1) .ancillary-bundle-item-info:before{
  content: '';
  background-image: url(../images/ancillaries/320X180_3_Bonus_B01.jpg);
  width: 100px;
  height: 60px;
  background-size: contain;
  margin: auto;
  background-repeat:no-repeat;
}

.spark-carousel__item:nth-child(2) .ancillary-bundle-item-info:before{
  content: '';
  background-image: url(../images/ancillaries/320X180_3_Bonus_B01.jpg);
 width: 100px;
  height: 60px;
  background-size: contain;
  margin: auto;
  background-repeat:no-repeat;
}



.spark-carousel__item:nth-child(3) .ancillary-bundle-item-info:before{
  content: '';
  background-image: url(../images/ancillaries/320X180_3_Bonus_B03.jpg);
  width: 100px;
  height: 60px;
  background-size: contain;
  margin: auto;
  background-repeat:no-repeat;
}





.ancillary-bundle-item-info .bundle-items,.ancillary-bundle-slide-availability{
    display:none;
}

.ancillary-summary-title{
    display:none;
   
}

.dxp-ancillary-summary .summary-content .original-max-price{
    padding-top:0.33rem!important;
}



/* reduce height in seat selection page */
.dxp-shared-seat-selection .seat-map-content .right-container{
    padding:0rem;
}
.dxp-shared-seat-selection .seat-map-caption{
    padding:0rem;
    justify-content:center;
}

#seat-row-0{
    display:none;
}

.dxp-seat-selection-passenger-list .passenger-list li{
    padding:1rem 1rem;
}

.dxp-seat-selection-view .dxp-view-subtitle{
    display:none
}

.dxp-seat-selection-view .dxp-view-title{
    padding:0 !important;
}

.dxp-shared-seat-selection .seat-map-content .seatmap-header{
    padding:0 1rem;
}

.dxp-inline-message{
    margin:0.5rem !important;
}



/* change image inner container */
.spark-modal__body [data-ancillary="B01"] .dxp-ancillary-panel-content img {
    contente: url('../images/ancillaries/320X180_3_Bonus_B01_old.jpg') !important;
}

.spark-modal__body [data-ancillary="B02"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/320X180_3_Bonus_B02_old.jpg') !important;
}

.spark-modal__body [data-ancillary="B03"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/320X180_3_Bonus_B03_old.jpg') !important;
}


.spark-modal__body [data-ancillary="B04"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/320X180_3_Bonus_B04_old.jpg') !important;
}


.spark-modal__body [data-ancillary="0CW"] .dxp-ancillary-panel-content img {
   content: url('../images/ancillaries/320X180_3_Bonus_0CW_old.jpg') !important;
}


.spark-modal__body [data-ancillary="0CZ"] .dxp-ancillary-panel-content img {
   content: url('../images/ancillaries/320X180_3_Bonus_0CZ_old.jpg') !important;
}


.spark-modal__body [data-ancillary="0JH"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/320X180_3_Bonus_0JH_old.jpg') !important;
}


.spark-modal__body [data-ancillary="0C3"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/320X180_3_Bonus_0C3_old.jpg') !important;
}


.spark-modal__body [data-ancillary="0FF"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/320X180_3_Bonus_0FF1.jpg') !important;
}




.spark-modal__body [data-ancillary="029"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/fast_track.jpg') !important;
}

.spark-modal__body [data-ancillary="0AG"] .dxp-ancillary-panel-content img{
    content: url('../images/ancillaries/primeclass.jpg') !important;
}


.spark-modal__body [data-ancillary="0BX"] .dxp-ancillary-panel-content img- {
    content: url('../images/ancillaries/outlounge.jpg') !important;
}

.spark-modal__body [data-ancillary="02W"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/MGD.jpg') !important;
}


.spark-modal__body [data-ancillary="JXD"] .dxp-ancillary-panel-content img {
   content: url('../images/ancillaries/jetex_vvip.jpg') !important;
}


.spark-modal__body [data-ancillary="JXA"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/jetex_vvip.jpg') !important;
}

.spark-modal__body [data-ancillary="JXA"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/jetex_vvip.jpg') !important;
}

.spark-modal__body [data-ancillary="0FQ"] .dxp-ancillary-panel-content img {
   content: url('../images/ancillaries/Large_Sporting_Equipment.jpg') !important;
}

.spark-modal__body [data-ancillary="02Y"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/MGT.jpg') !important;
}

.spark-modal__body [data-ancillary="0HR"] .dxp-ancillary-panel-content img {
   content: url('../images/ancillaries/320X180_3_Bonus_0FF_old.jpg') !important;
}

.spark-modal__body [data-ancillary="03P"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/easypass.jpg') !important;
}

.spark-modal__body [data-ancillary="NV"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/SweetSavory.jpg') !important;
}

.spark-modal__body [data-ancillary="ML"] .dxp-ancillary-panel-content img {
   content: url('../images/ancillaries/StayHealthy.jpg') !important;
}


.spark-modal__body [data-ancillary="HO"] .dxp-ancillary-panel-content img {
    content: url('../images/ancillaries/SpecialMenu.jpg') !important;
}

.spark-modal__body [data-ancillary="CK"] .dxp-ancillary-panel-content img {
   content: url('../images/ancillaries/SkyCelebration.jpg') !important;
}





.BAGS .spark-icon.spark-icon-lounge-chair-sun.spark-icon--md.ducp-component-icon:before{
    content: "\EAB9";
    font-family: "wy"
    ;font-size: 28px;
    }



.BNDL .spark-icon.spark-icon-lounge-chair-sun.spark-icon--md.ducp-component-icon:before{
    content: "\EACD";
    font-family: "wy";
    font-size: 18px;
}



   

 @media (max-width: 543px){
.dxp-ancillaries-view .dxp-view-title span{
      font-size:1.6rem !important;
      color: #4a5767 !important
 }

}
    


/* Mobile View CSS changes DX v5.0 */

@media (max-width: 543px){
    
.dxp-flight-selection .results-action-header {
    display:block !important;
   
}

.dxp-flight-selection .results-action-header .flight-details-content {
    width:100%;
}

.dxp-flight-selection .results-action-header .flight-selection-title .currency-points-toggle {
    width:100%;
}

.brand-comparison-legend {
    color: #007d97 !important;
    background:#efefef !important;
}
    
    



/* WY Main Font Family English*/
.passenger-summary, .ducp-component-cart-panel ul.ducp-component-cart-panel-list > .ducp-component-cart-panel-section > .ducp-component-accordion > .spark-panel__content .itinerary-part-flight-details .ducp-component-flight-route, .brand-offer-price-mobile .brand-offer-title, .dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .offer-labels, .flight-offer-details .duration-stops .duration, .time, .dxp-breadcrumbs-container span, html, body, .dxp-payment-component h2, .dxp-breadcrumbs, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day.selected, .dxp-price, .dxp-summary-bar-container, .dxp-flight .flight-operated-by, .flight-depart .dxp-time, .dxp-flight .flight-details, .dxp-flight-offers .fare-comparison-header, .brand-fare-table .brand-name, .dxp-button.small, .dxp-price, .dxp-flight-offers .offer .price, .dxp-flight-offers .brand-offer .price, .dxp-switch .dxp-switch-option, .dxp-button.medium, .dxp-summary-bar-container-edit-button, .dxp-breadcrumbs-list-item .active .dxp-breadcrumbs-list-item-index, .dxp-breadcrumbs-list-item-index, button, input, optgroup, select, textarea, .dxp-message > .title-container .dxp-warning .title, .dxp-message > .title-container .dxp-error .title, .dxp-message > .title-container .dxp-info .title, .dxp-message > .title-container .dxp-success .title, .dxp-ancillary-flight .collapse-btn .flight-title {
    font-family: 'Open Sans', sans-serif !important;
    /* font-size: 100%; */
}


/* WY Main Font Family Arabic*/
.dx-flight-selection-ribbon-item .calendar-ribbon-item-label, [dir=rtl] .dxp-shared-flight-selection ..ducp-component-title, [dir=rtl] .cabin-offer-mobile .cabin-class, .dxp-breadcrumbs-container span, .dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .offer-labels, html[lang="ar"], html[lang="ar"] body, [dir="rtl"] .dxp-breadcrumbs, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6, [dir="rtl"] .h1, [dir="rtl"] .h2, [dir="rtl"] .h3, [dir="rtl"] .h4, [dir="rtl"] .h5, [dir="rtl"] .h6, [dir="rtl"] .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day.selected, [dir="rtl"] .dxp-price, [dir="rtl"] .dxp-summary-bar-container, [dir="rtl"] .dxp-flight .flight-operated-by, [dir="rtl"] .flight-depart .dxp-time, [dir="rtl"] .dxp-flight .flight-details, [dir="rtl"] .dxp-flight-offers .fare-comparison-header, [dir="rtl"] .brand-fare-table .brand-name, [dir="rtl"] .dxp-button.small, [dir="rtl"] .dxp-price, [dir="rtl"] .dxp-flight-offers .offer .price, [dir="rtl"] .dxp-flight-offers .brand-offer .price, [dir="rtl"] .dxp-switch .dxp-switch-option, [dir="rtl"] .dxp-button.medium, [dir="rtl"] .dxp-summary-bar-container-edit-button, [dir="rtl"] .dxp-breadcrumbs-list-item .active .dxp-breadcrumbs-list-item-index, [dir="rtl"] .dxp-breadcrumbs-list-item-index, [dir="rtl"] button, [dir="rtl"] input, [dir="rtl"] optgroup, [dir="rtl"] select, [dir="rtl"] textarea, [dir="rtl"] .dxp-message > .title-container .dxp-warning .title, [dir="rtl"] .dxp-message > .title-container .dxp-error .title, [dir="rtl"] .dxp-message > .title-container .dxp-info .title, [dir="rtl"] .dxp-message > .title-container .dxp-success .title, .dxp-inline-message .title-content {
    font-family: 'Tajawal', sans-serif !important;
}

/* WY #00b3bc COLOR*/
.dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected .date, .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected:after, .dxp-brand-amenities-wy .amenity, span[data-translation="upgrade.content"] div:first-of-type, .icon-fill-arrow-basic-right:after, .icon-arrow-basic-right:after, .spark-icon-arrow-basic-right::before, .dxp-switch .dxp-switch-option:not(.selected), [class$="-form-header"], .journey-type-label, .toggle-recent-searches, #promo-code-mask, .dxp-selected-flight .dxp-time:before, strong.arrive-time:before, strong.departure-time:before, .dxp-link:hover, .dxp-switch .dxp-switch-option:not(.selected), [class$="-form-header"], .journey-type-label, .toggle-recent-searches, #promo-code-mask, .dxp-breadcrumbs-list-item-index, .dxp-breadcrumbs-list-item .active .dxp-breadcrumbs-list-item-title {
    color: #00b3bc;
    /* color: rgb(122, 137, 145); */
}

/* WY #b4975a Color */
.dxp-header-view .header-item-group .header-item > .header-item-body .header-item-panel .manage-links .dxp-link, .dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .result-info-sort-filter .sort-filters-panel .ducp-component-button.text-button, .flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown.ducp-component-button.text-button, span[data-translation="upgrade.content"] li:before, .dxp-ancillary-flight .collapse-btn .flight-title, .dxp-ancillary-panel-content .intro p, .dxp-flight-offers .offer .price, .dxp-flight-offers .brand-offer .price, .brand-fare-table th, strong.arrive-time, strong.departure-time, .dxp-link:focus, .dxp-link, .dxp-breadcrumbs-list-item.completed .dxp-breadcrumbs-list-item-title, .dxp-breadcrumbs-list-item.completed .dxp-breadcrumbs-list-item-index {
    color: #b4975a;
}

/* WY Grey Color */
.itinerary-part-summary-details .flights-operated-by .flight-number-operated-by, .dxp-view .title-wrapper, .dxp-brand-amenities-wy .amenity:before, .dxp-brand-amenities-wy .amenity .title, .dxp-operated-by .flight-number, .dxp-flight-selection, .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day.no-flights, .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day[disabled], .dxp-breadcrumbs-list-item-index, .dxp-breadcrumbs-list-item-title {
    /* color:#7a8991; */
}

/* WY White Color */
.dxp-payment-component .header.padding h3, .passenger-summary, .cabin-offer-mobile .big-price-container .big-price, .cabin-offer-mobile .cabin-class, .itinerary-part-offer-price .itinerary-part-offer-price-button .starting-at-label, .dxp-menu .menu-link, .dxp-menu .main-menu-container .main-menu .menu-item:hover, .itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__back, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__forward, .dxp-cabin-offers .offer .name, .dxp-flight .offer .dxp-price, .dxp-summary-bar-container-airports .spark-icon-arrow-basic-right:before {
    color: #fff;
}

/* WY #555 Color */
.dxp-view-subtitle {
    color: #555
}

/* WY #00b3bc Background */
.dxp-menu .main-menu-container .main-menu .menu-item:hover, .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected:after, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__forward, .spark-step-indicator__item--current:after, .spark-step-indicator__item--current:before, .dxp-switch .dxp-switch-option.selected, .dxp-breadcrumbs-list-item .active .dxp-breadcrumbs-list-item-index, .passenger-summary, .journey-type-selection .journey-type-selection-item.active .dxp-link, .sign-in-section, .RadioButtonList label .DucpComponentToggle .spark-toggle .toggle-input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .DucpComponentToggle .toggle-item .spark-toggle__input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .DucpComponentToggle .toggle-item .toggle-input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .spark-toggle .DucpComponentToggle .toggle-input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .spark-toggle .spark-toggle__input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .spark-toggle .RadioButtonList label .toggle-input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .spark-toggle .spark-toggle__input:checked ~ .toggle-label:nth-child(n), .DucpComponentToggle .spark-toggle .toggle-input:checked ~ .spark-label:nth-child(n), .DucpComponentToggle .spark-toggle .toggle-input:checked ~ .toggle-label:nth-child(n), .DucpComponentToggle .toggle-item .RadioButtonList label .spark-toggle__input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .toggle-item .RadioButtonList label .toggle-input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .toggle-item .spark-toggle__input:checked ~ .spark-label:nth-child(n), .DucpComponentToggle .toggle-item .spark-toggle__input:checked ~ .toggle-label:nth-child(n), .DucpComponentToggle .toggle-item .toggle-input:checked ~ .spark-label:nth-child(n), .DucpComponentToggle .toggle-item .toggle-input:checked ~ .toggle-label:nth-child(n), .spark-toggle .RadioButtonList label .spark-toggle__input:checked ~ .radio-label:nth-child(n), .spark-toggle .DucpComponentToggle .RadioButtonList label .toggle-input:checked ~ .radio-label:nth-child(n), .spark-toggle .DucpComponentToggle .spark-toggle__input:checked ~ .toggle-label:nth-child(n), .spark-toggle .DucpComponentToggle .toggle-input:checked ~ .spark-label:nth-child(n), .spark-toggle .DucpComponentToggle .toggle-input:checked ~ .toggle-label:nth-child(n), .spark-toggle .spark-toggle__input:checked ~ .spark-label:nth-child(n) {
    background-color: #00b3bc;
}

/* WY #b4975a Background */
.dxp-footer, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__back, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__forward, .dxp-inline-message.info .icon {
    background: #b4975a;
}

/* WY Border Color Grey */
.dxp-breadcrumbs-list-item-index {
    border-color: #7a8991;
}

/* WY Border Color #b4975a */
.dxp-breadcrumbs-list-item.completed .dxp-breadcrumbs-list-item-index, .dxp-link:focus, .dxp-header-view .centered-content, .dxp-inline-message.info .icon {
    border-color: #b4975a;
}

/* WY #00b3bc Borader Color */
.dxp-menu .main-menu-container .main-menu .menu-item.active, .dxp-menu .main-menu-container .main-menu .menu-item:hover, DucpComponentToggle .toggle-item .toggle-input:checked ~ .toggle-label:nth-child(n), .RadioButtonList label .DucpComponentToggle .spark-toggle .toggle-input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .DucpComponentToggle .toggle-item .spark-toggle__input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .DucpComponentToggle .toggle-item .toggle-input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .spark-toggle .DucpComponentToggle .toggle-input:checked ~ .radio-label:nth-child(n), .RadioButtonList label .spark-toggle .spark-toggle__input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .spark-toggle .RadioButtonList label .toggle-input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .spark-toggle .spark-toggle__input:checked ~ .toggle-label:nth-child(n), .DucpComponentToggle .spark-toggle .toggle-input:checked ~ .spark-label:nth-child(n), .DucpComponentToggle .spark-toggle .toggle-input:checked ~ .toggle-label:nth-child(n), .DucpComponentToggle .toggle-item .RadioButtonList label .spark-toggle__input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .toggle-item .RadioButtonList label .toggle-input:checked ~ .radio-label:nth-child(n), .DucpComponentToggle .toggle-item .spark-toggle__input:checked ~ .spark-label:nth-child(n), .DucpComponentToggle .toggle-item .spark-toggle__input:checked ~ .toggle-label:nth-child(n), .DucpComponentToggle .toggle-item .toggle-input:checked ~ .spark-label:nth-child(n), .DucpComponentToggle .toggle-item .toggle-input:checked ~ .toggle-label:nth-child(n), .spark-toggle .RadioButtonList label .spark-toggle__input:checked ~ .radio-label:nth-child(n), .spark-toggle .DucpComponentToggle .RadioButtonList label .toggle-input:checked ~ .radio-label:nth-child(n), .spark-toggle .DucpComponentToggle .spark-toggle__input:checked ~ .toggle-label:nth-child(n), .spark-toggle .DucpComponentToggle .toggle-input:checked ~ .spark-label:nth-child(n), .spark-toggle .DucpComponentToggle .toggle-input:checked ~ .toggle-label:nth-child(n), .spark-toggle .spark-toggle__input:checked ~ .spark-label:nth-child(n) {
    border-color: #00b3bc;
}

/* WY NO Borader */
.ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative):not(.spark-step-indicator__edit-button), .dxp-menu .main-menu .menu-link:hover, .spark-panel, .DucpComponentToggle .toggle-item .toggle-input:checked ~ .toggle-label:nth-child(n), .points-currency-toggle .currency-points-toggle .toggle-points .toggle-label, DucpComponentToggle .toggle-item .toggle-input:checked ~ .toggle-label:nth-child(n), .spark-step-indicator__item--current:after, .spark-step-indicator__item--current:before, .journey-type-selection {
    border: 0 !important;
}

/*WY NO text shadow */
.spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__back, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__forward, .dxp-view .title-wrapper {
    text-shadow: unset
}

/*WY NO BOX Shadow */
.dx-flight-selection-ribbon.spark-carousel[data-spark-carousel-panel].leftbound .spark-carousel__controls .spark-carousel__back:focus, .dx-flight-selection-ribbon.spark-carousel[data-spark-carousel-panel].leftbound .spark-carousel__controls .spark-carousel__forward:focus, .dx-flight-selection-ribbon.spark-carousel[data-spark-carousel-panel].rightbound .spark-carousel__controls .spark-carousel__back:focus, .dx-flight-selection-ribbon.spark-carousel[data-spark-carousel-panel].rightbound .spark-carousel__controls .spark-carousel__forward:focus, .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item:focus {
    box-shadow: 0 0 0 0;
    /* -webkit-box-shadow: inset 0.0625rem 0 0.0625rem #ccc; */
    /* box-shadow: inset 0.0625rem 0 0.0625rem #ccc; */
}

/*WY Borader Round 0 */
.spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__back, .spark-carousel[data-spark-carousel-panel] .spark-carousel__controls .spark-carousel__forward {
    border-radius: 0
}

/* Economy  Colors */
.cabin-offer-mobile .cabin-offer-content.economy .cabin-offer-price-content, .wy-brandfares-economy, .economy .offer.non-disabled-flights, .dxp-selected-flight .airplane [data-translation="travelClass.economy"], .dxp-shopping-cart-container-selected-flights .details-container .operated-by .cabin-class-name [data-translation="travelClass.economy"], .itinerary-part-offer-price-button.economy {
    background: linear-gradient(to right, #037390 0, #00b3bc 100%) !important;
    background: #00b3bc !important;
    border: 0;
}

.economy span.from, .economy .starting-at-label {
    color: #d4e2e2 !important;
    text-transform: unset !important;
    font-size: 70% !important;
}

.dxp-selected-flight .airplane [data-translation="travelClass.economy"], .dxp-shopping-cart-container-selected-flights .details-container .operated-by .cabin-class-name [data-translation="travelClass.economy"] {
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-block;
    color: #fff;
    margin-bottom: 5px
}

.itinerary-part-offer-price .itinerary-part-offer-price-button.economy.selected .big-price-container .big-price:not(.brand-offer-price) .alternative:first-child:after {
    color: #00b3bc
}

/* business  Colors */
.cabin-offer-mobile .cabin-offer-content.business .cabin-offer-price-content, .wy-brandfares-business, .business .offer.non-disabled-flights, .dxp-selected-flight .airplane [data-translation="travelClass.business"], .dxp-shopping-cart-container-selected-flights .details-container .operated-by .cabin-class-name [data-translation="travelClass.business"], .itinerary-part-offer-price-button.business {
    background: linear-gradient(to right, #037390 0, #00b3bc 100%) !important;
    background: #037390 !important;
    border: 0;
}

.business .starting-at-label, .business .from {
    color: #90b8c3 !important;
    text-transform: unset !important;
    font-size: 70% !important;
}

.dxp-selected-flight .airplane [data-translation="travelClass.business"], .dxp-shopping-cart-container-selected-flights .details-container .operated-by .cabin-class-name [data-translation="travelClass.business"] {
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-block;
    color: #fff;
    margin-bottom: 5px
}

.itinerary-part-offer-price .itinerary-part-offer-price-button.business.selected .big-price-container .big-price:not(.brand-offer-price) .alternative:first-child:after {
    color: #037390
}

/* first  Colors */
.cabin-offer-mobile .cabin-offer-content.first .cabin-offer-price-content, .wy-brandfares-first, .itinerary-part-offer-price-button.first, .first .offer.non-disabled-flights, .dxp-selected-flight .airplane [data-translation="travelClass.first"], .dxp-shopping-cart-container-selected-flights .details-container .operated-by .cabin-class-name [data-translation="travelClass.first"] {
    background: linear-gradient(to right, #037390 0, #00b3bc 100%) !important;
    background: rgb(180, 151, 90) !important;
    border: 0;
}

.first span.from, .first .starting-at-label {
    color: #ebe0c9 !important;
    text-transform: unset !important;
    font-size: 70% !important;
}

.dxp-selected-flight .airplane [data-translation="travelClass.first"], .dxp-shopping-cart-container-selected-flights .details-container .operated-by .cabin-class-name [data-translation="travelClass.first"] {
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-block;
    color: #fff;
    margin-bottom: 5px
}

.itinerary-part-offer-price .itinerary-part-offer-price-button.first.selected .big-price-container .big-price:not(.brand-offer-price) .alternative:first-child:after {
    color: #b4975a
}

/* WY Blue Button */
.brand-offer-price-mobile .brand-select-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), .itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md, .dxp-button.primary.small, .dxp-button.primary.medium:not(disabled) {
    color: #FFFFFF;
    background: linear-gradient(150deg, #00b3bc 0%, #037390 100%);
    border: 0;
    background-size: 200% 200%;
    border-color: #12a7cc;
    animation: 1s;
    /* padding: 4% 0%; */
    /* margin-top: 3%; */
}

.dxp-button:disabled, .dxp-button.btn-disabled {
    background: #E4E4E4 !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md:active, .itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md:hover, .dxp-button.primary.small:hover, .dxp-button.primary.medium:hover {
    background: linear-gradient(150deg, #00b3bc 0%, #037390 100%);
    border: 0;
    background-position: -100% 100%;
    /* padding: 4%; */
}

.dxp-button.primary.small span span, .dxp-button.primary.medium span, .dxp-button.primary.small .currency, .brand-select-button .dxp-price {
    position: relative;
    transition: 0.5s;
    /* display: block; */
}

html[lang="en"] .dxp-button.primary.small:not(.offer-select-button) span span:after, html[lang="en"] .dxp-button.primary.medium:not(:disabled) span:after, html[lang="en"] .dxp-button.primary.small .currency:after, html[lang="en"] .brand-select-button .dxp-price:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    /* top: 48%; */
    right: -20px;
    font-size: 31px;
    transition: 0.5s;
    line-height: 18px;
}

[dir="rtl"] .dxp-button.primary.small:not(.offer-select-button) span span:after, [dir="rtl"] .dxp-button.primary.medium span:after, [dir="rtl"] .currencyWY .dxp-button.primary.small .currency:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    left: -20px;
    font-size: 31px;
    transition: 0.5s;
    line-height: 18px;
    ;
}

html[lang="en"] .dxp-button.primary.small:not(.offer-select-button):hover span span, html[lang="en"] .dxp-button.primary.medium:hover span, html[lang="en"] .currencyWY .dxp-button.primary.small:hover .currency, html[lang="en"] .brand-select-button:hover .dxp-price {
    padding-right: 25px;
}

[dir="rtl"] .dxp-button.primary.small:not(.offer-select-button):hover span span, [dir="rtl"] .dxp-button.primary.medium:hover span, [dir="rtl"] .currencyWY .dxp-button.primary.small:hover .currency {
    padding-left: 25px;
}

html[lang="en"] .dxp-button.primary.small:not(.offer-select-button):hover span span:after, html[lang="en"] .dxp-button.primary.medium:hover span:after, html[lang="en"] .currencyWY .dxp-button.primary.small:hover .currency:last-of-type:after, html[lang="en"] .brand-select-button:hover .dxp-price:after {
    opacity: 1;
    right: 0;
}

[dir="rtl"] .dxp-button.primary.small:not(.offer-select-button):hover span span:after, [dir="rtl"] .dxp-button.primary.medium:hover span:after, [dir="rtl"] .currencyWY .dxp-button.primary.small:hover .currency:after {
    opacity: 1;
    left: 0;
}

.dxp-button:disabled.small, .dxp-button:disabled.x-small, .dxp-button.btn-disabled.small, .dxp-button.btn-disabled.x-small, .dxp-button:disabled.small:hover, .dxp-button:disabled.x-small:hover, .dxp-button.btn-disabled.small:hover, .dxp-button.btn-disabled.x-small:hover {
    color: #666666;
    background: #E4E4E4;
}

/* WY Buttons */
.ancillary-summary-common .summary-button button.ducp-component-button.negative:after, .ancillary-summary-common .summary-button button.ducp-component-button.secondary-button:after, .ancillary-summary-common .summary-button button.ducp-component-button.text-button:after, .ancillary-summary-common .summary-button button.ducp-component-button.view-more-button:after, .ancillary-summary-common .summary-button button.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, .ancillary-summary-common .summary-button button.spark-btn:after, .ducp-component-page-button-wrapper > button.ducp-component-button.continue:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, .ducp-component-page-button-wrapper > button.ducp-component-button.negative.continue:after, .ducp-component-page-button-wrapper > button.ducp-component-button.secondary-button.continue:after, .ducp-component-page-button-wrapper > button.ducp-component-button.text-button.continue:after, .ducp-component-page-button-wrapper > button.ducp-component-button.view-more-button.continue:after, .ducp-component-page-button-wrapper > button.spark-btn.continue:after, .spark-btn--lg.ducp-component-button.negative:after, .spark-btn--lg.ducp-component-button.secondary-button:after, .spark-btn--lg.ducp-component-button.text-button:after, .spark-btn--lg.ducp-component-button.view-more-button:after, .spark-btn--lg.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, .spark-btn--lg.spark-btn:after, .spark-btn--md.ducp-component-button.negative:after, .spark-btn--md.ducp-component-button.secondary-button:after, .spark-btn--md.ducp-component-button.text-button:after, .spark-btn--md.ducp-component-button.view-more-button:after, .spark-btn--md.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, .spark-btn--md.spark-btn:after, .summary-content .summary-button button.ducp-component-button.negative:after, .summary-content .summary-button button.ducp-component-button.secondary-button:after, .summary-content .summary-button button.ducp-component-button.text-button:after, .summary-content .summary-button button.ducp-component-button.view-more-button:after, .summary-content .summary-button button.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, .summary-content .summary-button button.spark-btn:after {
    background: transparent
}

.ducp-component-button.secondary-button {
    font-size: 1rem
}

.ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative):not(.spark-step-indicator__edit-button):not(.disabled), .itinerary-part-offer-price .itinerary-part-offer-price-button {
    background: linear-gradient(150deg, #00b3bc 0%, #037390 100%);
    color: white;
}

{
    color: #fff
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md {
    padding: 3%;
    margin: 5px auto;
}

/* WY Header and Footer */
.dxp-menu .menu-link, header button span, .dxp-footer span {
    font-size: 1.3rem;
}

/*WY Body background*/
.dxp-background .dxp-background-hd {
    z-index: 4;
    /* background-color: #201f1f; */
    opacity: 0.8;
}

.dxp-background {
    min-height: 100vh !important;
    padding-bottom: 20px;
}

/* WY Calendar Page */
@media (max-width: 543px)
{
    .matrix-grid .table-container table {
        width: 100%
    }

    .matrix-grid .table-container table .date {
        text-align: initial;
        white-space: nowrap
    }
}

/* WY Flight Results Page */
.sticky-outer-wrapper {
    margin-bottom: 10px;
}

.dx-flight-selection-ribbon .dx-flight-selection-ribbon-item:focus {
    border: 1px solid #00b3bc;
}

.spark-panel.spark-panel--card.dxp-itinerary-offers-header.ducp-component-panel {
    background-color: #ffffff;
    border-bottom: 5px solid #b4975a;
}

.itinerary-part-offer.spark-panel {
    margin: 15px 0;
    box-shadow: 1px 1px 3px 0px #aeaeae;
    border-left: 10px solid #b4975a !important;
}

[dir=rtl] .itinerary-part-offer.spark-panel {
    margin: 15px 0;
    box-shadow: 1px 1px 3px 0px #aeaeae;
    border-right: 10px solid #b4975a !important;
    border-left: 0 !important;
}

.view-seats.text-button {
    display: none
}

.flight-offer-details .route-date-time .time-airport .time {
    /* font-size: 1.3rem; */
    font-weight: bold;
}

.flight-offer-details .duration-stops .duration, .itinerary-part-amenities .amenities-items {
    font-size: 1.3rem;
    /* line-height:1.5px; */
    height: 33px;
}

.flight-offer-details .route-date-time .time-airport-separator {
    font-size: 140%;
    line-height: 140%;
    /* text-align: center; */
}

.flight-offer-details .route-date-time .time-airport .airport, .flight-offer-details .duration-stops .stops, .itinerary-part-amenities .amenities-note, .flight-advisories .advisory-message, .itinerary-part-summary-details .flights-operated-by .flight-number-operated-by {
    margin-top: 1px;
    font-size: 0.85rem;
    font-size: 0.9rem;
}

.flight-offer-details .duration-stops .stops {
    margin-top: 10px
}

.itinerary-part-amenities .amenities-note {
    font-size: 80%
}

.flight-offer-details .route-date-time, .dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .time-duration-amenities .time {
    /* width: 40%; */
}

.flight-offer-details .row {
    margin-bottom: 15px
}

.flight-offer-itinerary-breakdown {
    padding-bottom: 10px
}

.flight-offer-details .amenities, .dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .time-duration-amenities .amenities {
    /* width: 35%; */
    /* display: none; */
}

.flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown.ducp-component-button.text-button {
    font-size: 90%
}

#dxp-flight-selection-view .title-wrapper {
    display: none;
}

.flight-offer-itinerary-breakdown .itinerary-breakdown-content .shadow-box {
    margin: 0;
    box-shadow: inset 0px 3px 12px -8px rgb(32, 32, 32);
    border-radius: 0;
    border: 0;
    background: #f8f8f8;
}

.itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price .amount, .itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price .amount .number {
    font-weight: 400
}

.flight-offer-details .route-date-time .time-airport .airport {
    text-align: center
}

.dxp-flight-selection .flight-selection-header-actions {
    margin-top: 1px;
    /* float: left; */
}

[dir=rtl] .dxp-flight-selection .flight-selection-header-actions {
    float: left;
}

.points-currency-toggle .currency-points-toggle .toggle-currency .toggle-label, .points-currency-toggle .currency-points-toggle .toggle-points .toggle-label {
    border: 0
}

.itinerary-part-offer-price {
    display: table
}

.itinerary-part-offer-price .itinerary-part-offer-price-button.selected .big-price-container .big-price:not(.brand-offer-price) .alternative:first-child:after {
    content: "\e855";
    font-family: 'wy';
    font-size: 2rem;
    position: absolute;
    bottom: 24px;
    display: block;
    /* left: 38%; */
    /* color: #f00 !important; */
}



.flight-offer-promo {
    /* background: #fe3f3f; */
    color: #e80000;
    width: auto;
    margin: 0 auto;
    border-radius: 5px 0;
    width: 140px;
}

.cabin-offer-mobile .big-price-container .big-price .alternative:first-child:after, .itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price:not(.brand-offer-price) .alternative:first-child:after, [dir=rtl] .itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price:not(.brand-offer-price) .alternative:first-child:before {
    display: none
}

.itinerary-part-remaining-seats {
    background: #ff5a5a;
    color: #fff ! important;
    width: auto;
    margin: 5px auto;
    border-radius: 5px;
    font-weight: 500;
    display: table !important;
    padding: 0px 5px;
    font-size: 0.8rem !important;
}

.itinerary-part-remaining-seats:before {
    content: "\e89c";
    font-family: 'wy';
    padding: 0 5px;
}

.flight-offer-itinerary-part-details .segment-details .segment-line .segment-content {
    padding: 7px 15px 20px 15px;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md .brand-offer-price .from {
    display: none
}

[dir=rtl] .DucpComponentToggle .toggle-item:first-child .toggle-label {
    border-radius: 0 .25rem .25rem 0
}

[dir=rtl] .DucpComponentToggle .toggle-item:last-child .toggle-label {
    border-radius: .25rem 0 0 .25rem
}

.dx-flight-selection-ribbon .spark-carousel__item.selected {
    border: 2px solid #b8b8b8;
}



.dx-flight-selection-ribbon.flight-selection-mobile-ribbon .dx-flight-selection-ribbon-item.selected:before {
    content: "\e855";
    font-family: 'wy';
    top: -10px;
    left: 40%;
    position: absolute;
    color: #19b6be;
    font-size: 24px;
}

.dx-flight-selection-ribbon.flight-selection-mobile-ribbon .dx-flight-selection-ribbon-item.selected{
    border: 2px solid #00b3bc   
}


.cabin-offer-content .selected .cabin-offer-price-content:after {
    content: "\e855";
    font-family: 'wy';
    font-size: 2rem;
    position: absolute;
    bottom: -17px;
    display: inline-block;
}

.cabin-offer-mobile .cabin-offer-content .cabin-offer-price-content {
    position: relative
}

@media (min-width: 796px) {
    .flight-offer-details .duration-stops, .dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .time-duration-amenities .duration {
        width: 30%;
    }
}

[dir=rtl] .itinerary-part-offer-min-price-mobile {
    left: 10px;
    right: unset;
}

.brand-offer-price-mobile {
    margin-top: 2.5rem
}

@media (max-width: 543px) {
    .points-currency-toggle {
        margin-top: -1px
    }
}

.selected-itinerary-part-offer .flight-row .flight-price {
    flex: 1;
}

.matrix-grid-cell .is-lowest-fare {
    color: #6ca011;
}

.flight-selection-page-button-wrapper .ducp-component-button.go-back {
    display: none
}

.selected-itinerary-part-offer .change-flight .spark-btn--sm.text-button {
    /* background: #b4975a; */
    padding: 5px;
    color: #b4975a !important;
    border: 1px solid #b4975a;
}

/* WY Hassan Cahnges before DX4.2 */





.dxp-shared-seat-selection .sticky-header {
    background: #00b3bc;
}

.spark-step-indicator__item--dropdown__header.spark-step-indicator__item {
    max-width: 60% !important;
}

.ducp-component-breadcrumbs .spark-step-indicator__body--dropdown.spark-step-indicator__body .spark-step-indicator__cart {
    margin-left: 20px !important;
}

/* WY DX4.2 changes */
.date-picker {
    border: 1px solid #aeaeae
}

.date-picker .dp-header {
    background: #f0f0f0
}

.date-picker .dp-table .dp-row {
    border-top: 1px solid #aeaeae;
}

.date-picker .dp-table .dp-cell:not(:first-child) {
    border-left: 1px solid #aeaeae;
}

.date-picker .dp-table .dp-cell.dp-week-day-name {
    border: none
}

.date-picker .dp-table .dp-row.dp-week-day-names {
    background: #f0f0f0;
    border-bottom: 1px solid #aeaeae
}

.date-picker .dp-footer {
    border-top: 1px solid #aeaeae
}

.date-picker .dp-table .dp-cell:hover {
    background: #f0f0f0
}

.field-autocomplete .Select-value-label, .field-dropdown .Select-value-label {
    font-weight: 600
}

.passenger-selection .passenger-count {
    font-weight: 600
}

.field.field-has-value .field-input {
    font-weight: 600
}

.dxp-switch .dxp-switch-option {
    font-weight: 600 !important
}

.dxp-button.medium {
    font-weight: 600 !important
}

.flight-offer-details .route-date-time .time-airport .airport, .flight-offer-details .duration-stops .stops, .itinerary-part-amenities .amenities-note, .flight-advisories .advisory-message, .itinerary-part-summary-details .flights-operated-by .flight-number-operated-by {
    font-size: 1.3rem !important;
}

.spark-icon--sm, .spark-icon--sm:before {
    font-size: 1rem !important;
}

.flight-offer-details .duration-stops .duration, .itinerary-part-amenities .amenities-items {
    font-size: 1.6rem !important;
}

.dxp-breadcrumbs-container .dxp-breadcrumbs.dxp-breadcrumbs-large .spark-step-indicator__item .spark-step-indicator__text .spark-step-indicator__title-text {
    font-size: 1rem !important;
}

.dxp-ancillary-content .img-div {
    /* height: 16.25rem !important; */
}

.dxp-ancillary-content.feature .description .intro {
    font-weight: 200 !important;
}

/*WY Brand Benfites with Miles */
.milesWY .Brand.currency, .milesWY .amenity.currency {
    display: none
}

.milesWY .itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md .big-price {
    font-size: 1.5rem
}

.milesWY th.amenity, .milesWY .Brand, .milesWY .amenity-item-row.bottom-row .brand-offer-not-available, .milesWY .amenity-item-row.bottom-row .brand-selection-button-container {
    width: 30%
}

.milesWY .itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price {
    font-size: 1.6rem
}

.milesWY .RowNumber7 {
    display: none
}

/*WY Brand Benfites Mobile */
.brand-comparison-mobile .brand-comparison-mobile-price {
    width: 100%;
    border: 1px solid #dbdbdb;
    margin: 15px 0;
}

.brand-comparison-mobile .brand-comparison-mobile-price .dxp-brand-amenities-wy {
    width: 95%;
}

.brand-comparison-mobile .brand-comparison-mobile-price .dxp-brand-amenities-wy li {
    margin: 2px
}

.brand-offer-price-mobile .brand-offer-title, .brand-comparison-mobile-price .brand-offer-sold-out-title {
    display: none
}

.brand-offer-price-mobile .ducp-component-button {
    margin: 0 !important
}

.itinerary-part-cabin-offers-mobile .cabin-brand-bonuses-comparison {
    display: none
}

.brand-comparison-mobile-price.sold-out .dxp-brand-amenities-wy {
    display: none
}

.sold-out .brand-offer-sold-out:before {
    content: "You just missed it";
    color: #dc0000;
    font-weight: bold;
    padding: 5px
}

html[lang="ar"] .dxp-flight-table-section .itinerary-part-cabin-offers-mobile .brand-comparison-mobile {
    direction: ltr
}

/*WY Hiding No Show Brand Benfits from mobike view */
.brand-comparison-mobile .amenity:nth-child(6n) {
}

.brand-comparison-mobile .BL .amenity:nth-child(7n) {
    display: none
}

.brand-comparison-mobile .BL .amenity:nth-child(8n) {
    display: none
}

.brand-comparison-mobile .BS .amenity:nth-child(7n) {
    display: none
}

.brand-comparison-mobile .BS .amenity:nth-child(8n) {
    display: none
}

.brand-comparison-mobile .BP .amenity:nth-child(7n) {
    display: none
}

.brand-comparison-mobile .BP .amenity:nth-child(8n) {
    display: none
}

.brand-comparison-mobile .FS .amenity:nth-child(7n) {
    display: none
}

.brand-comparison-mobile .FS .amenity:nth-child(8n) {
    display: none
}

.brand-comparison-mobile .FP .amenity:nth-child(7n) {
    display: none
}

.brand-comparison-mobile .FP .amenity:nth-child(8n) {
    display: none
}

/*.dxp-button.small.secondary.offer.non-disabled-flights:active:after{content:"\E855";font-family: 'wy';color:#fff}*/

/* WY Head Line */


@media (max-width: 768px) {
    .dxp-shared-flight-selection .centered-content .ducp-component-title, .dxp-ancillaries-view .header h2 {
        font-size: 1.3rem
    }
}

span[data-translation="flightSelection.selectYourDepartingFlight"]:before {
    content: "\EABF";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
}

[dir="rtl"] span[data-translation="flightSelection.selectYourDepartingFlight"]:before {
    content: "\EABF";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    transform: rotate(180deg);
}

span[data-translation="flightSelection.selectYourReturningFlight"]:before {
    content: "\EABF";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    transform: rotate(180deg);
  
 
}

[dir="rtl"] span[data-translation="flightSelection.selectYourReturningFlight"]:before {
    content: "\EABF";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    position: relative;
    
}

.dxp-ancillary-content .title {
    font-size: 21.25px;
    padding: 0.7rem 1.5rem;
    font-weight: bold;
}

/*WY Icons */
.spark-icon-arrow-basic-right::before {
    content: "\EABF";
    font-family: 'wy' !important;
    font-weight: normal;
    /* transform: rotate(45deg); */
    display: inline-block;
    padding: 0 5px;
    /* font-size: 27px; */
}

[dir="rtl"] .spark-icon-arrow-basic-right::before {
    content: "\EABF";
}

.icon-fill-cog:before, .icon-cog:before {
    content: "\e8ad";
    font-family: 'wy' !important;
    font-weight: normal;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 50%;
}

/* WY Pax page */
.field-phone-group.phone-1 {
    display: none !important;
}

/*WY ancillary */

/*div[data-ancillary="0AG"] h3 span.icon-document:before{content:"\eacb";font-family: 'wy' !important;font-size: 90px;clip: rect(0px,60px,200px,0px);position: absolute;}*/
.dxp-ancillary-content h3 span:first-child, .dxp-ancillary-panel-content h3 span:first-child {
    display: none !important
}

.dxp-ancillary-content .title-text {
    margin: 0
}

.dxp-ancillary-content.feature .description .intro {
    font-size: 100%;
    text-align: initial;
    margin: 0 5px;
    padding: 0 5px;
}

.dxp-ancillary-panel-content .intro {
    margin: 0;
    font-size: 101%;
    width: 100% !important;
}

.dxp-ancillary-panel-content .intro p {
    margin: 5px 0;
    font-size: 110%;
    font-weight: bold;
}

.dxp-ancillary-panel-content .item.img-div {
    /* height: 50px; */
    /* min-height: 50px; */
    /* width: 40%; */
}

.dxp-passenger-spinner-list ul .passenger-item:last-child {
    margin: 10px 19px;
}

.passenger-selection-controls {
    width: unset
}

.passenger-type-details {
    padding: 7px 0px;
}

.dxp-ancillary-body {
    padding: unset
}

.dxp-ancillaries-view .header .sub-title {
    text-shadow: 1px 1px 2px #000;
    font-size: 120%;
    font-weight: bold;
}

.dxp-ancillaries-view .dxp-modal-window {
    top: 0
}

.dxp-ancillaries-view .dxp-modal-window .dxp-modal-window-container-wrapper {
    top: 10vh;
}

.dxp-collapse button.collapse-btn {
    text-align: left
}

@media (max-width: 29.69rem) {
    .dxp-passenger-spinner-list .passenger-selection-controls {
        left: unset;
    }
}

.dxp-ancillary-flight .dxp-collapse-content {
    padding: 0.5rem;
    margin-top: 0.5rem;
}

.dxp-passenger-spinner-list button.btn-increment, .dxp-passenger-spinner-list button.btn-decrement, .dxp-modal-window-close-button {
    cursor: pointer
}

.ancillary-common.tile .ducp-component-title.title, .ancillary-common.tile p.intro, .ancillary-common.tile .bundle-list {
    display: none
}

.ancillary-common.tile .spark-panel__content.spark-expand {
    padding: 0
}

.dxp-ancillary-summary .dxp-ancillary-sale {
    /* background-color: #f81a1a; */
}

.dxp-ancillary-summary .summary-content .ancillary-discount-info .price .amount, .dxp-ancillary-summary .summary-content .original-max-price .number {
    font-size: 18px;
}

.dxp-ancillary-summary .summary-content .ancillary-discount-info .price .decimal, .dxp-ancillary-summary .summary-content .original-max-price .decimal {
    font-size: 15px;
}

.dxp-ancillary-summary .dxp-ancillary-sale {
    background-color: #e82020;
    display: inline-block;
    position: absolute;
    padding: 0.25rem .5rem;
    color: #fff;
    top: -5.3rem;
    left: 1.2rem;
    line-height: 46px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: .125rem 0 0 .125rem;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-weight: bold;
    text-align: center;
    box-shadow: 1px 1px 3px 1px #6a6a6a;
    clip-path: none;
    -webkit-clip-path: none;
    border: 0;
}

.BAGSS .dxp-ancillary-summary .dxp-ancillary-sale {
    background-color: #e82020;
    display: inline-block;
    position: absolute;
    padding: 0.25rem .5rem;
    color: #fff;
    top: -5.3rem;
    left: 1.2rem;
    line-height: 42px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: .125rem 0 0 .125rem;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-weight: bold;
    text-align: center;
    box-shadow: 1px 1px 3px 1px #6a6a6a;
    clip-path: none;
    -webkit-clip-path: none;
    border: 0;
}

.ancillary-discount {
    margin-top: 10px
}

.dxp-ancillary-summary .dxp-ancillary-sale::after {
    border: 0
}


.dxp-modal-window-content .ancillary-summary-common.dxp-ancillary-summary.clearfix .dxp-ancillary-sale {
    top: -45px;
    left: 94px;
}

.dxp-ancillary-panel .travel-part-title.itinerary {
    display: none
}

.dxp-modal-window-container .dxp-collapse.dxp-ancillary-flight {
    margin: 0
}

.dxp-modal-window-container .segment-offers {
    padding-top: 0 !important
}

/*WY Seat Map */
[dir="rtl"] .dxp-seat-selection-passenger-list .passenger-list li .passenger-index {
    margin: 0
}

[dir="rtl"] .dxp-passenger .selected-seat {
    float: left;
}

[dir="rtl"] .dxp-shared-seat-selection .main-content .right-container {
    border-left: 0;
    border-right: 0.625rem solid #ccc;
    margin-right: 20px;
}
/*[dir="rtl"] .dxp-shared-seat-selection .main-content .proceed-to-next-segment button{float: right;}*/

.dxp-seat.premium-paid-0 {
    background-image: url(../images/seatmap/choiceseat.png)
}

.dxp-seat.premium-paid-2 {
    background-image: url(../images/seatmap/firstrowseats.png)
}

span[data-translation="seatSelection.seat.exit-paid-2"] {
    display: none
}

.exit-row-seat-disclaimer {
    text-align: initial
}

/*WY Payment */
.payment-insurance-container .row {
    cursor: auto
}

.surcharges-description {
    display: none
}

[data-translation="payment.payment.header"] {
    font-weight: bold
}

.dxp-shopping-cart-container-section .dxp-shopping-cart-container-section-button {
    cursor: pointer;
}

.dxp-shopping-cart-container-section .dxp-shopping-cart-container-section-button h3 {
    cursor: pointer;
    font-size: 140%;
}

.payment-insurance-container {
    font-size: 90%;
}

.payment-insurance-container .intro p {
    display: none
}

.summary-content .spark-panel__content .added-to-cart-title, .summary-content .spark-panel__content .title {
    font-size: 1.2rem
}

#dxp-mix-cabin {
    background: #fff;
    padding: 10px;
}

#dxp-mix-cabin p {
    padding: 10px;
}

/* WY Edit Search */
@media only screen and (min-width: 77.5rem) {
    .dxp-edit-panel {
        adding: 0 0.625rem 1rem 0.625rem;
    }
}

.dxp-edit-panel {
    /* color: #FFFFFF; */
    background-color: #f3f3f3;
    border-top: solid 5px #01a0af;
}

.journey-type-selection {
    margin: 0.75rem 0;
    padding: 0.3rem;
    float: right;
    /* border: 1px solid #dfdfdf; */
    /* background: #eeeeee; */
}

.dxp-edit-panel-inner-wrapper fieldset {
    /* border: 1px solid #e5e5e5; */
    border-top: 0;
    padding-top: 14px;
}

/* WY Confirmation */
#express-signup-confirmation-message span p {
    font-size: 75%;
    color: #878c93;
}

.dxp-trip-manager .sub-function-button {
    font-size: 18px;
    padding: 0.5rem 1rem;
    color: #ffffff !important;
    background: #00aeb9;
    line-height: 0;
}

.dxp-trip-manager .sub-function-button .icon-print:before {
    content: "\e833";
    font-family: 'wy' !important;
}

.dxp-flight-summary .main-airports .airport, .itinerary-part .airport {
    font-size: 90%;
    font-weight: bold;
}

.icon-fill-arrow-basic-right:after, .icon-arrow-basic-right:after {
    content: '\eabf';
    font-family: 'wy' !important;
    display: inline-block;
    margin-left: 10px;
}

.dxp-flight-summary .dxp-trip-details .collapse-btn, button.dxp-cart-item-toggle-collapse.icon-arrow-chevron-down {
    cursor: pointer
}

#dxp-trip-details-flight-and-payment-collapse {
    border-top: 1px solid #ccc;
    padding: 5px;
}

.dxp-shared-confirmation .page-title {
    font-weight: bold;
}

.itinerary-part {
    border-top: 1px dotted #ccc;
    padding: 15px 0
}

.itinerary-part:first-of-type {
    border: 0
}

span[data-translation="upgrade.content"] div:first-of-type {
    font-weight: bold
}

span[data-translation="upgrade.content"] li {
    list-style: none;
}

span[data-translation="upgrade.content"] li:first-of-type {
    padding-top: 15px
}

span[data-translation="upgrade.content"] li:before {
    content: "\e894";
    font-family: 'wy';
    padding: 0 5px
}

#dxp-pnr .pnr {
    font-size: 50px;
    padding: 0;
    color: #fff;
    font-family: arial !important;
}

#dxp-pnr span:before {
    content: ""
}

#dxp-pnr:before {
    content: "Booking Reference";
    float: left;
    font-size: 15px;
    margin-bottom: 10px;
}

#dxp-pnr {
    padding: 1.3rem;
    background: #d1b06b;
}

.dxp-flight-summary .dxp-trip-dates, .itinerary-part .dxp-trip-airports h2, .main-trip-details .main-airports h2, .dxp-flight-summary .dxp-trip-extras, .dxp-flight-summary .dxp-trip-passengers, .dxp-flight-summary .dxp-trip-type {
    font-size: 1.3rem !important;
}

.dxp-message > .title-container .dxp-success .title {
    /* white-space: pre; */
    /* line-height: 48px; */
}

/* WY Shopping Cart */
[dir=rtl] .trip-total .label {
    font-size: 1rem
}

.itinerary-part-details .itinerary-part-flight-details .segment-operated-by-list li {
    padding: 5px 0;
    border-bottom: 1px solid #ececec;
}

.itinerary-part-details .itinerary-part-flight-details .segment-operated-by-list li:last-child {
    border: 0
}

.itinerary-part-details .itinerary-part-flight-details .cabin-class {
    color: #ac0000;
    font-weight: 500;
}

.itinerary-part-details .itinerary-part-flight-details .fare-basis {
    display: none
}

/* FONT SIZE */

/* 110% */
.dxp-breadcrumbs-list-item-title {
    font-size: 110%
}

.dxp-logo img {
    margin-top: 0.5em;
}

/*.itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-table {overflow: hidden !important;background-color: rgba(0, 0, 0, 0) !important;}*/
.itinerary-part-offer-not-available {
    background: #e8e8e8;
    padding: 13% 20%;
    border-radius: 5px;
}

.dxp-switch .dxp-switch-option:not(.selected), [class$="-form-header"], .journey-type-label, .toggle-recent-searches, [data-translation="payment.payment.header"] {
    /* color: #00b3bc !important; */
    /* text-shadow: none !important; */
}

.dxp-switch .dxp-switch-option.selected {
    color: #fff !important;
}

.dxp-summary-bar-container {
    background-color: rgba(180, 151, 90, 1) !important;
    /* background: linear-gradient(to right, rgba(3, 115, 144, 1) 0, rgba(0, 179, 188, 1) 100%) !important; */
    /* background-color: rgb(181, 152, 90) !important; */
}

.dxp-summary-bar-container-inner-wrapper * {
    color: #fff !important;
}

.dxp-summary-bar-container-amount.spark-icon--fill.icon-shopping-cart:before {
    content: '';
    position: absolute;
    font: 0.8em 'Open Sans';
    background: #82807b;
    top: 0;
    right: 0;
    margin-left: 1px;
}

.dxp-breadcrumbs-title {
    display: none !important;
}

.dxp-breadcrumbs-list-item a:focus {
    background: #D1B06B !important;
}

.dxp-breadcrumbs-list-item a:focus .dxp-breadcrumbs-list-item-title {
    color: #FFFFFF !important;
}

.dxp-breadcrumbs-list-item a:focus .dxp-breadcrumbs-list-item-index {
    background-color: transparent;
}

.dxp-breadcrumbs-list-item a:focus .dxp-breadcrumbs-list-item-index {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

[data-translation="header.login"] {
    /* font-size: 1.3em; */
}

.dxp-footer * {
    color: #FFFFFF;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day .date {
    margin-bottom: 0 !important;
    /* font-size: 19px; */
    padding-bottom: 3px;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day:not(.selected) .date {
    color: #b4975a !important;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day {
    background: #f5f5f5f2 !important;
    border: 1px solid #e3e3e3;
    cursor: pointer;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day:not(.selected) .date, .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day:not(.selected) .dxp-price {
    color: #737373;
    font-weight: 600;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day.selected {
    background: linear-gradient(to right, #037390 0, #00b3bc 100%) !important;
    border: 0;
    background: #00b3bc !important;
}

.dxp-recent-searches .recent-search {
    background: #12a7cc !important;
    color: #FFFFFF;
    width: 85%;
}

.dxp-recent-searches .recent-search:hover {
    background: #FFFFFF !important;
    color: #12a7cc;
    outline: 1px solid #12a7cc;
}

.dxp-recent-searches .recent-search .bold-label.trip-info {
    color: #FFFFFF;
}

.dxp-recent-searches .recent-search:hover .bold-label.trip-info {
    color: #12a7cc;
}

.dxp-recent-searches .recent-search:hover .arrow {
    background: #12a7cc;
    color: #FFFFFF;
}

.dxp-seat-selection-view .passenger-index, .dxp-seat .seat .selected-mark {
    background: #12a7cc !important;
}

.dxp-seat .seat .selected-mark {
    padding-top: 4px;
}

/** Flight Advisory Icons (start) **/
.flight-advisories .spark-icon {
    display: none;
}

[data-translation="flightAdvisory.wifi"], [data-translation="flightAdvisory.movie"] {
    font-size: 0;
    display: inline-block;
    height: 20px;
    width: 20px;
}

[data-translation="flightAdvisory.wifi"] {
    background: transparent url("../images/wifi.gif") 0 0/20px no-repeat;
}

[data-translation="flightAdvisory.movie"] {
    background: transparent url("../images/movie.png") 0 0/20px no-repeat;
}

/** Flight Advisory Icons (start) **/

/** loading spinner and message (start) **/
.page-loading-message {
    color: #000000 !important;
}

.dxp-spinner span {
    background-color: #b4975a !important;
}

.dxp-spinner .bounce2 {
    background-color: #b4975a !important;
}
/** loading spinner and message (end) **/

.dxp-payment-component .payment-fops .no-padding .header h3 {
    /* color: #333333 !important; */
    /* text-shadow: 0.0625rem 0.0625rem 0.1875rem #000; */
    font-weight: 700 !important;
}

.dxp-payment-component .payment-fops .no-padding .header {
    /* color: #333333 !important; */
    /* text-shadow: 0.0625rem 0.0625rem 0.1875rem #000; */
    background: #00aeb9;
    padding: 10px 27px;
    color: #fff;
    text-shadow: none;
}

.date-picker .dp-table .dp-cell.dp-current button {
    color: #000 !important;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day.no-flights, .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day[disabled] {
    color: graytext !important;
}

@media (max-width: 544px) {
    .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day .dxp-price {
        font-size: 0.7rem;
    }
}

.spark-tabs__tab.active {
    color: #23b1d5 !important;
}

[data-translation="header.greetings"], .dxp-header-view .header-item-group .header-item > .header-item-label > .short-name {
    /* color: #009EC5; */
}

.dxp-summary-bar-container-edit-button .icon-pencil {
    display: none;
}

.dxp-summary-bar-container-edit-button .sr-only {
    clip: initial;
    position: relative;
    margin: 0;
    height: auto;
    width: auto;
    left: 0;
    font-size: 1.2rem;
    background: transparent;
}

.dxp-filter-header .filter {
    float: right;
    margin: 0.75rem 2em 0 0;
    line-height: 1rem;
    color: #4A5767
}

.dxp-summary-bar-container-total-price {
    position: absolute;
    right: 100px;
    left: auto;
    top: -15px;
}

.dxp-confirmation-print:link::before {
    content: '';
    display: inline-block;
    height: 50px;
    width: 200px;
    margin-left: 10px;
    background: url(../images/oman_air_logo.png) no-repeat 0 0;
}

.icon-fill-arrow-basic-right:before, .icon-arrow-basic-right:before {
    display: none;
}

.dxp-third-party-payment-agreement-text {
    display: none;
}

.dxp-afop-payment .dxp-third-party-payment-children {
    display: none;
}

.dxp-flight-details-print .flight .details .aircraft {
    width: 42%;
    padding: .5rem 0;
    text-align: center;
    display: inline-flex;
}

.dxp-matrix .header > .title, .dxp-matrix .header .dxp-fare-rules-and-baggage-description .description {
    color: black;
}

.dxp-matrix .header .description .dxp-link {
    color: blue;
}

.dxp-award-payment-details-cart-fare, .dxp-award-payment .column, [data-translation="payment.award.whatsThis"], [data-translation="payment.award.awardProgram"] {
    display: none;
}

.dxp-award-payment-details {
    background: #FFFFFF
}

/* All New Custom lines WY WY WY Added By Aziz Oct 2018 */

/* No outline */
div, span, a, button, .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item, .dxp-recent-searches .dxp-button.toggle-recent-searches:focus, .dxp-button.primary.small:focus, .dxp-button.primary.x-small:focus, .dxp-button.primary:focus, .dxp-flight .dxp-flight-offers.comparison-table table.brand-fare-table .offer-select-button, * :focus, * [tabindex="0"]:focus, * [tabindex="-1"]:focus, .is-focused, .set-focus, .toggle-button.focused, .field-active, button:focus, .dxp-header-view * :focus, .dxp-header-view * [tabindex="0"]:focus, .dxp-header-view * [tabindex="-1"]:focus, .dxp-header-view .is-focused, .dxp-header-view .set-focus, .dxp-header-view .toggle-button.focused, .dxp-header-view .field-active, .dxp-header-view button:focus, .dxp-footer-view * :focus, .dxp-footer-view * [tabindex="0"]:focus, .dxp-footer-view * [tabindex="-1"]:focus, .dxp-footer-view .is-focused, .dxp-footer-view .set-focus, .dxp-footer-view .toggle-button.focused, .dxp-footer-view .field-active, .dxp-footer-view button:focus, .dxp-summary-bar * :focus, .dxp-summary-bar * [tabindex="0"]:focus, .dxp-summary-bar * [tabindex="-1"]:focus, .dxp-summary-bar .is-focused, .dxp-summary-bar .set-focus, .dxp-summary-bar .toggle-button.focused, .dxp-summary-bar .field-active, .dxp-summary-bar button:focus, .dxp-calendar-ribbon * :focus, .dxp-calendar-ribbon * [tabindex="0"]:focus, .dxp-calendar-ribbon * [tabindex="-1"]:focus, .dxp-calendar-ribbon .is-focused, .dxp-calendar-ribbon .set-focus, .dxp-calendar-ribbon .toggle-button.focused, .dxp-calendar-ribbon .field-active, .dxp-calendar-ribbon button:focus, .dxp-button.secondary:focus, .journey-type-selection .journey-type-selection-item .dxp-link:focus, .journey-type-selection .journey-type-selection-item .dxp-link:hover {
    outline: unset;
    outline: 0;
}

.dxp-calendar-ribbon .navigation-button {
    background: #00b3bc;
}

.dxp-header-view .centered-content {
    background-color: unset
}

@media {
    .dxp-menu .menu-link, .dxp-menu .toggle, .dxp-header-view .header-item-group .header-item, .dxp-logo .dxp-link {
        background: unset;
        /* color:#fff; */
        /* font-size: 1rem; */
    }

    .dxp-menu .menu-link, .dxp-menu .toggle {
        color: rgb(122, 137, 145);
        cursor: pointer;
    }

    .dxp-logo .dxp-link:before, .header-group-wrapper:before {
        content: unset;
    }

    .dxp-menu:hover .menu-link, .dxp-menu:hover .toggle {
        /* color:unset; */
    }

    .dxp-selected-flight .dxp-time {
        font-size: 14px !important;
    }

    .dxp-selected-flight .header-row .dxp-time:before {
        font-size: 20px;
        content: "\F11E";
        font-family: "spark-icon-line" !important;
        padding: 0 4px;
    }
}

@media only screen and (max-width: 413px) and(orientation: portrait), only screen and(max-width: 577px) and(orientation: landscape) {
}

@media (max-width: 544px) {
    .dxp-footer .centered-content .content .links {
        display: none
    }
}

.dxp-header-view {
    background-color: #ffffff;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0 1px 3px rgba(0, 0, 0, 0);
    /* background: linear-gradient(to right, rgba(3, 115, 144, 1) 0, rgba(0, 179, 188, 1) 100%) !important; */
    height: 4.em;
}

.dxp-header-view .header-item-group .header-item > .header-item-label:hover, .dxp-header-view .header-item-group .header-item > .header-item-label:focus, .dxp-header-view .header-item-group .header-item > .header-item-label:active {
    border-top: 0.313rem solid #00b3bc;
}

.dxp-header-view .header-item-group .header-item .dxp-account {
    color: #00b3bc;
    font-size: 1rem !important;
}

.dxp-account .text, .dxp-account .balance {
    font-size: 90%
}

.dxp-account .reward-balance, .dxp-account .travel-bank-balance {
    margin-top: 0.5rem
}

.sign-in-section .header-item-panel {
    margin: 15px;
}

.dxp-header-view .header-item-group .header-item [data-translation="app.fieldsRequired"] {
    color: rgb(122, 137, 145);
    font-size: 12px;
}

.dxp-header-view .header-item-group .header-item > .header-item-body > .header-item-divider {
    margin: 0.5rem;
    border-bottom: 0;
    border-color: #ba9e64;
}

.dxp-header-view .header-item-group .header-item > .header-item-body .header-item-panel .manage-links .dxp-link {
    font-size: 1rem;
    line-height: 1rem;
}

.dxp-header-view ul.manage-links li {
    margin: 5px;
    line-height: 1px;
    padding: 5px;
}

.dxp-sort-icon .Select-control {
    cursor: pointer;
}

.dxp-cabin-offers .offer .name {
    display: block;
    text-transform: uppercase;
}

.dxp-seats-remaining {
    color: #774D00;
    background: #f73f3f;
    color: #fff;
    /* background-color: #ff0202; */
    padding: 3px 4px;
    border-radius: 3px;
    margin-top: 4px;
}

.dxp-seats-remaining:before {
    content: "\F109";
    display: inline-block;
    font-family: "spark-icon-line" !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: bold !important;
    margin: 0 11px;
}

.dxp-switch .dxp-switch-option.selected {
    box-shadow: unset;
}

.dxp-flight-selection-header {
    background-color: #3c3c3cbd;
}

.dxp-flight .flight-details-row {
    margin-top: 0
}

.dxp-flight .dxp-flight-offers.comparison-table table.brand-fare-table .seat-map-preview {
    display: none;
}

.flight-depart .dxp-time {
    font-weight: 700;
}

.icon-fill-airplane-arrive:before, .icon-airplane-arrive:before, strong.arrive-time:before {
    content: "\e8b0";
    display: inline-block;
    font-family: "wy" !important;
    padding: 0 3px;
}

strong.departure-time:before {
    content: " \e8af";
    display: inline-block;
    font-family: "wy" !important;
    padding: 0 3px;
}

.icon-fill-clock:before, .icon-clock:before {
    content: " \e84b";
    display: inline-block;
    font-family: "wy" !important;
    padding: 0 3px;
}

.person-name .field-overlay.middle-name-overlay {
    display: none
}

.dxp-passenger-list-item .create-profile-checkbox .create-profile-info, .meal-description-disclaimer {
    display: none;
}

.additional-information-section {
    padding: .75rem 0;
}

.dxp-flight .flight-departure .arrow {
    margin-bottom: 3px;
}

/* Nadeem Lines */
.comparison-table-body .preferredSeat {
    display: none
}

.comparison-table-body .handBaggageAllowance {
    display: none
}

.comparison-table-body .checkedBaggage {
    display: none
}

.comparison-table-body .changes {
    display: none
}

.comparison-table-body .refunds {
    display: none
}

.comparison-table-body tr:first-child {
    display: none
}

.economy_bids {
    display: none
}

.business_bids {
    display: none
}

.first_bids {
    display: none
}

.brandedFareRow .nullcell {
    float: left;
    margin: 1.5rem -1rem 0 1rem;
    width: 24%;
}

.brand-offer {
    /* text-align: left !important; */
}

.RowNumber1 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(1):before {
    content: "\EAB8";
}

.RowNumber2 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(2):before {
    content: "\E88B"
}

.RowNumber3 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(3):before {
    content: "\EAB9";
}

.RowNumber4 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(4):before {
    content: "\EAC3";
}

.RowNumber5 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(5):before {
    content: "\F122"
}

.RowNumber6 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(6):before {
    content: "\EACD";
}

.RowNumber7 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(7):before {
    content: "\E828";
}

.RowNumber8 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(8):before {
    content: "\E828";
}

.RowNumber9 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(9):before {
    content: "\E80B";
}

.RowNumber10 .brand-offer:before, .dxp-brand-amenities-wy .amenity:nth-of-type(10):before {
    content: "\E987";
}

.brand-offer:before, .dxp-brand-amenities-wy .amenity:before {
    font-size: 20px;
    line-height: inherit;
    display: inline-block;
    font-family: "wy" !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    speak: none;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased;
    margin: 0 0.5rem;
}

.wy-brandfares-business .brandedFareRow .brand-offer {
    /* margin-right: 316px; */
}

.wy-brandfares-business .brandedFareRow .nullcell {
    width: 39%;
}

.business_bids_m_val {
    display: none
}

.economy_bids_m_val {
    display: none
}

.first_bids_m_val {
    display: none
}

[dir="rtl"] .brand-fare-table {
    /* float: right; */
}

.flight-offers-comparison .offer > h3 {
    display: none
}

.dxp-brand-amenities-wy .amenity .title, dxp-brand-amenities-wy .amenity .value {
    padding: .5rem 0;
    display: inline-block;
    width: 50%;
    text-align: left;
}
/****** arabic style fixes (start) ******/

[dir="rtl"] .dxp-header-view .header-item-group:before {
    border-color: transparent;
}

[dir="rtl"] .spark-icon-arrow-basic-right {
    transform: scale(-1, 1);
}

[dir="rtl"] .dxp-summary-bar-container-right-elements-container button {
    position: static;
    vertical-align: middle;
}

[dir="rtl"] .dxp-summary-bar-container-right-elements-container .dxp-summary-bar-container-edit-button {
    padding: 1rem;
}

[dir="rtl"] #dxp-ancillaries-container + #dxp-page-navigation-buttons > button {
    margin-left: 1.5rem;
    float: none;
}

[dir="rtl"] [data-translation="passengers.sections.additionalInfo"] {
    margin-right: 0.75rem;
}

[dir="rtl"] .page-actions, [dir="rtl"] #dxp-page-navigation-buttons {
    width: 100%;
}

[dir="rtl"] .dxp-edit-panel-buttons-container, [dir="rtl"] .complete-profile .action-buttons, [dir="rtl"] .upgrade-your-flight .upgrade-button, [dir="rtl"] .page-actions, [dir="rtl"] #dxp-page-navigation-buttons, [dir="rtl"] .dxp-summary-bar-container-right-elements-container button, [dir="rtl"] .dxp-flow-step-actions {
    /* float: left; */
}

[dir="rtl"] .dxp-switch.award-booking, [dir="rtl"] .complete-profile .action-buttons button {
    float: right;
}

[dir="rtl"] .upgraded-flights-row > span {
    float: right !important;
}

[dir="rtl"] .upgraded-flights-row > .segment > .arrow {
    padding: 0 2rem;
}

[dir="rtl"] #dxp-shared-seat-selection-tabs .flight-index {
    position: absolute;
    right: 0;
}

[dir="rtl"] .spark-tabs__tab a .airports {
    margin-right: 17px;
}

/****** arabic style fixes (end) ******/

/*** redemption payment slider ****/
.dxp-award-payment-details-cart-fare.cart-item, .dxp-award-payment-balance-price.column {
    display: none;
}
/*** Ancillaries pop up fix ***/

.dxp-modal-window-content {
    transform: scale(1);
}
/*** end ***/

/*** To hide insufficeint miles message twice **/
[data-translation="error.title.ERR.SSW.APP.INSUFFICIENT_POINTS"] {
    display: none;
}
/*** end ***/

.profile-credit-cards-header.row th:nth-child(5)::before {
    content: 'Enter CVV number to continue';
}
/** To hide text appearing in footer in iPhone by Noura 28 Nov 2018 **/

.mob_insert_status {
    display: none
}
/** end **/

.centered-content {
    padding: 1px 1rem;
}

.dxp-checkbox .dxp-checkbox-box:before {
    border-bottom: 0.3rem solid #00aeb9;
    border-left: 0.3rem solid #00acb7;
    content: "";
    display: inline-block;
    height: 0.7rem;
    left: 50%;
    margin-left: 0.45rem;
    margin-top: -0.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(0);
    transform: translate(-50%, -50%) rotate(-45deg) scale(0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.86, 0, .07, 1);
    transition: -webkit-transform .25s cubic-bezier(.86, 0, .07, 1);
    transition: transform .25s cubic-bezier(.86, 0, .07, 1);
    transition: transform .25s cubic-bezier(0.86, 0, .07, 1), -webkit-transform .25s cubic-bezier(.86, 0, .07, 1);
    width: 1.8rem;
}

.spark-icon.spark-icon-arrow-chevron-right {
    position: relative;
    left: unset;
    top: unset;
    display: inline;
}

[dir=rtl] .dxp-ancillaries-layout .spark-icon-arrow-chevron-right:before {
    transform: rotate(180deg);
}

[dir=rtl] .dxp-ancillaries-layout .spark-icon-arrow-chevron-left:before {
    transform: rotate(180deg);
}

/* custom css added by hassan for ancillary redemption */
.summary-content .sabre-dx-component-price .connection {
    margin: 20px;
    font-size: 36px;
    padding: 0px;
    display: block;
    !important
}

.summary-content .sabre-dx-component-price .alternative {
    display: block;
    !important
}

.dxp-mto-ancillaries-view .dxp-ancillary, .dxp-mto-ancillaries-view .dxp-ancillary-feature {
    width: 315px;
    !important
}

.dxp-sign-in-banner .actions {
    background: linear-gradient(150deg, #206080 50%, #164157 51%)
}

.dxp-sign-in-banner .image {
    height: 20rem
}

.legend-price-premium-paid-0 {
    padding-left: 49px;
}

.dxp-sign-in .note {
    display: none
}

.dxp-sign-in-banner .actions .dxp-link:nth-of-type(2) {
    display: none
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options {
    display: flex;
    flex-direction: row
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options li:nth-of-type(1) {
    order: 3;
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options li:nth-of-type(2) {
    order: 0
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options li:nth-of-type(3) {
    order: 2
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options li:nth-of-type(4) {
    order: 4
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options li:nth-of-type(5) {
    order: 1
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options li:nth-of-type(6) {
    order: 5
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options .trip-option .sub-functions .trip-option:nth-of-type(1) {
    order: 0
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options .trip-option .sub-functions .trip-option:nth-of-type(2) {
    order: 1
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options .trip-option .sub-functions .trip-option:nth-of-type(3) {
    order: 2
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options .trip-option .sub-functions .trip-option:nth-of-type(4) {
    order: 3
}

.dxp-trip-manager .dxp-panel .trip-options-section .trip-options .trip-option .sub-functions .trip-option:nth-of-type(5) {
    order: 4
}

.MA-card.credit-card-image {
    background-size: 40px 31px;
    margin-top: 4px;
    background-image: url(../images/maestro-card.jpg);
}

.CU-card.credit-card-image {
    background-size: 42px 28px;
    margin-top: 4px;
    background-image: url(../images/cup-card.jpg);
}

.wyui-gst-note {
    color: #FF0000;
    font-size: 1.5rem;
}

/* custom css added by hassan for Youth fare Activiation */
.passenger-selection.is-open .passenger-selection-options {
    max-height: 21.333rem !important;
}

.passenger-class-selection .field-success .passenger-selection-options ul {
    display: flex;
    flex-direction: column
}

.passenger-class-selection .field-success .passenger-selection-options .passenger-type-adt {
    order: 1
}

.passenger-class-selection .field-success .passenger-selection-options .passenger-type-c13 {
    order: 2
}

.passenger-class-selection .field-success .passenger-selection-options .passenger-type-chd {
    order: 3
}

.passenger-class-selection .field-success .passenger-selection-options .passenger-type-inf {
    order: 4
}

.dxp-edit-panel-passenger-selection .field-success .passenger-selection-options ul {
    display: flex;
    flex-direction: column
}

.dxp-edit-panel-passenger-selection .field-success .passenger-selection-options .passenger-type-adt {
    order: 1
}

.dxp-edit-panel-passenger-selection .field-success .passenger-selection-options .passenger-type-c13 {
    order: 2
}

.dxp-edit-panel-passenger-selection .field-success .passenger-selection-options .passenger-type-chd {
    order: 3
}

.dxp-edit-panel-passenger-selection .field-success .passenger-selection-options .passenger-type-inf {
    order: 4
}

/* custom css added by hassan for FFU */
.is-cart-enabled .upgrade-rows .marketing-message {
    background: linear-gradient(150deg, #00b3bc 0%, #037390 100%)
}

.text-area .title {
    color: white;
    font-weight: bold;
    font-size: 24px;
    margin: 1px;
    margin-bottom: 18px;
}

.text-area .sub-title {
    font-size: 19px;
}

.slider-container .slick-track {
    width: 100% !important;
}

.slick-track .slick-current {
    width: 100% !important;
}

.ancillary-price .price-info .alternative:nth-child(2) {
    display: block;
    padding-top: 16px;
}

/* NR - disbale Rewards hyperlinks */
.dxp-sign-up .links .sign-up-link a[href="#"] {
    pointer-events: none;
}

/* custom css added by hassan for mobile view enhancment */

        
    }/* custom css added by hassan for mobile view enhancment after they select the fare  */

    
    
    }/* custom css added by hassan for mobile view enhancment in arabic version */

    html[lang="ar"] .dxp-shared-flight-selection .points-currency-toggle-title:before {
        content: "\EABF";
        font-family: 'wy';
        font-weight: normal;
        display: inline-block;
        transform: rotate(180deg);
    }

    html[lang="ar"] .itinerary-part-offer-min-price-mobile {
        position: absolute !important;
        right: 50% !important;
        margin-right: -50px;
        height: 100%;
        width: 100px;
        top: 95%;
    }

    html[lang="ar"] .flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown {
        margin-right: 0.1rem;
    }

    html[lang="ar"] .flight-offer-details .duration-stops .duration, html[lang="ar"] .flight-offer-details .duration-stops .stops {
        font-size: 1.1rem !important;
        font-weight: 500;
    }/* custom css added by hassan for mobile view enhancment in multicity */

    .itinerary-part-offer .itinerary-part-summary-wrapper .itinerary-part-summary-list:not(:last-child):after {
        display: unset;
    }

    .itinerary-part-offer-header .itinerary-part-offer-min-price-mobile {
        position: absolute;
        left: 50%;
        margin-left: -50px;
        height: 100%;
        width: 100px;
        top: 95%;
    }

    .itinerary-part-offer-price .price-content-wrapper {
        margin-top: -1rem;
    }/* custom css added by hassan for mobile view enhancment of total price and icon */

 

/* custom css added by hassan for new baggage policy */
.SuperSaverNoBags:before {
    content: "\e84c";
    font-family: 'wy';
    font-size: 1.6rem;
    color: red;
    margin: 0 0.3rem;
}

.RowNumber3 .SS {
    /* font-weight:bold; */
}

/* DX4.3 css changes */
.itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price:not(.brand-offer-price) .alternative:last-child:after {
    width: unset;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md {
    height: unset;
}

.spark-step-indicator__label--dropdown {
    padding-right: 0rem !important
}

.RadioButtonList label .radio-box:before, .spark-checkbox__box:before, .spark-radio__box:before {
    height: .7rem;
    width: 1.7rem;
}

@media (max-width: 543px) {
    .dxp-flight-selection .ducp-component-title {
        text-align: unset !important;
    }

    [dir=rtl] .spark-step-indicator__label--dropdown:after {
        left: -4.5rem !important
    }

    html[lang="ar"] .dxp-duration {
        direction: rtl;
    }

    html[lang="ar"] .dxp-passenger-view .page-actions .page-actions-buttons-container .dxp-button {
        margin-right: 0
    }

    html[lang="ar"] .page-actions-buttons-container {
        width: 100%
    }

    html[lang="ar"] .dxp-flow-step-actions {
        width: 100%
    }
}

[dir=rtl] .ducp-component-checkbox .spark-checkbox__input:checked ~ .spark-checkbox__box:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scaleX(1);
    transform: translate(-50%, -50%) rotate(-45deg) scaleX(1);
}

[dir=rtl] .dxp-page-navigation-buttons .dxp-button {
    margin-right: 0;
}



.dxp-cars-view .car-filters-offers-container .car-offers-container .car-offer .car-offer-description .car-offer-details .car-offer-additional-details .car-offer-provider {
    max-height: 04rem;
}

/* DX4.4 css changes */
@media (max-width: 543px) {
    .flight-offer-details .route-date-time {
        width: auto !important;
    }

    .dxp-payment-component .payment-fops .no-padding .saved-credit-cards .header {
        padding: 0 !important;
    }
}

/* hide labe of create an acccount using this information from dx pax page */
.save-passenger-section-checkbox .create-profile-checkbox {
    display: none;
}

/* DX4.5 css changes */
.ducp-component-flight-duration .duration {
    color: unset !important
}

.field-phone-group .field-phone-input-overlay {
    float: unset !important;
}

/* from this line new propsal of WY brand benfits */
/* custom css to show sabre brand benfits */
.brand-fare-table {
    display: none;
}

.itinerary-part-cabin-offers-mobile .cabin-offers .cabin-selection-container:not(:last-child) {
    margin-bottom: 0
}

.itinerary-part-offer-brand-comparison .shadow-box .amenity-item-row {
    padding-left: 18.667rem !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .ss {
    min-width: 14.667rem !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-name, .itinerary-part-offer-brand-comparison .shadow-box .total-brands-for-cabin {
    min-width: 16.667rem;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-legend, .itinerary-part-offer-brand-comparison .shadow-box .legend-footer, .itinerary-part-offer-brand-comparison .shadow-box .total-brands-for-cabin {
    width: 19.667rem !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-amenity-value, .itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-legend, .itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container, .itinerary-part-offer-brand-comparison .shadow-box .legend-footer {
    min-width: 16.667rem !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available {
    min-width: 18.667rem !important;
}

.brand-comparison-table .brand-name {
    color: #b4975a !important;
    font-weight: bold !important;
    font-size: 100% !important;
}

.brand-comparison-table .brand-name.EC {
    /* color:white !important; */
    font-weight: bold !important;
    font-size: 100% !important;
}

.CabinBaggage .legend-value:before {
    content: "\E88B";
    font-family: "wy";
    font-size: 18px;
    position: relative;
    top: 1px;
}

.MilesEarned .legend-value:before {
    content: "\E80B";
    font-family: "wy";
    font-size: 22px;
    position: relative;
    top: 1px;
}

.milesUpgrade .legend-value:before {
    content: "\E987";
    font-family: "wy";
    font-size: 22px;
    position: relative;
    top: 1px;
}

.CheckedInWeight .legend-value:before {
    content: "\EAB9";
    font-family: "wy";
    font-size: 26px;
    position: relative;
    top: 3px;
}

.ChangeFees .legend-value:before {
    content: "\EAC3";
    font-family: "wy";
    font-size: 26px;
    position: relative;
    top: 4px;
}

.RefundFees .legend-value:before {
    content: "\F122";
    font-family: "wy";
    font-size: 22px;
    position: relative;
    top: 2px;
}

.seatsSelection .legend-value:before {
    content: "\EAB8";
    font-family: "wy";
    font-size: 29px;
    position: relative;
    top: 3px;
}

.securityFastTrack .legend-value:before {
    content: "\E99B";
    font-family: "wy";
    font-size: 24px;
    position: relative;
    top: 3px;
}

.loungeAccess .legend-value:before {
    content: "\E99C";
    font-family: "wy";
    font-size: 26px;
    position: relative;
    top: 3px;

}

.noShow .legend-value:before {
    content: "\E9A8";
    font-family: "wy";
    font-size: 29px;
    position: relative;
    top: 3px;
}


.ExtrasWeightDiscount .legend-value:before {
    content: "\EACD";
    font-family: "wy";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.BundlesDiscount .legend-value:before {
    content: "\E828";
    font-family: "wy";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.UpgradeDiscount .legend-value:before {
    content: "\E828";
    font-family: "wy";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.MilesEarned .legend-value span:nth-child(2) {
    margin-left: -3px
}

.milesUpgrade .legend-value span:nth-child(2) {
    margin-left: 3px
}

.seatsSelection .legend-value span:nth-child(2) {
    margin-left: -8px
}

.ChangeFees .legend-value span:nth-child(2) {
    margin-left: -6px
}

.CheckedInWeight .legend-value span:nth-child(2) {
    margin-left: -2px
}

.ExtrasWeightDiscount .legend-value span:nth-child(2) {
    margin-left: 3px
}

.brand-comparison-legend {
    background-color: unset !important;
    color: white;
}

.brand-comparison-table .brand-offer-price {
    width: 140px;
    align-items: center;
}

.itinerary-part-offer-brand-comparison {
    background-color: #00b3bc;
}

.total-brands-for-cabin {
    opacity: 0 !important;
}

.legend-footer {
    opacity: 0 !important;
}

.brand-amenity-value {
    background-color: white;
    border-bottom: 1px solid #f2f2f2 !important;
}

.brand-name {
    background-color: white;
    border-bottom: 1px solid #f2f2f2;
}

.brand-comparison-table .top-row * {
    border-radius: 15px 0px 0px 0px;
}

.brand-comparison-table .bottom-row * {
    border-radius: 0px 0px 15px 0px;
}

.milesWY .amenity-item-row .brand-selection-button-container {
    border-radius: 0px 0px 15px 0px;
}

.brand-name {
    background-color: white;
    border-bottom: 1px solid #f2f2f2;
}

.bottom-row .brand-offer-not-available {
    background-color: white;
    border-bottom: 1px solid #f2f2f2;
}

.bottom-row .brand-selection-button-container {
    background-color: white
}

.bottom-row .brand-selection-button-container:nth-child(5) {
    background-color: white;
    border-radius: 0px 0px 15px 0px;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-name {
    height: 0rem !important;
}

.brand-comparison-legend {
    border-bottom: 1px solid #d5d5d557 !important;
    margin-left: -15px
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available .brand-offer-not-available-button.ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative) {
    padding: 6% 8%;
    margin: 5px auto;
    color: #767676;
    font-size: 1.3rem;
}
}

.brand-comparison-table {
    border-spacing: 23px 1px;
}

.itinerary-part-offer-brand-comparison .shadow-box {
    -webkit-box-shadow:none;
    border:none;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-amenity-value:not(:last-child), .itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-legend:not(:last-child), .itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container:not(:last-child), .itinerary-part-offer-brand-comparison .shadow-box .legend-footer:not(:last-child) {
    border-right:none;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available:not(:last-child) {
    border-right:none;
}

/*WY Brand Benfites */
.brand-fare-table {
    display:none;
}

.itinerary-part-offer-brand-comparison .shadow-box .legend-footer:after {
    /* content:"xxxx" */
}

.brand-offer-not-available:after {
}

.brandedFareRow:hover, .brandedFareRow:hover .Brand, .brandedFareRow:hover .amenity {
    border-bottom:1px solid #d1d1d1;
    font-weight:bold
}

.brandedFareRow, .brandedFareRow .Brand, .brandedFareRow .amenity {
    transition: 0s;
}

.currencyWY .miles {
    display:none
}

.Ar {
    display:none
}

html[lang="ar"] .Ar {
    display:inline-block
}

html[lang="ar"] .En {
    display:none
}

[dir=rtl] .itinerary-part-offer-brand-comparison .shadow-box .legend-footer:not(:last-child) {
    border:0
}

.flight-offer-details .route-date-time .plus-day {
    margin:0 8px
}

.brand-comparison-table .amenity-item-row div {
    display:table-cell !important;
    width: 20% !important;
}

.brand-comparison-table .top-row h3 {
    display:table-cell !important;
    text-align:center !important;
    padding-top: 26px;
    padding-bottom: 6px;
}

.brand-comparison-table .amenity-item-row {
    display:table-row !important;
}

.brand-comparison-table {
    display:table;
    border-spacing: 20px 0;
    border-collapse:separate;
    width: 100% !important;
}

.brand-comparison-table .brand-name {
    padding:1rem;
}

@media (max-width: 543px) {
    .brand-comparison-table .amenity-item-row div, h3 {
        width: unset !important;
    }
}

/*Economy Cabin Baggage */
span[data-translation="brandComparison.value.cabinBaggage.SS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px;
}

span[data-translation="brandComparison.value.cabinBaggage.EL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px;
}



span[data-translation="brandComparison.value.cabinBaggage.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/*Economy Miles Earned */
span[data-translation="brandComparison.value.MilesEarned.SS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.MilesEarned.EL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px;
}


span[data-translation="brandComparison.value.MilesEarned.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/*Economy Miles Upgrade */
span[data-translation="brandComparison.value.MilesUpgrade.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.MilesUpgrade.EL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px;
}


span[data-translation="brandComparison.value.MilesUpgrade.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Economy Checked-in bag */
span[data-translation="brandComparison.value.checkedBaggage.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color: #d92020;
    padding-right:10px;
    font-size:20px;
}

span[data-translation="brandComparison.value.checkedBaggage.SS"]{
   color: #d92020;
   font-weight:bold;
}

span[data-translation="brandComparison.value.CheckedInWeight.EL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}


span[data-translation="brandComparison.value.CheckedInWeight.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Economy Changes Fee */
span[data-translation="brandComparison.value.changes.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ChangedFees.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Economy Refund Fee */
span[data-translation="brandComparison.value.refunds.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.RefundFees.EL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}





/* Economy Seat Selection */
span[data-translation="brandComparison.value.SeatSelection.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.SeatSelection.EL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px;
}



span[data-translation="brandComparison.value.SeatSelection.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Economy Extras Weight Disocunt */
span[data-translation="brandComparison.value.ExtraWeightDiscount.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ExtraWeightDiscount.EL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px;
}

span[data-translation="brandComparison.value.ExtraWeightDiscount.EC"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ExtraWeightDiscount.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Economy Bundle Disocunt */
span[data-translation="brandComparison.value.BundlesDiscount.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.BundlesDiscount.EL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px;
}

span[data-translation="brandComparison.value.BundlesDiscount.EC"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.BundlesDiscount.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Economy Bundle Disocunt */
span[data-translation="brandComparison.value.UpgradeDiscount.SS"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.UpgradeDiscount.EL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px;
}

span[data-translation="brandComparison.value.UpgradeDiscount.EC"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.UpgradeDiscount.EP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

.milesWY .wy-brandfares-economy ~ .itinerary-part-offer-brand-comparison .amenity-item-row.BundlesDiscount {
    display:none !important
}

.milesWY .wy-brandfares-economy ~ .itinerary-part-offer-brand-comparison .amenity-item-row.UpgradeDiscount {
    display:none !important
}

.milesWY .wy-brandfares-economy ~ .itinerary-part-offer-brand-comparison .amenity-item-row.ExtrasWeightDiscount {
    display:none !important
}

/* Business Cabin bag */
span[data-translation="brandComparison.value.cabinBaggage.BL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}


span[data-translation="brandComparison.value.cabinBaggage.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Business Miles Earned */
span[data-translation="brandComparison.value.MilesEarned.BL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}



span[data-translation="brandComparison.value.MilesEarned.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Business Miles upgrade */
span[data-translation="brandComparison.value.MilesUpgrade.BL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.MilesUpgrade.BS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.MilesUpgrade.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Business Checked-in weight */
span[data-translation="brandComparison.value.CheckedInWeight.BL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}



span[data-translation="brandComparison.value.CheckedInWeight.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Business change fee */
span[data-translation="brandComparison.value.ChangedFees.BL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}


span[data-translation="brandComparison.value.ChangedFees.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Business Refund fee */
span[data-translation="brandComparison.value.RefundFees.BL"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}



span[data-translation="brandComparison.value.RefundFees.BP"]:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:20px
}

/* Business Seat selection */
span[data-translation="brandComparison.value.SeatSelection.BL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}


span[data-translation="brandComparison.value.SeatSelection.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* Business Extras weight */
span[data-translation="brandComparison.value.ExtraWeightDiscount.BL"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ExtraWeightDiscount.BS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ExtraWeightDiscount.BP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

.amenity-item-row.BundlesDiscount .business {
    display:none !important;
}

.amenity-item-row.UpgradeDiscount .business {
    display:none !important;
}

.wy-brandfares-business ~ .itinerary-part-offer-brand-comparison .amenity-item-row.BundlesDiscount .brand-comparison-legend {
    display:none !important
}

.wy-brandfares-business ~ .itinerary-part-offer-brand-comparison .amenity-item-row.UpgradeDiscount .brand-comparison-legend {
    display:none !important
}

.milesWY .wy-brandfares-business ~ .itinerary-part-offer-brand-comparison .amenity-item-row.ExtrasWeightDiscount {
    display:none !important
}

.wy-brandfares-business ~ .itinerary-part-offer-brand-comparison {
    background:#037390 !important
}

/* First Cabin Baggage */
span[data-translation="brandComparison.value.cabinBaggage.FS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.cabinBaggage.FP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* First Milles Earned */
span[data-translation="brandComparison.value.MilesEarned.FS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.MilesEarned.FP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* First Milles Upgrade */
.amenity-item-row.milesUpgrade .first {
    display:none !important;
}

/* First checked-in weight */
span[data-translation="brandComparison.value.CheckedInWeight.FS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.CheckedInWeight.FP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* First change fee */
span[data-translation="brandComparison.value.ChangedFees.FP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}



/* First seat selection  */
span[data-translation="brandComparison.value.SeatSelection.FS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.SeatSelection.FP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* First Extras weight */
span[data-translation="brandComparison.value.ExtraWeightDiscount.FS"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

span[data-translation="brandComparison.value.ExtraWeightDiscount.FP"]:before {
    content:"\E815";
    font-family: 'wy';
    text-align:end;
    color:#2abc2a;
    padding-right:10px;
    font-size:20px
}

/* First Bundles discount */
.amenity-item-row.BundlesDiscount .first {
    display:none !important
}

.amenity-item-row.UpgradeDiscount .first {
    display:none !important
}

.wy-brandfares-first ~ .itinerary-part-offer-brand-comparison .amenity-item-row.milesUpgrade .brand-comparison-legend {
    display:none !important
}

.wy-brandfares-first ~ .itinerary-part-offer-brand-comparison .amenity-item-row.BundlesDiscount .brand-comparison-legend {
    display:none !important
}

.wy-brandfares-first ~ .itinerary-part-offer-brand-comparison .amenity-item-row.UpgradeDiscount .brand-comparison-legend {
    display:none !important
}

.milesWY .wy-brandfares-first ~ .itinerary-part-offer-brand-comparison .amenity-item-row.ExtrasWeightDiscount {
    display:none !important
}

.wy-brandfares-first ~ .itinerary-part-offer-brand-comparison {
    background:rgb(180, 151, 90) !important
}

.brand-name.economy.EC {
    position:relative;
    background:rgb(180, 151, 90) !important;
    color: white !important;
}

.brand-name.economy.EC:before {
    content: url(https://www.omanair.com/storage/bookings/BestValue.png);
    position: absolute;
    top:0;
    right:0
}

.itinerary-part-offer-brand-comparison .shadow-box .amenity-value {
    padding: 0.2rem 1rem 0.2rem 4rem !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .legend-value {
    padding:0rem 1rem 0rem 1rem !important;
}

.brand-comparison-legend {
    height:30px !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available {
    padding:0 !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container {
    padding:0 !important;
}

.amenity-item-row:hover, .brand-amenity-value:hover {
    border-bottom:1px solid #d1d1d1;
    font-weight:bold;
}

[dir="rtl"] .brand-amenity-value {
    direction:ltr
}

[dir="rtl"] .brand-comparison-table .top-row * {
    border-radius: 0px 15px 0px 0px;
}

[dir="rtl"] .brand-comparison-table .bottom-row * {
    border-radius: 0px 0px 0px 15px;
}

[dir="rtl"] .brand-name.economy.EC:before {
    transform: rotate(-90deg);
    left: -15px;
    top: 15px;
    right:unset;
}

/* abdullah alufi css for wy brand benfits internal solution */
#brand_contant {
    font-size: 15px;
}

.brand_modal {
    display: none;
    position: absolute;
    z-index: 999999999999999 !important;
    /* padding-top: 8px !important; */
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    background-color: rgb(0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
}

.brand_modal-content {
    background-color: #fefefe !important;
    margin: auto !important;
    padding: 15px !important;
    border: 1px solid #888 !important;
    width: 68%;
    position: fixed;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.brand_close {
    color: #aaaaaa !important;
    float: right !important;
    font-size: 28px !important;
    font-weight: bold !important;
}

.brand_close:hover, .brand_close:focus {
    color: #000 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

/*WY Brand Benfites */
.brand_modal .comparison-table {
    padding: 10px;
    width: 100%;
    display: block;
    /* padding-bottom: 120px; */
}

.brand_modal .brand-fare-table {
    width: 100%;
    border-spacing: 13px 0;
    border-collapse: separate;
}

.brand_modal th.amenity, .Brand {
    /* width: 28%; */
    background: #fff;
    padding: 3px;
    border-bottom: 1px solid #f2f2f2;
}

.brand_modal .brand-fare-table .currency {
    padding-left: 22px;
}

.brand_modal .brand-fare-table th {
    text-align: center;
    color: #7b7b7b;
}

.brand_modal th.amenity {
    border-radius: 15px 0 0;
    color: #b4975a;
    font-weight: bold;
    padding-top: 28px;
    padding-right: 22px;
    padding-bottom: 0px;
    padding-left: 5px;
}

.brand_modal .brandedFareRow .brand-offer {
    text-align: inherit;
    color: #fff;
    border-bottom: 1px solid #d5d5d557;
}

body[dir="rtl"] .brand_modal .brandedFareRow .brand-offer {
    text-align: right;
}

.brand_modal .shadow-box .amenity-item-row.top-row, .brand_modal .shadow-box .amenity-item-row.preferredSeat, .brand_modal .shadow-box .amenity-item-row.handBaggageAllowance, .brand_modal .shadow-box .amenity-item-row.checkedBaggage, .brand_modal .shadow-box .amenity-item-row.changes, .brand_modal .shadow-box .amenity-item-row.refunds, .brand_modal .shadow-box .amenity-item-row.first, .brand_modal .shadow-box .amenity-item-row.second, .brand_modal .RowNumber6 {
    /* display: none; */
}

.brand_modal .itinerary-part-offer-brand-comparison .shadow-box {
    margin: 0;
    box-shadow: unset;
    /* display: table; */
    flex-direction: unset;
    border: 0;
}

.brand_modal .itinerary-part-offer-brand-comparison {
    padding: 0 15px;
    border: 0;
    background: transparent;
    position: relative;
    top: -120px;
    height: 0px;
}

.brand_modal .amenity-item-row.bottom-row .brand-offer-not-available, .brand_modal .amenity-item-row.bottom-row .brand-selection-button-container {
    width: 20%;
    display: table-cell;
    padding: 0px;
    flex: unset;
    -webkit-box-orient: unset;
    -webkit-box-flex: unset;
    flex-direction: unset;
    min-width: 20%;
    margin: 0 10px;
    /* border-spacing: 20px; */
    background: #fff;
    border-radius: 0 0 15px 0;
    padding-top: 0px !important;
}

.brand_modal .itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available .brand-offer-not-available-button.ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative) {
    padding: 4% 8%;
    margin: 5px auto;
    color: #767676;
    font-size: 1.3rem;
}

.brand_modal .itinerary-part-offer-brand-comparison .shadow-box .bottom-row {
    flex-wrap: unset;
    display: table-row;
    padding: unset;
    overflow: unset;
    scroll-behavior: unset;
    width: 100%;
    /* background: #ffffff; */
}

.brand_modal .amenity-item-row.bottom-row div {
    display: table-cell;
}

.brand_modal .amenity-item-row.bottom-row .flight-offer-promo {
    width: 68%;
    margin: 0 auto;
    display: flex;
}

.brand_modal .amenity-item-row.bottom-row .promo-label {
    display: flex;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-table {
    overflow: unset;
    display: table;
    width: 100%;
    border-spacing: 20px 0;
    border-collapse: separate;
    /* background: #ccc; */
}

.brand_modal .itinerary-part-offer-brand-comparison .shadow-box .legend-footer {
    display: table-cell;
    min-width: 20% !important;
    position: unset;
    width: auto;
    border: 0;
    flex: unset;
    -webkit-box-flex: unset;
    background: #c7252500;
    border: 0;
    border-right: 0 !important;
}

.brand_modal .itinerary-part-offer-brand-comparison .shadow-box .legend-footer:after {
    /* content:"xxxx" */
}

.brand_modal .brand-offer-not-available:after {
    content: "You just missed it";
    display: block;
    font-size: 0.8rem;
    color: #ea0f0f;
    font-weight: 600;
}

html[lang="ar"] .brand_modal .brand-offer-not-available:after {
    content: "You just missed it";
    display: block;
    font-size: 0.8rem;
    color: #ea0f0f;
    font-weight: 600;
}

.brand_modal .brandedFareRow:hover, .brand_modal .brandedFareRow:hover .Brand, .brand_modal .brandedFareRow:hover .amenity {
    border-bottom: 1px solid #d1d1d1;
    font-weight: bold;
}

.brand_modal .brandedFareRow, .brand_modal .brandedFareRow .Brand, .brand_modal .brandedFareRow .amenity {
    transition: 0s;
}

.Brand_space_ECONOMY .brandedFareRow .currency {
    width: 20%;
}

.goldebrand {
    background-color: #b4975a !important;
    color: #FFFFFF !important;
    border-bottom: 1px solid #cebc97;
}

.brand_modal .RowNumber8 td {
    border-radius: 0px 0px 15px 0px;
}

.brandinformation:before {
    content:"\E81E";
    font-family: 'wy';
    color:#037390;
    position: initial;
    font-size: 20px;
    margin: 6px;
}

.EC .brandinformation:before {
    color:white
}

.brand_close::before {
    content:"\E816";
    font-family: 'wy';
    color:#037390;
    font-size:24px;
}

.top-row .EC {
}

#more_information {
    background-color: white;
}

.Brand_space {
    border-spacing: 50px 0 !important;
}

.Brand_space_ECONOMY {
    /* border-spacing: 13px 0 !important; */
}

.section-title {
    margin-bottom: 30px;
    margin-left: 18px;
}

.section-title h5 {
    color: #B5985A;
    font-weight: bold;
}

.section-title ul, ul li {
}

.FIRST_Chnage {
    width: 37%;
}

.BUSINESS_Chnage {
    width: 25%;
}

.amenity.currency {
    /* padding-top: 30px !important; */
}

.Brand_space_ECONOMY .amenity.currency:nth-child(4) {
    position:relative;
}

.Brand_space_ECONOMY .amenity.currency:nth-child(4):before {
    content: url(https://www.omanair.com/storage/bookings/BestValue.png);
    position: absolute;
    top: 0;
    right: 0;
}

.RowNumber1 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px;
}

.RowNumber1 .EL:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px;
}

.RowNumber1 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber1 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber2 .SS:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber2 .EL:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber2 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber2 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber3 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber3 .EL:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber3 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber3 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber4 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber4 .EL:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber4 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber4 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber5 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber5 .EL:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber5 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber5 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber6 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber6 .EL:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber6 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber6 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber7 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber7 .EL:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber7 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber7 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber8 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber8 .EL:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber8 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber8 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber9 .SS:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber9 .EL:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber9 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber9 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber10 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px;
}

.RowNumber10 .EL:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber10 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber10 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber11 .SS:before {
    content:"\E822";
    font-family: 'wy';
    text-align:end;
    color:gray;
    padding-right:10px;
    font-size:18px
}

.RowNumber11 .EL:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber11 .EC:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.RowNumber11 .EP:before {
    content:"\E815";
    font-family: 'wy';
    text-align: center;
    color:#2abc2a;
    padding-right:10px;
    font-size:18px;
}

.milesWY .Brand_space_ECONOMY .RowNumber8 {
    display:none
}

.milesWY .Brand_space_ECONOMY .RowNumber9 {
    display:none
}

[dir=rtl] .itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-legend:not(:last-child) {
    border-left:none;
}

.itinerary-part-offer-price .itinerary-part-offer-price-button.selected, .itinerary-part-offer-price .itinerary-part-offer-price-button:focus {
    outline:none !important
}

.Brand_space .RowNumber7 {
    display:none
}

.Brand_space .RowNumber8 {
    display:none
}

.goldebrand:before {
    color:white !important
}

.brandsup {
    color: #c00;
}

html[lang="ar"] .TERMS-AND-CONDITION {
    text-align: left;
}

.TERMS-AND-CONDITION {
    background-color: #f2f2f2;
    font-size: 12px;
}

.TERMS-AND-CONDITION h2 {
    color: #6f6660;
    background-color: #eee;
    padding: 1px 15px;
    font-size: 15px;
}

.TERMS-AND-CONDITION dt {
    color: #c00;
    float: left;
}

.TERMS-AND-CONDITION dd {
    margin-bottom: 1.5ex;
    margin-left: 2em;
}

.TERMS-AND-CONDITION-CONTENT {
    padding: 15px 20px;
}

.with-old-price {
    display: none !important;
}

@media only screen and (max-width: 1398px) {
    .brand_modal-content {
        width: 80% !important;
    }

    .brand_modal {
        overflow: auto;
    }

    #brand_contant {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1200px) {
    #brand_contant {
        font-size: 11px;
    }
}

@media only screen and (max-width: 1030px) {
    .brand_modal-content {
        width: 100% !important;
    }

    .brand_modal {
        overflow: auto;
    }

    #brand_contant {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1398px) {
    #brand_contant {
        font-size: 11px;
    }
}

/* CSS enhancment Date selection page on DX */
.dxp-date-selection-view .days-legend {
    background:#b4975a !important
}

.dxp-date-selection-footer {
    background:#b4975a !important
}

.dxp-date-selection-day .day-btn.is-events[disabled], .dxp-date-selection-day .is-wrapped[disabled] {
    background-color: #fff !important;
}

.dxp-date-selection-day .day-btn.is-events.no-flights {
    background-color:#ccc !important;
    border:1px solid rgba(78, 69, 69, .32)
}

.dxp-date-selection-view .page-messages {
   /* display:none !important*/
}

.dxp-date-selection-day .day-btn:after {
    content:"\EABF";
    font-family:"wy";
    font-size: 24px;
    top: 57px;
    right: 44px;
    position: absolute;
    transform: rotate(-30deg);
}

@media (max-width: 543px) {
    .dxp-date-selection-day .day-btn:after {
        content: "\EABF";
        font-family: "wy";
        font-size: 16px;
        top: 40px;
        right: 13px;
        position: absolute;
        transform: rotate(-30deg);
    }
}

.no-flights:after {
    content:none !important
}

.dxp-flight-details-overlay .dxp-price {
    display:none
}

.dxp-date-selection-day .day-btn.is-in-between, .dxp-date-selection-day .is-wrapped.is-in-between {
    color:#ccc
}

.dxp-date-selection-day .day-btn, .dxp-date-selection-day .is-wrapped {
    color: #b4975a;
}

/* CSS changes on passenger page on DX */
.dxp-passenger-view .dxp-view-subtitle {
    background-color: white;
    margin-right: 1rem;
    padding:1rem;
}

[dir=rtl] .dxp-passenger-view .dxp-view-subtitle {
    background-color: white;
    margin-left: 1rem;
    margin-right:unset;
    padding:1rem;
}

.dxp-passenger-avatar .passenger-name-info .tier-details {
    color: white !important;
    font-size: 1.4rem !important;
}

/* LoginSpeedBump on DX */
.rbe-flow-sign-in .rbe-flow-sign-in-header .login-message .spark-icon-bookmark {
    background-color: #b4975a !important;
}

.spark-message--info .spark-message__icon {
    border: none !important;
}

.spark-icon-bookmark:before {
    font-family: 'wy';
    content:"\E809";
}

.dxp-account-logged-in-panel .dxp-account-logged-in .account-info-icon {
    background-color: #b4975a !important;
}

/* Fix whitecolor background of brand attributed on Internet Explorer */
.itinerary-part-offer-brand-comparison .shadow-box .brand-comparison-legend {
    background:transparent
}

.itinerary-part-offer-brand-comparison .shadow-box {
    box-shadow:none
}

/* Fix direction from right to left of fare rule on arabic  */
[dir=rtl] .dxp-fare-rules-tabs {
    direction: ltr !important;
}

/* DX 4.8 fixes  */
.brand-comparison-table .brand-selection-button-container .brand-offer-price {
    width:unset !important;
}

.dxp-seat.bassinet:before {
    display:none
}

/* WY Velocity ancillary project May 2021 */
/* slider bundle */
.ancillary-bundle-slide {
    border:none !important;
    border-radius:0% !important;
}

.ancillary-bundle-slide .dxp-ancillary-summary .dxp-ancillary-sale {
    background-color: #e82020;
    display: inline-block;
    position: absolute;
    padding: 0.25rem .25rem;
    color: #fff;
    top: -0.3rem;
    left: -1.33rem;
    line-height: 36px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: .125rem 0 0 .125rem;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-weight: bold;
    text-align: center;
    box-shadow: 1px 1px 3px 1px #6a6a6a;
    clip-path: none;
    -webkit-clip-path: none;
    border: 0;
}

.ancillary-summary-common .dxp-ancillary-sale span, .summary-content .dxp-ancillary-sale span {
    padding: :unset !important;
}

.ancillary-bundle-slide .bundle-summary {
    width:unset !important;
}

.dxp-ancillary-summary .deal-banner {
    display:none !important;
    transform:rotate(-45deg) !important;
    bottom: 10rem;
    font-size:1.3rem;
    background:#ac0000;
    left: -3rem !important;
}

.dxp-seat-map-bundles .summary-content.spark-panel.spark-panel--card {
    border:.0833rem solid #ccc !important;
}

.ancillary-bundle-slide .ancillary-bundle-slide-availability {
    font-size: 1.3rem;
    margin:unset;
    padding-top: 0rem;
}

.seat-bundles-available-title {
    display:none;
}

.ancillary-bundle-item-info h3 {
    margin:unset;
}

.ancillary-bundle-slide .ancillary-bundle-item-info ul.bundle-items {
    padding-left:0;
}

.MessagePopup .summary-content .modal-content, .summary-content .MessagePopup .modal-content, .summary-content .spark-panel__content {
    padding:0;
}

.MessagePopup .summary-content .modal-content .ancillary-price, .summary-content .MessagePopup .modal-content .ancillary-price, .summary-content .spark-panel__content .ancillary-price {
    margin:0;
}

.ancillary-discount {
    margin-top:unset;
}

.dxp-ancillary-summary .summary-content .caption {
    margin:unset;
}

.dxp-ancillary-summary {
    padding: 0.3rem;
}

.bundle-items li {
    margin:0.5rem;
}

/* WY Velocity ancillary project May 2021 */
/* extras page */
.ducp-component-title.ducp-ancillaries-sub-group-title {
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.ducp-ancillaries-group .ancillary-common.tile .ancillary-summary-common .summary-content .MessagePopup .modal-content, .ducp-ancillaries-group .ancillary-common.tile .ancillary-summary-common .summary-content .spark-panel__content, .MessagePopup .ducp-ancillaries-group .ancillary-common.tile .ancillary-summary-common .summary-content .modal-content {
    padding:unset;
}

.ducp-ancillaries-group .ancillary-common.tile .ancillary-summary-common .summary-content .MessagePopup .modal-content .caption, .ducp-ancillaries-group .ancillary-common.tile .ancillary-summary-common .summary-content .spark-panel__content .caption, .MessagePopup .ducp-ancillaries-group .ancillary-common.tile .ancillary-summary-common .summary-content .modal-content .caption {
    font-size: 1rem;
}

.dxp-ancillary-summary .summary-content .caption {
    margin:unset;
    font-size: 1rem;
}



.dxp-ancillary-content .img-div {
    /* height:auto !important; */
}

.ducp-component-button .button-label, .ducp-component-button > span {
    margin:unset;
}

.ancillary-common.tile .ducp-component-button .button-label, .ducp-component-button > span {
    font-size: 14px;
}

.passenger-bag-row .each-cell {
    min-width:unset;
}

.passenger-bag-row .each-cell.passenger-name-container {
    align-items:unset;
    -webkit-align-items:unset;
}

.dxp-passenger-bags-by-weight .spark-panel__content .passenger-bag-row {
    margin:1rem 0rem 0rem 0rem;
}

.dxp-ancillary-wrapper .img-div {
    width: 5.33rem !important;
    padding-top: 0.6rem;
    height: auto;
}

.BNDLS .dxp-ancillary-wrapper .img-div {
    width: 9.33rem !important;
}

.TCVS .dxp-ancillary-wrapper .img-div {
    width: 5.33rem !important;
}

.ancillary-common.tile .ancillary-summary-common {
    padding:0 0 0 0 !important;
}

.dxp-tiled-ancillaries .ancillary-common.tile .ancillary-summary-common {
    padding:0 1rem 1rem 1rem !important;
}

.dxp-tiled-ancillaries .dxp-ancillary-summary .summary-button > button {
    border-radius:0.25rem !important;
}

.dxp-ancillary-summary .summary-button > button {
    border-radius:0 0 .1rem .1rem !important;
}

.OBF .WIFI .dxp-ancillary-wrapper {
    max-width: unset !important;
    width: 48% !important;
    margin: 0 1% 0px 1% !important;
}

.TVF .dxp-ancillary-wrapper {
    max-width: unset !important;
    width: 25rem !important;
    margin: 0 .8% 1% .8% !important;
}

.MLS .dxp-ancillary-wrapper {
    max-width:unset !important;
    width: 23% !important;
    margin: 0 1% 0px 1% !important;
}
/* comments 
.BNDL .dxp-ancillary-wrapper {
    max-width:unset !important;
    width: 23% !important;
    margin: 0 1% 0% 1% !important;
}
*/

.WIFI .dxp-ancillary-wrapper .dxp-ancillary {
    border:.0833rem solid #ccc !important;
    max-width:unset !important;
    border-radius:2px;
}

.WIFI .dxp-ancillary-wrapper .dxp-ancillary .dxp-ancillary-content {
    margin:unset !important;
}

.WIFI .dxp-ancillary-wrapper .dxp-ancillary .ancillary-common {
    border:none !important;
    display: contents;
}
/* comments 

.BNDLS .dxp-ancillary-summary .dxp-ancillary-sale {
    background-color: #e82020;
    display: inline-block;
    position: absolute;
    padding: 0.25rem .5rem;
    color: #fff;
    top: -7.5rem;
    left: -1.2rem;
    line-height: 42px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 2rem 2rem 2rem 2rem;
    width: 44px;
    height: 44px;
    font-weight: bold;
    text-align: center;
    box-shadow: 1px 1px 3px 1px #6a6a6a;
    clip-path: none;
    -webkit-clip-path: none;
    border: 0;
}
*/

.feature .dxp-ancillary-summary .dxp-ancillary-sale {
    background-color: #e82020;
    display: inline-block;
    position: absolute;
    padding: 0.25rem .5rem;
    color: #fff;
    top: 2.5rem;
    left: -0.7rem;
    line-height: 42px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 2rem 2rem 2rem 2rem;
    width: 44px;
    height: 44px;
    font-weight: bold;
    text-align: center;
    box-shadow: 1px 1px 3px 1px #6a6a6a;
    clip-path: none;
    -webkit-clip-path: none;
    border: 0;
}

.dxp-ancillary-feature .dxp-ancillary-summary .summary-content {
    border: .0833rem solid #ccc !important;
    border-radius:.25rem;
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius:0 !important;
}

.dxp-ancillary-feature .dxp-ancillary-summary .summary-button > button {
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
}

.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary, .dxp-exchange-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary {
    border:unset !important;
}

.dxp-ancillary-feature .dxp-ancillary {
    border:unset !important;
}

.dxp-ancillary-feature .ancillary-common {
    border:unset !important;
}

/* .ducp-ancillaries-group div.dxp-ancillary-wrapper .dxp-ancillary{
    border:.0833rem solid #ccc;
}
*/
.dxp-tiled-ancillaries .dxp-ancillary-wrapper {
    margin: 0px!important;
}

.dxp-tiled-ancillaries .ancillary-common.tile .dxp-ancillary-content .description {
    text-align:center;
}

.dxp-ancillaries-layout .dxp-tiled-ancillaries {
    margin-bottom: 1rem !important;
}

.dxp-tiled-ancillaries .dxp-ancillary-wrapper .img-div {
    width: 3.33rem !important;
    min-width: 6rem !important;
}

.BAGSS .ancillary-common.tile {
    width: 25rem !important;
}


.BAGSS #ancillary-0C3 .ancillary-common.tile {
    width: 50rem !important;
}

.BAGSS #ancillary-0FF .ancillary-common.tile {
    width: 50rem !important;
}

.dxp-ancillary{
    max-width: 38rem  ;
    border: unset  ;
}

.dxp-tiled-ancillaries .dxp-ancillary{
    max-width: 100% !important;
}

.dxp-tiled-ancillaries .dxp-ancillary-wrapper{
    max-width: 49% !important;
    margin-left: 25% !important;
    margin-right: 25% !important;
}

#ancillary-BRB{
    /* position:absolute !important; */
    /* top:0!important; */
    /* left: 30rem !important; */
}


.ducp-ancillaries-group .ancillary-common.tile {
    width: 28rem !important;
}

.dxp-tiled-ancillaries .ancillary-common {
    border: unset !important;
    padding: 0.5rem !important;
}

.dxp-featured-ancillaries .dxp-ancillary-content .title-section {
    margin:unset !important;
    border:unset !important;
}

.dxp-featured-ancillaries .dxp-ancillary-featured-content {
    margin:unset !important;
}

.dxp-ancillaries-view .dxp-car-as-ancillary .row .dxp-car-feature-view {
    width:67% !important;
}



.ducp-component-price {
    line-height:0.8 !important;
}

.dxp-ancillary-summary .summary-content .price .amount {
    font-size: 2.8rem;
}

.dxp-ancillary-summary .summary-content .ancillary-discount-info .price .amount {
    font-size: 1.667rem !important;
}

.ancillary-bundle-slide .title {
    font-size: 1.33rem;
    font-weight: 500;
}

.dxp-tiled-ancillaries .dxp-ancillary-summary .summary-button > button {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.dxp-ancillaries-layout {
    display: flex;
    flex-direction: column;
}



div.dxp-featured-ancillaries {
    order:6;
}

div.OBF {
    order:5;
}

div.TVF {
    order:4;
}

div.BAGS {
    order:2;
}

div.BNDL {
    order:1;
}

div.dxp-tiled-ancillaries {
    order:3;
}

.dxp-ancillary-panel-content .item.img-div {
    width: 42% !important;
    height: 15rem;
    background-size: contain !important;
}

.ancillary-discount {
    font-size:1rem;
}

.BAGSS {
    justify-content:center;
}

.BAGSS .dxp-ancillary-wrapper {
    margin: 0 .8% 1% .8% !important;
}

.TCVS {
    justify-content:center;
}

.dxp-grouped-ancillary .image {
    background-size:contain !important;
}

.dxp-passenger-custom-group-list .middle-container {
    flex-direction:column;
}

.dxp-passenger-spinner-list .spark-panel__content .passenger-spinner-list .passenger-details-bag-amount-container {
    width:fit-content;
}

.dxp-tiled-ancillaries .dxp-masonry {
    margin-bottom: 2rem;
}


.BAGSS .dxp-ancillary-summary .summary-content{
    min-height: 10rem;
}


.dxp-ancillaries-layout .spark-carousel__container{
     display: flex;
     flex-direction: row;
}


.dxp-ancillaries-layout .spark-carousel__item:nth-child(1){
    
order: 2;
}


.dxp-ancillaries-layout .spark-carousel__item:nth-child(2){
   order: 3;
}

.dxp-ancillaries-layout .spark-carousel__item:nth-child(3){
   order: 4;
}

.dxp-ancillaries-layout .spark-carousel__item:nth-child(4){
   order: 1;
}




.ducp-ancillaries-group-content.TCVS{
      display: flex ;
     flex-direction: row;
}


#ancillary-029{
    order:1;
}

#ancillary-03P{
    order:2;
}

#ancillary-0BX{
    order:3;
}
#ancillary-02W{
    order:4;
}

#ancillary-02Y{
    order:5;
}

#ancillary-02X{
    order:6;
}


.ducp-ancillaries-sub-group.MLS .ducp-component-panel-content {
    display: flex;
    flex-direction: row;
}

#ancillary-ML {
    order:2;
}

#ancillary-NV {
    order:1;
}



#ancillary-HO {
    order:3;
}



#ancillary-CK {
    order:4;
}
    

.dxp-tiled-ancillaries .dxp-ancillary-content.tile{
    border: .0833rem solid #ccc;
    border-bottom: none;
    border-radius: .25rem;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    margin: 1rem 1rem 0rem 1rem;
}

.dxp-tiled-ancillaries .dxp-masonry .spark-panel--card{
    border: .0833rem solid #ccc !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: unset;
}



.dxp-view .title-wrapper{
    margin:unset!important;
}


.dxp-ancillary-summary .summary-content{
    /* height: 10rem; */
}



.ancillary-bundle-slide .summary-button-inner{
    padding:1rem !important;
}




/* Mobile view exatrs */

@media (max-width: 544px) {
    .dxp-tiled-ancillaries .dxp-ancillary-wrapper {
        margin: 0 0 2% 0 !important;
        max-width: unset !important;
    }

    .OBF .WIFI .dxp-ancillary-wrapper, .TVF .dxp-ancillary-wrapper, .MLS .dxp-ancillary-wrapper, .BNDL .dxp-ancillary-wrapper {
        /* margin: 0 0 2% 0 !important; */
    }

    .dxp-car-as-ancillary .img-div {
        display: none !important;
    }

    .dxp-ancillary-summary .dxp-ancillary-sale {
        top: -7rem;
        left: auto;
    }

    .dxp-ancillaries-layout {
        display: flex;
        flex-direction: column;
    }

    div.OBF {
        order: 4 !important;
    }

    div.TVF {
        order: 3 !important;
    }

    div.BAGS {
        order: 2 !important;
    }

    div.BNDL {
        order: 1 !important;
    }

    div.dxp-tiled-ancillaries {
        order: 5 !important;
    }

 .dxp-ancillary-panel-content .item.img-div{
     width:100% !important;
 }

 .ancillary-common.tile .ducp-component-button .button-label, .ducp-component-button > span{
     font-size: 12px !important;
 }
}



.spark-carousel__item:nth-child(1) .ancillary-bundle-item-info:before{
  content: '';
  background-image: url(../images/ancillaries/320X180_3_Bonus_0CW.jpg);
  width: 50px;
  height: 50px;
  background-size: contain;
  margin: auto;
}

.spark-carousel__item:nth-child(1) .ancillary-bundle-item-info:before{
  content: '';
  background-image: url(../images/ancillaries/320X180_3_Bonus_B01.jpg);
  width: 100px;
  height: 60px;
  background-size: contain;
  margin: auto;
  background-repeat:no-repeat;
}

.spark-carousel__item:nth-child(2) .ancillary-bundle-item-info:before{
  content: '';
  background-image: url(../images/ancillaries/320X180_3_Bonus_B01.jpg);
 width: 100px;
  height: 60px;
  background-size: contain;
  margin: auto;
  background-repeat:no-repeat;
}



.spark-carousel__item:nth-child(3) .ancillary-bundle-item-info:before{
  content: '';
  background-image: url(../images/ancillaries/320X180_3_Bonus_B03.jpg);
  width: 100px;
  height: 60px;
  background-size: contain;
  margin: auto;
  background-repeat:no-repeat;
}





.ancillary-bundle-item-info .bundle-items,.ancillary-bundle-slide-availability{
    display:none;
}

.ancillary-summary-title{
    display:none;
   
}

.dxp-ancillary-summary .summary-content .original-max-price{
    padding-top:0.33rem!important;
}



/* reduce height in seat selection page */
.dxp-shared-seat-selection .seat-map-content .right-container{
    padding:0rem;
}
.dxp-shared-seat-selection .seat-map-caption{
    padding:0rem;
    justify-content:center;
}

#seat-row-0{
    display:none;
}

.dxp-seat-selection-passenger-list .passenger-list li{
    padding:1rem 1rem;
}

.dxp-seat-selection-view .dxp-view-subtitle{
    display:none
}

.dxp-seat-selection-view .dxp-view-title{
    padding:0 !important;
}

.dxp-shared-seat-selection .seat-map-content .seatmap-header{
    padding:0 1rem;
}

.dxp-inline-message{
    margin:0.5rem !important;
}





/* change image inner container */
.dxp-modal-window-container [data-ancillary="B01"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/320X180_3_Bonus_B01_old.jpg') !important;
}

.dxp-modal-window-container [data-ancillary="B02"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/320X180_3_Bonus_B02_old.jpg') !important;
}

.dxp-modal-window-container [data-ancillary="B03"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/320X180_3_Bonus_B03_old.jpg') !important;
}


.dxp-modal-window-container [data-ancillary="B04"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/320X180_3_Bonus_B04_old.jpg') !important;
}


.dxp-modal-window-container [data-ancillary="0CW"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/320X180_3_Bonus_0CW_old.jpg') !important;
}


.dxp-modal-window-container [data-ancillary="0CZ"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/320X180_3_Bonus_0CZ_old.jpg') !important;
}


.dxp-modal-window-container [data-ancillary="0JH"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/320X180_3_Bonus_0JH_old.jpg') !important;
}


.dxp-modal-window-container [data-ancillary="0C3"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/320X180_3_Bonus_0C3_old.jpg') !important;
}


.dxp-modal-window-container [data-ancillary="0FF"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/320X180_3_Bonus_0FF1.jpg') !important;
}




.dxp-modal-window-container [data-ancillary="0BX"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/320x180_1_Lounge_old.jpg') !important;
}



.dxp-modal-window-container [data-ancillary="029"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/fast_track.jpg') !important;
}



.dxp-modal-window-container [data-ancillary="0AG"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/primeclass.jpg') !important;
}

.dxp-modal-window-container [data-ancillary="0BX"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/outlounge.jpg') !important;
}

.dxp-modal-window-container [data-ancillary="02W"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/MGD.jpg') !important;
}

.dxp-modal-window-container [data-ancillary="02X"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/MGA.jpg') !important;
}

.dxp-modal-window-container [data-ancillary="02Y"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/MGT.jpg') !important;
}


.dxp-modal-window-container [data-ancillary="NV"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/SweetSavory.jpg') !important;
}
.dxp-modal-window-container [data-ancillary="ML"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/StayHealthy.jpg') !important;
}

.dxp-modal-window-container [data-ancillary="HO"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/SpecialMenu.jpg') !important;
}

.dxp-modal-window-container [data-ancillary="CK"] .dxp-ancillary-panel-content .img-div {
    background-image: url('../images/ancillaries/SkyCelebration.jpg') !important;
}


.BAGS .spark-icon.spark-icon-lounge-chair-sun.spark-icon--md.ducp-component-icon:before{
    content: "\EAB9";
    font-family: "wy"
    ;font-size: 28px;
    }

.BNDL .spark-icon.spark-icon-lounge-chair-sun.spark-icon--md.ducp-component-icon:before{
    content: "\EACD";
    font-family: "wy";
    font-size: 18px;
}



   

 @media (max-width: 543px){
.dxp-ancillaries-view .dxp-view-title span{
      font-size:1.6rem !important;
      color: #4a5767 !important
 }
}
   
   
.dxp-modal-window-container .dxp-passenger-custom-group-list .top-container .field-dropdown{
    display:none !important;
}

.dxp-modal-window-container .item intro .mealdesc {
        color:#b4975a !important;
    }



[dir="rtl"] .dxp-grouped-ancillary .ancillary-description{
    margin: 1.3rem !imporatnt;
}



/* Desktop View CSS changes DX v5.0 */

.ducp-component-title{
    padding: 0.5rem 0 .5rem 0 !important;
    color: #4a5767 !important;
    font-size:1.8rem !important;
}

.dxp-shared-flight-selection .ducp-component-title {
    border-bottom:1px solid #4141412b;
}

.points-currency-toggle .points-currency-toggle-title{
    font-size:1.3rem !important;
}

.dxp-view .title-wrapper .dxp-view-title{
   padding:.5rem 0 .5rem 0 !important;
   font-size:1.8rem !important;
   line-height:unset !important;
   color: #4a5767;
   border-bottom:1px solid #4141412b;
}

span[data-translation="passengers.header"]:before {
    content: "\F2C3";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    padding-right: .5rem;
    position: relative;
    }

span[data-translation="seatSelection.header"]:before {
    content: "\EAB8";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    padding-right:.5rem;
    font-size: 2.5rem;
    position: relative;
    top: 0.6rem;
    left: 0.6rem;
    }
    

span[data-translation="ancillary.pageTitle"]:before {
    content: "\EACD";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    padding-right: .5rem;
    position: relative;
    }

span[data-translation="payment.payment.header"]:before {
    content: "\E89A";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    padding-right: .5rem;
    position: relative;
    }

    [dir=rtl] span[data-translation="passengers.header"]:before{
      padding-left:0.5rem !important;
      padding-right:0rem !important;
  }
[dir=rtl] span[data-translation="ancillary.pageTitle"]:before{
      padding-left:0.5rem !important;
      padding-right:0rem !important;
  }

[dir=rtl] span[data-translation="payment.payment.header"]:before{
      padding-left:0.5rem !important;
      padding-right:0rem !important;
  }



/* Mobile View CSS changes DX v5.0 */


@media (max-width: 543px){
    
.dxp-flight-selection .results-action-header {
    display:block !important;
   
}

.dxp-flight-selection .results-action-header .flight-details-content {
    width:100%;
}

.dxp-flight-selection .results-action-header .flight-selection-title .currency-points-toggle {
    width:100%;
}

.brand-comparison-legend {
    color: #007d97 !important;
    background:#efefef !important;
}

.ducp-component-title.flight-leg-header-in-mobile{
  text-shadow:unset !important;  
}

 .dxp-selected-flights .dxp-selected-flight{
    margin-bottom:1rem !important;
    margin-top:1rem !important;
}

.spark-icon-search:before{
    content: "\E832";
    font-family: 'wy';
    font-weight:normal;
    font-size:1.6rem;
    display: inline-block;
    padding-left:.3rem;
  
}

.spark-icon-search:after{
display:none !important;

}
.selected-itinerary-part-offer-v2 .ducp-component-panel-content .header-row .change-flight .button-label{
    font-size: 1.1rem!important;
}

.ducp-component-title.flight-leg-header-in-mobile{
    padding:0.5rem 0 .5rem 0 !important;
    border-bottom:unset !important;
    color: #4a5767 !important;
    font-size:1.3rem !important;
}


/* PAX PAGE */
.dxp-view .title-wrapper .dxp-view-title{
   padding:.5rem 0 .5rem 0 !important;
   font-size:1.6rem !important;
   line-height:unset !important;
   color: #4a5767;
   
}

span[data-translation="passengers.header"]:before {
    content: "\F2C3";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    padding-right: .5rem;
    position: relative;
    }
 .spark-step-indicator__label--dropdown:after{
     left:0 !important;
 }

 .spark-message{
     padding:0 !important;
 } 

 .dxp-view .title-wrapper .dxp-view-subtitle{
     width:inherit !important;
 }  
span[data-translation="seatSelection.header"]:before {
    content: "\EAB8";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    padding-right:.5rem;
    font-size: 2.5rem;
    position: relative;
    top: 0.6rem;
    left: 0.6rem;
    }
    
.dxp-seat-selection-view .title-wrapper .dxp-view-title{
    padding-top:1.8rem !important;
}

span[data-translation="ancillary.pageTitle"]:before {
    content: "\EACD";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    padding-right:.5rem;
    position: relative;
   
    }

span[data-translation="payment.payment.header"]:before {
    content: "\E89A";
    font-family: 'wy';
    font-weight: normal;
    display: inline-block;
    padding-right:.5rem;
    position: relative;
   
    }

[dir=rtl] .dxp-page-navigation-buttons{
       margin-left:unset !important;
   }
  

[dir=rtl] .ducp-component-filmstrip-carousel.spark-carousel.leftbound .spark-carousel__controls .spark-carousel__back, [dir=rtl] .ducp-component-filmstrip-carousel.spark-carousel.leftbound .spark-carousel__controls .spark-carousel__forward, [dir=rtl] .ducp-component-filmstrip-carousel.spark-carousel.rightbound .spark-carousel__controls .spark-carousel__back, [dir=rtl] .ducp-component-filmstrip-carousel.spark-carousel.rightbound .spark-carousel__controls .spark-carousel__forward{
    display:none !important;
}
}   
   

.dxp-passenger-custom-group-list .group-by-ancillary.ducp-component-ancillary-group .body .ancillaries{
    width:unset !important;
}


.dxp-menu .toggle-main-menu:after {
    border:unset !important;
}



/*fix velocity isssues on mobile view */

@media (max-width: 543px){

     .spark-modal__body .dxp-ancillary-panel .travel-part-title.segment{
        font-size:1.2rem !important;
    }

   .spark-modal__body .title{
       font-size:1.5rem !important;
       font-weight:400 !important;
   }

     .spark-modal__body .ancillary-image{
    width: 80% !important;
    }

    .spark-modal__body .ancillary-description{
        width: 80%;
        padding:unset;
    }
     .spark-modal__body .ancillary-selection{
    width: 80%!important;
    }

    .spark-modal__body .ancillary-container{
        display: flex !important;
        flex-direction:column !important;
    }


   .spark-modal__body .ducp-component-accordion.spark-panel--expand>.spark-panel__header.has-right-content{
        padding-right:unset !important;
    }
    .spark-modal__body .ducp-component-accordion.spark-panel--expand>.spark-panel__header.is-expanded{
        font-weight:500 !important;
    }
   .spark-modal__body .spark-panel__content{
        padding:0.3rem!important;
    }

     .spark-modal__body .ducp-component-title{
        font-size:1.2rem !important;
    }

   .spark-modal__body .ancillary-selection-description{
       width:80%;
   }

   .spark-modal__body .spark-panel--expand{
       width: 90%;
   }

   .spark-modal{
       padding:1rem;
   }

   .dxp-ancillary-panel .ancillary-panel-body .dxp-ancillary-footer .row{
       justify-content:unset;
   }
}



/* DX5.1 FIXES */
.selected-itinerary-part-offer .flight-row{
	display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
	}
	


.itinerary-part-offer-min-price-new-mobile{
padding:unset !important;
}



.itinerary-part-summary-details-mobile .flights-operated-by  {
    font-size: 0.9rem !important;
}

/* DX5.2 FIXES */

.dxp-shared-seat-selection .seat-map-content .right-container{
    overflow-x:scroll;
}

[dir=rtl] .dxp-menu .menu-content{
    transform:unset;
}

.dxp-flight-selection-ribbon .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected:after{
    background-color:#b4975a !important;
}

.spark-icon-search:before{
    content: "\E832";
    font-family: 'wy';
    font-weight:normal;
    font-size:1.6rem;
    display: inline-block;
    padding-left:.3rem;
}
.spark-icon-search:after{
    content: "Modify";
    font-weight:normal;
    font-size:1.6rem;
    display: inline-block;
    padding-left:.3rem;
    
}
[dir=rtl] .spark-icon-search:after{
    content: "تعديل";
    font-weight:normal;
    font-size:1.6rem;
    display: inline-block;
    padding-left:.3rem;
    
}

.spark-icon-search{
   line-height: 1.7rem !important;
}

[dir=rtl] .dxp-seat-overlay .exit-row-seat-disclaimer{
text-align:right;
}


/* DX5.3 FIXES */
@media (max-width: 543px){
.dxp-flight-operating-details{
    font-size:1.08333rem !important;
}

.itinerary-part-summary-details .flights-operated-by{
    margin:unset !important;
}

.itinerary-part-summary-details{
    padding:unset !important;
}

.dxp-flight-operating-details .carrier-logo{
    height:1.1rem !important;
}

.itinerary-part-offer-brand-details-mobile .list-key-item>span{
    display:unset;
}

.CabinBaggage .legend-value:before{
	    padding-right:0.3rem;
}
.MilesEarned .legend-value:before{
   padding-right:0.3rem;
}
.milesUpgrade .legend-value:before{
     padding-right:0.5rem;
}
.CheckedInWeight .legend-value:before{
    padding-right:0.3rem;
}
.ChangeFees .legend-value:before{
    padding-right:0.1rem;
}
.RefundFees .legend-value:before{
    padding-right:0.4rem;
}
.seatsSelection .legend-value:before{
    padding-right:0rem;
}

.ExtrasWeightDiscount .legend-value:before{
    padding-right:0.5rem;
}

.BundlesDiscount .legend-value:before{
    padding-right:0.3rem;
}
.UpgradeDiscount .legend-value:before{
     padding-right:0.3rem;   
}

.exchange .spark-icon-search:after{
  display:none;
    
}
[dir=rtl] .exchange .spark-icon-search:after{
    display:none;
    
}

.dxp-passenger-info .basic-info-panel .passenger-signed-in-section .title-content .clear-sign-in-info{
    background: #00b3bc;
    color: white;
    padding: 6px;
    margin-left: 3px;
    text-decoration: underline;
}
    }


/* DX5.4 FIXES */

#dxp-breadcrumbs-container-view-exchange .spark-icon-search:after {
    display:none !important;
}

.dxp-fare-rules-tabs-tab-panel h3, .dxp-fare-rules-tabs-tab-panel p{
   text-transform:uppercase !important; 
}




/* DX5.6 FIXES */
@media (max-width: 544px) {
.credit-card-fieldset .credit-card-fields-container .fieldset-date-fieldset .date-parts-field-container .field.field-dropdown 
    { margin-top: 2rem;}
.payment-type .card-details-header .card-details-header-available-credit-cards
    {flex-flow:initial;}
.payment-type .card-details-header .card-details-header-available-credit-cards .credit-card-image-container
    {margin-left:0.2rem;}
.note .dxp-inline-message.info .title-content
    {margin-height:1.666rem }
}