.SeatMapLegend .seat-map-icon.EXTRA_LEG_SPACE,
.seat-row.is-facility-row
    .seat-map-slot.is-seat
    .EXTRA_LEG_SPACE
    + .LOUNGE
    + .seat-unavailable {
    background-image: url("../images/seats/cool-seat.png");
}
.Hazmat img {
    max-width: 100%;
    max-height: 100%;
}
.spark-footer.Footer,
.spark-menu.spark-header__menu {
    background: #af0061 !important;
    color: #fff !important;
    box-shadow: 0 2px 0 #564852;
}
#language-header,
.react-autosuggest__container.react-autosuggest__container--open
    .react-autosuggest__suggestions-list,
.spark-menu__list-item.spark-header__more > ul > li > a {
    color: #000 !important;
}
.sabre-dx-component-check-in-lookup .page-sub-heading,
[data-translation="SabreDxComponentCheckInPassengerList.missingDocumentText"],
[data-translation="SabreDxComponentPageTitle.checkIn.start"],
h1,
h1 *,
h2,
h3,
h3 * {
    color: #000 !important;
    font-weight: 500;
}
h1,
h1 * {
    font-size: 2.4rem;
}
.ducp-component-header .spark-menu__list-link,
.lookup-container,
.lookup-container .additional-options-btn,
.spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-link {
    color: #fff !important;
}
[data-translation="SabreDxComponentCheckInPassengerList.missingDocumentTitle"] {
    font-weight: 500;
}
.sabre-dx-component-check-in-itinerary
    > .ducp-component-list-group
    > .ListGroupItem
    > .ListGroupItemHeader
    + .ListGroupItemContent {
    display: none !important;
}
.seat-map-icon .seat-number-text,
.spark-header__language_popover .language-item {
    font-weight: 700;
}
#language-header {
    text-shadow: none;
}
#language-header + ul > li .spark-icon-check {
    margin-left: -46px;
    margin-right: 46px;
}
#language-header + ul > li > .language-item {
    padding-left: 34px;
}
#language-header + ul > li:first-child {
    background: url(../images/usa.png) 47px/20px no-repeat;
}
#language-header + ul > li:nth-child(2) {
    background: url(../images/mal.png) 47px/20px no-repeat;
}
#language-header + ul > li:nth-child(3) {
    background: url(../images/thl.png) 47px/20px no-repeat;
}
#language-header + ul > li:nth-child(4) {
    background: url(../images/idn.png) 47px/20px no-repeat;
}
#language-header + ul > li:nth-child(5) {
    background: url(../images/chn.png) 47px/20px no-repeat;
}
[dir] .SeatMapLegend .seat-map-icon {
    background-size: contain !important;
}
.seat-map-icon.SELECTED,
[dir] .SeatMapLegend .seat-map-icon.SELECTED,
[dir] .seat-map-icon.seat-unavailable.seat-map-icon.seat-pax-selected {
    color: green;
    background-image: url("../images/seats/selected-seat.png");
}
.SabreDxComponentCheckInSeatmapPopover.seat-popover {
    margin: 4px;
}
.SabreDxComponentCheckInSeatmapPopover.seat-popover > div {
    border-radius: 0 !important;
    color: #fff;
}
[dir] .Seatmap .seat-map-cabin-group .seat-map table tr.exit-row td {
    background-color: transparent;
}
[dir] .seat-map-icon:not(.exit) {
    background-position: center !important;
    background-color: transparent;
    color: #af0061 !important;
}
[dir] .SeatMapLegend .seat-map-icon.EXIT {
    background-image: url("../images/seats/legend-exit.png");
}
.ProgressIndicator span,
.Seatmap
    .seat-map-cabin-group
    .seat-map
    table
    tr
    td.is-seat
    .facility.seat-map-icon.LOUNGE,
.sabre-dx-component-check-in-emergency-contact .decline-to-provide,
[dir="ltr"]
    .MessagePopup
    .button-container
    .modal-button.close-button:not([disabled]):not(.spark-btn--icon):not(
        .ducp-component-button.icon-button
    ):not(.spark-btn--view-more):not(
        .ducp-component-button.view-more-button
    ):not(.spark-btn--text):not(.ducp-component-button.text-button):not(
        .spark-btn--brand
    ):not(.spark-btn--secondary):not(
        .ducp-component-button.secondary-button
    ):not(.spark-btn--negative):not(.ducp-component-button.negative):not(
        .spark-btn--sm
    ):not(.ducp-component-button.sm):not(.spark-btn--xs):not(
        .ducp-component-button.xs
    ):not(.spark-btn--multi-action):not([class*="spark-btn-combo"])::before,
[dir="ltr"]
    .TravelExtras
    .footer
    > button:not([disabled]):not(.spark-btn--icon):not(
        .ducp-component-button.icon-button
    ):not(.spark-btn--view-more):not(
        .ducp-component-button.view-more-button
    ):not(.spark-btn--text):not(.ducp-component-button.text-button):not(
        .spark-btn--brand
    ):not(.spark-btn--secondary):not(
        .ducp-component-button.secondary-button
    ):not(.spark-btn--negative):not(.ducp-component-button.negative):not(
        .spark-btn--sm
    ):not(.ducp-component-button.sm):not(.spark-btn--xs):not(
        .ducp-component-button.xs
    ):not(.spark-btn--multi-action):not([class*="spark-btn-combo"])::before,
[dir="ltr"]
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button:not([disabled]):not(.spark-btn--icon):not(
        .ducp-component-button.icon-button
    ):not(.spark-btn--view-more):not(
        .ducp-component-button.view-more-button
    ):not(.spark-btn--text):not(.ducp-component-button.text-button):not(
        .spark-btn--brand
    ):not(.spark-btn--secondary):not(
        .ducp-component-button.secondary-button
    ):not(.spark-btn--negative):not(.ducp-component-button.negative):not(
        .spark-btn--sm
    ):not(.ducp-component-button.sm):not(.spark-btn--xs):not(
        .ducp-component-button.xs
    ):not(.spark-btn--multi-action):not([class*="spark-btn-combo"])::before,
[dir="ltr"]
    .ducp-component-button:not([disabled]):not(.spark-btn--icon):not(
        .ducp-component-button.icon-button
    ):not(.spark-btn--view-more):not(
        .ducp-component-button.view-more-button
    ):not(.spark-btn--text):not(.ducp-component-button.text-button):not(
        .spark-btn--brand
    ):not(.spark-btn--secondary):not(
        .ducp-component-button.secondary-button
    ):not(.spark-btn--negative):not(.ducp-component-button.negative):not(
        .spark-btn--sm
    ):not(.ducp-component-button.sm):not(.spark-btn--xs):not(
        .ducp-component-button.xs
    ):not(.spark-btn--multi-action):not([class*="spark-btn-combo"])::before,
[dir="ltr"]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-toolbar__show-more:not([disabled]):not(.spark-btn--icon):not(
        .ducp-component-button.icon-button
    ):not(.spark-btn--view-more):not(
        .ducp-component-button.view-more-button
    ):not(.spark-btn--text):not(.ducp-component-button.text-button):not(
        .spark-btn--brand
    ):not(.spark-btn--secondary):not(
        .ducp-component-button.secondary-button
    ):not(.spark-btn--negative):not(.ducp-component-button.negative):not(
        .spark-btn--sm
    ):not(.ducp-component-button.sm):not(.spark-btn--xs):not(
        .ducp-component-button.xs
    ):not(.spark-btn--multi-action):not([class*="spark-btn-combo"])::before,
[dir="ltr"]
    .sabre-dx-component-check-in-documents
    .footer
    > button:not([disabled]):not(.spark-btn--icon):not(
        .ducp-component-button.icon-button
    ):not(.spark-btn--view-more):not(
        .ducp-component-button.view-more-button
    ):not(.spark-btn--text):not(.ducp-component-button.text-button):not(
        .spark-btn--brand
    ):not(.spark-btn--secondary):not(
        .ducp-component-button.secondary-button
    ):not(.spark-btn--negative):not(.ducp-component-button.negative):not(
        .spark-btn--sm
    ):not(.ducp-component-button.sm):not(.spark-btn--xs):not(
        .ducp-component-button.xs
    ):not(.spark-btn--multi-action):not([class*="spark-btn-combo"])::before,
[dir="ltr"]
    .sabre-dx-component-check-in-page-level-message
    .continue-button:not([disabled]):not(.spark-btn--icon):not(
        .ducp-component-button.icon-button
    ):not(.spark-btn--view-more):not(
        .ducp-component-button.view-more-button
    ):not(.spark-btn--text):not(.ducp-component-button.text-button):not(
        .spark-btn--brand
    ):not(.spark-btn--secondary):not(
        .ducp-component-button.secondary-button
    ):not(.spark-btn--negative):not(.ducp-component-button.negative):not(
        .spark-btn--sm
    ):not(.ducp-component-button.sm):not(.spark-btn--xs):not(
        .ducp-component-button.xs
    ):not(.spark-btn--multi-action):not([class*="spark-btn-combo"])::before,
[dir="ltr"]
    .seat-popover-form
    .select-seat:not([disabled]):not(.spark-btn--icon):not(
        .ducp-component-button.icon-button
    ):not(.spark-btn--view-more):not(
        .ducp-component-button.view-more-button
    ):not(.spark-btn--text):not(.ducp-component-button.text-button):not(
        .spark-btn--brand
    ):not(.spark-btn--secondary):not(
        .ducp-component-button.secondary-button
    ):not(.spark-btn--negative):not(.ducp-component-button.negative):not(
        .spark-btn--sm
    ):not(.ducp-component-button.sm):not(.spark-btn--xs):not(
        .ducp-component-button.xs
    ):not(.spark-btn--multi-action):not([class*="spark-btn-combo"])::before,
[dir="ltr"]
    .spark-btn:not([disabled]):not(.spark-btn--icon):not(
        .ducp-component-button.icon-button
    ):not(.spark-btn--view-more):not(
        .ducp-component-button.view-more-button
    ):not(.spark-btn--text):not(.ducp-component-button.text-button):not(
        .spark-btn--brand
    ):not(.spark-btn--secondary):not(
        .ducp-component-button.secondary-button
    ):not(.spark-btn--negative):not(.ducp-component-button.negative):not(
        .spark-btn--sm
    ):not(.ducp-component-button.sm):not(.spark-btn--xs):not(
        .ducp-component-button.xs
    ):not(.spark-btn--multi-action):not([class*="spark-btn-combo"])::before,
