@font-face {
    font-family: Lato-Black;
    src: url('/Site/fora-travel/fonts/Lato-Black.woff2') format('woff2');
    font-display: block;
    font-style: normal;
}

@font-face {
    font-family: Lato-Bold;
    src: url('/Site/fora-travel/fonts/Lato-Bold.woff2') format('woff2');
    font-display: block;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Semibold';
    src: url('/Site/fora-travel/fonts/Lato-Semibold.woff2') format('woff2');
    font-display: block;
    font-stretch: normal;
}


@font-face {
    font-family: Lato-Regular;
    src: url('/Site/fora-travel/fonts/Lato-Regular.woff2') format('woff2');
    font-display: block;
    font-stretch: normal;
}

@font-face {
    font-family: Lato-LightItalic;
    src: url('/Site/fora-travel/fonts/Lato-LightItalic.woff2') format('woff2');
    font-display: block;
    font-stretch: normal;
}

@font-face {
    font-family: Lato-Light;
    src: url('/Site/fora-travel/fonts/Lato-Light.woff2') format('woff2');
    font-display: block;
    font-stretch: normal;
}

@font-face {
    font-family: Lato-Heavy;
    src: url('/Site/fora-travel/fonts/Lato-Heavy.woff2') format('woff2');
    font-display: block;
    font-stretch: normal;
}

@font-face {
    font-family: Lato-BoldItalic;
    src: url('/Site/fora-travel/fonts/Lato-BoldItalic.woff2') format('woff2');
    font-display: block;
    font-stretch: normal;
}

body {
    font-family: 'Lato-Regular', Times New Roman, Times, serif !important;
}

:root {
    --fora-icon-list-view: url('/Site/fora-travel/images/icon-list-view.svg');
    --fora-icon-grid-view: url('/Site/fora-travel/images/icon-grid-view.svg');
}

.cruise-list-view.btn-group .btn:first-child {
    background-image: var(--fora-icon-list-view);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 4px;
}

.cruise-list-view.btn-group .btn:last-child {
    background-image: var(--fora-icon-grid-view);
    background-repeat: no-repeat;
    background-position: center;
}

@media(max-width: 767px) {
  .search-destination-types .select2-container--default .select2-selection--multiple,
  .search-sailing-date-field .select2-container--default .select2-selection--multiple,
  .search-duration-field .select2-container--default .select2-selection--multiple,
  .search-cruise-line .select2-container--default .select2-selection--multiple {
    background-image: url('/Site/fora-travel/images/collapse-arrow.svg') !important;
    background-repeat: no-repeat;
    background-position: right 16px top 50% !important;
    background-size: 14px 19px !important;
  }

  .search-destination-types .select2-container--open .select2-selection--multiple,
  .search-sailing-date-field .select2-container--open .select2-selection--multiple,
  .search-duration-field .select2-container--open .select2-selection--multiple,
  .search-cruise-line .select2-container--open .select2-selection--multiple {
    background-image: url('/Site/fora-travel/images/expand-arrow.svg') !important;
    background-position: right 11px top 50% !important;
    background-size: 27px 19px !important;
  }
	
  .search-sailing-date-field sailing-date-mobile-picker-component .relative,
  .search-sailing-date-field .select2-container--default .select2-selection--multiple,
  .search-sailing-date-field .select2-container--open .select2-selection--multiple {
    background-image: url('/Site/fora-travel/images/calendar.svg') !important;
		background-repeat: no-repeat;
    background-position: right 11px top 50% !important;
    background-size: 27px 19px !important;
  }
}

.booking-timer,
.search-cruise-ship .select2-container--default .select2-selection--multiple,
.search-cruise-ship .select2-container--default .select2-selection--multiple,
.search-port-of-call .select2-container--default .select2-selection--multiple,
.search-departureport-line .select2-container--default .select2-selection--multiple,
.search-portsof-call-field .select2-container--default .select2-selection--multiple,
.search-price-perPerson .select2-container--default .select2-selection--multiple,
.search-promo-code .select2-container--default .select2-selection--multiple,
.search-arrival-ports .select2-container--default .select2-selection--multiple,
.search-external-groupId .select2-container--default .select2-selection--multiple,
.search-max-occupancy .select2-container--default .select2-selection--multiple,
.search-group-rate .select2-container--default .select2-selection--multiple,
.search-cruise-tour-code .select2-container--default .select2-selection--multiple,
.search-external-groupId .select2-container--default .select2-selection--multiple,
.how-package-code .select2-container--default .select2-selection--multiple,
.show-package-code .select2-container--default .select2-selection--multiple,
.show-package-name .select2-container--default .select2-selection--multiple,
.search-itineraryId .select2-container--default .select2-selection--multiple,
.show-rules-dropdown .select2-container--default .select2-selection--multiple,
.section-ship-deckplan-details .custom-select,
[data-ody-id='GuestInfoAdult'] .custom-select {
  background-image: url('/Site/fora-travel/images/collapse-arrow.svg') !important;
  background-repeat: no-repeat !important;
  background-position: right 1px top 9px !important;
  background-size: 14px 19px !important;
  box-shadow: none;
}