[dir]
    .MessagePopup
    .button-container
    .ancillary-summary-common
    .summary-button
    button.modal-button.close-button::after,
[dir]
    .MessagePopup
    .button-container
    .ducp-component-page-button-wrapper
    > button.modal-button.close-button.continue::after,
[dir]
    .MessagePopup
    .button-container
    .ducp-component-page-button-wrapper
    > button.modal-button.close-button.go-back:not(.go-back-text-button)::after,
[dir]
    .MessagePopup
    .button-container
    .sabre-dx-component-check-in-page-level-message
    .modal-button.close-button.continue-button::after,
[dir]
    .MessagePopup
    .button-container
    .seat-popover-form
    .modal-button.close-button.select-seat::after,
[dir]
    .MessagePopup
    .button-container
    .spark-btn--lg.modal-button.close-button::after,
[dir]
    .MessagePopup
    .button-container
    .spark-btn--md.modal-button.close-button::after,
[dir]
    .MessagePopup
    .button-container
    .summary-content
    .summary-button
    button.modal-button.close-button::after,
[dir]
    .SeatMapLegend
    .legends
    .legend-item-row
    .legend-text
    [data-translation="SabreDxComponentCheckInSeatmap.legendItem.LOUNGE"],
[dir] .SeatMapLegend .seat-map-icon.LOUNGE,
[dir]
    .TravelExtras
    .ancillary-summary-common
    .summary-button
    .footer
    > button::after,
[dir] .TravelExtras .footer > button.spark-btn--lg::after,
[dir] .TravelExtras .footer > button.spark-btn--md::after,
[dir]
    .TravelExtras
    .footer.ducp-component-page-button-wrapper
    > button.continue::after,
[dir]
    .TravelExtras
    .footer.ducp-component-page-button-wrapper
    > button.go-back:not(.go-back-text-button)::after,
[dir] .TravelExtras .summary-content .summary-button .footer > button::after,
[dir]
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    .ancillary-summary-common
    .summary-button
    button::after,
[dir]
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    .ducp-component-page-button-wrapper
    > button.continue::after,
[dir]
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    .ducp-component-page-button-wrapper
    > button.go-back:not(.go-back-text-button)::after,
[dir]
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    .sabre-dx-component-check-in-page-level-message
    button.continue-button::after,
[dir]
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    .seat-popover-form
    button.select-seat::after,
[dir]
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    .summary-content
    .summary-button
    button::after,
[dir]
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-btn--lg::after,
[dir]
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-btn--md::after,
[dir]
    .ancillary-summary-common
    .summary-button
    .MessagePopup
    .button-container
    button.modal-button.close-button::after,
[dir]
    .ancillary-summary-common
    .summary-button
    .TravelExtras
    .footer
    > button::after,
[dir]
    .ancillary-summary-common
    .summary-button
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button::after,
[dir]
    .ancillary-summary-common
    .summary-button
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    button.spark-toolbar__show-more::after,
[dir]
    .ancillary-summary-common
    .summary-button
    .sabre-dx-component-check-in-documents
    .footer
    > button::after,
[dir]
    .ancillary-summary-common
    .summary-button
    button.ducp-component-button::after,
[dir] .ancillary-summary-common .summary-button button.spark-btn::after,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .ancillary-summary-common
    .summary-button
    button.spark-toolbar__show-more::after,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .ducp-component-page-button-wrapper
    > button.spark-toolbar__show-more.continue::after,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .ducp-component-page-button-wrapper
    > button.spark-toolbar__show-more.go-back:not(.go-back-text-button)::after,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .sabre-dx-component-check-in-page-level-message
    .spark-toolbar__show-more.continue-button::after,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .seat-popover-form
    .spark-toolbar__show-more.select-seat::after,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-btn--lg.spark-toolbar__show-more::after,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-btn--md.spark-toolbar__show-more::after,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .summary-content
    .summary-button
    button.spark-toolbar__show-more::after,
[dir]
    .ducp-component-page-button-wrapper
    > button.ducp-component-button.continue::after,
[dir]
    .ducp-component-page-button-wrapper
    > button.ducp-component-button.go-back:not(.go-back-text-button)::after,
[dir] .ducp-component-page-button-wrapper > button.spark-btn.continue::after,
[dir]
    .ducp-component-page-button-wrapper
    > button.spark-btn.go-back:not(.go-back-text-button)::after,
[dir]
    .sabre-dx-component-check-in-documents
    .ancillary-summary-common
    .summary-button
    .footer
    > button::after,
[dir]
    .sabre-dx-component-check-in-documents
    .footer
    > button.spark-btn--lg::after,
[dir]
    .sabre-dx-component-check-in-documents
    .footer
    > button.spark-btn--md::after,
[dir]
    .sabre-dx-component-check-in-documents
    .footer.ducp-component-page-button-wrapper
    > button.continue::after,
[dir]
    .sabre-dx-component-check-in-documents
    .footer.ducp-component-page-button-wrapper
    > button.go-back:not(.go-back-text-button)::after,
[dir]
    .sabre-dx-component-check-in-documents
    .summary-content
    .summary-button
    .footer
    > button::after,
[dir]
    .sabre-dx-component-check-in-page-level-message
    .MessagePopup
    .button-container
    .modal-button.close-button.continue-button::after,
[dir]
    .sabre-dx-component-check-in-page-level-message
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.continue-button::after,
[dir] .sabre-dx-component-check-in-page-level-message .continue-button::after,
[dir]
    .sabre-dx-component-check-in-page-level-message
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-toolbar__show-more.continue-button::after,
[dir]
    .sabre-dx-component-check-in-page-level-message
    .ducp-component-page-button-wrapper
    > button.go-back.continue-button:not(.go-back-text-button)::after,
[dir]
    .sabre-dx-component-check-in-page-level-message
    .spark-btn--lg.continue-button::after,
[dir]
    .seat-popover-form
    .MessagePopup
    .button-container
    .modal-button.close-button.select-seat::after,
[dir]
    .seat-popover-form
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.select-seat::after,
[dir]
    .seat-popover-form
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-toolbar__show-more.select-seat::after,
[dir]
    .seat-popover-form
    .ducp-component-page-button-wrapper
    > button.go-back.select-seat:not(.go-back-text-button)::after,
[dir] .seat-popover-form .select-seat::after,
[dir] .seat-popover-form .spark-btn--lg.select-seat::after,
[dir] .spark-btn--lg.ducp-component-button::after,
[dir] .spark-btn--lg.spark-btn::after,
[dir] .spark-btn--md.ducp-component-button::after,
[dir] .spark-btn--md.spark-btn::after,
[dir]
    .summary-content
    .summary-button
    .MessagePopup
    .button-container
    button.modal-button.close-button::after,
[dir] .summary-content .summary-button .TravelExtras .footer > button::after,
[dir]
    .summary-content
    .summary-button
    .TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button::after,
[dir]
    .summary-content
    .summary-button
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    button.spark-toolbar__show-more::after,
[dir]
    .summary-content
    .summary-button
    .sabre-dx-component-check-in-documents
    .footer
    > button::after,
[dir] .summary-content .summary-button button.ducp-component-button::after,
[dir] .summary-content .summary-button button.spark-btn::after {
    display: none;
}
.SeatMapLegend .seat-map-icon.EXTRA_LEG_SPACE,
.itinerary-part-flight-details .ducp-component-from-to * {
    display: block !important;
}
span[data-translation="SabreDxComponentCheckInSeatmap.legendItem.EXTRA_LEG_SPACE"] {
    font-size: 0;
}
span[data-translation="SabreDxComponentCheckInSeatmap.legendItem.EXTRA_LEG_SPACE"]::after {
    content: "Cool Seat (reserved)";
    display: block;
    font-size: 12px;
    margin-top: -28px;
}
.seat-map-icon[aria-label*="REGULAR" i],
[dir] .SeatMapLegend .seat-map-icon.REGULAR {
    background-image: url("../images/seats/black-seat.png");
}
.seat-map-icon[aria-label*="REGULAR" i]:hover {
    background-image: url("../images/seats/black-seat-hover.png");
}
[dir] .SeatMapLegend .seat-map-icon.RESERVED,
[dir] .seat-map-icon.seat-unavailable {
    color: #ccc;
    background-image: url("../images/seats/grey-seat.png");
}
[dir] .seat-map-icon.seat-error {
    color: red !important;
    background-image: url("../images/seats/error-seat.png");
}
.lookup-container {
    background: #af0061;
    background: -moz-linear-gradient(left, #af0061 0, #581855 99%);
    background: -webkit-linear-gradient(left, #af0061 0, #581855 99%);
    background: linear-gradient(to right, #af0061 0, #581855 99%);
}
[dir] .ducp-component-header .spark-header__language .spark-menu__list-link {
    color: #af0061 !important;
    outline: 0 !important;
    padding: calc(1.3rem - 2px) 2rem;
}
.spark-icon-cog:before {
    margin-top: 8px;
    font-size: 29px;
    margin-right: -3px;
}
.spark-header .spark-header__placeholder,
.spark-header.spark-header--visible {
    box-shadow: 0 1.5px 0 #564852;
}
.sabre-dx-component-check-in-summary-bar-trip-details
    .details
    .flight-details-label {
    color: #af0061 !important;
    text-shadow: none;
}
.ProgressIndicator > progress {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 11px solid #dc2926 !important;
    border-radius: 50%;
    border-top: 11px solid #eee !important;
    width: 243px;
    height: 243px;
    background-color: transparent;
}
@-webkit-keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes loader-spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.sabre-dx-component-check-in-language .spark-popover__list-link,
.sabre-dx-component-check-in-summary-bar-trip-details
    .summary-detail-toggle
    .sabre-dx-component-button {
    color: #000;
}
.sabre-dx-component-check-in-summary-bar {
    background-color: #893e7a !important;
}
html .progress-background,
html body {
    background: 0 0;
    color: #fff !important;
}
body[data-destination="DMK"] {
    background: url("../images/routes/DMK.jpg") bottom/cover no-repeat;
}
[dir]
    [data-component-id="SabreDxContainerCheckInHazmat"]
    .spark-panel__content {
    margin: auto;
}
.Hazmat .default-hazmat-template .icons .icon-text {
    bottom: 0.2rem;
}
[dir] .Hazmat .default-hazmat-template .icons > div {
    background-repeat: no-repeat !important;
    background-position: center !important;
}
[dir] .Hazmat .default-hazmat-template .icons .hazmat-0 {
    background-image: url(../images/hazmat-0.png);
}
[dir] .Hazmat .default-hazmat-template .icons .hazmat-1 {
    background-image: url(../images/hazmat-1.png);
}
[dir] .Hazmat .default-hazmat-template .icons .hazmat-2 {
    background-image: url(../images/hazmat-2.png);
}
[dir] .Hazmat .default-hazmat-template .icons .hazmat-3 {
    background-image: url(../images/hazmat-3.png);
}
[dir] .Hazmat .default-hazmat-template .icons .hazmat-4 {
    background-image: url(../images/hazmat-4.png);
}
[dir] .Hazmat .default-hazmat-template .icons .hazmat-5 {
    background-image: url(../images/hazmat-5.png);
}
[dir] .Hazmat .default-hazmat-template .icons .hazmat-6 {
    background-image: url(../images/hazmat-6.png);
}
[dir] .Hazmat .default-hazmat-template .icons .hazmat-7 {
    background-image: url(../images/hazmat-7.png);
}
[dir] .Hazmat .default-hazmat-template .icons .hazmat-8 {
    background-image: url(../images/hazmat-8.png);
}
[dir] .Hazmat .default-hazmat-template .icons .hazmat-9 {
    background-image: url(../images/hazmat-9.png);
}
[dir] .Hazmat .default-hazmat-template .icons .hazmat-10 {
    background-image: url(../images/hazmat-10.png);
}
[dir] .Hazmat .default-hazmat-template .icons .hazmat-11 {
    background-image: url(../images/hazmat-11.png);
}
.sabre-dx-component-check-in-confirmation .spark-icon-close {
    background-color: #af0061;
    border-radius: 1rem;
}
[dir="ltr"]
    .sabre-dx-component-check-in-view-boarding-pass
    .boarding-passes
    .boarding-pass {
    border-radius: 1.5rem;
    border: 4px solid #af0061;
}
.sabre-dx-component-check-in-view-boarding-pass.bp-only
    .ducp-component-list-group
    .ListGroupItem.expanded
    .ListGroupItemHeader {
    box-shadow: 0 3px 16px 0 #af0061;
}
.DucpComponentToggle
    .Select.autosuggest
    .react-autosuggest__container.react-autosuggest__container--open
    + .toggle-label,
.DucpComponentToggle .Select.autosuggest.active .toggle-label,
.DucpComponentToggle
    .focus[class*="spark-payment"]
    .spark-input__fields
    ~ .toggle-label,
.DucpComponentToggle .spark-input.focus .spark-input__fields ~ .toggle-label,
.DucpComponentToggle .spark-input__field:focus ~ .toggle-label,
.Hazmat .hazmat-title,
.RadioButtonList label .radio-input:focus + .radio-box + .radio-label,
.RadioButtonList
    label
    .radio-label-container
    .Select.autosuggest
    .react-autosuggest__container.react-autosuggest__container--open
    + .radio-label,
.RadioButtonList
    label
    .radio-label-container
    .Select.autosuggest.active
    .radio-label,
.RadioButtonList
    label
    .radio-label-container
    .focus[class*="spark-payment"]
    .spark-input__fields
    ~ .radio-label,
.RadioButtonList
    label
    .radio-label-container
    .spark-input.focus
    .spark-input__fields
    ~ .radio-label,
.RadioButtonList
    label
    .radio-label-container
    .spark-input__field:focus
    ~ .radio-label,
.Select.autosuggest
    .DucpComponentToggle
    .react-autosuggest__container.react-autosuggest__container--open
    + .toggle-label,
.Select.autosuggest
    .RadioButtonList
    label
    .radio-label-container
    .react-autosuggest__container.react-autosuggest__container--open
    + .radio-label,
.Select.autosuggest
    .react-autosuggest__container.react-autosuggest__container--open
    + .spark-label,
.Select.autosuggest.active .DucpComponentToggle .toggle-label,
.Select.autosuggest.active
    .RadioButtonList
    label
    .radio-label-container
    .radio-label,
.Select.autosuggest.active .spark-label,
.ducp-component-button.text-button,
.ducp-component-button.text-button:focus,
.ducp-component-button.text-button:focus:hover,
.ducp-component-button.text-button:hover,
.ducp-component-cart-panel
    ul.ducp-component-cart-panel-list
    > .ducp-component-cart-panel-section
    > .ducp-component-accordion
    > .spark-panel__header,
.ducp-component-cart-panel
    ul.ducp-component-cart-panel-list
    > .ducp-component-cart-panel-section
    > .ducp-component-accordion
    > .spark-panel__header
    h4,
.ducp-component-header .seat-popover .spark-menu__list-link,
.ducp-component-header .seat-popover .spark-menu__list-link:hover,
.ducp-component-header .spark-header__language .spark-menu__list-link,
.ducp-component-header .spark-header__language .spark-menu__list-link:hover,
.ducp-component-header .spark-header__logo:not(.is-image),
.ducp-component-header .spark-header__title:not(.is-image),
.ducp-component-page-title h1,
.focus.ducp-component-button.text-button,
.focus.ducp-component-button.text-button:hover,
.focus[class*="spark-payment"]
    .DucpComponentToggle
    .spark-input__fields
    ~ .toggle-label,
.focus[class*="spark-payment"]
    .RadioButtonList
    label
    .radio-label-container
    .spark-input__fields
    ~ .radio-label,
.focus[class*="spark-payment"] .spark-input__fields ~ .spark-label,
.hover.ducp-component-button.text-button,
.sabre-dx-component-check-in-apple-wallet .apple-wallet-button,
.sabre-dx-component-check-in-apple-wallet .apple-wallet-button:focus,
.sabre-dx-component-check-in-apple-wallet .apple-wallet-button:focus:hover,
.sabre-dx-component-check-in-apple-wallet .apple-wallet-button:hover,
.sabre-dx-component-check-in-apple-wallet .focus.apple-wallet-button,
.sabre-dx-component-check-in-apple-wallet .focus.apple-wallet-button:hover,
.sabre-dx-component-check-in-apple-wallet .hover.apple-wallet-button,
.sabre-dx-component-check-in-view-boarding-pass
    .ListGroupItemHeader.spark-panel__header.flight-header
    *,
.seat-map-passengers .passengers .passenger-container .passenger,
.seat-map-passengers
    .passengers
    .passenger-container
    .passenger
    .selected-seat
    .selected-seat-price-item,
.seat-map-passengers .passengers .passenger-container .passenger.active,
.spark-btn--text,
.spark-btn--text.focus,
.spark-btn--text.focus:hover,
.spark-btn--text.hover,
.spark-btn--text:focus,
.spark-btn--text:focus:hover,
.spark-btn--text:hover,
.spark-header .spark-header__placeholder,
.spark-header
    .spark-header__placeholder
    .spark-menu
    .spark-header__list:hover
    > .spark-menu__list-item
    > .spark-menu__list-link,
.spark-header
    .spark-header__placeholder
    .spark-menu
    .spark-header__list:hover
    > .spark-menu__list-item
    > .spark-menu__list-links
    > .spark-menu__list-link,
.spark-header
    .spark-header__placeholder
    .spark-menu
    .spark-menu__animation-wrapper
    > .spark-header__list:hover
    > .spark-menu__list-item
    > .spark-menu__list-link,
.spark-header
    .spark-header__placeholder
    .spark-menu
    .spark-menu__animation-wrapper
    > .spark-header__list:hover
    > .spark-menu__list-item
    > .spark-menu__list-links
    > .spark-menu__list-link,
.spark-header
    .spark-header__placeholder
    .spark-menu
    > .spark-menu__animation-wrapper
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-link,
.spark-header
    .spark-header__placeholder
    .spark-menu
    > .spark-menu__animation-wrapper
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-links
    .spark-menu__list-link,
.spark-header
    .spark-header__placeholder
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-link,
.spark-header
    .spark-header__placeholder
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-links
    .spark-menu__list-link,
.spark-header.spark-header--visible,
.spark-header.spark-header--visible
    .spark-menu
    .spark-header__list:hover
    > .spark-menu__list-item
    > .spark-menu__list-link,
.spark-header.spark-header--visible
    .spark-menu
    .spark-header__list:hover
    > .spark-menu__list-item
    > .spark-menu__list-links
    > .spark-menu__list-link,
.spark-header.spark-header--visible
    .spark-menu
    .spark-menu__animation-wrapper
    > .spark-header__list:hover
    > .spark-menu__list-item
    > .spark-menu__list-link,
.spark-header.spark-header--visible
    .spark-menu
    .spark-menu__animation-wrapper
    > .spark-header__list:hover
    > .spark-menu__list-item
    > .spark-menu__list-links
    > .spark-menu__list-link,
.spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__animation-wrapper
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-link,
.spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__animation-wrapper
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-links
    .spark-menu__list-link,
.spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-link,
.spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-links
    .spark-menu__list-link,
.spark-input.focus .DucpComponentToggle .spark-input__fields ~ .toggle-label,
.spark-input.focus
    .RadioButtonList
    label
    .radio-label-container
    .spark-input__fields
    ~ .radio-label,
.spark-input.focus .spark-input__fields ~ .spark-label,
.spark-input__field:focus ~ .spark-label {
    color: #af0061;
}
.sabre-dx-component-check-in-view-boarding-pass
    .ListGroupItemHeader.spark-panel__header.flight-header
    .airports
    .separator
    .spark-icon::before {
    font-size: 0;
    background: url(../images/mobileBPflight.jpg) center/25px no-repeat;
    display: inline-block;
    height: 25px;
    width: 48px;
    margin-bottom: 10px;
}
section.ducp-important-notices {
    display: flex;
    flex-direction: column;
}
section.ducp-important-notices h2 {
    margin-left: 1rem;
    color: #af0061 !important;
}
section.ducp-important-notices div.ducp-notes-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
section.ducp-important-notices article h6 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
section.ducp-important-notices article {
    flex: 1;
}
section.ducp-important-notices article ul {
    margin-bottom: 0;
}
section.ducp-important-notices article ul li {
    margin: 0.5rem 0;
}
@media only screen and (max-width: 600px) {
    section.ducp-important-notices div.ducp-notes-container {
        flex-direction: column;
    }
}
.progress-background {
    background: #fff !important;
}
.spark-content--sticky-footer .spark-content__wrapper--sticky-footer {
    background: #fff;
}
.ProgressIndicator > progress,
.spark-footer.Footer,
.spark-menu.spark-header__menu,
section.ducp-important-notices article {
    background-image: linear-gradient(to right, #af0061, #581855) !important;
}
.seat-popover-form .facilities .seat-facility .seat-text-icon .code,
.seat-popover-form .facilities .seat-facility .seat-text-icon .label {
    text-align: center;
    color: #000;
}
@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 400;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-Regular.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: italic;
    font-weight: 400;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-Italic.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 100;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat[wght].woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: italic;
    font-weight: 100;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-Italic[wght].woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 250;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-Thin.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: italic;
    font-weight: 250;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-ThinItalic.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 275;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-ExtraLight.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: italic;
    font-weight: 275;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-ExtraLightItalic.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 300;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-Light.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: italic;
    font-weight: 300;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-LightItalic.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 500;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-Medium.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: italic;
    font-weight: 500;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-MediumItalic.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 600;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-SemiBold.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: italic;
    font-weight: 600;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-SemiBoldItalic.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 700;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-Bold.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: italic;
    font-weight: 700;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-BoldItalic.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 800;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-ExtraBold.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: italic;
    font-weight: 800;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-ExtraBoldItalic.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 900;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-Black.woff) format("woff");
}
@font-face {
    font-family: montserrat;
    font-style: italic;
    font-weight: 900;
    src:
        local("Montserrat"),
        url(../fonts/Montserrat/Montserrat-BlackItalic.woff) format("woff");
}
* {
    font-family: Montserrat !important;
}
#document-form-container
    > div
    > div.document-buttons
    > button.ducp-component-button.save.disabled,
#main
    > div
    > div.Container.ducp-container.sabre-dx-container-check-in-page-button-wrapper
    > div
    > button.ducp-component-button.continue.disabled,
[id^="accordion-"]
    > div
    > div
    > div.ducp-component-panel.spark-panel.passenger-summary-content.form-element-container
    > div
    > div
    > div.button-footer
    > button.ducp-component-button.supplementary-documents-button.save.disabled,
button.ducp-component-button:not(
        [aria-label="Return"],
        [aria-label="Cancel"],
        [aria-expanded],
        .cancel,
        [aria-label^="View boarding" i],
        [aria-label^="Print boarding" i],
        [aria-label^="Email boarding" i]
    ) {
    border-radius: 150px !important;
    box-shadow: 3px 3px 5px #ccc !important;
}
.ducp-component-button.text-button,
[aria-label^="Email boarding"i],
[aria-label^="Print boarding"i],
[aria-label^="View boarding"i] {
    color: #ce005e;
}
#main
    > div.Container.ducp-container.sabre-dx-container-check-in-lookup
    > div
    > div
    > div
    > div.lookup-buttons
    > button {
    box-shadow: 3px 3px 5px #581855 !important;
}
section.ducp-important-notices article {
    border-radius: 0.75rem;
    padding: 1rem;
    flex: 1;
    margin: 1rem;
    color: #fff;
}
.spark-footer.Footer a,
.spark-footer__copyright,
.spark-menu.spark-header__menu a {
    font-size: 1.5rem !important;
}
.ProgressIndicator {
    background: url("../images/logos/batikLogo.png") center/192px no-repeat;
    display: block;
    height: 243px;
    width: 243px;
}
[dir] .ProgressIndicator > progress {
    border: none !important;
    -webkit-animation: 3s linear infinite loader-spin !important;
    animation: 3s linear infinite loader-spin !important;
}
.ProgressIndicator::after,
.ProgressIndicator::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
}
.ProgressIndicator::after {
    background: url("../images/logos/batikLogo.png") center/192px no-repeat #fff;
    height: 230px;
    width: 230px;
    margin-top: calc((243px - 230px) / 2);
    margin-left: calc((243px - 230px) / 2);
}
.ProgressIndicator::before,
html body #content > .layout::after,
html body #content > .layout::before {
    background-repeat: no-repeat;
    background-image: url("../images/loaders/aeroplane.png");
}
.ProgressIndicator::before {
    z-index: 1;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-color: transparent;
    -webkit-animation: 3s linear infinite move-in-circle;
    animation: 3s linear infinite move-in-circle;
    offset-path: circle(118px at center);
}
@keyframes move-in-circle {
    0% {
        offset-distance: 0%;
    }
    100% {
        offset-distance: 100%;
    }
}
[dir] .MessagePopup .button-container .modal-button.close-button,
[dir] .TravelExtras .footer > button,
[dir] .TravelExtras .travel-extra .content .button-wrapper button,
[dir] .ducp-component-button,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-toolbar__show-more,
[dir] .sabre-dx-component-check-in-documents .footer > button,
[dir] .sabre-dx-component-check-in-page-level-message .continue-button,
[dir] .seat-popover-form .select-seat,
[dir] .spark-btn {
    border-radius: 150px;
    background-color: #ce005e;
    border-color: #ce005e;
    color: #fff;
}
[dir] .MessagePopup .button-container .hover.modal-button.close-button,
[dir] .MessagePopup .button-container .modal-button.close-button:hover,
[dir] .TravelExtras .footer > button.hover,
[dir] .TravelExtras .footer > button:hover,
[dir] .TravelExtras .travel-extra .content .button-wrapper button.hover,
[dir] .TravelExtras .travel-extra .content .button-wrapper button:hover,
[dir] .ducp-component-button:hover,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .hover.spark-toolbar__show-more,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-toolbar__show-more:hover,
[dir]
    .ducp-component-page-button-wrapper
    > button.ducp-component-button.continue:hover,