.booking-timer,
.section-ship-deckplan-details .custom-select,
[data-ody-id='GuestInfoAdult'] .custom-select {
  background-position: right 8px top 9px !important;
  padding-top: 6px !important;
}

.custom-dropdown-header {
  background-position: right 12px top 9px;
}

.odi-expand-more::before {
  background-image: url('/Site/fora-travel/images/collapse-arrow.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13.75px 7.5px;
  width: 13.75px;
  height: 7.5px;
  display: block;
}

.odi-expand-less::before {
  background-image: url('/Site/fora-travel/images/caret-up.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13.75px 7.5px;
  width: 13.75px;
  height: 7.5px;
  display: block;
}

.trip-total {
  background-image: url('/Site/fora-travel/images/caret-down-white.svg');
  background-repeat: no-repeat;
  background-position: right 8px top 9px;
  background-size: 14px 19px;
  box-shadow: none;
}

[data-ody-id='GuestInfoAdult'] .custom-select {
    background-position: right 8px top 9px !important;
}

.section-ship-deckplan-details .custom-select {
    background-position: right 8px top 9px !important;
}

.search-cruise-ship .select2-container--open .select2-selection--multiple,
.search-portsof-call-field .select2-container--open .select2-selection--multiple,
.search-port-of-call .select2-container--open .select2-selection--multiple,
.search-price-perPerson .select2-container--open .select2-selection--multiple,
.search-promo-code .select2-container--open .select2-selection--multiple,
.search-departureport-line .select2-container--open .select2-selection--multiple,
.search-arrival-ports .select2-container--open .select2-selection--multiple,
.search-external-groupId.select2-container--open .select2-selection--multiple,
.search-max-occupancy .select2-container--open .select2-selection--multiple,
.search-group-rate .select2-container--open .select2-selection--multiple,
.search-cruise-tour-code .select2-container--open .select2-selection--multiple,
.search-external-groupId .select2-container--open .select2-selection--multiple,
.how-package-code .select2-container--open .select2-selection--multiple,
.show-package-code .select2-container--open .select2-selection--multiple,
.show-package-name .select2-container--open .select2-selection--multiple,
.search-itineraryId .select2-container--open .select2-selection--multiple,
.show-rules-dropdown .select2-container--open .select2-selection--multiple {
  background-image: url('/Site/fora-travel/images/expand-arrow-search-from.svg') !important;
  background-position: right 1px top 9px !important;
  background-size: 14px 19px !important;
}

@media(max-width: 767px) {
    .search-cruise-ship .select2-container--open .select2-selection--multiple,
    .search-port-of-call .select2-container--open .select2-selection--multiple,
    .search-portsof-call-field .select2-container--open .select2-selection--multiple,
    .search-price-perPerson .select2-container--open .select2-selection--multiple,
    .search-promo-code .select2-container--open .select2-selection--multiple,
    .search-departureport-line .select2-container--open .select2-selection--multiple,
    .search-arrival-ports .select2-container--open .select2-selection--multiple,
    .search-external-groupId.select2-container--open .select2-selection--multiple,
    .search-max-occupancy .select2-container--open .select2-selection--multiple,
    .search-group-rate .select2-container--open .select2-selection--multiple,
    .search-cruise-tour-code .select2-container--open .select2-selection--multiple,
    .search-external-groupId .select2-container--open .select2-selection--multiple,
    .how-package-code .select2-container--open .select2-selection--multiple,
    .show-package-code .select2-container--open .select2-selection--multiple,
    .show-package-name .select2-container--open .select2-selection--multiple,
    .search-itineraryId .select2-container--open .select2-selection--multiple,
    .show-rules-dropdown .select2-container--open .select2-selection--multiple {
        background-position: right 1px top 5px !important ;
        top: 19px;
        right: 12%;
    }
}

.odi-share-variant,
.odi-share {
    background-image: url('/Site/fora-travel/images/share.svg') !important;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 19px;
}

[data-ody-id='MobileViewfilterModal'] .odi-filter {
    background-image: url('/Site/fora-travel/images/filter-icon.svg') !important;
    background-repeat: no-repeat;
    width: 22px;
    height: 19px;
}

[data-ody-id='FilterPanelCruiseTypes'] .checkbox-hidden-content .odi-directions-boat {
    background-image: url('/Site/fora-travel/images/cruise-only.svg') !important;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin: auto;
}

[data-ody-id='FilterPanelCruiseTypes'] .checkbox-hidden-content .odi-cruise-tour-package {
    background-image: url('/Site/fora-travel/images/cruise-tours.svg') !important;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin: auto;
}

[data-ody-id='SortSelector'] .odi-sort-amount-asc {
    background-image: url('/Site/fora-travel/images/sort-descending.svg') !important;
    background-repeat: no-repeat;
    background-position: center;
    height: 21px;
    width: 22px;
}

[data-ody-id='SortSelector'] .select2-container--default .select2-selection--single {
    background-image: url('/Site/fora-travel/images/collapse-arrow.svg') !important;
    background-repeat: no-repeat;
    background-position: right 14px top 50% !important;
    background-size: 9px 5px !important;
}

[data-ody-id='SortSelector'] select2-container--open .select2-selection--single {
    background-image: url('/Site/fora-travel/images/expand-arrow.svg') !important;
    background-position: right 7px top 50% !important;
    background-size: 27px 19px !important;
}

.sailing-info-cell .odi-plus,
.cruise-result-list .odi-plus {
    background-image: url('/Site/fora-travel/images/plus.svg') !important;
    width: 12px;
    height: 12px;
}

.odi-info-fill,
.sailing-info-cell .odi-info,
.cruise-result-list .odi-info {
    background-image: url('/Site/fora-travel/images/info.svg') !important;
    width: 13px;
    height: 13px;
}

.sailing-info-cell .odi-share,
.cruise-result-list .odi-share {
    background-image: url('/Site/fora-travel/images/share.svg') !important;
    width: 12px;
    height: 13px;
}

.cruise-info-details .odi-night {
    background: url('/Site/fora-travel/images/night.svg') !important;
    background-repeat: no-repeat !important;
    width: 15px;
    height: 15px;
    margin-right: 1px;
}

.cruise-info-details .odi-round-trip {
    background: url('/Site/fora-travel/images/round-trip.svg') !important;
    background-repeat: no-repeat !important;
    order: -1;
    left: 0;
}

.odi-datepicker {
    background-image: url('/Site/fora-travel/images/calendar.svg') !important;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.modal-cruise-details .odi-star-circle,
[data-ody-id='CruiseShipDetailsTabs'] .odi-star-circle {
    background-image: url('/Site/fora-travel/images/star-icon.svg') !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-left: 0 !important;
}

[data-ody-id='PackageDetailsV2Card'] .guest-info-form .select2-selection {
    border-radius: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-image: url('/Site/fora-travel/images/collapse-arrow.svg') !important;
    background-repeat: no-repeat;
    background-position: right 16px top 50% !important;
    background-size: 15px 11px !important;
}

[data-ody-id='PackageDetailsV2Card'] .guest-info-form .select2-container--open .select2-selection {
    background-image: url('/Site/fora-travel/images/expand-arrow.svg') !important;
    background-repeat: no-repeat;
    background-position: right 16px top 50% !important;
    /*background-size: 15px 11px !important;*/
    background-size: 21px 42px !important;
}

[data-ody-id='PackageDetailsV2Card'] .odi-flip-vertical {
    background-image: url('/Site/fora-travel/images/collapse-arrow.svg') !important;
    background-repeat: no-repeat;
    width: 15px;
    height: 9px;
}

.multi-cabin-sidebar .odi-drop-down-arrow,
[data-ody-id='PackageDetailsV2Card'] .odi-drop-down-arrow {
    background-image: url('/Site/fora-travel/images/expand-arrow.svg') !important;
    background-repeat: no-repeat;
    background-size: 29px 20px;
    background-position: center;
    width: 18px;
    height: 18px;
}

.multi-cabin-sidebar .odi-drop-up-arrow,
[data-ody-id='PackageDetailsV2Card'] .odi-drop-up-arrow {
    background-image: url('/Site/fora-travel/images/expand-arrow.svg') !important;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

[data-ody-id='PackageDetailsV2Card'] .odi-info-circle {
    background-image: url('/Site/fora-travel/images/info.svg') !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
}

.odi-search-person::before {
    background-image: url('/Site/fora-travel/images/magnifying-glass.svg') !important;
}

.itinerary-optional-package-wrapper [data-ody-id='nodeType_Cruise'] {
    background-image: url('/Site/fora-travel/images/boat.svg') !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: left;
}

.itinerary-optional-package-wrapper [data-ody-id='nodeType_1'] {
    background-image: url('/Site/fora-travel/images/wave.svg') !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
}

.itinerary-optional-package-wrapper [data-ody-id='nodeType_3'] {
    background-image: url('/Site/fora-travel/images/airplanetakeoff.svg') !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
}

[data-ody-id='ItineraryDatesText'] svg {
    background-image: url('/Site/fora-travel/images/clock.svg') !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
}

.odi-money {
    background-image: url('/Site/fora-travel/images/money.svg') !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
}

.odi-odi-credit-cards {
    background-image: url('/Site/fora-travel/images/credit-card.svg') !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
}

[data-ody-id='ShareItineraryButton'] .odi-share {
    background-image: url('/Site/fora-travel/images/share-itinerary.svg') !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    width: 23px;
    height: 15px;
}

.odi-person::before,
.odi-share-variant::before,
.odi-filter::before,
[data-ody-id="SectionSibebarItineraryScroll"] .odi-waves::before,
[data-ody-id="SectionSibebarItineraryScroll"] .odi-directions-boat::before,
[data-ody-id="SectionSibebarItineraryScroll"] .odi-schedule::before,
.checkbox-hidden-content .odi-directions-boat::before,
.checkbox-hidden-content .odi-cruise-tour-package::before,
.odi-sort-amount-asc::before,
.odi-plus::before,
.odi-share::before,
.odi-info-fill::before,
.odi-info::before,
.cruise-info-details .odi-night::before,
.cruise-info-details .odi-round-trip::before,
.odi-datepicker::before,
.modal-cruise-details .odi-star-circle::before,
[data-ody-id='CruiseShipDetailsTabs'] .odi-star-circle::before,
[data-ody-id='PackageDetailsV2Card'] .guest-info-form .select2-selection::before,
[data-ody-id='PackageDetailsV2Card'] .guest-info-form .select2-container--open .select2-selection::before,
[data-ody-id='PackageDetailsV2Card'] .odi-flip-vertical::before,
[data-ody-id='PackageDetailsV2Card'] .odi-drop-down-arrow::before,
[data-ody-id='PackageDetailsV2Card'] .odi-drop-up-arrow::before,
.multi-cabin-sidebar .odi-drop-down-arrow::before,
.multi-cabin-sidebar .odi-drop-up-arrow::before,
[data-ody-id='PackageDetailsV2Card'] .odi-info-circle::before,
[data-ody-id='CruiseGeneralDetailsWrapper'] .odi-datepicker::before,
.itinerary-optional-package-wrapper [data-ody-id='nodeType_1'] path,
.itinerary-optional-package-wrapper [data-ody-id='nodeType_Cruise'] path,
[data-ody-id='ItineraryDatesText'] svg path,
.odi-odi-credit-cards::before,
.odi-money::before,
[data-ody-id='ShareItineraryButton'] .odi-share::before,
.card-image-wrapper .slick-next::before,
.card-image-wrapper .slick-prev::before {
    display: none;
}

.alert::after,
.custom-width-diclaimer .alert::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 18px;
    display: block;
    background-image: url('/Site/fora-travel/images/disclaimer-info-fill.svg') !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.down-stateroom-image-disclaimer::before,
.cruise-pricing-note.disclaimer::before,
.cruise-category-content-disclaimer.disclaimer::before {
    content: '';
    display: inline-block;
    background-image: url(/Site/fora-travel/images/disclaimer-info-fill.svg) !important;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 12px;
    margin-top: 5px;
    background-color: inherit;
    flex-shrink: 0;
}

[data-ody-id="SectionSibebarItineraryScroll"] .odi-directions-boat {
    display: inline-block;
    background-image: url('/Site/fora-travel/images/boat.svg') !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}

[data-ody-id="SectionSibebarItineraryScroll"] .odi-schedule {
    display: inline-block;
    background-image: url('/Site/fora-travel/images/clock.svg') !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}

[data-ody-id="SectionSibebarItineraryScroll"] .odi-waves {
    display: inline-block;
    background-image: url('/Site/fora-travel/images/waves.svg') !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}

.odi-person {
    display: inline-block;
    background-image: url('/Site/fora-travel/images/user.svg') !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
}

[data-ody-id="SectionSibebarItineraryScroll"] .odi {
    flex-shrink: 0;
}

.alert-info::after,
.alert-information::after,
.custom-width-diclaimer .alert-info::after,
.custom-width-diclaimer .alert-information::after {
    background-image: url('/Site/fora-travel/images/alert-info.svg') !important;
}

.alert-success::after,
.custom-width-diclaimer .alert-success::after {
    background-image: url('/Site/fora-travel/images/alert-success.svg') !important;
}

.alert-warning::after,
.custom-width-diclaimer .alert-warning::after {
    background-image: url('/Site/fora-travel/images/alert-warning.svg') !important;
}

.alert-danger::after,
.alert-stop::after,
.custom-width-diclaimer .alert-danger::after,
.custom-width-diclaimer .alert-stop::after {
    background-image: url('/Site/fora-travel/images/alert-error.svg') !important;
}

/* No-CTA disclaimer: icon is rendered inline by the <em> (not the absolute ::after) so it does not overlap the text */
/* Same info-alert design as the Fora theme (fora-travel-v1 .alert-info): light blue surface, blue text, 6px left border */
.alert.alert-info[data-ody-id='cruiseNoCTADisclaimer'] {
    padding: 12px 16px;
    background-color: #eff3ff;
    color: #2166db;
    border: 0;
    border-left: 6px solid #2166db;
    border-radius: 6px;
    font-size: 15px;
}

.alert.alert-info[data-ody-id='cruiseNoCTADisclaimer'] a {
    color: #2166db;
    font-weight: 600;
}

/* Left border is drawn on the alert itself; hide the theme's ::before bar and the absolute ::after icon */
.alert[data-ody-id='cruiseNoCTADisclaimer']::before,
.alert[data-ody-id='cruiseNoCTADisclaimer']::after {
    content: none;
    display: none;
}

.alert[data-ody-id='cruiseNoCTADisclaimer'] .odi-alert-info {
    background: url('/Site/fora-travel/images/alert-info.svg') no-repeat center / contain !important;
    width: 18px;
    height: 18px;
    margin-top: 4px;
}

.alert[data-ody-id='cruiseNoCTADisclaimer'] .odi-alert-info::before {
    display: none;
}

/* Status Badge Icons */
.flight-conf-status .btn.status1::before,
.flight-conf-status .btn.status22::before,
.flight-conf-status .btn.status7::before,
.flight-conf-status .btn.status24::before,
.flight-conf-status .btn.status27::before {
    background-image: url('/Site/fora-travel/images/alert-success.svg') !important;
}

.flight-conf-status .btn.status6::before,
.flight-conf-status .btn.status26::before {
    background-image: url('/Site/fora-travel/images/alert-warning.svg') !important;
}

.flight-conf-status .btn.status20::before,
.flight-conf-status .btn.status23::before {
    background-image: url('/Site/fora-travel/images/alert-error.svg') !important;
}

.flight-conf-status .btn.status14::before,
.flight-conf-status .btn.status17::before,
.flight-conf-status .btn.status25::before,
.flight-conf-status .btn.status12::before,
.flight-conf-status .btn.status19::before {
    background-image: url('/Site/fora-travel/images/alert-info.svg') !important;
}

.odi-search-person::before,
.odi-passport::before,
.odi-terms-conditions::before,
.odi-pencil::before,
.card-header[data-ody-id="PackageTourInfo"] .odi.mr-2::before,
.card-header[data-ody-id="CruiseSummary"] .odi.mr-2::before,
.card-header[data-ody-id="FlightSummary"] .odi.mr-2::before,
.card-header[data-ody-id="PriceDetails"] .odi.mr-2::before,
.card-header[data-ody-id="BookingCreatedFor"] .odi.mr-2::before,
.card-header[data-ody-id="GuestInformation"] .odi.mr-2::before,
.odi-tour-transfer::before,
.odi-celebrations::before,
.card-header[data-ody-id="AdditionalServiceSection"] .odi-celebrations.mr-2::before,
.card-header[data-ody-id="AdditionalServiceSection"] .odi-pencil::before,
[data-ody-id="AddNotesPlusButton"].odi-plus::before,
[data-ody-id='OptionalAddonsSection'] .odi-sync-usd::before,
.card-header[data-ody-id="GuestInformationDetails"] .odi-account::before,
.card-header[data-ody-id="AgentRequested"] .odi.mr-2::before,
.card-header[data-ody-id="AirTicketInformation"] .odi.mr-2::before,
.card-header[data-ody-id="InsuranceTab"] .odi.mr-2::before,
.card-header[data-ody-id="CustomerReceiptPrintButton"] .odi.mr-2::before,
.card-header[data-ody-id="CustomerReceipt"] .odi.mr-2::before,
.card-header#ConfirmBookingDiv .odi.mr-2::before,
.card-header#ConfirmBkgBTNTop .odi.mr-2::before,
.payment-header[data-ody-id="PaymentScheduleTitleCust"] .odi.mr-2::before,
[data-ody-id="CancellationPenaltyContainer"] .card-header .odi.mr-2::before,
.card-header[data-ody-id="NoteSectionDiv"] .odi-file-document.mr-2::before,
.section-tours-and-transfers .card-header .odi-directions-car.mr-2::before,
.section-tours-and-transfers .card-header .odi-pencil::before,
[data-ody-id='OptionalAddonsSection'] .odi-pencil::before,
.card-header[data-ody-id="EmailBooking"] .odi.mr-2::before,
.odi-passenger-pulling-rolling-bag::before,
.card-header[data-ody-id="TravelWithOtherReservations"] .odi.mr-2::before,
.card-header[data-ody-id="AdditionalInformation"] .odi.mr-2::before,
.print-bottom-option .odi.mr-2::before,
.confOptions .odi-hotel::before,
.confOptions .odi-flight::before,
.confOptions .odi-transfer::before,
.conf-page-title-bar .odi-link-plus::before,
.conf-page-title-bar .odi-clone::before,
.conf-page-title-bar .odi-printer::before {
    content: '' !important;
}

.odi-passport::before,
.odi-terms-conditions::before,
.card-header[data-ody-id="PackageTourInfo"] .odi.mr-2,
.card-header[data-ody-id="CruiseSummary"] .odi.mr-2,
.card-header[data-ody-id="FlightSummary"] .odi.mr-2,
.card-header[data-ody-id="PriceDetails"] .odi.mr-2,
.card-header[data-ody-id="BookingCreatedFor"] .odi.mr-2,
.card-header[data-ody-id="GuestInformationDetails"] .odi-account.mr-2,
.odi-celebrations::before,
.odi-tour-transfer::before,
.card-header[data-ody-id="AdditionalServiceSection"] .odi-celebrations.mr-2,
[data-ody-id='OptionalAddonsSection'] .odi-sync-usd.mr-2,
.card-header[data-ody-id="AgentRequested"] .odi.mr-2,
.card-header[data-ody-id="AirTicketInformation"] .odi.mr-2,
.card-header[data-ody-id="InsuranceTab"] .odi.mr-2,
.card-header[data-ody-id="CustomerReceiptPrintButton"] .odi.mr-2,
.card-header[data-ody-id="CustomerReceipt"] .odi.mr-2,
.card-header#ConfirmBookingDiv .odi.mr-2,
.card-header#ConfirmBkgBTNTop .odi.mr-2,
.payment-header[data-ody-id="PaymentScheduleTitleCust"] .odi.mr-2,
[data-ody-id="CancellationPenaltyContainer"] .card-header .odi.mr-2,
.card-header[data-ody-id="NoteSectionDiv"] .odi-file-document.mr-2,
.section-tours-and-transfers .card-header .odi-directions-car.mr-2,
.card-header[data-ody-id="EmailBooking"] .odi.mr-2,
.odi-passenger-pulling-rolling-bag,
.card-header[data-ody-id="TravelWithOtherReservations"] .odi.mr-2,
.card-header[data-ody-id="AdditionalInformation"] .odi.mr-2,
.print-bottom-option .odi.mr-2,
.confOptions .odi-hotel::before,
.confOptions .odi-flight::before,
.confOptions .odi-transfer::before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.odi-search-person::before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.odi-pencil::before,
.conf-page-title-bar .odi-link-plus::before,
.conf-page-title-bar .odi-clone::before,
.conf-page-title-bar .odi-printer::before,
[data-ody-id='OptionalAddonsSection'] .odi-pencil::before,
.card-header[data-ody-id="GuestInformation"] .odi-pencil::before,
.section-tours-and-transfers .card-header .odi-pencil::before,
[data-ody-id="AddNotesPlusButton"].odi-plus::before,
.card-header[data-ody-id="AdditionalServiceSection"] .odi-pencil::before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 18px;
    height: 18px;
    display: inline-block;
}

/* Map specific SVGs to Tabs */
.card-header[data-ody-id="PackageTourInfo"] .odi.mr-2 {
    background-image: url('/Site/fora-travel/images/balloon.svg') !important;
}

.card-header[data-ody-id="CruiseSummary"] .odi.mr-2 {
    background-image: url('/Site/fora-travel/images/boat.svg') !important;
}

.card-header[data-ody-id="FlightSummary"] .odi.mr-2 {
    background-image: url('/Site/fora-travel/images/airplanetakeoff.svg') !important;
}

.card-header[data-ody-id="PriceDetails"] .odi.mr-2 {
    background-image: url('/Site/fora-travel/images/money.svg') !important;
}

.card-header[data-ody-id="BookingCreatedFor"] .odi.mr-2,
.card-header[data-ody-id="AgentRequested"] .odi.mr-2 {
    background-image: url('/Site/fora-travel/images/buildingoffice.svg') !important;
}

.card-header[data-ody-id="GuestInformationDetails"] .odi-account.mr-2 {
    background-image: url('/Site/fora-travel/images/user.svg') !important;
}

.card-header[data-ody-id="AdditionalInformation"] .odi.mr-2 {
    background-image: url('/Site/fora-travel/images/gift.svg') !important;
}

.card-header[data-ody-id="AirTicketInformation"] .odi.mr-2 {
    background-image: url('/Site/fora-travel/images/receipt.svg') !important;
}

.card-header[data-ody-id="InsuranceTab"] .odi.mr-2 {
    background-image: url('/Site/fora-travel/images/shieldcheck.svg') !important;
}

.card-header[data-ody-id="NoteSectionDiv"] .odi-file-document.mr-2 {
    background-image: url('/Site/fora-travel/images/note.svg') !important;
}

.section-tours-and-transfers .card-header .odi-directions-car.mr-2 {
    background-image: url('/Site/fora-travel/images/van.svg') !important;
}

.card-header[data-ody-id="CustomerReceipt"] .odi.mr-2,
.print-bottom-option .odi.mr-2 {
    background-image: url('/Site/fora-travel/images/receipt.svg') !important;
}

[data-ody-id="CancellationPenaltyContainer"] .card-header .odi.mr-2,
.card-header#ConfirmBookingDiv .odi.mr-2,
.card-header#ConfirmBkgBTNTop .odi.mr-2,
.payment-header[data-ody-id="PaymentScheduleTitleCust"] .odi.mr-2 {
    background-image: url('/Site/fora-travel/images/creditcard.svg') !important;
}

.card-header[data-ody-id="EmailBooking"] .odi.mr-2 {
    background-image: url('/Site/fora-travel/images/share.svg') !important;
}

.odi-passenger-pulling-rolling-bag,
.card-header[data-ody-id="TravelWithOtherReservations"] .odi.mr-2 {
    background-image: url('/Site/fora-travel/images/user.svg') !important;
}

.odi-celebrations,
.card-header[data-ody-id="AdditionalServiceSection"] .odi-celebrations.mr-2 {
    background-image: url('/Site/fora-travel/images/balloon.svg') !important;
}

[data-ody-id='OptionalAddonsSection'] .odi-sync-usd.mr-2 {
    background-image: url('/Site/fora-travel/images/listplus.svg') !important;
}

.odi-pencil::before,
[data-ody-id='OptionalAddonsSection'] .odi-pencil::before,
.card-header[data-ody-id="GuestInformation"] .odi-pencil::before,
.section-tours-and-transfers .card-header .odi-pencil::before,
.card-header[data-ody-id="AdditionalServiceSection"] .odi-pencil::before {
    background-image: url('/Site/fora-travel/images/pencilsimple.svg') !important;
}

[data-ody-id="AddNotesPlusButton"].odi-plus::before {
    background-image: url('/Site/fora-travel/images/plus.svg') !important;
}

.confOptions .odi-flight::before {
    background-image: url('/Site/fora-travel/images/airplanetakeoff.svg');
}

.confOptions .odi-hotel::before {
    background-image: url('/Site/fora-travel/images/buildingoffice.svg');
}

.odi-tour-transfer::before,
.confOptions .odi-transfer::before {
    background-image: url('/Site/fora-travel/images/van.svg');
}

.conf-page-title-bar .odi-link-plus::before {
    background-image: url('/Site/fora-travel/images/link.svg');
}

.conf-page-title-bar .odi-clone::before,
.button-share-itinerary .odi-share {
    background-image: url('/Site/fora-travel/images/copy.svg') !important;
}

.conf-page-title-bar .odi-printer::before {
    background-image: url('/Site/fora-travel/images/printer.svg');
}

.odi-expand-less::before,
.odi-expand-more::before {
    content: '' !important;
}

/* Payment Card Logos in general */
img.amex-logo,
img.AMEX-logo {
    content: url('/Site/fora-travel/images/amex-logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

img.mastercard-logo,
img.MC-logo,
img.master-logo {
    content: url('/Site/fora-travel/images/mastercard-logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

img.visa-logo,
img.VI-logo {
    content: url('/Site/fora-travel/images/visa-logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

img.jcb-logo {
    content: url('/Site/fora-travel/images/jcb-logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

img.discover-logo {
    content: url('/Site/fora-travel/images/discover-logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

img.dinersclub-logo {
    content: url('/Site/fora-travel/images/dinersclub-logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

img.default-card-logo {
    content: url('/Site/fora-travel/images/default-card-logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Expired Card / Danger Text Info Icon */
small.text-danger::before {
    content: '';
    display: inline-block;
    background-color: #dc3545;
    mask-image: url('/Site/fora-travel/images/info.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    vertical-align: text-bottom;
}

/* Card Selection Tickmark Icon */
.card-selected-check {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background-image: url('/Site/fora-travel/images/tick-mark-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

/* Custom Card Dropdown Scrollbar*/
.custom-card-dropdown .custom-dropdown-menu {
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 transparent !important;
}

    .custom-card-dropdown .custom-dropdown-menu::-webkit-scrollbar {
        width: 5px !important;
    }

    .custom-card-dropdown .custom-dropdown-menu::-webkit-scrollbar-thumb {
        background-color: #cbd5e1 !important;
        border-radius: 10px !important;
    }


/*breadcrumb icon*/
.breadcrumb-item + .breadcrumb-item::before {
    content: '';
    opacity: 1;
    background-image: url('/Site/fora-travel/images/caret-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    color: #636363;
    width: 16px;
    height: 16px;
}

.odi-terms-conditions::before {
    background-image: url("/Site/fora-travel/images/read-cv-logo.svg");
}

.odi-passport::before {
    background-image: url("/Site/fora-travel/images/identification-badge.svg");
}

.odi-portal-icon {
    background-image: url('/Site/fora-travel/images/arrow-squareout.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.card-image-wrapper .slick-next {
    content: '';
    background-image: url(/Site/fora-travel/images/collapse-arrow.svg);
    background-repeat: no-repeat;
    background-position: center bottom 9px;
    background-size: 13.75px 7.5px;
    display: inline-block;
    rotate: none;
    transform: rotate(-90deg);
}

.card-image-wrapper .slick-prev {
    background-image: url(/Site/fora-travel/images/collapse-arrow.svg);
    background-repeat: no-repeat;
    background-position: center bottom 9px;
    background-size: 13.75px 7.5px;
    display: inline-block;
    transform: rotate(90deg);
}

[data-ody-id='ClearAllSelectedOptions'] {
    background-image: url('/Site/fora-travel/images/clear-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px;
}

[data-ody-id='SailingDatesClearIconFromCSS'] {
    background-image: url('/Site/fora-travel/images/clear-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block !important;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -1px;
    right: 7%;
}

[ody-data-id="DeckFilter"].ody-select-open,
[data-ody-id=GuestInfoAdult] .ody-select-open {
    background-image: url('/Site/fora-travel/images/caret-up.svg') !important;
    background-repeat: no-repeat;
}

[ody-data-id="DeckFilter"].custom-select,
[data-ody-id="GuestInfoAdult"] .custom-select {
    cursor: pointer;
}

.back-to-top .odi-expand-less::before {
    background-image: url('/Site/fora-travel/images/caret-down-white.svg') !important;
    background-size: cover;
    width: 31px;
    height: 23px;
    display: inline-block;
    background-position: center top 0px;
    rotate: 180deg;
}

/*office Dropdown issue Temp fixes*/
.ody-office-dropdown-container .col-form-label {
    padding-left: 0 !important;
}

.section-itinerary .odi-share {
    background-image: url(/Site/fora-travel/images/share.svg) !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    width: 23px;
    height: 15px;
}

modal-container .modal-close::before {
    content: '';
    background-image: url('/Site/fora-travel/images/clear-black.svg') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    display: inline-block;
    width: 18px;
    height: 18px;
}

[data-ody-id="MobileViewSearchModal"] .odi-search::before {
    content: '';
    background-image: url('/Site/fora-travel/images/MagnifyingGlass.svg') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    display: inline-block;
    width: 18px;
    height: 20px;
}
/* Multi-select chip remove icon (default "x" glyph hidden in theme.scss) */
.ody-dropdown-sheet .select2-container--default .select2-selection__choice__remove,
[data-ody-id='OdyDropdownSheetClose'] {
    background-image: url('/Site/fora-travel/images/clear-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}


/* Header message alerts: same info icon (alert-info-red.svg) for every type, used as a mask
   so it takes the alert's text colour (error / success / info / warning). Colours in theme.scss */
header-message-component .alert.bg-icons::after {
    background-image: none !important;
    background-color: currentColor !important;
    -webkit-mask: url('/Site/fora-travel/images/alert-info-red.svg') no-repeat center / contain;
    mask: url('/Site/fora-travel/images/alert-info-red.svg') no-repeat center / contain;
}

/* "×" text hidden in theme.scss; clear-icon.svg used as a mask so it takes the alert's text colour */
header-message-component .alert.bg-icons .fs25 {
    -webkit-mask: url('/Site/fora-travel/images/clear-icon.svg') no-repeat center / 18px 18px;
    mask: url('/Site/fora-travel/images/clear-icon.svg') no-repeat center / 18px 18px;
    background-color: currentColor;
    width: 18px;
    height: 18px;
    padding: 0 !important;
    margin-top: 3px;
    flex-shrink: 0;
    margin-right: 2px;
}

/* Validity Between date clear icon ("×" text hidden in theme.scss) */
.section-initial-search [data-ody-id='CPValidBetweenSection'] .input-clear-addon {
    background-image: url('/Site/fora-travel/images/clear-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    top: 50%;
    transform: translateY(-50%);
}

/* Multi-select dropdown: selected option tick. Remove the icon-font tick ('\E02B') and use tick-mark-icon.svg */
.results-page .select2-container--default.select2-container--open:not(.single-select-dropdown) .select2-results__option[aria-selected='true']::after {
    content: '' !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: auto;
    background-image: url('/Site/fora-travel/images/tick-mark-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
}

@media(max-width: 767px) {
    [data-ody-id='SailingDatesClearIconFromCSS'] {
        display: none !important;
    }
}