[dir] .hover.ducp-component-button,
[dir] .sabre-dx-component-check-in-documents .footer > button.hover,
[dir] .sabre-dx-component-check-in-documents .footer > button:hover,
[dir] .sabre-dx-component-check-in-page-level-message .continue-button:hover,
[dir] .sabre-dx-component-check-in-page-level-message .hover.continue-button,
[dir] .seat-popover-form .hover.select-seat,
[dir] .seat-popover-form .select-seat:hover,
[dir] .spark-btn.hover,
[dir] .spark-btn:hover {
    background-color: #581855;
    border-color: #581855;
    color: #fff;
}
[dir] .MessagePopup .button-container .active.modal-button.close-button,
[dir] .MessagePopup .button-container .modal-button.close-button:active,
[dir] .TravelExtras .footer > button.active,
[dir] .TravelExtras .footer > button:active,
[dir] .TravelExtras .travel-extra .content .button-wrapper button.active,
[dir] .TravelExtras .travel-extra .content .button-wrapper button:active,
[dir] .active.ducp-component-button,
[dir] .ducp-component-button:active,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .active.spark-toolbar__show-more,
[dir]
    .ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-toolbar__show-more:active,
[dir]
    .ducp-component-page-button-wrapper
    > button.ducp-component-button.continue:active,
[dir]
    .ducp-component-page-button-wrapper
    > button.ducp-component-button.continue:active:hover,
[dir] .sabre-dx-component-check-in-documents .footer > button.active,
[dir] .sabre-dx-component-check-in-documents .footer > button:active,
[dir] .sabre-dx-component-check-in-page-level-message .active.continue-button,
[dir] .sabre-dx-component-check-in-page-level-message .continue-button:active,
[dir] .seat-popover-form .active.select-seat,
[dir] .seat-popover-form .select-seat:active,
[dir] .spark-btn.active,
[dir] .spark-btn:active {
    background-color: #d25500;
    border-color: #d25500;
    color: #fff;
}
[dir] .ducp-component-button.secondary-button {
    background-color: #fff;
    border-color: #ce005e;
    color: #ce005e;
}
[dir] .ducp-component-button.secondary-button:hover {
    background-color: #fff;
    border-color: #581855;
    color: #581855;
}
[dir] .ducp-component-button.secondary-button:active,
[dir] .ducp-component-button.secondary-button:active:hover {
    background-color: #fff;
    border-color: #d25500;
    color: #d25500;
}
.ducp-component-button.text-button:active {
    color: #d25500;
    background: 0 0;
}
.Seatmap
    .seat-map-cabin-group
    .seat-map
    table
    tr
    td
    .seat-cell-wrapper
    .selected-index {
    background-color: green;
    color: #fff;
}
[dir] .seat-map-icon.seat-error:before {
    content: "!";
    display: block;
    position: absolute;
    border-radius: 50%;
    top: -0.5rem !important;
    left: 0.5rem !important;
    border: 1px solid #ccc;
    height: 1rem;
    width: 1rem;
    font-size: 1rem;
    font-weight: 700;
    background-color: red;
    color: #fff;
}
.spark-popover__close {
    font-family: spark-icon-line !important;
    color: #000;
}
button[aria-label="Settings"] {
    cursor: pointer;
}
[dir] .seat-map-icon:not(.exit) {
    background-size: 3.8rem;
}
.SabreDxComponentCheckInSeatmapPopover.seat-popover > div > span,
[dir] .seat-map-icon.seat-unavailable > span {
    margin-top: -5px;
}
@media only screen and (max-width: 1368px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 3.8rem;
    }
    .SabreDxComponentCheckInSeatmapPopover.seat-popover > div > span,
    [dir] .seat-map-icon.seat-unavailable > span {
        margin-top: -11px;
    }
    .seat-map-icon .seat-number-text {
        font-size: 90%;
    }
}
@media only screen and (max-width: 1366px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 3.8rem;
    }
    .SabreDxComponentCheckInSeatmapPopover.seat-popover > div > span,
    [dir] .seat-map-icon.seat-unavailable > span {
        margin-top: -10px;
    }
    .seat-map-icon .seat-number-text {
        font-size: 87%;
    }
}
@media only screen and (max-width: 1340px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 3.5rem;
    }
    .SabreDxComponentCheckInSeatmapPopover.seat-popover > div > span,
    [dir] .seat-map-icon.seat-unavailable > span {
        margin-top: -10px;
    }
    .seat-map-icon .seat-number-text {
        font-size: 85%;
    }
}
@media only screen and (max-width: 1251px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 3rem;
    }
    .SabreDxComponentCheckInSeatmapPopover.seat-popover > div > span,
    [dir] .seat-map-icon.seat-unavailable > span {
        margin-top: -5px;
    }
    .seat-map-icon .seat-number-text {
        font-size: 63%;
    }
}
@media only screen and (max-width: 1120px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 2.1rem;
    }
    .SabreDxComponentCheckInSeatmapPopover.seat-popover > div > span,
    [dir] .seat-map-icon.seat-unavailable > span {
        margin-top: -6px;
    }
    .seat-map-icon .seat-number-text {
        font-size: 40%;
    }
}
@media only screen and (max-width: 912px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 1.9rem;
    }
    .SabreDxComponentCheckInSeatmapPopover.seat-popover > div > span,
    [dir] .seat-map-icon.seat-unavailable > span {
        margin-top: -5px;
    }
    .seat-map-icon .seat-number-text {
        font-size: 43%;
    }
}
@media only screen and (max-width: 820px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 1.8rem;
    }
    .SabreDxComponentCheckInSeatmapPopover.seat-popover > div > span,
    [dir] .seat-map-icon.seat-unavailable > span {
        margin-top: -5px;
    }
    .seat-map-icon .seat-number-text {
        font-size: 40%;
    }
}
@media only screen and (max-width: 768px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 3.3rem;
    }
    .SabreDxComponentCheckInSeatmapPopover.seat-popover > div > span,
    [dir] .seat-map-icon.seat-unavailable > span {
        margin-top: -8px;
    }
    .seat-map-icon .seat-number-text {
        font-size: 70%;
    }
}
@media only screen and (max-width: 720px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 4.3rem;
    }
    .seat-map-icon .seat-number-text {
        font-size: 60%;
    }
}
@media only screen and (max-width: 590px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 3.4rem;
    }
    .seat-map-icon .seat-number-text {
        font-size: 55%;
    }
}
@media only screen and (max-width: 430px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 2.1rem;
    }
    .SabreDxComponentCheckInSeatmapPopover.seat-popover > div > span,
    [dir] .seat-map-icon.seat-unavailable > span {
        margin-top: -5px;
    }
    .seat-map-icon .seat-number-text {
        font-size: 50%;
        font-weight: 500;
    }
}
@media only screen and (max-width: 412px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 2.2rem;
    }
    .seat-map-icon .seat-number-text {
        font-size: 50%;
    }
}
@media only screen and (max-width: 360px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 2rem;
    }
    .seat-map-icon .seat-number-text {
        font-size: 47%;
        font-weight: 500;
    }
}
@media only screen and (max-width: 280px) {
    [dir] .seat-map-icon:not(.exit) {
        background-size: 1.4rem;
    }
    .SabreDxComponentCheckInSeatmapPopover.seat-popover > div > span,
    [dir] .seat-map-icon.seat-unavailable > span {
        margin-top: -3px;
    }
    .seat-map-icon .seat-number-text {
        font-size: 30%;
    }
}
.Footer,
.ducp-component-link.spark-header__title.is-image.logo.spark-link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
[dir] .Footer .spark-footer__content,
[dir] .Footer .spark-footer__content * {
    margin: 0 auto;
    text-align: center;
}
[dir]
    .Footer
    .spark-footer__content
    .spark-footer__list
    .spark-footer__list-item::after {
    content: "|";
    display: inline;
    padding: 0 0 0 1rem;
}
[dir]
    .Footer
    .spark-footer__content
    .spark-footer__list
    .spark-footer__list-item:first-child::before {
    content: "|";
    display: inline;
    padding: 0 1rem 0 0;
}
.MessagePopup
    .button-container
    .spark-progress.spark-btn--view-more.active.active.modal-button.close-button,
.MessagePopup
    .button-container
    .spark-progress.spark-btn--view-more.active.active.modal-button.close-button:hover,
.MessagePopup
    .button-container
    .spark-progress.spark-btn--view-more.active.focus.modal-button.close-button,
.MessagePopup
    .button-container
    .spark-progress.spark-btn--view-more.active.focus.modal-button.close-button:hover,
.MessagePopup
    .button-container
    .spark-progress.spark-btn--view-more.active.hover.modal-button.close-button,
.MessagePopup
    .button-container
    .spark-progress.spark-btn--view-more.active.modal-button.close-button,
.MessagePopup
    .button-container
    .spark-progress.spark-btn--view-more.active.modal-button.close-button:active,
.MessagePopup
    .button-container
    .spark-progress.spark-btn--view-more.active.modal-button.close-button:active:hover,
.MessagePopup
    .button-container
    .spark-progress.spark-btn--view-more.active.modal-button.close-button:focus,
.MessagePopup
    .button-container
    .spark-progress.spark-btn--view-more.active.modal-button.close-button:focus:hover,
.MessagePopup
    .button-container
    .spark-progress.spark-btn--view-more.active.modal-button.close-button:hover,
.MessagePopup .info b,
.MessagePopup .info h1,
.MessagePopup .info h2,
.MessagePopup .info h3,
.MessagePopup .info h4,
.MessagePopup .info h5,
.MessagePopup .info h6,
.MessagePopup .info strong,
.TravelExtras .footer > button.spark-progress.spark-btn--view-more.active,
.TravelExtras
    .footer
    > button.spark-progress.spark-btn--view-more.active.active,
.TravelExtras
    .footer
    > button.spark-progress.spark-btn--view-more.active.active:hover,
.TravelExtras .footer > button.spark-progress.spark-btn--view-more.active.focus,
.TravelExtras
    .footer
    > button.spark-progress.spark-btn--view-more.active.focus:hover,
.TravelExtras .footer > button.spark-progress.spark-btn--view-more.active.hover,
.TravelExtras
    .footer
    > button.spark-progress.spark-btn--view-more.active:active,
.TravelExtras
    .footer
    > button.spark-progress.spark-btn--view-more.active:active:hover,
.TravelExtras .footer > button.spark-progress.spark-btn--view-more.active:focus,
.TravelExtras
    .footer
    > button.spark-progress.spark-btn--view-more.active:focus:hover,
.TravelExtras .footer > button.spark-progress.spark-btn--view-more.active:hover,
.TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-progress.active.ducp-component-button.view-more-button,
.TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-progress.spark-btn--view-more.active,
.TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-progress.spark-btn--view-more.active.active,
.TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-progress.spark-btn--view-more.active.active:hover,
.TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-progress.spark-btn--view-more.active.focus,
.TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-progress.spark-btn--view-more.active.focus:hover,
.TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-progress.spark-btn--view-more.active.hover,
.TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-progress.spark-btn--view-more.active:active,
.TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-progress.spark-btn--view-more.active:active:hover,
.TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-progress.spark-btn--view-more.active:focus,
.TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-progress.spark-btn--view-more.active:focus:hover,
.TravelExtras
    .travel-extra
    .content
    .button-wrapper
    button.spark-progress.spark-btn--view-more.active:hover,
.active.ducp-component-button.view-more-button,
.active.ducp-component-button.view-more-button:hover,
.ducp-component-button.view-more-button,
.ducp-component-button.view-more-button:active,
.ducp-component-button.view-more-button:active:hover,
.ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-progress.active.ducp-component-button.view-more-button.spark-toolbar__show-more,
.ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-progress.spark-btn--view-more.active.active.spark-toolbar__show-more,
.ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-progress.spark-btn--view-more.active.active.spark-toolbar__show-more:hover,
.ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-progress.spark-btn--view-more.active.focus.spark-toolbar__show-more,
.ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-progress.spark-btn--view-more.active.focus.spark-toolbar__show-more:hover,
.ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-progress.spark-btn--view-more.active.hover.spark-toolbar__show-more,
.ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-progress.spark-btn--view-more.active.spark-toolbar__show-more,
.ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-progress.spark-btn--view-more.active.spark-toolbar__show-more:active,
.ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-progress.spark-btn--view-more.active.spark-toolbar__show-more:active:hover,
.ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-progress.spark-btn--view-more.active.spark-toolbar__show-more:focus,
.ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-progress.spark-btn--view-more.active.spark-toolbar__show-more:focus:hover,
.ducp-component-confirmation-header
    .supplementary-data-container
    .ducp-component-toolbar
    .show-more
    .spark-progress.spark-btn--view-more.active.spark-toolbar__show-more:hover,
.ducp-component-initial-circle .spark-badge--notification.light,
.ducp-component-panel-details-toggle .show-details.text-button,
.ducp-component-passenger-summary .full-name .name-type .passenger-name,
.ducp-component-record-locator .record-locator-container .record-locator-value,
.ducp-component-toolbar .spark-toolbar__item,
.group-by-location .grouped-ancillaries-by-location .ancillary-title,
.sabre-dx-component-check-in-document .document-status.already-checkin,
.sabre-dx-component-check-in-documents
    .footer
    > button.spark-progress.spark-btn--view-more.active,
.sabre-dx-component-check-in-documents
    .footer
    > button.spark-progress.spark-btn--view-more.active.active,
.sabre-dx-component-check-in-documents
    .footer
    > button.spark-progress.spark-btn--view-more.active.active:hover,
.sabre-dx-component-check-in-documents
    .footer
    > button.spark-progress.spark-btn--view-more.active.focus,
.sabre-dx-component-check-in-documents
    .footer
    > button.spark-progress.spark-btn--view-more.active.focus:hover,
.sabre-dx-component-check-in-documents
    .footer
    > button.spark-progress.spark-btn--view-more.active.hover,
.sabre-dx-component-check-in-documents
    .footer
    > button.spark-progress.spark-btn--view-more.active:active,
.sabre-dx-component-check-in-documents
    .footer
    > button.spark-progress.spark-btn--view-more.active:active:hover,
.sabre-dx-component-check-in-documents
    .footer
    > button.spark-progress.spark-btn--view-more.active:focus,
.sabre-dx-component-check-in-documents
    .footer
    > button.spark-progress.spark-btn--view-more.active:focus:hover,
.sabre-dx-component-check-in-documents
    .footer
    > button.spark-progress.spark-btn--view-more.active:hover,
.sabre-dx-component-check-in-page-level-message
    .spark-progress.spark-btn--view-more.active.active.continue-button,
.sabre-dx-component-check-in-page-level-message
    .spark-progress.spark-btn--view-more.active.active.continue-button:hover,
.sabre-dx-component-check-in-page-level-message
    .spark-progress.spark-btn--view-more.active.continue-button,
.sabre-dx-component-check-in-page-level-message
    .spark-progress.spark-btn--view-more.active.continue-button:active,
.sabre-dx-component-check-in-page-level-message
    .spark-progress.spark-btn--view-more.active.continue-button:active:hover,
.sabre-dx-component-check-in-page-level-message
    .spark-progress.spark-btn--view-more.active.continue-button:focus,
.sabre-dx-component-check-in-page-level-message
    .spark-progress.spark-btn--view-more.active.continue-button:focus:hover,
.sabre-dx-component-check-in-page-level-message
    .spark-progress.spark-btn--view-more.active.continue-button:hover,
.sabre-dx-component-check-in-page-level-message
    .spark-progress.spark-btn--view-more.active.focus.continue-button,
.sabre-dx-component-check-in-page-level-message
    .spark-progress.spark-btn--view-more.active.focus.continue-button:hover,
.sabre-dx-component-check-in-page-level-message
    .spark-progress.spark-btn--view-more.active.hover.continue-button,
.sabre-dx-component-check-in-passenger-list .checkin-passengers-header,
.sabre-dx-component-check-in-passenger-list .non-checkin-passengers-header,
.sabre-dx-component-check-in-passenger-list
    .passengers
    .PassengerListItem
    .ListGroupItemHeader
    .document-status:not(.disabled).already-checkin
    .ducp-component-icon,
.sabre-dx-component-check-in-passenger-list
    .passengers
    .PassengerListItem
    .ListGroupItemHeader
    .extra-documents-status:not(.disabled).already-checkin
    .ducp-component-icon,
.seat-popover-form
    .spark-progress.spark-btn--view-more.active.active.select-seat,
.seat-popover-form
    .spark-progress.spark-btn--view-more.active.active.select-seat:hover,
.seat-popover-form
    .spark-progress.spark-btn--view-more.active.focus.select-seat,
.seat-popover-form
    .spark-progress.spark-btn--view-more.active.focus.select-seat:hover,
.seat-popover-form
    .spark-progress.spark-btn--view-more.active.hover.select-seat,
.seat-popover-form .spark-progress.spark-btn--view-more.active.select-seat,
.seat-popover-form
    .spark-progress.spark-btn--view-more.active.select-seat:active,
.seat-popover-form
    .spark-progress.spark-btn--view-more.active.select-seat:active:hover,
.seat-popover-form
    .spark-progress.spark-btn--view-more.active.select-seat:focus,
.seat-popover-form
    .spark-progress.spark-btn--view-more.active.select-seat:focus:hover,
.seat-popover-form
    .spark-progress.spark-btn--view-more.active.select-seat:hover,
.spark-badge--notification__light,
.spark-btn--view-more,
.spark-btn--view-more.active,
.spark-btn--view-more.active:hover,
.spark-btn--view-more:active,
.spark-btn--view-more:active:hover,
.spark-btn.spark-progress.spark-btn--view-more.active,
.spark-btn.spark-progress.spark-btn--view-more.active.active,
.spark-btn.spark-progress.spark-btn--view-more.active.active:hover,
.spark-btn.spark-progress.spark-btn--view-more.active.focus,
.spark-btn.spark-progress.spark-btn--view-more.active.focus:hover,
.spark-btn.spark-progress.spark-btn--view-more.active.hover,
.spark-btn.spark-progress.spark-btn--view-more.active:active,
.spark-btn.spark-progress.spark-btn--view-more.active:active:hover,
.spark-btn.spark-progress.spark-btn--view-more.active:focus,
.spark-btn.spark-progress.spark-btn--view-more.active:focus:hover,
.spark-btn.spark-progress.spark-btn--view-more.active:hover,
.spark-calendar__day-of-week,
.spark-calendar__month-title,
.spark-calendar__select .spark-select__input,
.spark-info,
.spark-kpi .spark-kpi__value--neutral,
.spark-kpi--column.spark-kpi--tabs .spark-kpi__badge--more,
.spark-menu__list-item.active
    > .spark-menu__list-link.spark-menu__list-link--in-page,
.spark-menu__list-item.child-active > .spark-menu__list-link,
.spark-menu__list-item.child-active > .spark-menu__list-links,
.spark-menu__list-item.has-active-child > .spark-menu__list-link,
.spark-menu__list-item.has-active-child > .spark-menu__list-links,
.spark-menu__list-item.open > .spark-menu__list-link,
.spark-menu__list-item.open > .spark-menu__list-links,
.spark-message--info b,
.spark-message--info h1,
.spark-message--info h2,
.spark-message--info h3,
.spark-message--info h4,
.spark-message--info h5,
.spark-message--info h6,
.spark-message--info strong,
.spark-pagination__arrow:hover,
.spark-pagination__item:hover,
.spark-progress progress[value] ~ .spark-progress__text,
.spark-progress--lazy-load .spark-progress__text,
.spark-progress.active.active.ducp-component-button.view-more-button,
.spark-progress.active.active.ducp-component-button.view-more-button:hover,
.spark-progress.active.ducp-component-button.view-more-button,
.spark-progress.active.ducp-component-button.view-more-button:active,
.spark-progress.active.ducp-component-button.view-more-button:active:hover,
.spark-progress.active.ducp-component-button.view-more-button:focus,
.spark-progress.active.ducp-component-button.view-more-button:focus:hover,
.spark-progress.active.ducp-component-button.view-more-button:hover,
.spark-progress.active.focus.ducp-component-button.view-more-button,
.spark-progress.active.focus.ducp-component-button.view-more-button:hover,
.spark-progress.active.hover.ducp-component-button.view-more-button,
.spark-progress.spark-btn--view-more.active.active.ducp-component-button,
.spark-progress.spark-btn--view-more.active.active.ducp-component-button:hover,
.spark-progress.spark-btn--view-more.active.ducp-component-button,
.spark-progress.spark-btn--view-more.active.ducp-component-button:active,
.spark-progress.spark-btn--view-more.active.ducp-component-button:active:hover,
.spark-progress.spark-btn--view-more.active.ducp-component-button:focus,
.spark-progress.spark-btn--view-more.active.ducp-component-button:focus:hover,
.spark-progress.spark-btn--view-more.active.ducp-component-button:hover,
.spark-progress.spark-btn--view-more.active.focus.ducp-component-button,
.spark-progress.spark-btn--view-more.active.focus.ducp-component-button:hover,
.spark-progress.spark-btn--view-more.active.hover.ducp-component-button,
.spark-range-slider[data-info] .spark-slider__message,
.spark-select[data-info] .spark-select__input:hover,
.spark-select[data-info] .spark-select__input:not([disabled]),
.spark-slider--input[data-info] .spark-slider__message,
.spark-slider--integrated[data-info] .spark-slider__message,
.spark-slider[data-info] .spark-slider__message,
.spark-summary-bar .spark-summary-bar__title,
.spark-table .spark-table-heading__piece[data-info] .spark-table__icon,
.spark-table .spark-table-heading__piece[data-info] .spark-table__status-icon,
.spark-table td[data-info] .spark-table__icon,
.spark-table td[data-info] .spark-table__status-icon,
.spark-table th[data-info] .spark-table__icon,
.spark-table th[data-info] .spark-table__status-icon,
.spark-toast--neutral .spark-toast__icon .spark-icon,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #004cae;
}
[dir]
    .DucpComponentToggle
    .spark-toggle
    .RadioButtonList
    label
    .radio-label-container
    .toggle-input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .spark-toggle
    .spark-toggle__input:checked
    ~ .toggle-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .spark-toggle
    .toggle-input:checked
    ~ .spark-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .spark-toggle
    .toggle-input:checked
    ~ .toggle-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .spark-toggle-switch
    .toggle-input:checked
    ~ .spark-toggle-switch__track:nth-child(n),
[dir]
    .DucpComponentToggle
    .toggle-item
    .RadioButtonList
    label
    .radio-label-container
    .spark-toggle__input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .toggle-item
    .RadioButtonList
    label
    .radio-label-container
    .toggle-input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .toggle-item
    .spark-toggle__input:checked
    ~ .spark-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .toggle-item
    .spark-toggle__input:checked
    ~ .toggle-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .toggle-item
    .toggle-input:checked
    ~ .spark-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .toggle-item
    .toggle-input:checked
    ~ .toggle-label:nth-child(n),
[dir] .MessagePopup .info .modal-message,
[dir] .MessagePopup .info .spark-message__icon,
[dir] .MessagePopup .spark-message--info .modal-message,
[dir]
    .RadioButtonList
    .error-message-container
    .spark-checkbox-group[data-info]
    .error-message,
[dir]
    .RadioButtonList
    .error-message-container
    .spark-radio-group[data-info]
    .error-message,
[dir] .RadioButtonList label .radio-box::before,
[dir]
    .RadioButtonList
    label
    .radio-label-container
    .DucpComponentToggle
    .spark-toggle
    .toggle-input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .RadioButtonList
    label
    .radio-label-container
    .DucpComponentToggle
    .toggle-item
    .spark-toggle__input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .RadioButtonList
    label
    .radio-label-container
    .DucpComponentToggle
    .toggle-item
    .toggle-input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .RadioButtonList
    label
    .radio-label-container
    .spark-toggle
    .DucpComponentToggle
    .toggle-input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .RadioButtonList
    label
    .radio-label-container
    .spark-toggle
    .spark-toggle__input:checked
    ~ .radio-label:nth-child(n),
[dir] .RadioButtonList label .spark-radio__box::before,
[dir] .RadioButtonList[data-info] .error-message-container .error-message,
[dir] .RadioButtonList[data-info] .spark-checkbox-group__message,
[dir] .RadioButtonList[data-info] .spark-radio-group__message,
[dir] .ducp-component-flight-status > .flight-status-badge.NEWFLIGHT,
[dir] .ducp-component-initial-circle,
[dir]
    .seat-map-passengers
    .passengers
    .passenger-container
    .passenger.active
    .ducp-component-initial-circle,
[dir] .spark-auto-suggest[data-info] .spark-input__message,
[dir] .spark-avatar--text,
[dir] .spark-badge--neutral,
[dir] .spark-btn--icon.spark-icon.active,
[dir] .spark-btn--icon.spark-icon.active.hover,
[dir] .spark-btn--icon.spark-icon:active,
[dir] .spark-btn--icon.spark-icon:active:hover,
[dir] .spark-calendar-inline .spark-calendar__day--selected,
[dir] .spark-calendar__day--selected,
[dir] .spark-calendar__next:active,
[dir] .spark-calendar__next:active:hover,
[dir] .spark-calendar__previous:active,
[dir] .spark-calendar__previous:active:hover,
[dir]
    .spark-checkbox-group[data-info]
    .RadioButtonList
    .error-message-container
    .error-message,
[dir] .spark-checkbox-group[data-info] .spark-checkbox-group__message,
[dir] .spark-checkbox-group[data-info] .spark-radio-group__message,
[dir] .spark-date[data-info] .spark-input__message,
[dir] .spark-icon.active.ducp-component-button.icon-button,
[dir] .spark-icon.active.hover.ducp-component-button.icon-button,
[dir] .spark-icon.ducp-component-button.icon-button:active,
[dir] .spark-icon.ducp-component-button.icon-button:active:hover,
[dir] .spark-input-group[data-info] .spark-input__message,
[dir] .spark-input[data-info] .spark-input__message,
[dir] .spark-menu__list-item.active > .spark-menu__list-expand,
[dir]
    .spark-menu__list-item.active
    > .spark-menu__list-link:not(.spark-menu__list-link--in-page),
[dir]
    .spark-menu__list-item.active
    > .spark-menu__list-links
    .spark-menu__list-link,
[dir] .spark-menu__list-item.active > .spark-menu__list-next,
[dir] .spark-message--info .MessagePopup .modal-message,
[dir] .spark-message--info .spark-message__icon,
[dir] .spark-multi-select[data-info] .spark-select__message,
[dir]
    .spark-multi-select__input:not([disabled])[data-info]
    ~ .spark-select__message,
[dir] .spark-number-selector[data-info] .spark-input__message,
[dir] .spark-pagination__item--active,
[dir] .spark-panel--fixed__close:active,
[dir] .spark-panel--fixed__close:active:focus,
[dir]
    .spark-panel-dock--condensed
    .spark-side-fixed-dock--toggle[aria-expanded="true"],
[dir] .spark-popover__close:active,
[dir] .spark-popover__close:active:focus,
[dir] .spark-radio .spark-radio__box::before,
[dir]
    .spark-radio-group[data-info]
    .RadioButtonList
    .error-message-container
    .error-message,
[dir] .spark-radio-group[data-info] .spark-checkbox-group__message,
[dir] .spark-radio-group[data-info] .spark-radio-group__message,
[dir] .spark-scroll-to-top__icon::after,
[dir] .spark-select[data-info] .spark-select__message,
[dir] .spark-side-fixed-dock--toggle[aria-expanded="true"],
[dir] .spark-slider--secondary .spark-slider__track-fill,
[dir]
    .spark-table
    .spark-table-heading__piece[data-info]
    .spark-table__status-message,
[dir] .spark-table td[data-info] .spark-table__status-message,
[dir] .spark-table th[data-info] .spark-table__status-message,
[dir] .spark-time[data-info] .spark-input__message,
[dir] .spark-toast--neutral .spark-toast__panel,
[dir]
    .spark-toggle
    .DucpComponentToggle
    .RadioButtonList
    label
    .radio-label-container
    .toggle-input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .spark-toggle
    .DucpComponentToggle
    .spark-toggle__input:checked
    ~ .toggle-label:nth-child(n),
[dir]
    .spark-toggle
    .DucpComponentToggle
    .toggle-input:checked
    ~ .spark-label:nth-child(n),
[dir]
    .spark-toggle
    .DucpComponentToggle
    .toggle-input:checked
    ~ .toggle-label:nth-child(n),
[dir]
    .spark-toggle
    .RadioButtonList
    label
    .radio-label-container
    .spark-toggle__input:checked
    ~ .radio-label:nth-child(n),
[dir] .spark-toggle .spark-toggle__input:checked ~ .spark-label:nth-child(n),
[dir]
    .spark-toggle-switch
    .DucpComponentToggle
    .toggle-input:checked
    ~ .spark-toggle-switch__track:nth-child(n),
[dir]
    .spark-toggle-switch
    .spark-toggle__input:checked
    ~ .spark-toggle-switch__track:nth-child(n),
[dir] [data-info][class*="spark-payment"] .spark-input__message {
    background-color: #004cae;
}
[dir]
    .DucpComponentToggle
    .spark-toggle
    .RadioButtonList
    label
    .radio-label-container
    .toggle-input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .spark-toggle
    .spark-toggle__input:checked
    ~ .toggle-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .spark-toggle
    .toggle-input:checked
    ~ .spark-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .spark-toggle
    .toggle-input:checked
    ~ .toggle-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .toggle-item
    .RadioButtonList
    label
    .radio-label-container
    .spark-toggle__input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .toggle-item
    .RadioButtonList
    label
    .radio-label-container
    .toggle-input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .toggle-item
    .spark-toggle__input:checked
    ~ .spark-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .toggle-item
    .spark-toggle__input:checked
    ~ .toggle-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .toggle-item
    .toggle-input:checked
    ~ .spark-label:nth-child(n),
[dir]
    .DucpComponentToggle
    .toggle-item
    .toggle-input:checked
    ~ .toggle-label:nth-child(n),
[dir] .MessagePopup .info .modal-message,
[dir] .MessagePopup .info .spark-message__icon,
[dir] .MessagePopup .modal-container.info .modal-message,
[dir] .MessagePopup .modal-container.info .spark-message__icon,
[dir] .MessagePopup .spark-message--info .modal-message,
[dir] .MessagePopup .spark-message--info.modal-container .modal-message,
[dir] .MessagePopup .spark-message--info.modal-container .spark-message__icon,
[dir] .MessagePopup .spark-message--info.spark-message--lg .modal-message,
[dir] .MessagePopup .spark-message--lg.info .modal-message,
[dir] .MessagePopup .spark-message--lg.info .spark-message__icon,
[dir]
    .RadioButtonList
    label
    .radio-label-container
    .DucpComponentToggle
    .spark-toggle
    .toggle-input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .RadioButtonList
    label
    .radio-label-container
    .DucpComponentToggle
    .toggle-item
    .spark-toggle__input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .RadioButtonList
    label
    .radio-label-container
    .DucpComponentToggle
    .toggle-item
    .toggle-input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .RadioButtonList
    label
    .radio-label-container
    .spark-toggle
    .DucpComponentToggle
    .toggle-input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .RadioButtonList
    label
    .radio-label-container
    .spark-toggle
    .spark-toggle__input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .RadioButtonList
    label
    .spark-checkbox-group[data-info]
    .radio-input:hover:not(:checked)
    ~ .radio-box,
[dir]
    .RadioButtonList
    label
    .spark-checkbox-group[data-info]
    .radio-input:hover:not(:checked)
    ~ .spark-radio__box,
[dir]
    .RadioButtonList
    label
    .spark-checkbox-group[data-info]
    .spark-radio__input:hover:not(:checked)
    ~ .radio-box,
[dir]
    .RadioButtonList
    label
    .spark-radio-group[data-info]
    .radio-input:hover:not(:checked)
    ~ .radio-box,
[dir]
    .RadioButtonList
    label
    .spark-radio-group[data-info]
    .radio-input:hover:not(:checked)
    ~ .spark-radio__box,
[dir]
    .RadioButtonList
    label
    .spark-radio-group[data-info]
    .spark-radio__input:hover:not(:checked)
    ~ .radio-box,
[dir]
    .RadioButtonList[data-info]
    .spark-checkbox__input:hover:not(:checked)
    ~ .spark-checkbox__box,
[dir]
    .RadioButtonList[data-info]
    .spark-radio__input:hover:not(:checked)
    ~ .spark-radio__box,
[dir]
    .RadioButtonList[data-info]
    label
    .radio-input:hover:not(:checked)
    ~ .radio-box,
[dir]
    .RadioButtonList[data-info]
    label
    .radio-input:hover:not(:checked)
    ~ .spark-radio__box,
[dir]
    .RadioButtonList[data-info]
    label
    .spark-radio__input:hover:not(:checked)
    ~ .radio-box,
[dir] .ducp-component-flight-status > .flight-status-badge.NEWFLIGHT,
[dir] .ducp-component-initial-circle,
[dir] .ducp-component-initial-circle .spark-badge--notification.neutral,
[dir]
    .hover[data-info][class*="spark-payment"]
    > .spark-input__field:not(:focus),
[dir]
    .hover[data-info][class*="spark-payment"]
    > .spark-input__fields:not(:focus),
[dir] .spark-auto-suggest:hover[data-info] .spark-auto-suggest__field,
[dir] .spark-auto-suggest:hover[data-info] .spark-auto-suggest__field.focus,
[dir] .spark-auto-suggest:hover[data-info] .spark-auto-suggest__field:focus,
[dir] .spark-avatar--image.ducp-component-initial-circle.light,
[dir] .spark-avatar--light.spark-avatar--image,
[dir] .spark-avatar--text,
[dir] .spark-badge--neutral,
[dir] .spark-badge--notification__neutral,
[dir] .spark-calendar__day--selected:hover:not(.spark-calendar__day--disabled),
[dir] .spark-carousel__controls .spark-carousel__dots div.selected,
[dir]
    .spark-checkbox-group[data-info]
    .RadioButtonList
    label
    .radio-input:hover:not(:checked)
    ~ .radio-box,
[dir]
    .spark-checkbox-group[data-info]
    .RadioButtonList
    label
    .radio-input:hover:not(:checked)
    ~ .spark-radio__box,
[dir]
    .spark-checkbox-group[data-info]
    .RadioButtonList
    label
    .spark-radio__input:hover:not(:checked)
    ~ .radio-box,
[dir]
    .spark-checkbox-group[data-info]
    .spark-checkbox__input:hover:not(:checked)
    ~ .spark-checkbox__box,
[dir]
    .spark-checkbox-group[data-info]
    .spark-radio__input:hover:not(:checked)
    ~ .spark-radio__box,
[dir]
    .spark-input-group:hover[data-info]
    .spark-input-group__item[data-info]
    > .spark-input__fields,
[dir] .spark-input-group:hover[data-info] .spark-input__field,
[dir] .spark-input.hover[data-info] > .spark-input__field:not(:focus),
[dir] .spark-input.hover[data-info] > .spark-input__fields:not(:focus),
[dir] .spark-input:hover[data-info] > .spark-input__field:not(:focus),
[dir] .spark-input:hover[data-info] > .spark-input__fields:not(:focus),
[dir] .spark-message--info .MessagePopup .modal-message,
[dir] .spark-message--info .spark-message__icon,
[dir] .spark-message--info.spark-message--lg .MessagePopup .modal-message,
[dir] .spark-message--info.spark-message--lg .spark-message__icon,
[dir] .spark-multi-select:hover:not([disabled])[data-info],
[dir]
    .spark-multi-select:hover:not([disabled])[data-info]
    .spark-multi-select__input,
[dir]
    .spark-multi-select:hover:not([disabled])[data-info]
    .spark-multi-select__input:focus
    ~ .spark-multi-select__label,
[dir]
    .spark-multi-select:hover:not([disabled])[data-info]
    .spark-multi-select__label,
[dir]
    .spark-multi-select:hover:not([disabled])[data-info]
    .spark-multi-select__label:focus
    ~ .spark-multi-select__label,
[dir] .spark-number-selector:hover[data-info] label::before,
[dir] .spark-payment--unified[data-info]:hover,
[dir] .spark-payment--unified[data-info]:hover:not(:focus-within),
[dir]
    .spark-radio-group[data-info]
    .RadioButtonList
    label
    .radio-input:hover:not(:checked)
    ~ .radio-box,
[dir]
    .spark-radio-group[data-info]
    .RadioButtonList
    label
    .radio-input:hover:not(:checked)
    ~ .spark-radio__box,
[dir]
    .spark-radio-group[data-info]
    .RadioButtonList
    label
    .spark-radio__input:hover:not(:checked)
    ~ .radio-box,
[dir]
    .spark-radio-group[data-info]
    .spark-checkbox__input:hover:not(:checked)
    ~ .spark-checkbox__box,
[dir]
    .spark-radio-group[data-info]
    .spark-radio__input:hover:not(:checked)
    ~ .spark-radio__box,
[dir] .spark-select[data-info] .focus .spark-select__input,
[dir] .spark-select[data-info]:hover .spark-select__input,
[dir] .spark-slider--secondary .spark-slider__track-fill,
[dir]
    .spark-toast--neutral
    .spark-toast__actions
    .spark-btn--icon.spark-icon:focus,
[dir]
    .spark-toast--neutral
    .spark-toast__actions
    .spark-icon.ducp-component-button.icon-button:focus,
[dir] .spark-toast--neutral .spark-toast__icon .spark-icon,
[dir]
    .spark-toggle
    .DucpComponentToggle
    .RadioButtonList
    label
    .radio-label-container
    .toggle-input:checked
    ~ .radio-label:nth-child(n),
[dir]
    .spark-toggle
    .DucpComponentToggle
    .spark-toggle__input:checked
    ~ .toggle-label:nth-child(n),
[dir]
    .spark-toggle
    .DucpComponentToggle
    .toggle-input:checked
    ~ .spark-label:nth-child(n),
[dir]
    .spark-toggle
    .DucpComponentToggle
    .toggle-input:checked
    ~ .toggle-label:nth-child(n),
[dir]
    .spark-toggle
    .RadioButtonList
    label
    .radio-label-container
    .spark-toggle__input:checked
    ~ .radio-label:nth-child(n),
[dir] .spark-toggle .spark-toggle__input:checked ~ .spark-label:nth-child(n),
[dir]
    :hover[data-info][class*="spark-payment"]
    > .spark-input__field:not(:focus),
[dir]
    :hover[data-info][class*="spark-payment"]
    > .spark-input__fields:not(:focus),
[dir] a.ducp-component-initial-circle:focus,
[dir]
    a.ducp-component-initial-circle:not(.spark-avatar--light):not(
        .ducp-component-initial-circle.light
    ):hover,
[dir] a.spark-avatar--image.ducp-component-initial-circle.light:focus,
[dir] a.spark-avatar--light.spark-avatar--image:focus,
[dir] a.spark-avatar--text:focus,
[dir]
    a.spark-avatar--text:not(.spark-avatar--light):not(
        .ducp-component-initial-circle.light
    ):hover,
[dir] a:focus .ducp-component-initial-circle,
[dir] a:focus .spark-avatar--image.ducp-component-initial-circle.light,
[dir] a:focus .spark-avatar--light.spark-avatar--image,
[dir] a:focus .spark-avatar--text {
    border-color: #004cae;
}
[dir] a:hover .ducp-component-initial-circle,
[dir] a:hover .spark-avatar--text {
    background-color: #63caec;
    color: #004cae;
}
[dir] .MessagePopup .spark-message--success .modal-message,
[dir] .MessagePopup .success .modal-message,
[dir] .MessagePopup .success .spark-message__icon,
[dir] .ducp-component-flight-status > .flight-status-badge.CONFIRMED,
[dir] .ducp-component-flight-status > .flight-status-badge.EARLY,
[dir] .ducp-component-flight-status > .flight-status-badge.ON_TIME,
[dir]
    .seat-map-passengers
    .passengers
    .passenger-container
    .passenger
    .passenger-status,
[dir] .spark-badge--success,
[dir] .spark-message--success .MessagePopup .modal-message,
[dir] .spark-message--success .spark-message__icon,
[dir] .spark-step-indicator__item--completed .spark-step-indicator__icon {
    background-color: green;
}
.MessagePopup .success b,
.MessagePopup .success h1,
.MessagePopup .success h2,
.MessagePopup .success h3,
.MessagePopup .success h4,
.MessagePopup .success h5,
.MessagePopup .success h6,
.MessagePopup .success strong,
.MessagePopup .summary-content .modal-content .added-to-cart-title,
.MessagePopup .summary-content .modal-content .retained-total-title,
.ducp-component-accordion.spark-panel--expand
    > .spark-panel__header
    .companion-fare-icon::before,
.ducp-component-cart-panel-footer .cart-total .cart-item-price,
.seat-map-passengers
    .passengers
    .passenger-container
    .passenger
    .passenger-pricing-message,
.seat-map-passengers
    .passengers
    .passenger-container
    .passenger
    .selected-seat:not(.not-selected),
.spark-kpi .spark-kpi__value--success,
.spark-message--success b,
.spark-message--success h1,
.spark-message--success h2,
.spark-message--success h3,
.spark-message--success h4,
.spark-message--success h5,
.spark-message--success h6,
.spark-message--success strong,
.spark-price,
.spark-summary-bar .spark-summary-bar__price,
.summary-content .MessagePopup .modal-content .added-to-cart-title,
.summary-content .MessagePopup .modal-content .retained-total-title,
.summary-content .spark-panel__content .added-to-cart-title,
.summary-content .spark-panel__content .retained-total-title,
[dir] .spark-step-indicator__item--completed .spark-step-indicator__icon {
    color: green;
}
[dir] .MessagePopup .modal-container.success .modal-message,
[dir] .MessagePopup .modal-container.success .spark-message__icon,
[dir] .MessagePopup .spark-message--lg.success .modal-message,
[dir] .MessagePopup .spark-message--lg.success .spark-message__icon,
[dir] .MessagePopup .spark-message--success .modal-message,
[dir] .MessagePopup .spark-message--success.modal-container .modal-message,
[dir]
    .MessagePopup
    .spark-message--success.modal-container
    .spark-message__icon,
[dir] .MessagePopup .spark-message--success.spark-message--lg .modal-message,
[dir] .MessagePopup .success .modal-message,
[dir] .MessagePopup .success .spark-message__icon,
[dir] .ducp-component-flight-status > .flight-status-badge.CONFIRMED,
[dir] .ducp-component-flight-status > .flight-status-badge.EARLY,
[dir] .ducp-component-flight-status > .flight-status-badge.ON_TIME,
[dir]
    .seat-map-passengers
    .passengers
    .passenger-container
    .passenger
    .passenger-status,
[dir] .spark-badge--success,
[dir] .spark-message--success .MessagePopup .modal-message,
[dir] .spark-message--success .spark-message__icon,
[dir] .spark-message--success.spark-message--lg .MessagePopup .modal-message,
[dir] .spark-message--success.spark-message--lg .spark-message__icon {
    border-color: green;
}
[aria-label="Breadcrumb"],
[aria-label="Breadcrumb"] * {
    font-weight: 700 !important;
}
.ducp-component-from-to.ducp-component-flight-route.origin-destination {
    padding: 1rem;
    margin: 1rem 0;
}
[dir] .spark-header__logo,
[dir] .spark-header__toggle,
[dir] .spark-menu__header,
[dir] .spark-menu__toggle {
    background-color: #fff;
    color: #af0061;
}
[dir]
    .spark-header
    .spark-header__placeholder
    .spark-menu
    .spark-header__list:hover
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand::before,
[dir]
    .spark-header
    .spark-header__placeholder
    .spark-menu
    .spark-menu__animation-wrapper
    > .spark-header__list:hover
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand::before,
[dir]
    .spark-header
    .spark-header__placeholder
    .spark-menu
    > .spark-menu__animation-wrapper
    > .spark-menu__list
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand::before,
[dir]
    .spark-header
    .spark-header__placeholder
    .spark-menu
    > .spark-menu__animation-wrapper
    > .spark-menu__list
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand:focus::before,
[dir]
    .spark-header
    .spark-header__placeholder
    .spark-menu
    > .spark-menu__animation-wrapper
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-links
    .spark-menu__list-expand::before,
[dir]
    .spark-header
    .spark-header__placeholder
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand::before,
[dir]
    .spark-header
    .spark-header__placeholder
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand:focus::before,
[dir]
    .spark-header
    .spark-header__placeholder
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-links
    .spark-menu__list-expand::before,
[dir]
    .spark-header.spark-header--visible
    .spark-menu
    .spark-header__list:hover
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand::before,
[dir]
    .spark-header.spark-header--visible
    .spark-menu
    .spark-menu__animation-wrapper
    > .spark-header__list:hover
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand::before,
[dir]
    .spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__animation-wrapper
    > .spark-menu__list
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand::before,
[dir]
    .spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__animation-wrapper
    > .spark-menu__list
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand:focus::before,
[dir]
    .spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__animation-wrapper
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-links
    .spark-menu__list-expand::before,
[dir]
    .spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand::before,
[dir]
    .spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand:focus::before,
[dir]
    .spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item:hover
    > .spark-menu__list-links
    .spark-menu__list-expand::before {
    border-top-color: #af0061;
}
[dir]
    .spark-header
    .spark-header__placeholder
    .spark-menu
    > .spark-menu__animation-wrapper
    > .spark-menu__list
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand:focus::before,
[dir]
    .spark-header
    .spark-header__placeholder
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand:focus::before,
[dir]
    .spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__animation-wrapper
    > .spark-menu__list
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand:focus::before,
[dir]
    .spark-header.spark-header--visible
    .spark-menu
    > .spark-menu__list
    > .spark-menu__list-item
    > .spark-menu__list-links
    .spark-menu__list-expand:focus::before {
    box-shadow: 0 1px 0 #af0061;
}
[dir] .RadioButtonList label .radio-input:focus + .radio-box {
    border-color: #af0061;
}
.layout .sabre-dx-container-footer .spark-footer.Footer {
    height: auto;
}
#main {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.layout .sabre-dx-container-header {
    position: fixed;
}
.layout .sabre-dx-container-footer .spark-footer.Footer * {
    font-size: 10px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}
@media only screen and (max-width: 795px) {
    body[data-page-code="seats"]
        div.ducp-component-message.Message.spark-message.seatmap-text.spark-message--info {
        display: none;
    }
}

.spark-footer__list,
.footer-copyright-text,
.footer-registration-text {
    width: 100%;
    text-align: center;
}

.spark-footer__list li:not(:last-child)::after {
    display: inline-block;
    content: "|";
    margin-left: 15px;
}

.ducp-component-passenger-name-item .full-name .name-type {
    word-break: break-word;
    width: 275px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}