/* -------------------------------------------------- Mixins */ /*
{VALUE_OF_PROGRESS}%
*/ /* ---------------------------------------------------------------------- */ /* -------------------------------------------------- Quicksearch */ .quickSearch { margin: -64rem auto 1rem auto; padding: 0 1.5rem; position: relative; width: 100%; z-index: 10; } @media (min-width: 768px) { .quickSearch { margin: -8.5rem auto 0 auto; padding: 0 2.5rem; } } @media (min-width: 1024px) { .quickSearch { margin: -6rem auto 0 auto; padding: 0 2.5rem; width: 102.4rem; } } @media (min-width: 1366px) { .quickSearch { margin: -18rem auto 0 auto; padding: 0; width: 128rem; } } .quickSearch [data-id=notSupported] { margin-bottom: 1rem; } .quickSearch .maxWidthSelect { margin: 2rem 0 0 0; order: 2; width: 100%; } .quickSearch .popoverSelect.wrapper { flex-grow: 1; flex-grow: 1; height: 100%; min-width: 0; position: relative; } .quickSearch .popoverSelect.wrapper::after { align-items: center; background: var(--primary); color: #fff !important; content: "\e980" !important; display: flex; font-family: "RTK" !important; font-size: 2rem !important; font-weight: normal !important; height: 100%; justify-content: center; pointer-events: none; position: absolute; right: 0; top: 0 !important; width: 4rem; } .quickSearch .popoverSelect select { background: var(--white); border: 0; cursor: pointer; font-size: var(--font-size--base); height: 4rem; padding: 0 4rem 0 0; text-align: center; -moz-text-align-last: center; text-align-last: center; width: 100%; } .quickSearch .searchWrapper.isPauschal .searchAirport { display: block; } .quickSearch .searchWrapper.isPauschal .searchTouroperator.Accommodation { display: none !important; } .quickSearch .searchWrapper.isPauschal .searchCategory + .searchPersonPrice { display: none; } .quickSearch .searchWrapper.isAccommodation .searchAirport, .quickSearch .searchWrapper.isAccommodation .searchPersonDirectFlight, .quickSearch .searchWrapper.isAccommodation .searchTransferInfos, .quickSearch .searchWrapper.isAccommodation .searchOfferIncludes, .quickSearch .searchWrapper.isAccommodation .searchInboundTime, .quickSearch .searchWrapper.isAccommodation .searchOutboundTime { display: none; } .quickSearch .searchWrapper.isAccommodation .searchTouroperator.Package { display: none !important; } .quickSearch .searchWrapper.isAccommodation .searchCategory + .searchPersonPrice { display: block; } .quickSearch .searchWrapper.isAccommodation .searchRecommendation + .searchPersonPrice { display: none; } .quickSearch .searchWrapper.isCruise .searchCruiseAirports.showFilter, .quickSearch .searchWrapper.isCruise .searchCruiseTravelTypes, .quickSearch .searchWrapper.isCruise .searchCruiseShippingLines, .quickSearch .searchWrapper.isCruise .searchShipTypes, .quickSearch .searchWrapper.isCruise .searchCruiseDestinations { display: block !important; } .quickSearch .searchWrapper.isCruise .searchExtender, .quickSearch .searchWrapper.isCruise .searchAirport, .quickSearch .searchWrapper.isCruise .searchDestination, .quickSearch .searchWrapper.isCruise .searchPerson, .quickSearch .searchWrapper.isCruise .searchPersonPrice, .quickSearch .searchWrapper.isCruise .searchCategory, .quickSearch .searchWrapper.isCruise .searchCheckboxes, .quickSearch .searchWrapper.isCruise .searchRoom, .quickSearch .searchWrapper.isCruise .searchBoard, .quickSearch .searchWrapper.isCruise .searchRecommendation, .quickSearch .searchWrapper.isCruise .searchInboundTime, .quickSearch .searchWrapper.isCruise .searchOutboundTime, .quickSearch .searchWrapper.isCruise .searchTouroperator { display: none !important; } .quickSearch .searchWrapper.isCruise .searchCategory + .searchPersonPrice { display: none; } .quickSearch .searchOption { display: flex; height: 4rem; } .quickSearch .searchOption__content { background: rgba(255, 255, 255, 0.9); line-height: 4rem; margin-right: 0.8rem; padding: 0 1rem; } @media (min-width: 425px) { .quickSearch .searchOption__content { padding: 0 2rem; } } .quickSearch .searchOption__content.active { background: var(--primary--dark--transparent); color: var(--white); } .quickSearch .searchOption__content input[type=radio], .quickSearch .searchOption__content .iradio_square-orange { display: none; } .quickSearch .searchOption__content label { font-size: var(--font-size--base); font-weight: 500; margin: 0; } @media (min-width: 375px) { .quickSearch .searchOption__content label { font-size: var(--font-size--large); } } .quickSearch .searchCategories { background: linear-gradient(0deg, var(--secondary--transparent) 0%, var(--primary--dark--transparent) 100%); display: grid; gap: 2rem; grid-template-columns: 1fr; padding: 2rem; position: relative; } @media (min-width: 768px) { .quickSearch .searchCategories { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .quickSearch .searchCategories { grid-template-columns: 1fr 1fr 1fr 1fr; } } .quickSearch .submitSearchWrapper { align-content: flex-start; display: flex; flex-wrap: wrap; } @media (min-width: 768px) { .quickSearch .submitSearchWrapper { grid-column: 1/span 2; } } @media (min-width: 1024px) { .quickSearch .submitSearchWrapper { grid-column: 4; grid-row: 1/span 2; } } .quickSearch .submitSearchWrapper button { width: 100%; } .quickSearch .submitSearchWrapper .searchCheckboxes { display: flex; flex-wrap: wrap; gap: 1rem; margin: 0 0 2rem 0; order: 1; width: 100%; } @media (min-width: 1024px) { .quickSearch .submitSearchWrapper .searchCheckboxes { margin: 2rem 0 0 0; order: 2; } } .quickSearch .submitSearchWrapper .searchCheckboxes .searchPersonDirectFlight, .quickSearch .submitSearchWrapper .searchCheckboxes .searchTransferInfos, .quickSearch .submitSearchWrapper .searchCheckboxes .searchOfferIncludes, .quickSearch .submitSearchWrapper .searchCheckboxes .searchCancellationOptionsTop { height: 2rem; width: 12rem; } @media (min-width: 1024px) { .quickSearch .submitSearchWrapper .searchCheckboxes .searchPersonDirectFlight, .quickSearch .submitSearchWrapper .searchCheckboxes .searchTransferInfos, .quickSearch .submitSearchWrapper .searchCheckboxes .searchOfferIncludes, .quickSearch .submitSearchWrapper .searchCheckboxes .searchCancellationOptionsTop { width: 47%; } } .quickSearch .searchExtender { color: var(--white); cursor: pointer; height: 3rem; line-height: 3rem; text-align: center; width: 100%; } @media (min-width: 768px) { .quickSearch .searchExtender { grid-column: 1/span 2; } } @media (min-width: 1024px) { .quickSearch .searchExtender { grid-column: 1/span 4; } } .quickSearch .searchExtender ~ * { display: none; } .quickSearch .searchExtender.open ~ * { display: block; } .quickSearch .searchExtender.open ~ *.submitSearchWrapper { display: flex; } .quickSearch .searchExtender i { font-size: 1.2rem; margin-left: 1rem; } .quickSearch .searchCruiseAirports, .quickSearch .searchCruiseShippingLines, .quickSearch .searchCruiseTravelTypes, .quickSearch .searchCruiseDestinations, .quickSearch .searchShipTypes { display: none; } .quickSearch .hiddenCruiseDestinations, .quickSearch .hiddenCruiseShippingLines, .quickSearch .hiddenShipTypes { display: none; } .quickSearch .searchDestination, .quickSearch .searchAirport, .quickSearch .searchPerson, .quickSearch .searchDate, .quickSearch .searchDuration, .quickSearch .searchCategory, .quickSearch .searchRoom, .quickSearch .searchBoard, .quickSearch .searchRecommendation, .quickSearch .searchPersonPrice, .quickSearch .searchInboundTime, .quickSearch .searchOutboundTime, .quickSearch .searchCruiseDestinations, .quickSearch .searchCruiseShippingLines, .quickSearch .searchCruiseAirports, .quickSearch .searchCruiseTravelTypes, .quickSearch .searchShipTypes, .quickSearch .searchTouroperator, .quickSearch .searchCancellationOptions, .quickSearch .searchFacilities { background: var(--box--transparent); cursor: pointer; height: 5rem; min-width: 0; padding: 0 3rem 0 5rem; position: relative; width: 100%; } .quickSearch .searchDestination.active, .quickSearch .searchAirport.active, .quickSearch .searchPerson.active, .quickSearch .searchDate.active, .quickSearch .searchDuration.active, .quickSearch .searchCategory.active, .quickSearch .searchRoom.active, .quickSearch .searchBoard.active, .quickSearch .searchRecommendation.active, .quickSearch .searchPersonPrice.active, .quickSearch .searchInboundTime.active, .quickSearch .searchOutboundTime.active, .quickSearch .searchCruiseDestinations.active, .quickSearch .searchCruiseShippingLines.active, .quickSearch .searchCruiseAirports.active, .quickSearch .searchCruiseTravelTypes.active, .quickSearch .searchShipTypes.active, .quickSearch .searchTouroperator.active, .quickSearch .searchCancellationOptions.active, .quickSearch .searchFacilities.active { background: var(--primary--lite); } .quickSearch .searchDestination.active .rtk, .quickSearch .searchAirport.active .rtk, .quickSearch .searchPerson.active .rtk, .quickSearch .searchDate.active .rtk, .quickSearch .searchDuration.active .rtk, .quickSearch .searchCategory.active .rtk, .quickSearch .searchRoom.active .rtk, .quickSearch .searchBoard.active .rtk, .quickSearch .searchRecommendation.active .rtk, .quickSearch .searchPersonPrice.active .rtk, .quickSearch .searchInboundTime.active .rtk, .quickSearch .searchOutboundTime.active .rtk, .quickSearch .searchCruiseDestinations.active .rtk, .quickSearch .searchCruiseShippingLines.active .rtk, .quickSearch .searchCruiseAirports.active .rtk, .quickSearch .searchCruiseTravelTypes.active .rtk, .quickSearch .searchShipTypes.active .rtk, .quickSearch .searchTouroperator.active .rtk, .quickSearch .searchCancellationOptions.active .rtk, .quickSearch .searchFacilities.active .rtk { color: var(--primary); } .quickSearch .searchDestination.active .rtk-arrow-down, .quickSearch .searchAirport.active .rtk-arrow-down, .quickSearch .searchPerson.active .rtk-arrow-down, .quickSearch .searchDate.active .rtk-arrow-down, .quickSearch .searchDuration.active .rtk-arrow-down, .quickSearch .searchCategory.active .rtk-arrow-down, .quickSearch .searchRoom.active .rtk-arrow-down, .quickSearch .searchBoard.active .rtk-arrow-down, .quickSearch .searchRecommendation.active .rtk-arrow-down, .quickSearch .searchPersonPrice.active .rtk-arrow-down, .quickSearch .searchInboundTime.active .rtk-arrow-down, .quickSearch .searchOutboundTime.active .rtk-arrow-down, .quickSearch .searchCruiseDestinations.active .rtk-arrow-down, .quickSearch .searchCruiseShippingLines.active .rtk-arrow-down, .quickSearch .searchCruiseAirports.active .rtk-arrow-down, .quickSearch .searchCruiseTravelTypes.active .rtk-arrow-down, .quickSearch .searchShipTypes.active .rtk-arrow-down, .quickSearch .searchTouroperator.active .rtk-arrow-down, .quickSearch .searchCancellationOptions.active .rtk-arrow-down, .quickSearch .searchFacilities.active .rtk-arrow-down { transform: rotate(180deg); } .quickSearch .searchDestination.active .searchPlaceholder, .quickSearch .searchAirport.active .searchPlaceholder, .quickSearch .searchPerson.active .searchPlaceholder, .quickSearch .searchDate.active .searchPlaceholder, .quickSearch .searchDuration.active .searchPlaceholder, .quickSearch .searchCategory.active .searchPlaceholder, .quickSearch .searchRoom.active .searchPlaceholder, .quickSearch .searchBoard.active .searchPlaceholder, .quickSearch .searchRecommendation.active .searchPlaceholder, .quickSearch .searchPersonPrice.active .searchPlaceholder, .quickSearch .searchInboundTime.active .searchPlaceholder, .quickSearch .searchOutboundTime.active .searchPlaceholder, .quickSearch .searchCruiseDestinations.active .searchPlaceholder, .quickSearch .searchCruiseShippingLines.active .searchPlaceholder, .quickSearch .searchCruiseAirports.active .searchPlaceholder, .quickSearch .searchCruiseTravelTypes.active .searchPlaceholder, .quickSearch .searchShipTypes.active .searchPlaceholder, .quickSearch .searchTouroperator.active .searchPlaceholder, .quickSearch .searchCancellationOptions.active .searchPlaceholder, .quickSearch .searchFacilities.active .searchPlaceholder { color: var(--text); } .quickSearch .searchDestination.active .searchCategoryText, .quickSearch .searchAirport.active .searchCategoryText, .quickSearch .searchPerson.active .searchCategoryText, .quickSearch .searchDate.active .searchCategoryText, .quickSearch .searchDuration.active .searchCategoryText, .quickSearch .searchCategory.active .searchCategoryText, .quickSearch .searchRoom.active .searchCategoryText, .quickSearch .searchBoard.active .searchCategoryText, .quickSearch .searchRecommendation.active .searchCategoryText, .quickSearch .searchPersonPrice.active .searchCategoryText, .quickSearch .searchInboundTime.active .searchCategoryText, .quickSearch .searchOutboundTime.active .searchCategoryText, .quickSearch .searchCruiseDestinations.active .searchCategoryText, .quickSearch .searchCruiseShippingLines.active .searchCategoryText, .quickSearch .searchCruiseAirports.active .searchCategoryText, .quickSearch .searchCruiseTravelTypes.active .searchCategoryText, .quickSearch .searchShipTypes.active .searchCategoryText, .quickSearch .searchTouroperator.active .searchCategoryText, .quickSearch .searchCancellationOptions.active .searchCategoryText, .quickSearch .searchFacilities.active .searchCategoryText { color: var(--text); } .quickSearch .searchDestination.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchAirport.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchPerson.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchDate.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchDuration.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchCategory.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchRoom.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchBoard.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchRecommendation.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchPersonPrice.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchInboundTime.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchOutboundTime.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchCruiseDestinations.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchCruiseShippingLines.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchCruiseAirports.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchCruiseTravelTypes.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchShipTypes.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchTouroperator.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchCancellationOptions.active .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchFacilities.active .selectWrapper .fstControls .fstQueryInput { color: var(--text); } .quickSearch .searchDestination.active .selectWrapper:after, .quickSearch .searchAirport.active .selectWrapper:after, .quickSearch .searchPerson.active .selectWrapper:after, .quickSearch .searchDate.active .selectWrapper:after, .quickSearch .searchDuration.active .selectWrapper:after, .quickSearch .searchCategory.active .selectWrapper:after, .quickSearch .searchRoom.active .selectWrapper:after, .quickSearch .searchBoard.active .selectWrapper:after, .quickSearch .searchRecommendation.active .selectWrapper:after, .quickSearch .searchPersonPrice.active .selectWrapper:after, .quickSearch .searchInboundTime.active .selectWrapper:after, .quickSearch .searchOutboundTime.active .selectWrapper:after, .quickSearch .searchCruiseDestinations.active .selectWrapper:after, .quickSearch .searchCruiseShippingLines.active .selectWrapper:after, .quickSearch .searchCruiseAirports.active .selectWrapper:after, .quickSearch .searchCruiseTravelTypes.active .selectWrapper:after, .quickSearch .searchShipTypes.active .selectWrapper:after, .quickSearch .searchTouroperator.active .selectWrapper:after, .quickSearch .searchCancellationOptions.active .selectWrapper:after, .quickSearch .searchFacilities.active .selectWrapper:after { color: var(--primary) !important; } .quickSearch .searchDestination.active .trigger, .quickSearch .searchAirport.active .trigger, .quickSearch .searchPerson.active .trigger, .quickSearch .searchDate.active .trigger, .quickSearch .searchDuration.active .trigger, .quickSearch .searchCategory.active .trigger, .quickSearch .searchRoom.active .trigger, .quickSearch .searchBoard.active .trigger, .quickSearch .searchRecommendation.active .trigger, .quickSearch .searchPersonPrice.active .trigger, .quickSearch .searchInboundTime.active .trigger, .quickSearch .searchOutboundTime.active .trigger, .quickSearch .searchCruiseDestinations.active .trigger, .quickSearch .searchCruiseShippingLines.active .trigger, .quickSearch .searchCruiseAirports.active .trigger, .quickSearch .searchCruiseTravelTypes.active .trigger, .quickSearch .searchShipTypes.active .trigger, .quickSearch .searchTouroperator.active .trigger, .quickSearch .searchCancellationOptions.active .trigger, .quickSearch .searchFacilities.active .trigger { pointer-events: auto; } .quickSearch .searchDestination ~ .popover, .quickSearch .searchAirport ~ .popover, .quickSearch .searchPerson ~ .popover, .quickSearch .searchDate ~ .popover, .quickSearch .searchDuration ~ .popover, .quickSearch .searchCategory ~ .popover, .quickSearch .searchRoom ~ .popover, .quickSearch .searchBoard ~ .popover, .quickSearch .searchRecommendation ~ .popover, .quickSearch .searchPersonPrice ~ .popover, .quickSearch .searchInboundTime ~ .popover, .quickSearch .searchOutboundTime ~ .popover, .quickSearch .searchCruiseDestinations ~ .popover, .quickSearch .searchCruiseShippingLines ~ .popover, .quickSearch .searchCruiseAirports ~ .popover, .quickSearch .searchCruiseTravelTypes ~ .popover, .quickSearch .searchShipTypes ~ .popover, .quickSearch .searchTouroperator ~ .popover, .quickSearch .searchCancellationOptions ~ .popover, .quickSearch .searchFacilities ~ .popover { background: var(--primary--lite); border: 0; border-radius: 0; box-shadow: none; height: 0; margin: 0; max-width: 93.4rem; opacity: 0; transition: height 0.1s ease-in-out; width: calc(100% - 4rem); z-index: 4000; } @media (min-width: 1366px) { .quickSearch .searchDestination ~ .popover, .quickSearch .searchAirport ~ .popover, .quickSearch .searchPerson ~ .popover, .quickSearch .searchDate ~ .popover, .quickSearch .searchDuration ~ .popover, .quickSearch .searchCategory ~ .popover, .quickSearch .searchRoom ~ .popover, .quickSearch .searchBoard ~ .popover, .quickSearch .searchRecommendation ~ .popover, .quickSearch .searchPersonPrice ~ .popover, .quickSearch .searchInboundTime ~ .popover, .quickSearch .searchOutboundTime ~ .popover, .quickSearch .searchCruiseDestinations ~ .popover, .quickSearch .searchCruiseShippingLines ~ .popover, .quickSearch .searchCruiseAirports ~ .popover, .quickSearch .searchCruiseTravelTypes ~ .popover, .quickSearch .searchShipTypes ~ .popover, .quickSearch .searchTouroperator ~ .popover, .quickSearch .searchCancellationOptions ~ .popover, .quickSearch .searchFacilities ~ .popover { max-width: 92.5rem; } } .quickSearch .searchDestination ~ .popover.shown, .quickSearch .searchAirport ~ .popover.shown, .quickSearch .searchPerson ~ .popover.shown, .quickSearch .searchDate ~ .popover.shown, .quickSearch .searchDuration ~ .popover.shown, .quickSearch .searchCategory ~ .popover.shown, .quickSearch .searchRoom ~ .popover.shown, .quickSearch .searchBoard ~ .popover.shown, .quickSearch .searchRecommendation ~ .popover.shown, .quickSearch .searchPersonPrice ~ .popover.shown, .quickSearch .searchInboundTime ~ .popover.shown, .quickSearch .searchOutboundTime ~ .popover.shown, .quickSearch .searchCruiseDestinations ~ .popover.shown, .quickSearch .searchCruiseShippingLines ~ .popover.shown, .quickSearch .searchCruiseAirports ~ .popover.shown, .quickSearch .searchCruiseTravelTypes ~ .popover.shown, .quickSearch .searchShipTypes ~ .popover.shown, .quickSearch .searchTouroperator ~ .popover.shown, .quickSearch .searchCancellationOptions ~ .popover.shown, .quickSearch .searchFacilities ~ .popover.shown { height: auto; opacity: 1; transition: 0.1s ease-in-out; } .quickSearch .searchDestination ~ .popover .resultGroup, .quickSearch .searchAirport ~ .popover .resultGroup, .quickSearch .searchPerson ~ .popover .resultGroup, .quickSearch .searchDate ~ .popover .resultGroup, .quickSearch .searchDuration ~ .popover .resultGroup, .quickSearch .searchCategory ~ .popover .resultGroup, .quickSearch .searchRoom ~ .popover .resultGroup, .quickSearch .searchBoard ~ .popover .resultGroup, .quickSearch .searchRecommendation ~ .popover .resultGroup, .quickSearch .searchPersonPrice ~ .popover .resultGroup, .quickSearch .searchInboundTime ~ .popover .resultGroup, .quickSearch .searchOutboundTime ~ .popover .resultGroup, .quickSearch .searchCruiseDestinations ~ .popover .resultGroup, .quickSearch .searchCruiseShippingLines ~ .popover .resultGroup, .quickSearch .searchCruiseAirports ~ .popover .resultGroup, .quickSearch .searchCruiseTravelTypes ~ .popover .resultGroup, .quickSearch .searchShipTypes ~ .popover .resultGroup, .quickSearch .searchTouroperator ~ .popover .resultGroup, .quickSearch .searchCancellationOptions ~ .popover .resultGroup, .quickSearch .searchFacilities ~ .popover .resultGroup { display: flex; flex-wrap: wrap; width: 100%; } .quickSearch .searchDestination ~ .popover .filterInput, .quickSearch .searchAirport ~ .popover .filterInput, .quickSearch .searchPerson ~ .popover .filterInput, .quickSearch .searchDate ~ .popover .filterInput, .quickSearch .searchDuration ~ .popover .filterInput, .quickSearch .searchCategory ~ .popover .filterInput, .quickSearch .searchRoom ~ .popover .filterInput, .quickSearch .searchBoard ~ .popover .filterInput, .quickSearch .searchRecommendation ~ .popover .filterInput, .quickSearch .searchPersonPrice ~ .popover .filterInput, .quickSearch .searchInboundTime ~ .popover .filterInput, .quickSearch .searchOutboundTime ~ .popover .filterInput, .quickSearch .searchCruiseDestinations ~ .popover .filterInput, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput, .quickSearch .searchCruiseAirports ~ .popover .filterInput, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput, .quickSearch .searchShipTypes ~ .popover .filterInput, .quickSearch .searchTouroperator ~ .popover .filterInput, .quickSearch .searchCancellationOptions ~ .popover .filterInput, .quickSearch .searchFacilities ~ .popover .filterInput { align-items: center; display: flex; flex-wrap: wrap; min-height: 5rem; padding: 0 2rem; } @media (min-width: 768px) { .quickSearch .searchDestination ~ .popover .filterInput, .quickSearch .searchAirport ~ .popover .filterInput, .quickSearch .searchPerson ~ .popover .filterInput, .quickSearch .searchDate ~ .popover .filterInput, .quickSearch .searchDuration ~ .popover .filterInput, .quickSearch .searchCategory ~ .popover .filterInput, .quickSearch .searchRoom ~ .popover .filterInput, .quickSearch .searchBoard ~ .popover .filterInput, .quickSearch .searchRecommendation ~ .popover .filterInput, .quickSearch .searchPersonPrice ~ .popover .filterInput, .quickSearch .searchInboundTime ~ .popover .filterInput, .quickSearch .searchOutboundTime ~ .popover .filterInput, .quickSearch .searchCruiseDestinations ~ .popover .filterInput, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput, .quickSearch .searchCruiseAirports ~ .popover .filterInput, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput, .quickSearch .searchShipTypes ~ .popover .filterInput, .quickSearch .searchTouroperator ~ .popover .filterInput, .quickSearch .searchCancellationOptions ~ .popover .filterInput, .quickSearch .searchFacilities ~ .popover .filterInput { padding: 0 0 0 2rem; } } .quickSearch .searchDestination ~ .popover .filterInput input, .quickSearch .searchDestination ~ .popover .filterInput .rangeStart, .quickSearch .searchDestination ~ .popover .filterInput .rangeEnd, .quickSearch .searchDestination ~ .popover .filterInput .rangeDays, .quickSearch .searchAirport ~ .popover .filterInput input, .quickSearch .searchAirport ~ .popover .filterInput .rangeStart, .quickSearch .searchAirport ~ .popover .filterInput .rangeEnd, .quickSearch .searchAirport ~ .popover .filterInput .rangeDays, .quickSearch .searchPerson ~ .popover .filterInput input, .quickSearch .searchPerson ~ .popover .filterInput .rangeStart, .quickSearch .searchPerson ~ .popover .filterInput .rangeEnd, .quickSearch .searchPerson ~ .popover .filterInput .rangeDays, .quickSearch .searchDate ~ .popover .filterInput input, .quickSearch .searchDate ~ .popover .filterInput .rangeStart, .quickSearch .searchDate ~ .popover .filterInput .rangeEnd, .quickSearch .searchDate ~ .popover .filterInput .rangeDays, .quickSearch .searchDuration ~ .popover .filterInput input, .quickSearch .searchDuration ~ .popover .filterInput .rangeStart, .quickSearch .searchDuration ~ .popover .filterInput .rangeEnd, .quickSearch .searchDuration ~ .popover .filterInput .rangeDays, .quickSearch .searchCategory ~ .popover .filterInput input, .quickSearch .searchCategory ~ .popover .filterInput .rangeStart, .quickSearch .searchCategory ~ .popover .filterInput .rangeEnd, .quickSearch .searchCategory ~ .popover .filterInput .rangeDays, .quickSearch .searchRoom ~ .popover .filterInput input, .quickSearch .searchRoom ~ .popover .filterInput .rangeStart, .quickSearch .searchRoom ~ .popover .filterInput .rangeEnd, .quickSearch .searchRoom ~ .popover .filterInput .rangeDays, .quickSearch .searchBoard ~ .popover .filterInput input, .quickSearch .searchBoard ~ .popover .filterInput .rangeStart, .quickSearch .searchBoard ~ .popover .filterInput .rangeEnd, .quickSearch .searchBoard ~ .popover .filterInput .rangeDays, .quickSearch .searchRecommendation ~ .popover .filterInput input, .quickSearch .searchRecommendation ~ .popover .filterInput .rangeStart, .quickSearch .searchRecommendation ~ .popover .filterInput .rangeEnd, .quickSearch .searchRecommendation ~ .popover .filterInput .rangeDays, .quickSearch .searchPersonPrice ~ .popover .filterInput input, .quickSearch .searchPersonPrice ~ .popover .filterInput .rangeStart, .quickSearch .searchPersonPrice ~ .popover .filterInput .rangeEnd, .quickSearch .searchPersonPrice ~ .popover .filterInput .rangeDays, .quickSearch .searchInboundTime ~ .popover .filterInput input, .quickSearch .searchInboundTime ~ .popover .filterInput .rangeStart, .quickSearch .searchInboundTime ~ .popover .filterInput .rangeEnd, .quickSearch .searchInboundTime ~ .popover .filterInput .rangeDays, .quickSearch .searchOutboundTime ~ .popover .filterInput input, .quickSearch .searchOutboundTime ~ .popover .filterInput .rangeStart, .quickSearch .searchOutboundTime ~ .popover .filterInput .rangeEnd, .quickSearch .searchOutboundTime ~ .popover .filterInput .rangeDays, .quickSearch .searchCruiseDestinations ~ .popover .filterInput input, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .rangeStart, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .rangeEnd, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .rangeDays, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput input, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .rangeStart, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .rangeEnd, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .rangeDays, .quickSearch .searchCruiseAirports ~ .popover .filterInput input, .quickSearch .searchCruiseAirports ~ .popover .filterInput .rangeStart, .quickSearch .searchCruiseAirports ~ .popover .filterInput .rangeEnd, .quickSearch .searchCruiseAirports ~ .popover .filterInput .rangeDays, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput input, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .rangeStart, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .rangeEnd, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .rangeDays, .quickSearch .searchShipTypes ~ .popover .filterInput input, .quickSearch .searchShipTypes ~ .popover .filterInput .rangeStart, .quickSearch .searchShipTypes ~ .popover .filterInput .rangeEnd, .quickSearch .searchShipTypes ~ .popover .filterInput .rangeDays, .quickSearch .searchTouroperator ~ .popover .filterInput input, .quickSearch .searchTouroperator ~ .popover .filterInput .rangeStart, .quickSearch .searchTouroperator ~ .popover .filterInput .rangeEnd, .quickSearch .searchTouroperator ~ .popover .filterInput .rangeDays, .quickSearch .searchCancellationOptions ~ .popover .filterInput input, .quickSearch .searchCancellationOptions ~ .popover .filterInput .rangeStart, .quickSearch .searchCancellationOptions ~ .popover .filterInput .rangeEnd, .quickSearch .searchCancellationOptions ~ .popover .filterInput .rangeDays, .quickSearch .searchFacilities ~ .popover .filterInput input, .quickSearch .searchFacilities ~ .popover .filterInput .rangeStart, .quickSearch .searchFacilities ~ .popover .filterInput .rangeEnd, .quickSearch .searchFacilities ~ .popover .filterInput .rangeDays { border: 0; border-radius: 0.2rem; flex-grow: 1; font-size: var(--font-size--small); height: 5rem; padding: 0 1rem; width: 100%; } .quickSearch .searchDestination ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchDestination ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchDestination ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchDestination ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchAirport ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchAirport ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchAirport ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchAirport ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchPerson ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchPerson ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchPerson ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchPerson ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchDate ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchDate ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchDate ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchDate ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchDuration ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchDuration ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchDuration ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchDuration ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchCategory ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchCategory ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchCategory ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchCategory ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchRoom ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchRoom ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchRoom ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchRoom ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchBoard ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchBoard ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchBoard ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchBoard ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchRecommendation ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchRecommendation ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchRecommendation ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchRecommendation ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchPersonPrice ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchPersonPrice ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchPersonPrice ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchPersonPrice ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchInboundTime ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchInboundTime ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchInboundTime ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchInboundTime ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchOutboundTime ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchOutboundTime ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchOutboundTime ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchOutboundTime ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchCruiseDestinations ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchCruiseAirports ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchCruiseAirports ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchCruiseAirports ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchCruiseAirports ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchShipTypes ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchShipTypes ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchShipTypes ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchShipTypes ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchTouroperator ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchTouroperator ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchTouroperator ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchTouroperator ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchCancellationOptions ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchCancellationOptions ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchCancellationOptions ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchCancellationOptions ~ .popover .filterInput .rangeDays::-moz-placeholder, .quickSearch .searchFacilities ~ .popover .filterInput input::-moz-placeholder, .quickSearch .searchFacilities ~ .popover .filterInput .rangeStart::-moz-placeholder, .quickSearch .searchFacilities ~ .popover .filterInput .rangeEnd::-moz-placeholder, .quickSearch .searchFacilities ~ .popover .filterInput .rangeDays::-moz-placeholder { color: var(--text--lite); font-style: italic; } .quickSearch .searchDestination ~ .popover .filterInput input::placeholder, .quickSearch .searchDestination ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchDestination ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchDestination ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchAirport ~ .popover .filterInput input::placeholder, .quickSearch .searchAirport ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchAirport ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchAirport ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchPerson ~ .popover .filterInput input::placeholder, .quickSearch .searchPerson ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchPerson ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchPerson ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchDate ~ .popover .filterInput input::placeholder, .quickSearch .searchDate ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchDate ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchDate ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchDuration ~ .popover .filterInput input::placeholder, .quickSearch .searchDuration ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchDuration ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchDuration ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchCategory ~ .popover .filterInput input::placeholder, .quickSearch .searchCategory ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchCategory ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchCategory ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchRoom ~ .popover .filterInput input::placeholder, .quickSearch .searchRoom ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchRoom ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchRoom ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchBoard ~ .popover .filterInput input::placeholder, .quickSearch .searchBoard ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchBoard ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchBoard ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchRecommendation ~ .popover .filterInput input::placeholder, .quickSearch .searchRecommendation ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchRecommendation ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchRecommendation ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchPersonPrice ~ .popover .filterInput input::placeholder, .quickSearch .searchPersonPrice ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchPersonPrice ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchPersonPrice ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchInboundTime ~ .popover .filterInput input::placeholder, .quickSearch .searchInboundTime ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchInboundTime ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchInboundTime ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchOutboundTime ~ .popover .filterInput input::placeholder, .quickSearch .searchOutboundTime ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchOutboundTime ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchOutboundTime ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchCruiseDestinations ~ .popover .filterInput input::placeholder, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput input::placeholder, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchCruiseAirports ~ .popover .filterInput input::placeholder, .quickSearch .searchCruiseAirports ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchCruiseAirports ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchCruiseAirports ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput input::placeholder, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchShipTypes ~ .popover .filterInput input::placeholder, .quickSearch .searchShipTypes ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchShipTypes ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchShipTypes ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchTouroperator ~ .popover .filterInput input::placeholder, .quickSearch .searchTouroperator ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchTouroperator ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchTouroperator ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchCancellationOptions ~ .popover .filterInput input::placeholder, .quickSearch .searchCancellationOptions ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchCancellationOptions ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchCancellationOptions ~ .popover .filterInput .rangeDays::placeholder, .quickSearch .searchFacilities ~ .popover .filterInput input::placeholder, .quickSearch .searchFacilities ~ .popover .filterInput .rangeStart::placeholder, .quickSearch .searchFacilities ~ .popover .filterInput .rangeEnd::placeholder, .quickSearch .searchFacilities ~ .popover .filterInput .rangeDays::placeholder { color: var(--text--lite); font-style: italic; } .quickSearch .searchDestination ~ .popover .filterInput .rangeDays, .quickSearch .searchAirport ~ .popover .filterInput .rangeDays, .quickSearch .searchPerson ~ .popover .filterInput .rangeDays, .quickSearch .searchDate ~ .popover .filterInput .rangeDays, .quickSearch .searchDuration ~ .popover .filterInput .rangeDays, .quickSearch .searchCategory ~ .popover .filterInput .rangeDays, .quickSearch .searchRoom ~ .popover .filterInput .rangeDays, .quickSearch .searchBoard ~ .popover .filterInput .rangeDays, .quickSearch .searchRecommendation ~ .popover .filterInput .rangeDays, .quickSearch .searchPersonPrice ~ .popover .filterInput .rangeDays, .quickSearch .searchInboundTime ~ .popover .filterInput .rangeDays, .quickSearch .searchOutboundTime ~ .popover .filterInput .rangeDays, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .rangeDays, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .rangeDays, .quickSearch .searchCruiseAirports ~ .popover .filterInput .rangeDays, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .rangeDays, .quickSearch .searchShipTypes ~ .popover .filterInput .rangeDays, .quickSearch .searchTouroperator ~ .popover .filterInput .rangeDays, .quickSearch .searchCancellationOptions ~ .popover .filterInput .rangeDays, .quickSearch .searchFacilities ~ .popover .filterInput .rangeDays { font-size: var(--font-size--xxsmall); } .quickSearch .searchDestination ~ .popover .filterInput input, .quickSearch .searchAirport ~ .popover .filterInput input, .quickSearch .searchPerson ~ .popover .filterInput input, .quickSearch .searchDate ~ .popover .filterInput input, .quickSearch .searchDuration ~ .popover .filterInput input, .quickSearch .searchCategory ~ .popover .filterInput input, .quickSearch .searchRoom ~ .popover .filterInput input, .quickSearch .searchBoard ~ .popover .filterInput input, .quickSearch .searchRecommendation ~ .popover .filterInput input, .quickSearch .searchPersonPrice ~ .popover .filterInput input, .quickSearch .searchInboundTime ~ .popover .filterInput input, .quickSearch .searchOutboundTime ~ .popover .filterInput input, .quickSearch .searchCruiseDestinations ~ .popover .filterInput input, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput input, .quickSearch .searchCruiseAirports ~ .popover .filterInput input, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput input, .quickSearch .searchShipTypes ~ .popover .filterInput input, .quickSearch .searchTouroperator ~ .popover .filterInput input, .quickSearch .searchCancellationOptions ~ .popover .filterInput input, .quickSearch .searchFacilities ~ .popover .filterInput input { margin-bottom: 1rem; } @media (min-width: 768px) { .quickSearch .searchDestination ~ .popover .filterInput input, .quickSearch .searchAirport ~ .popover .filterInput input, .quickSearch .searchPerson ~ .popover .filterInput input, .quickSearch .searchDate ~ .popover .filterInput input, .quickSearch .searchDuration ~ .popover .filterInput input, .quickSearch .searchCategory ~ .popover .filterInput input, .quickSearch .searchRoom ~ .popover .filterInput input, .quickSearch .searchBoard ~ .popover .filterInput input, .quickSearch .searchRecommendation ~ .popover .filterInput input, .quickSearch .searchPersonPrice ~ .popover .filterInput input, .quickSearch .searchInboundTime ~ .popover .filterInput input, .quickSearch .searchOutboundTime ~ .popover .filterInput input, .quickSearch .searchCruiseDestinations ~ .popover .filterInput input, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput input, .quickSearch .searchCruiseAirports ~ .popover .filterInput input, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput input, .quickSearch .searchShipTypes ~ .popover .filterInput input, .quickSearch .searchTouroperator ~ .popover .filterInput input, .quickSearch .searchCancellationOptions ~ .popover .filterInput input, .quickSearch .searchFacilities ~ .popover .filterInput input { margin: 0; width: auto; } } .quickSearch .searchDestination ~ .popover .filterInput button, .quickSearch .searchAirport ~ .popover .filterInput button, .quickSearch .searchPerson ~ .popover .filterInput button, .quickSearch .searchDate ~ .popover .filterInput button, .quickSearch .searchDuration ~ .popover .filterInput button, .quickSearch .searchCategory ~ .popover .filterInput button, .quickSearch .searchRoom ~ .popover .filterInput button, .quickSearch .searchBoard ~ .popover .filterInput button, .quickSearch .searchRecommendation ~ .popover .filterInput button, .quickSearch .searchPersonPrice ~ .popover .filterInput button, .quickSearch .searchInboundTime ~ .popover .filterInput button, .quickSearch .searchOutboundTime ~ .popover .filterInput button, .quickSearch .searchCruiseDestinations ~ .popover .filterInput button, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput button, .quickSearch .searchCruiseAirports ~ .popover .filterInput button, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput button, .quickSearch .searchShipTypes ~ .popover .filterInput button, .quickSearch .searchTouroperator ~ .popover .filterInput button, .quickSearch .searchCancellationOptions ~ .popover .filterInput button, .quickSearch .searchFacilities ~ .popover .filterInput button { font-size: var(--font-size--xsmall); height: 5rem; margin: 0; min-width: 21rem; width: 100%; } @media (min-width: 768px) { .quickSearch .searchDestination ~ .popover .filterInput button, .quickSearch .searchAirport ~ .popover .filterInput button, .quickSearch .searchPerson ~ .popover .filterInput button, .quickSearch .searchDate ~ .popover .filterInput button, .quickSearch .searchDuration ~ .popover .filterInput button, .quickSearch .searchCategory ~ .popover .filterInput button, .quickSearch .searchRoom ~ .popover .filterInput button, .quickSearch .searchBoard ~ .popover .filterInput button, .quickSearch .searchRecommendation ~ .popover .filterInput button, .quickSearch .searchPersonPrice ~ .popover .filterInput button, .quickSearch .searchInboundTime ~ .popover .filterInput button, .quickSearch .searchOutboundTime ~ .popover .filterInput button, .quickSearch .searchCruiseDestinations ~ .popover .filterInput button, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput button, .quickSearch .searchCruiseAirports ~ .popover .filterInput button, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput button, .quickSearch .searchShipTypes ~ .popover .filterInput button, .quickSearch .searchTouroperator ~ .popover .filterInput button, .quickSearch .searchCancellationOptions ~ .popover .filterInput button, .quickSearch .searchFacilities ~ .popover .filterInput button { margin: 0 0 0 2rem; max-width: 29rem; width: 50%; } } .quickSearch .searchDestination ~ .popover .filterInput .closePopover, .quickSearch .searchAirport ~ .popover .filterInput .closePopover, .quickSearch .searchPerson ~ .popover .filterInput .closePopover, .quickSearch .searchDate ~ .popover .filterInput .closePopover, .quickSearch .searchDuration ~ .popover .filterInput .closePopover, .quickSearch .searchCategory ~ .popover .filterInput .closePopover, .quickSearch .searchRoom ~ .popover .filterInput .closePopover, .quickSearch .searchBoard ~ .popover .filterInput .closePopover, .quickSearch .searchRecommendation ~ .popover .filterInput .closePopover, .quickSearch .searchPersonPrice ~ .popover .filterInput .closePopover, .quickSearch .searchInboundTime ~ .popover .filterInput .closePopover, .quickSearch .searchOutboundTime ~ .popover .filterInput .closePopover, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .closePopover, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .closePopover, .quickSearch .searchCruiseAirports ~ .popover .filterInput .closePopover, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .closePopover, .quickSearch .searchShipTypes ~ .popover .filterInput .closePopover, .quickSearch .searchTouroperator ~ .popover .filterInput .closePopover, .quickSearch .searchCancellationOptions ~ .popover .filterInput .closePopover, .quickSearch .searchFacilities ~ .popover .filterInput .closePopover { align-items: center; cursor: pointer; display: none; height: 4rem; justify-content: center; margin: 0 1rem; width: 4rem; } @media (min-width: 768px) { .quickSearch .searchDestination ~ .popover .filterInput .closePopover, .quickSearch .searchAirport ~ .popover .filterInput .closePopover, .quickSearch .searchPerson ~ .popover .filterInput .closePopover, .quickSearch .searchDate ~ .popover .filterInput .closePopover, .quickSearch .searchDuration ~ .popover .filterInput .closePopover, .quickSearch .searchCategory ~ .popover .filterInput .closePopover, .quickSearch .searchRoom ~ .popover .filterInput .closePopover, .quickSearch .searchBoard ~ .popover .filterInput .closePopover, .quickSearch .searchRecommendation ~ .popover .filterInput .closePopover, .quickSearch .searchPersonPrice ~ .popover .filterInput .closePopover, .quickSearch .searchInboundTime ~ .popover .filterInput .closePopover, .quickSearch .searchOutboundTime ~ .popover .filterInput .closePopover, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .closePopover, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .closePopover, .quickSearch .searchCruiseAirports ~ .popover .filterInput .closePopover, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .closePopover, .quickSearch .searchShipTypes ~ .popover .filterInput .closePopover, .quickSearch .searchTouroperator ~ .popover .filterInput .closePopover, .quickSearch .searchCancellationOptions ~ .popover .filterInput .closePopover, .quickSearch .searchFacilities ~ .popover .filterInput .closePopover { display: flex; } } .quickSearch .searchDestination ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchAirport ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchPerson ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchDate ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchDuration ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchCategory ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchRoom ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchBoard ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchRecommendation ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchPersonPrice ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchInboundTime ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchOutboundTime ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchCruiseDestinations ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchCruiseShippingLines ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchCruiseAirports ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchCruiseTravelTypes ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchShipTypes ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchTouroperator ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchCancellationOptions ~ .popover .filterInput .closePopover .rtk-cross, .quickSearch .searchFacilities ~ .popover .filterInput .closePopover .rtk-cross { font-size: 3rem; } .quickSearch .searchDestination ~ .popover .filterWrapper, .quickSearch .searchAirport ~ .popover .filterWrapper, .quickSearch .searchPerson ~ .popover .filterWrapper, .quickSearch .searchDate ~ .popover .filterWrapper, .quickSearch .searchDuration ~ .popover .filterWrapper, .quickSearch .searchCategory ~ .popover .filterWrapper, .quickSearch .searchRoom ~ .popover .filterWrapper, .quickSearch .searchBoard ~ .popover .filterWrapper, .quickSearch .searchRecommendation ~ .popover .filterWrapper, .quickSearch .searchPersonPrice ~ .popover .filterWrapper, .quickSearch .searchInboundTime ~ .popover .filterWrapper, .quickSearch .searchOutboundTime ~ .popover .filterWrapper, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper, .quickSearch .searchShipTypes ~ .popover .filterWrapper, .quickSearch .searchTouroperator ~ .popover .filterWrapper, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper, .quickSearch .searchFacilities ~ .popover .filterWrapper { padding: 2rem; } .quickSearch .searchDestination ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchAirport ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchPerson ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchDate ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchDuration ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchCategory ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchRoom ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchBoard ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchRecommendation ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchPersonPrice ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchInboundTime ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchOutboundTime ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchShipTypes ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchTouroperator ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper .resultWrapper, .quickSearch .searchFacilities ~ .popover .filterWrapper .resultWrapper { background: var(--white); } .quickSearch .searchDestination ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchAirport ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchPerson ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchDate ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchDuration ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchCategory ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchRoom ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchBoard ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchRecommendation ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchPersonPrice ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchInboundTime ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchOutboundTime ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchShipTypes ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchTouroperator ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchFacilities ~ .popover .filterWrapper .resultWrapper.active { padding: 2rem 1rem 2rem 2rem; } @media (min-width: 768px) { .quickSearch .searchDestination ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchAirport ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchPerson ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchDate ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchDuration ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchCategory ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchRoom ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchBoard ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchRecommendation ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchPersonPrice ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchInboundTime ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchOutboundTime ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchShipTypes ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchTouroperator ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper .resultWrapper.active, .quickSearch .searchFacilities ~ .popover .filterWrapper .resultWrapper.active { padding: 2rem; } } .quickSearch .searchDestination ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchAirport ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchPerson ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchDate ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchDuration ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchCategory ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchRoom ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchBoard ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchRecommendation ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchPersonPrice ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchInboundTime ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchOutboundTime ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchShipTypes ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchTouroperator ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper, .quickSearch .searchFacilities ~ .popover .filterWrapper .resultWrapper.active .scrollWrapper { height: 100%; } .quickSearch .searchDestination ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchAirport ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchPerson ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchDate ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchDuration ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchCategory ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchRoom ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchBoard ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchRecommendation ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchPersonPrice ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchInboundTime ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchOutboundTime ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchShipTypes ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchTouroperator ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper .scrollWrapper, .quickSearch .searchFacilities ~ .popover .filterWrapper .scrollWrapper { display: flex; flex-wrap: wrap; height: 0; max-height: 30rem; overflow: auto; padding-right: 0.5rem; transition: height 0.1s ease-in-out; } .quickSearch .searchDestination ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchDestination ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchAirport ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchAirport ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchPerson ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchPerson ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchDate ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchDate ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchDuration ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchDuration ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchCategory ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchCategory ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchRoom ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchRoom ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchBoard ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchBoard ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchRecommendation ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchRecommendation ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchPersonPrice ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchPersonPrice ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchInboundTime ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchInboundTime ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchOutboundTime ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchOutboundTime ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchShipTypes ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchShipTypes ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchTouroperator ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchTouroperator ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper tbody::-webkit-scrollbar, .quickSearch .searchFacilities ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar, .quickSearch .searchFacilities ~ .popover .filterWrapper tbody::-webkit-scrollbar { width: 0.5rem; } .quickSearch .searchDestination ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchDestination ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchAirport ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchAirport ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchPerson ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchPerson ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchDate ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchDate ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchDuration ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchDuration ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchCategory ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchCategory ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchRoom ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchRoom ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchBoard ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchBoard ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchRecommendation ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchRecommendation ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchPersonPrice ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchPersonPrice ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchInboundTime ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchInboundTime ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchOutboundTime ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchOutboundTime ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchShipTypes ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchShipTypes ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchTouroperator ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchTouroperator ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb, .quickSearch .searchFacilities ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-thumb, .quickSearch .searchFacilities ~ .popover .filterWrapper tbody::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 0.3rem; } .quickSearch .searchDestination ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchDestination ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchAirport ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchAirport ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchPerson ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchPerson ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchDate ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchDate ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchDuration ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchDuration ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchCategory ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchCategory ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchRoom ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchRoom ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchBoard ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchBoard ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchRecommendation ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchRecommendation ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchPersonPrice ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchPersonPrice ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchInboundTime ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchInboundTime ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchOutboundTime ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchOutboundTime ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchShipTypes ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchShipTypes ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchTouroperator ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchTouroperator ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper tbody::-webkit-scrollbar-track, .quickSearch .searchFacilities ~ .popover .filterWrapper .scrollWrapper::-webkit-scrollbar-track, .quickSearch .searchFacilities ~ .popover .filterWrapper tbody::-webkit-scrollbar-track { background: var(--primary--lite); } .quickSearch .searchDestination ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchAirport ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchPerson ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchDate ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchDuration ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchCategory ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchRoom ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchBoard ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchRecommendation ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchPersonPrice ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchInboundTime ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchOutboundTime ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchCruiseDestinations ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchCruiseShippingLines ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchCruiseAirports ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchCruiseTravelTypes ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchShipTypes ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchTouroperator ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchCancellationOptions ~ .popover .filterWrapper .topDestinations h4, .quickSearch .searchFacilities ~ .popover .filterWrapper .topDestinations h4 { color: var(--primary); margin: 0; text-transform: uppercase; } .quickSearch .searchDestination ~ .popover .filter, .quickSearch .searchAirport ~ .popover .filter, .quickSearch .searchPerson ~ .popover .filter, .quickSearch .searchDate ~ .popover .filter, .quickSearch .searchDuration ~ .popover .filter, .quickSearch .searchCategory ~ .popover .filter, .quickSearch .searchRoom ~ .popover .filter, .quickSearch .searchBoard ~ .popover .filter, .quickSearch .searchRecommendation ~ .popover .filter, .quickSearch .searchPersonPrice ~ .popover .filter, .quickSearch .searchInboundTime ~ .popover .filter, .quickSearch .searchOutboundTime ~ .popover .filter, .quickSearch .searchCruiseDestinations ~ .popover .filter, .quickSearch .searchCruiseShippingLines ~ .popover .filter, .quickSearch .searchCruiseAirports ~ .popover .filter, .quickSearch .searchCruiseTravelTypes ~ .popover .filter, .quickSearch .searchShipTypes ~ .popover .filter, .quickSearch .searchTouroperator ~ .popover .filter, .quickSearch .searchCancellationOptions ~ .popover .filter, .quickSearch .searchFacilities ~ .popover .filter { margin: 0 0 2rem 0; padding-right: 1rem; width: 100%; } @media (min-width: 768px) { .quickSearch .searchDestination ~ .popover .filter, .quickSearch .searchAirport ~ .popover .filter, .quickSearch .searchPerson ~ .popover .filter, .quickSearch .searchDate ~ .popover .filter, .quickSearch .searchDuration ~ .popover .filter, .quickSearch .searchCategory ~ .popover .filter, .quickSearch .searchRoom ~ .popover .filter, .quickSearch .searchBoard ~ .popover .filter, .quickSearch .searchRecommendation ~ .popover .filter, .quickSearch .searchPersonPrice ~ .popover .filter, .quickSearch .searchInboundTime ~ .popover .filter, .quickSearch .searchOutboundTime ~ .popover .filter, .quickSearch .searchCruiseDestinations ~ .popover .filter, .quickSearch .searchCruiseShippingLines ~ .popover .filter, .quickSearch .searchCruiseAirports ~ .popover .filter, .quickSearch .searchCruiseTravelTypes ~ .popover .filter, .quickSearch .searchShipTypes ~ .popover .filter, .quickSearch .searchTouroperator ~ .popover .filter, .quickSearch .searchCancellationOptions ~ .popover .filter, .quickSearch .searchFacilities ~ .popover .filter { min-width: 20rem; width: 25%; } } .quickSearch .searchDestination ~ .popover .filter h4, .quickSearch .searchAirport ~ .popover .filter h4, .quickSearch .searchPerson ~ .popover .filter h4, .quickSearch .searchDate ~ .popover .filter h4, .quickSearch .searchDuration ~ .popover .filter h4, .quickSearch .searchCategory ~ .popover .filter h4, .quickSearch .searchRoom ~ .popover .filter h4, .quickSearch .searchBoard ~ .popover .filter h4, .quickSearch .searchRecommendation ~ .popover .filter h4, .quickSearch .searchPersonPrice ~ .popover .filter h4, .quickSearch .searchInboundTime ~ .popover .filter h4, .quickSearch .searchOutboundTime ~ .popover .filter h4, .quickSearch .searchCruiseDestinations ~ .popover .filter h4, .quickSearch .searchCruiseShippingLines ~ .popover .filter h4, .quickSearch .searchCruiseAirports ~ .popover .filter h4, .quickSearch .searchCruiseTravelTypes ~ .popover .filter h4, .quickSearch .searchShipTypes ~ .popover .filter h4, .quickSearch .searchTouroperator ~ .popover .filter h4, .quickSearch .searchCancellationOptions ~ .popover .filter h4, .quickSearch .searchFacilities ~ .popover .filter h4 { cursor: pointer; font-size: var(--font-size--xsmall); margin-bottom: 1rem; } .quickSearch .searchDestination ~ .popover .filter ul, .quickSearch .searchAirport ~ .popover .filter ul, .quickSearch .searchPerson ~ .popover .filter ul, .quickSearch .searchDate ~ .popover .filter ul, .quickSearch .searchDuration ~ .popover .filter ul, .quickSearch .searchCategory ~ .popover .filter ul, .quickSearch .searchRoom ~ .popover .filter ul, .quickSearch .searchBoard ~ .popover .filter ul, .quickSearch .searchRecommendation ~ .popover .filter ul, .quickSearch .searchPersonPrice ~ .popover .filter ul, .quickSearch .searchInboundTime ~ .popover .filter ul, .quickSearch .searchOutboundTime ~ .popover .filter ul, .quickSearch .searchCruiseDestinations ~ .popover .filter ul, .quickSearch .searchCruiseShippingLines ~ .popover .filter ul, .quickSearch .searchCruiseAirports ~ .popover .filter ul, .quickSearch .searchCruiseTravelTypes ~ .popover .filter ul, .quickSearch .searchShipTypes ~ .popover .filter ul, .quickSearch .searchTouroperator ~ .popover .filter ul, .quickSearch .searchCancellationOptions ~ .popover .filter ul, .quickSearch .searchFacilities ~ .popover .filter ul { margin: 0.5rem 0 0 0; padding: 0; } .quickSearch .searchDestination ~ .popover .filter ul li, .quickSearch .searchAirport ~ .popover .filter ul li, .quickSearch .searchPerson ~ .popover .filter ul li, .quickSearch .searchDate ~ .popover .filter ul li, .quickSearch .searchDuration ~ .popover .filter ul li, .quickSearch .searchCategory ~ .popover .filter ul li, .quickSearch .searchRoom ~ .popover .filter ul li, .quickSearch .searchBoard ~ .popover .filter ul li, .quickSearch .searchRecommendation ~ .popover .filter ul li, .quickSearch .searchPersonPrice ~ .popover .filter ul li, .quickSearch .searchInboundTime ~ .popover .filter ul li, .quickSearch .searchOutboundTime ~ .popover .filter ul li, .quickSearch .searchCruiseDestinations ~ .popover .filter ul li, .quickSearch .searchCruiseShippingLines ~ .popover .filter ul li, .quickSearch .searchCruiseAirports ~ .popover .filter ul li, .quickSearch .searchCruiseTravelTypes ~ .popover .filter ul li, .quickSearch .searchShipTypes ~ .popover .filter ul li, .quickSearch .searchTouroperator ~ .popover .filter ul li, .quickSearch .searchCancellationOptions ~ .popover .filter ul li, .quickSearch .searchFacilities ~ .popover .filter ul li { list-style: none outside; margin-bottom: 0.5rem; } .quickSearch .searchDestination ~ .popover .filter label, .quickSearch .searchAirport ~ .popover .filter label, .quickSearch .searchPerson ~ .popover .filter label, .quickSearch .searchDate ~ .popover .filter label, .quickSearch .searchDuration ~ .popover .filter label, .quickSearch .searchCategory ~ .popover .filter label, .quickSearch .searchRoom ~ .popover .filter label, .quickSearch .searchBoard ~ .popover .filter label, .quickSearch .searchRecommendation ~ .popover .filter label, .quickSearch .searchPersonPrice ~ .popover .filter label, .quickSearch .searchInboundTime ~ .popover .filter label, .quickSearch .searchOutboundTime ~ .popover .filter label, .quickSearch .searchCruiseDestinations ~ .popover .filter label, .quickSearch .searchCruiseShippingLines ~ .popover .filter label, .quickSearch .searchCruiseAirports ~ .popover .filter label, .quickSearch .searchCruiseTravelTypes ~ .popover .filter label, .quickSearch .searchShipTypes ~ .popover .filter label, .quickSearch .searchTouroperator ~ .popover .filter label, .quickSearch .searchCancellationOptions ~ .popover .filter label, .quickSearch .searchFacilities ~ .popover .filter label { align-items: flex-start; display: flex; font-size: var(--font-size--xsmall); margin: 0; padding: 0; position: relative; } .quickSearch .searchDestination ~ .popover .filter label.titleLable, .quickSearch .searchAirport ~ .popover .filter label.titleLable, .quickSearch .searchPerson ~ .popover .filter label.titleLable, .quickSearch .searchDate ~ .popover .filter label.titleLable, .quickSearch .searchDuration ~ .popover .filter label.titleLable, .quickSearch .searchCategory ~ .popover .filter label.titleLable, .quickSearch .searchRoom ~ .popover .filter label.titleLable, .quickSearch .searchBoard ~ .popover .filter label.titleLable, .quickSearch .searchRecommendation ~ .popover .filter label.titleLable, .quickSearch .searchPersonPrice ~ .popover .filter label.titleLable, .quickSearch .searchInboundTime ~ .popover .filter label.titleLable, .quickSearch .searchOutboundTime ~ .popover .filter label.titleLable, .quickSearch .searchCruiseDestinations ~ .popover .filter label.titleLable, .quickSearch .searchCruiseShippingLines ~ .popover .filter label.titleLable, .quickSearch .searchCruiseAirports ~ .popover .filter label.titleLable, .quickSearch .searchCruiseTravelTypes ~ .popover .filter label.titleLable, .quickSearch .searchShipTypes ~ .popover .filter label.titleLable, .quickSearch .searchTouroperator ~ .popover .filter label.titleLable, .quickSearch .searchCancellationOptions ~ .popover .filter label.titleLable, .quickSearch .searchFacilities ~ .popover .filter label.titleLable { margin-top: 1rem; } .quickSearch .searchDestination ~ .popover .filter label.titleLable span, .quickSearch .searchAirport ~ .popover .filter label.titleLable span, .quickSearch .searchPerson ~ .popover .filter label.titleLable span, .quickSearch .searchDate ~ .popover .filter label.titleLable span, .quickSearch .searchDuration ~ .popover .filter label.titleLable span, .quickSearch .searchCategory ~ .popover .filter label.titleLable span, .quickSearch .searchRoom ~ .popover .filter label.titleLable span, .quickSearch .searchBoard ~ .popover .filter label.titleLable span, .quickSearch .searchRecommendation ~ .popover .filter label.titleLable span, .quickSearch .searchPersonPrice ~ .popover .filter label.titleLable span, .quickSearch .searchInboundTime ~ .popover .filter label.titleLable span, .quickSearch .searchOutboundTime ~ .popover .filter label.titleLable span, .quickSearch .searchCruiseDestinations ~ .popover .filter label.titleLable span, .quickSearch .searchCruiseShippingLines ~ .popover .filter label.titleLable span, .quickSearch .searchCruiseAirports ~ .popover .filter label.titleLable span, .quickSearch .searchCruiseTravelTypes ~ .popover .filter label.titleLable span, .quickSearch .searchShipTypes ~ .popover .filter label.titleLable span, .quickSearch .searchTouroperator ~ .popover .filter label.titleLable span, .quickSearch .searchCancellationOptions ~ .popover .filter label.titleLable span, .quickSearch .searchFacilities ~ .popover .filter label.titleLable span { font-weight: 700; } .quickSearch .searchDestination ~ .popover .filter label input[type=checkbox], .quickSearch .searchAirport ~ .popover .filter label input[type=checkbox], .quickSearch .searchPerson ~ .popover .filter label input[type=checkbox], .quickSearch .searchDate ~ .popover .filter label input[type=checkbox], .quickSearch .searchDuration ~ .popover .filter label input[type=checkbox], .quickSearch .searchCategory ~ .popover .filter label input[type=checkbox], .quickSearch .searchRoom ~ .popover .filter label input[type=checkbox], .quickSearch .searchBoard ~ .popover .filter label input[type=checkbox], .quickSearch .searchRecommendation ~ .popover .filter label input[type=checkbox], .quickSearch .searchPersonPrice ~ .popover .filter label input[type=checkbox], .quickSearch .searchInboundTime ~ .popover .filter label input[type=checkbox], .quickSearch .searchOutboundTime ~ .popover .filter label input[type=checkbox], .quickSearch .searchCruiseDestinations ~ .popover .filter label input[type=checkbox], .quickSearch .searchCruiseShippingLines ~ .popover .filter label input[type=checkbox], .quickSearch .searchCruiseAirports ~ .popover .filter label input[type=checkbox], .quickSearch .searchCruiseTravelTypes ~ .popover .filter label input[type=checkbox], .quickSearch .searchShipTypes ~ .popover .filter label input[type=checkbox], .quickSearch .searchTouroperator ~ .popover .filter label input[type=checkbox], .quickSearch .searchCancellationOptions ~ .popover .filter label input[type=checkbox], .quickSearch .searchFacilities ~ .popover .filter label input[type=checkbox] { flex-shrink: 0; height: 1.5rem; margin-top: 0.1rem; width: 1.5rem; } .quickSearch .searchDestination ~ .popover .filter label span, .quickSearch .searchAirport ~ .popover .filter label span, .quickSearch .searchPerson ~ .popover .filter label span, .quickSearch .searchDate ~ .popover .filter label span, .quickSearch .searchDuration ~ .popover .filter label span, .quickSearch .searchCategory ~ .popover .filter label span, .quickSearch .searchRoom ~ .popover .filter label span, .quickSearch .searchBoard ~ .popover .filter label span, .quickSearch .searchRecommendation ~ .popover .filter label span, .quickSearch .searchPersonPrice ~ .popover .filter label span, .quickSearch .searchInboundTime ~ .popover .filter label span, .quickSearch .searchOutboundTime ~ .popover .filter label span, .quickSearch .searchCruiseDestinations ~ .popover .filter label span, .quickSearch .searchCruiseShippingLines ~ .popover .filter label span, .quickSearch .searchCruiseAirports ~ .popover .filter label span, .quickSearch .searchCruiseTravelTypes ~ .popover .filter label span, .quickSearch .searchShipTypes ~ .popover .filter label span, .quickSearch .searchTouroperator ~ .popover .filter label span, .quickSearch .searchCancellationOptions ~ .popover .filter label span, .quickSearch .searchFacilities ~ .popover .filter label span { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; font-size: 1.6rem; font-weight: 300; position: relative; top: -0.1rem; } .quickSearch .searchDestination ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchAirport ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchPerson ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchDate ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchDuration ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchCategory ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchRoom ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchBoard ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchRecommendation ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchPersonPrice ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchInboundTime ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchOutboundTime ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchCruiseDestinations ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchCruiseShippingLines ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchCruiseAirports ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchCruiseTravelTypes ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchShipTypes ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchTouroperator ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchCancellationOptions ~ .popover .filter .hasChildren .parentEntry, .quickSearch .searchFacilities ~ .popover .filter .hasChildren .parentEntry { align-items: center; display: flex; justify-content: start; } .quickSearch .searchDestination ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchAirport ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchPerson ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchDate ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchDuration ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchCategory ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchRoom ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchBoard ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchRecommendation ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchPersonPrice ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchInboundTime ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchOutboundTime ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchCruiseDestinations ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchCruiseShippingLines ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchCruiseAirports ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchCruiseTravelTypes ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchShipTypes ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchTouroperator ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchCancellationOptions ~ .popover .filter .hasChildren .parentEntry label, .quickSearch .searchFacilities ~ .popover .filter .hasChildren .parentEntry label { margin-right: 1rem; } .quickSearch .searchDestination ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchAirport ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchPerson ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchDate ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchDuration ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchCategory ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchRoom ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchBoard ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchRecommendation ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchPersonPrice ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchInboundTime ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchOutboundTime ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchCruiseDestinations ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchCruiseShippingLines ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchCruiseAirports ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchCruiseTravelTypes ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchShipTypes ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchTouroperator ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchCancellationOptions ~ .popover .filter .hasChildren .parentEntry .icon, .quickSearch .searchFacilities ~ .popover .filter .hasChildren .parentEntry .icon { cursor: pointer; font-size: small; font-weight: bold; line-height: 1; margin-bottom: 0.5rem; text-align: center; transition: transform 200ms ease-out; } .quickSearch .searchDestination ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchAirport ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchPerson ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchDate ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchDuration ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchCategory ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchRoom ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchBoard ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchRecommendation ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchPersonPrice ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchInboundTime ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchOutboundTime ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchCruiseDestinations ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchCruiseShippingLines ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchCruiseAirports ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchCruiseTravelTypes ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchShipTypes ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchTouroperator ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchCancellationOptions ~ .popover .filter .hasChildren.open .icon, .quickSearch .searchFacilities ~ .popover .filter .hasChildren.open .icon { transform: rotate(-180deg); } .quickSearch .searchDestination ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchAirport ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchPerson ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchDate ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchDuration ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchCategory ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchRoom ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchBoard ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchRecommendation ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchPersonPrice ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchInboundTime ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchOutboundTime ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchCruiseDestinations ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchCruiseShippingLines ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchCruiseAirports ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchCruiseTravelTypes ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchShipTypes ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchTouroperator ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchCancellationOptions ~ .popover .filter .hasChildren.open .nestedList, .quickSearch .searchFacilities ~ .popover .filter .hasChildren.open .nestedList { display: block; } .quickSearch .searchDestination ~ .popover .filter .nestedList, .quickSearch .searchAirport ~ .popover .filter .nestedList, .quickSearch .searchPerson ~ .popover .filter .nestedList, .quickSearch .searchDate ~ .popover .filter .nestedList, .quickSearch .searchDuration ~ .popover .filter .nestedList, .quickSearch .searchCategory ~ .popover .filter .nestedList, .quickSearch .searchRoom ~ .popover .filter .nestedList, .quickSearch .searchBoard ~ .popover .filter .nestedList, .quickSearch .searchRecommendation ~ .popover .filter .nestedList, .quickSearch .searchPersonPrice ~ .popover .filter .nestedList, .quickSearch .searchInboundTime ~ .popover .filter .nestedList, .quickSearch .searchOutboundTime ~ .popover .filter .nestedList, .quickSearch .searchCruiseDestinations ~ .popover .filter .nestedList, .quickSearch .searchCruiseShippingLines ~ .popover .filter .nestedList, .quickSearch .searchCruiseAirports ~ .popover .filter .nestedList, .quickSearch .searchCruiseTravelTypes ~ .popover .filter .nestedList, .quickSearch .searchShipTypes ~ .popover .filter .nestedList, .quickSearch .searchTouroperator ~ .popover .filter .nestedList, .quickSearch .searchCancellationOptions ~ .popover .filter .nestedList, .quickSearch .searchFacilities ~ .popover .filter .nestedList { display: none; padding-left: 2rem; } .quickSearch .searchDestination ~ .popover .selectedDestinations, .quickSearch .searchAirport ~ .popover .selectedDestinations, .quickSearch .searchPerson ~ .popover .selectedDestinations, .quickSearch .searchDate ~ .popover .selectedDestinations, .quickSearch .searchDuration ~ .popover .selectedDestinations, .quickSearch .searchCategory ~ .popover .selectedDestinations, .quickSearch .searchRoom ~ .popover .selectedDestinations, .quickSearch .searchBoard ~ .popover .selectedDestinations, .quickSearch .searchRecommendation ~ .popover .selectedDestinations, .quickSearch .searchPersonPrice ~ .popover .selectedDestinations, .quickSearch .searchInboundTime ~ .popover .selectedDestinations, .quickSearch .searchOutboundTime ~ .popover .selectedDestinations, .quickSearch .searchCruiseDestinations ~ .popover .selectedDestinations, .quickSearch .searchCruiseShippingLines ~ .popover .selectedDestinations, .quickSearch .searchCruiseAirports ~ .popover .selectedDestinations, .quickSearch .searchCruiseTravelTypes ~ .popover .selectedDestinations, .quickSearch .searchShipTypes ~ .popover .selectedDestinations, .quickSearch .searchTouroperator ~ .popover .selectedDestinations, .quickSearch .searchCancellationOptions ~ .popover .selectedDestinations, .quickSearch .searchFacilities ~ .popover .selectedDestinations { width: 100%; } .quickSearch .searchDestination > i:first-of-type, .quickSearch .searchAirport > i:first-of-type, .quickSearch .searchPerson > i:first-of-type, .quickSearch .searchDate > i:first-of-type, .quickSearch .searchDuration > i:first-of-type, .quickSearch .searchCategory > i:first-of-type, .quickSearch .searchRoom > i:first-of-type, .quickSearch .searchBoard > i:first-of-type, .quickSearch .searchRecommendation > i:first-of-type, .quickSearch .searchPersonPrice > i:first-of-type, .quickSearch .searchInboundTime > i:first-of-type, .quickSearch .searchOutboundTime > i:first-of-type, .quickSearch .searchCruiseDestinations > i:first-of-type, .quickSearch .searchCruiseShippingLines > i:first-of-type, .quickSearch .searchCruiseAirports > i:first-of-type, .quickSearch .searchCruiseTravelTypes > i:first-of-type, .quickSearch .searchShipTypes > i:first-of-type, .quickSearch .searchTouroperator > i:first-of-type, .quickSearch .searchCancellationOptions > i:first-of-type, .quickSearch .searchFacilities > i:first-of-type { color: var(--grey); left: 1rem; position: absolute; } .quickSearch .searchDestination .rtk-arrow-down, .quickSearch .searchDestination .rtk-arrow-up, .quickSearch .searchAirport .rtk-arrow-down, .quickSearch .searchAirport .rtk-arrow-up, .quickSearch .searchPerson .rtk-arrow-down, .quickSearch .searchPerson .rtk-arrow-up, .quickSearch .searchDate .rtk-arrow-down, .quickSearch .searchDate .rtk-arrow-up, .quickSearch .searchDuration .rtk-arrow-down, .quickSearch .searchDuration .rtk-arrow-up, .quickSearch .searchCategory .rtk-arrow-down, .quickSearch .searchCategory .rtk-arrow-up, .quickSearch .searchRoom .rtk-arrow-down, .quickSearch .searchRoom .rtk-arrow-up, .quickSearch .searchBoard .rtk-arrow-down, .quickSearch .searchBoard .rtk-arrow-up, .quickSearch .searchRecommendation .rtk-arrow-down, .quickSearch .searchRecommendation .rtk-arrow-up, .quickSearch .searchPersonPrice .rtk-arrow-down, .quickSearch .searchPersonPrice .rtk-arrow-up, .quickSearch .searchInboundTime .rtk-arrow-down, .quickSearch .searchInboundTime .rtk-arrow-up, .quickSearch .searchOutboundTime .rtk-arrow-down, .quickSearch .searchOutboundTime .rtk-arrow-up, .quickSearch .searchCruiseDestinations .rtk-arrow-down, .quickSearch .searchCruiseDestinations .rtk-arrow-up, .quickSearch .searchCruiseShippingLines .rtk-arrow-down, .quickSearch .searchCruiseShippingLines .rtk-arrow-up, .quickSearch .searchCruiseAirports .rtk-arrow-down, .quickSearch .searchCruiseAirports .rtk-arrow-up, .quickSearch .searchCruiseTravelTypes .rtk-arrow-down, .quickSearch .searchCruiseTravelTypes .rtk-arrow-up, .quickSearch .searchShipTypes .rtk-arrow-down, .quickSearch .searchShipTypes .rtk-arrow-up, .quickSearch .searchTouroperator .rtk-arrow-down, .quickSearch .searchTouroperator .rtk-arrow-up, .quickSearch .searchCancellationOptions .rtk-arrow-down, .quickSearch .searchCancellationOptions .rtk-arrow-up, .quickSearch .searchFacilities .rtk-arrow-down, .quickSearch .searchFacilities .rtk-arrow-up { color: var(--grey); font-size: 2rem; position: absolute; right: 1rem; top: 1.4rem; z-index: 1; } .quickSearch .searchDuration.active .rtk, .quickSearch .searchCategory.active .rtk, .quickSearch .searchRoom.active .rtk, .quickSearch .searchBoard.active .rtk, .quickSearch .searchRecommendation.active .rtk, .quickSearch .searchPersonPrice.active .rtk, .quickSearch .searchInboundTime.active .rtk, .quickSearch .searchOutboundTime.active .rtk, .quickSearch .searchCruiseDestinations.active .rtk, .quickSearch .searchCruiseShippingLines.active .rtk, .quickSearch .searchCruiseAirports.active .rtk, .quickSearch .searchCruiseTravelTypes.active .rtk, .quickSearch .searchShipTypes.active .rtk, .quickSearch .searchTouroperator.active .rtk, .quickSearch .searchCancellationOptions.active .rtk, .quickSearch .searchFacilities.active .rtk { color: var(--primary); } .quickSearch .searchDuration.active .rtk-arrow-down, .quickSearch .searchCategory.active .rtk-arrow-down, .quickSearch .searchRoom.active .rtk-arrow-down, .quickSearch .searchBoard.active .rtk-arrow-down, .quickSearch .searchRecommendation.active .rtk-arrow-down, .quickSearch .searchPersonPrice.active .rtk-arrow-down, .quickSearch .searchInboundTime.active .rtk-arrow-down, .quickSearch .searchOutboundTime.active .rtk-arrow-down, .quickSearch .searchCruiseDestinations.active .rtk-arrow-down, .quickSearch .searchCruiseShippingLines.active .rtk-arrow-down, .quickSearch .searchCruiseAirports.active .rtk-arrow-down, .quickSearch .searchCruiseTravelTypes.active .rtk-arrow-down, .quickSearch .searchShipTypes.active .rtk-arrow-down, .quickSearch .searchTouroperator.active .rtk-arrow-down, .quickSearch .searchCancellationOptions.active .rtk-arrow-down, .quickSearch .searchFacilities.active .rtk-arrow-down { display: none; } .quickSearch .searchDuration.active .selectWrapper:after, .quickSearch .searchCategory.active .selectWrapper:after, .quickSearch .searchRoom.active .selectWrapper:after, .quickSearch .searchBoard.active .selectWrapper:after, .quickSearch .searchRecommendation.active .selectWrapper:after, .quickSearch .searchPersonPrice.active .selectWrapper:after, .quickSearch .searchInboundTime.active .selectWrapper:after, .quickSearch .searchOutboundTime.active .selectWrapper:after, .quickSearch .searchCruiseDestinations.active .selectWrapper:after, .quickSearch .searchCruiseShippingLines.active .selectWrapper:after, .quickSearch .searchCruiseAirports.active .selectWrapper:after, .quickSearch .searchCruiseTravelTypes.active .selectWrapper:after, .quickSearch .searchShipTypes.active .selectWrapper:after, .quickSearch .searchTouroperator.active .selectWrapper:after, .quickSearch .searchCancellationOptions.active .selectWrapper:after, .quickSearch .searchFacilities.active .selectWrapper:after { transform: rotate(180deg); } .quickSearch .searchDuration.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchCategory.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchRoom.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchBoard.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchRecommendation.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchPersonPrice.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchInboundTime.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchOutboundTime.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchCruiseDestinations.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchCruiseShippingLines.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchCruiseAirports.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchCruiseTravelTypes.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchShipTypes.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchTouroperator.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchCancellationOptions.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder, .quickSearch .searchFacilities.active .selectWrapper .fstControls .fstQueryInput::-moz-placeholder { color: var(--text); } .quickSearch .searchDuration.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchCategory.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchRoom.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchBoard.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchRecommendation.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchPersonPrice.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchInboundTime.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchOutboundTime.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchCruiseDestinations.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchCruiseShippingLines.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchCruiseAirports.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchCruiseTravelTypes.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchShipTypes.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchTouroperator.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchCancellationOptions.active .selectWrapper .fstControls .fstQueryInput::placeholder, .quickSearch .searchFacilities.active .selectWrapper .fstControls .fstQueryInput::placeholder { color: var(--text); } .quickSearch .searchDuration.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchCategory.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchRoom.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchBoard.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchRecommendation.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchPersonPrice.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchInboundTime.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchOutboundTime.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchCruiseDestinations.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchCruiseShippingLines.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchCruiseAirports.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchCruiseTravelTypes.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchShipTypes.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchTouroperator.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchCancellationOptions.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchFacilities.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder { color: var(--text); } .quickSearch .searchDuration.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchCategory.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchRoom.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchBoard.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchRecommendation.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchPersonPrice.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchInboundTime.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchOutboundTime.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchCruiseDestinations.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchCruiseShippingLines.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchCruiseAirports.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchCruiseTravelTypes.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchShipTypes.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchTouroperator.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchCancellationOptions.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder, .quickSearch .searchFacilities.active .selectWrapper .fstControls .fstQueryInput:focus::placeholder { color: var(--text); } .quickSearch .searchDuration.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchCategory.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchRoom.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchBoard.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchRecommendation.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchPersonPrice.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchInboundTime.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchOutboundTime.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchCruiseDestinations.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchCruiseShippingLines.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchCruiseAirports.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchCruiseTravelTypes.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchShipTypes.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchTouroperator.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchCancellationOptions.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder, .quickSearch .searchFacilities.active .selectWrapper .fstControls .fstQueryInput:focus::-moz-placeholder { color: var(--text); } .quickSearch .searchDuration.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchCategory.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchRoom.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchBoard.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchRecommendation.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchPersonPrice.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchInboundTime.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchOutboundTime.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchCruiseDestinations.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchCruiseShippingLines.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchCruiseAirports.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchCruiseTravelTypes.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchShipTypes.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchTouroperator.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchCancellationOptions.active .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchFacilities.active .selectWrapper .fstChoiceItem:not(.dummy) { color: var(--text); } .quickSearch .searchDuration.active .searchCategoryText, .quickSearch .searchCategory.active .searchCategoryText, .quickSearch .searchRoom.active .searchCategoryText, .quickSearch .searchBoard.active .searchCategoryText, .quickSearch .searchRecommendation.active .searchCategoryText, .quickSearch .searchPersonPrice.active .searchCategoryText, .quickSearch .searchInboundTime.active .searchCategoryText, .quickSearch .searchOutboundTime.active .searchCategoryText, .quickSearch .searchCruiseDestinations.active .searchCategoryText, .quickSearch .searchCruiseShippingLines.active .searchCategoryText, .quickSearch .searchCruiseAirports.active .searchCategoryText, .quickSearch .searchCruiseTravelTypes.active .searchCategoryText, .quickSearch .searchShipTypes.active .searchCategoryText, .quickSearch .searchTouroperator.active .searchCategoryText, .quickSearch .searchCancellationOptions.active .searchCategoryText, .quickSearch .searchFacilities.active .searchCategoryText { color: var(--text); font-weight: bold; } .quickSearch .searchDuration.active .fstToggleBtn, .quickSearch .searchCategory.active .fstToggleBtn, .quickSearch .searchRoom.active .fstToggleBtn, .quickSearch .searchBoard.active .fstToggleBtn, .quickSearch .searchRecommendation.active .fstToggleBtn, .quickSearch .searchPersonPrice.active .fstToggleBtn, .quickSearch .searchInboundTime.active .fstToggleBtn, .quickSearch .searchOutboundTime.active .fstToggleBtn, .quickSearch .searchCruiseDestinations.active .fstToggleBtn, .quickSearch .searchCruiseShippingLines.active .fstToggleBtn, .quickSearch .searchCruiseAirports.active .fstToggleBtn, .quickSearch .searchCruiseTravelTypes.active .fstToggleBtn, .quickSearch .searchShipTypes.active .fstToggleBtn, .quickSearch .searchTouroperator.active .fstToggleBtn, .quickSearch .searchCancellationOptions.active .fstToggleBtn, .quickSearch .searchFacilities.active .fstToggleBtn { color: var(--text); } .quickSearch .searchDuration.active .trigger, .quickSearch .searchCategory.active .trigger, .quickSearch .searchRoom.active .trigger, .quickSearch .searchBoard.active .trigger, .quickSearch .searchRecommendation.active .trigger, .quickSearch .searchPersonPrice.active .trigger, .quickSearch .searchInboundTime.active .trigger, .quickSearch .searchOutboundTime.active .trigger, .quickSearch .searchCruiseDestinations.active .trigger, .quickSearch .searchCruiseShippingLines.active .trigger, .quickSearch .searchCruiseAirports.active .trigger, .quickSearch .searchCruiseTravelTypes.active .trigger, .quickSearch .searchShipTypes.active .trigger, .quickSearch .searchTouroperator.active .trigger, .quickSearch .searchCancellationOptions.active .trigger, .quickSearch .searchFacilities.active .trigger { pointer-events: auto; } .quickSearch .searchDuration .selectWrapper, .quickSearch .searchCategory .selectWrapper, .quickSearch .searchRoom .selectWrapper, .quickSearch .searchBoard .selectWrapper, .quickSearch .searchRecommendation .selectWrapper, .quickSearch .searchPersonPrice .selectWrapper, .quickSearch .searchInboundTime .selectWrapper, .quickSearch .searchOutboundTime .selectWrapper, .quickSearch .searchCruiseDestinations .selectWrapper, .quickSearch .searchCruiseShippingLines .selectWrapper, .quickSearch .searchCruiseAirports .selectWrapper, .quickSearch .searchCruiseTravelTypes .selectWrapper, .quickSearch .searchShipTypes .selectWrapper, .quickSearch .searchTouroperator .selectWrapper, .quickSearch .searchCancellationOptions .selectWrapper, .quickSearch .searchFacilities .selectWrapper { width: calc(100% + 3rem); } .quickSearch .searchDuration .selectWrapper:after, .quickSearch .searchCategory .selectWrapper:after, .quickSearch .searchRoom .selectWrapper:after, .quickSearch .searchBoard .selectWrapper:after, .quickSearch .searchRecommendation .selectWrapper:after, .quickSearch .searchPersonPrice .selectWrapper:after, .quickSearch .searchInboundTime .selectWrapper:after, .quickSearch .searchOutboundTime .selectWrapper:after, .quickSearch .searchCruiseDestinations .selectWrapper:after, .quickSearch .searchCruiseShippingLines .selectWrapper:after, .quickSearch .searchCruiseAirports .selectWrapper:after, .quickSearch .searchCruiseTravelTypes .selectWrapper:after, .quickSearch .searchShipTypes .selectWrapper:after, .quickSearch .searchTouroperator .selectWrapper:after, .quickSearch .searchCancellationOptions .selectWrapper:after, .quickSearch .searchFacilities .selectWrapper:after { color: var(--grey); z-index: 1; } .quickSearch .searchDuration .selectWrapper select, .quickSearch .searchCategory .selectWrapper select, .quickSearch .searchRoom .selectWrapper select, .quickSearch .searchBoard .selectWrapper select, .quickSearch .searchRecommendation .selectWrapper select, .quickSearch .searchPersonPrice .selectWrapper select, .quickSearch .searchInboundTime .selectWrapper select, .quickSearch .searchOutboundTime .selectWrapper select, .quickSearch .searchCruiseDestinations .selectWrapper select, .quickSearch .searchCruiseShippingLines .selectWrapper select, .quickSearch .searchCruiseAirports .selectWrapper select, .quickSearch .searchCruiseTravelTypes .selectWrapper select, .quickSearch .searchShipTypes .selectWrapper select, .quickSearch .searchTouroperator .selectWrapper select, .quickSearch .searchCancellationOptions .selectWrapper select, .quickSearch .searchFacilities .selectWrapper select { background: transparent; color: var(--white); font-weight: 300; padding: 0 4rem 0 0; } .quickSearch .searchDuration .selectWrapper select.active, .quickSearch .searchCategory .selectWrapper select.active, .quickSearch .searchRoom .selectWrapper select.active, .quickSearch .searchBoard .selectWrapper select.active, .quickSearch .searchRecommendation .selectWrapper select.active, .quickSearch .searchPersonPrice .selectWrapper select.active, .quickSearch .searchInboundTime .selectWrapper select.active, .quickSearch .searchOutboundTime .selectWrapper select.active, .quickSearch .searchCruiseDestinations .selectWrapper select.active, .quickSearch .searchCruiseShippingLines .selectWrapper select.active, .quickSearch .searchCruiseAirports .selectWrapper select.active, .quickSearch .searchCruiseTravelTypes .selectWrapper select.active, .quickSearch .searchShipTypes .selectWrapper select.active, .quickSearch .searchTouroperator .selectWrapper select.active, .quickSearch .searchCancellationOptions .selectWrapper select.active, .quickSearch .searchFacilities .selectWrapper select.active { padding-top: 1rem; } .quickSearch .searchDuration .selectWrapper select option, .quickSearch .searchCategory .selectWrapper select option, .quickSearch .searchRoom .selectWrapper select option, .quickSearch .searchBoard .selectWrapper select option, .quickSearch .searchRecommendation .selectWrapper select option, .quickSearch .searchPersonPrice .selectWrapper select option, .quickSearch .searchInboundTime .selectWrapper select option, .quickSearch .searchOutboundTime .selectWrapper select option, .quickSearch .searchCruiseDestinations .selectWrapper select option, .quickSearch .searchCruiseShippingLines .selectWrapper select option, .quickSearch .searchCruiseAirports .selectWrapper select option, .quickSearch .searchCruiseTravelTypes .selectWrapper select option, .quickSearch .searchShipTypes .selectWrapper select option, .quickSearch .searchTouroperator .selectWrapper select option, .quickSearch .searchCancellationOptions .selectWrapper select option, .quickSearch .searchFacilities .selectWrapper select option { background: var(--text); } .quickSearch .searchDuration .selectWrapper .fstElement, .quickSearch .searchCategory .selectWrapper .fstElement, .quickSearch .searchRoom .selectWrapper .fstElement, .quickSearch .searchBoard .selectWrapper .fstElement, .quickSearch .searchRecommendation .selectWrapper .fstElement, .quickSearch .searchPersonPrice .selectWrapper .fstElement, .quickSearch .searchInboundTime .selectWrapper .fstElement, .quickSearch .searchOutboundTime .selectWrapper .fstElement, .quickSearch .searchCruiseDestinations .selectWrapper .fstElement, .quickSearch .searchCruiseShippingLines .selectWrapper .fstElement, .quickSearch .searchCruiseAirports .selectWrapper .fstElement, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstElement, .quickSearch .searchShipTypes .selectWrapper .fstElement, .quickSearch .searchTouroperator .selectWrapper .fstElement, .quickSearch .searchCancellationOptions .selectWrapper .fstElement, .quickSearch .searchFacilities .selectWrapper .fstElement { background: transparent; color: var(--white); cursor: pointer; font-weight: 300; height: 100% !important; padding: 0; } .quickSearch .searchDuration .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchCategory .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchRoom .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchBoard .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchRecommendation .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchPersonPrice .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchInboundTime .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchOutboundTime .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchCruiseDestinations .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchCruiseShippingLines .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchCruiseAirports .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchShipTypes .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchTouroperator .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchCancellationOptions .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchFacilities .selectWrapper .fstElement.hasPlaceholder { padding-top: 1rem; } .quickSearch .searchDuration .selectWrapper .fstSingleMode, .quickSearch .searchCategory .selectWrapper .fstSingleMode, .quickSearch .searchRoom .selectWrapper .fstSingleMode, .quickSearch .searchBoard .selectWrapper .fstSingleMode, .quickSearch .searchRecommendation .selectWrapper .fstSingleMode, .quickSearch .searchPersonPrice .selectWrapper .fstSingleMode, .quickSearch .searchInboundTime .selectWrapper .fstSingleMode, .quickSearch .searchOutboundTime .selectWrapper .fstSingleMode, .quickSearch .searchCruiseDestinations .selectWrapper .fstSingleMode, .quickSearch .searchCruiseShippingLines .selectWrapper .fstSingleMode, .quickSearch .searchCruiseAirports .selectWrapper .fstSingleMode, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstSingleMode, .quickSearch .searchShipTypes .selectWrapper .fstSingleMode, .quickSearch .searchTouroperator .selectWrapper .fstSingleMode, .quickSearch .searchCancellationOptions .selectWrapper .fstSingleMode, .quickSearch .searchFacilities .selectWrapper .fstSingleMode { padding-right: 3rem; } .quickSearch .searchDuration .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchCategory .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchRoom .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchBoard .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchRecommendation .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchPersonPrice .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchInboundTime .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchOutboundTime .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchCruiseDestinations .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchCruiseShippingLines .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchCruiseAirports .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchShipTypes .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchTouroperator .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchCancellationOptions .selectWrapper .fstSingleMode.fstElement, .quickSearch .searchFacilities .selectWrapper .fstSingleMode.fstElement { box-shadow: none; } .quickSearch .searchDuration .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchCategory .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchRoom .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchBoard .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchRecommendation .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchPersonPrice .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchInboundTime .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchOutboundTime .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchCruiseDestinations .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchCruiseShippingLines .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchCruiseAirports .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchShipTypes .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchTouroperator .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchCancellationOptions .selectWrapper .fstSingleMode .fstToggleBtn, .quickSearch .searchFacilities .selectWrapper .fstSingleMode .fstToggleBtn { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 100%; min-width: 0; padding-top: 2rem; width: 100%; } .quickSearch .searchDuration .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchCategory .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchRoom .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchBoard .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchRecommendation .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchPersonPrice .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchInboundTime .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchOutboundTime .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchCruiseDestinations .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchCruiseShippingLines .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchCruiseAirports .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchShipTypes .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchTouroperator .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchCancellationOptions .selectWrapper .fstSingleMode .fstControls, .quickSearch .searchFacilities .selectWrapper .fstSingleMode .fstControls { box-shadow: none; } .quickSearch .searchDuration .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchCategory .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchRoom .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchBoard .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchRecommendation .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchPersonPrice .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchInboundTime .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchOutboundTime .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchCruiseDestinations .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchCruiseShippingLines .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchCruiseAirports .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchShipTypes .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchTouroperator .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchCancellationOptions .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder, .quickSearch .searchFacilities .selectWrapper .fstSingleMode .fstControls input::-moz-placeholder { color: transparent; } .quickSearch .searchDuration .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchCategory .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchRoom .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchBoard .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchRecommendation .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchPersonPrice .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchInboundTime .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchOutboundTime .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchCruiseDestinations .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchCruiseShippingLines .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchCruiseAirports .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchShipTypes .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchTouroperator .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchCancellationOptions .selectWrapper .fstSingleMode .fstControls input::placeholder, .quickSearch .searchFacilities .selectWrapper .fstSingleMode .fstControls input::placeholder { color: transparent; } .quickSearch .searchDuration .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchCategory .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchRoom .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchBoard .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchRecommendation .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchPersonPrice .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchInboundTime .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchOutboundTime .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseDestinations .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseShippingLines .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseAirports .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchShipTypes .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchTouroperator .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchCancellationOptions .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchFacilities .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder { color: transparent; } .quickSearch .searchDuration .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchCategory .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchRoom .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchBoard .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchRecommendation .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchPersonPrice .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchInboundTime .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchOutboundTime .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchCruiseDestinations .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchCruiseShippingLines .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchCruiseAirports .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchShipTypes .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchTouroperator .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchCancellationOptions .selectWrapper .fstSingleMode .fstControls input:focus::placeholder, .quickSearch .searchFacilities .selectWrapper .fstSingleMode .fstControls input:focus::placeholder { color: transparent; } .quickSearch .searchDuration .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchCategory .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchRoom .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchBoard .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchRecommendation .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchPersonPrice .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchInboundTime .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchOutboundTime .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseDestinations .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseShippingLines .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseAirports .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchShipTypes .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchTouroperator .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchCancellationOptions .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder, .quickSearch .searchFacilities .selectWrapper .fstSingleMode .fstControls input:focus::-moz-placeholder { color: transparent; } .quickSearch .searchDuration .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchCategory .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchRoom .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchBoard .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchRecommendation .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchPersonPrice .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchInboundTime .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchOutboundTime .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchCruiseDestinations .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchCruiseShippingLines .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchCruiseAirports .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchShipTypes .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchTouroperator .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchCancellationOptions .selectWrapper .fstSingleMode .fstResults, .quickSearch .searchFacilities .selectWrapper .fstSingleMode .fstResults { box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1); width: calc(100% + 9rem); } .quickSearch .searchDuration .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchCategory .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchRoom .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchBoard .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchRecommendation .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchPersonPrice .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchInboundTime .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchOutboundTime .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchCruiseDestinations .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchCruiseShippingLines .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchCruiseAirports .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchShipTypes .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchTouroperator .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchCancellationOptions .selectWrapper .fstSingleMode .fstResultItem.fstSelected, .quickSearch .searchFacilities .selectWrapper .fstSingleMode .fstResultItem.fstSelected { display: none; } .quickSearch .searchDuration .selectWrapper .fstToggleBtn, .quickSearch .searchCategory .selectWrapper .fstToggleBtn, .quickSearch .searchRoom .selectWrapper .fstToggleBtn, .quickSearch .searchBoard .selectWrapper .fstToggleBtn, .quickSearch .searchRecommendation .selectWrapper .fstToggleBtn, .quickSearch .searchPersonPrice .selectWrapper .fstToggleBtn, .quickSearch .searchInboundTime .selectWrapper .fstToggleBtn, .quickSearch .searchOutboundTime .selectWrapper .fstToggleBtn, .quickSearch .searchCruiseDestinations .selectWrapper .fstToggleBtn, .quickSearch .searchCruiseShippingLines .selectWrapper .fstToggleBtn, .quickSearch .searchCruiseAirports .selectWrapper .fstToggleBtn, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstToggleBtn, .quickSearch .searchShipTypes .selectWrapper .fstToggleBtn, .quickSearch .searchTouroperator .selectWrapper .fstToggleBtn, .quickSearch .searchCancellationOptions .selectWrapper .fstToggleBtn, .quickSearch .searchFacilities .selectWrapper .fstToggleBtn { padding: 1rem 0 0 0; } .quickSearch .searchDuration .selectWrapper .fstToggleBtn:after, .quickSearch .searchCategory .selectWrapper .fstToggleBtn:after, .quickSearch .searchRoom .selectWrapper .fstToggleBtn:after, .quickSearch .searchBoard .selectWrapper .fstToggleBtn:after, .quickSearch .searchRecommendation .selectWrapper .fstToggleBtn:after, .quickSearch .searchPersonPrice .selectWrapper .fstToggleBtn:after, .quickSearch .searchInboundTime .selectWrapper .fstToggleBtn:after, .quickSearch .searchOutboundTime .selectWrapper .fstToggleBtn:after, .quickSearch .searchCruiseDestinations .selectWrapper .fstToggleBtn:after, .quickSearch .searchCruiseShippingLines .selectWrapper .fstToggleBtn:after, .quickSearch .searchCruiseAirports .selectWrapper .fstToggleBtn:after, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstToggleBtn:after, .quickSearch .searchShipTypes .selectWrapper .fstToggleBtn:after, .quickSearch .searchTouroperator .selectWrapper .fstToggleBtn:after, .quickSearch .searchCancellationOptions .selectWrapper .fstToggleBtn:after, .quickSearch .searchFacilities .selectWrapper .fstToggleBtn:after { display: none; } .quickSearch .searchDuration .selectWrapper .fstControls, .quickSearch .searchCategory .selectWrapper .fstControls, .quickSearch .searchRoom .selectWrapper .fstControls, .quickSearch .searchBoard .selectWrapper .fstControls, .quickSearch .searchRecommendation .selectWrapper .fstControls, .quickSearch .searchPersonPrice .selectWrapper .fstControls, .quickSearch .searchInboundTime .selectWrapper .fstControls, .quickSearch .searchOutboundTime .selectWrapper .fstControls, .quickSearch .searchCruiseDestinations .selectWrapper .fstControls, .quickSearch .searchCruiseShippingLines .selectWrapper .fstControls, .quickSearch .searchCruiseAirports .selectWrapper .fstControls, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstControls, .quickSearch .searchShipTypes .selectWrapper .fstControls, .quickSearch .searchTouroperator .selectWrapper .fstControls, .quickSearch .searchCancellationOptions .selectWrapper .fstControls, .quickSearch .searchFacilities .selectWrapper .fstControls { align-items: center; background: transparent; border: 0; display: flex; height: 100%; justify-content: flex-start; left: 0; padding: 1rem 0 0 0; right: 0; top: 0; white-space: nowrap; width: calc(100% - 4rem); } .quickSearch .searchDuration .selectWrapper .fstControls:before, .quickSearch .searchCategory .selectWrapper .fstControls:before, .quickSearch .searchRoom .selectWrapper .fstControls:before, .quickSearch .searchBoard .selectWrapper .fstControls:before, .quickSearch .searchRecommendation .selectWrapper .fstControls:before, .quickSearch .searchPersonPrice .selectWrapper .fstControls:before, .quickSearch .searchInboundTime .selectWrapper .fstControls:before, .quickSearch .searchOutboundTime .selectWrapper .fstControls:before, .quickSearch .searchCruiseDestinations .selectWrapper .fstControls:before, .quickSearch .searchCruiseShippingLines .selectWrapper .fstControls:before, .quickSearch .searchCruiseAirports .selectWrapper .fstControls:before, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstControls:before, .quickSearch .searchShipTypes .selectWrapper .fstControls:before, .quickSearch .searchTouroperator .selectWrapper .fstControls:before, .quickSearch .searchCancellationOptions .selectWrapper .fstControls:before, .quickSearch .searchFacilities .selectWrapper .fstControls:before { clear: both; content: " "; display: table; } .quickSearch .searchDuration .selectWrapper .fstControls:after, .quickSearch .searchCategory .selectWrapper .fstControls:after, .quickSearch .searchRoom .selectWrapper .fstControls:after, .quickSearch .searchBoard .selectWrapper .fstControls:after, .quickSearch .searchRecommendation .selectWrapper .fstControls:after, .quickSearch .searchPersonPrice .selectWrapper .fstControls:after, .quickSearch .searchInboundTime .selectWrapper .fstControls:after, .quickSearch .searchOutboundTime .selectWrapper .fstControls:after, .quickSearch .searchCruiseDestinations .selectWrapper .fstControls:after, .quickSearch .searchCruiseShippingLines .selectWrapper .fstControls:after, .quickSearch .searchCruiseAirports .selectWrapper .fstControls:after, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstControls:after, .quickSearch .searchShipTypes .selectWrapper .fstControls:after, .quickSearch .searchTouroperator .selectWrapper .fstControls:after, .quickSearch .searchCancellationOptions .selectWrapper .fstControls:after, .quickSearch .searchFacilities .selectWrapper .fstControls:after { clear: both; content: " "; display: table; } .quickSearch .searchDuration .selectWrapper .fstControls input, .quickSearch .searchCategory .selectWrapper .fstControls input, .quickSearch .searchRoom .selectWrapper .fstControls input, .quickSearch .searchBoard .selectWrapper .fstControls input, .quickSearch .searchRecommendation .selectWrapper .fstControls input, .quickSearch .searchPersonPrice .selectWrapper .fstControls input, .quickSearch .searchInboundTime .selectWrapper .fstControls input, .quickSearch .searchOutboundTime .selectWrapper .fstControls input, .quickSearch .searchCruiseDestinations .selectWrapper .fstControls input, .quickSearch .searchCruiseShippingLines .selectWrapper .fstControls input, .quickSearch .searchCruiseAirports .selectWrapper .fstControls input, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstControls input, .quickSearch .searchShipTypes .selectWrapper .fstControls input, .quickSearch .searchTouroperator .selectWrapper .fstControls input, .quickSearch .searchCancellationOptions .selectWrapper .fstControls input, .quickSearch .searchFacilities .selectWrapper .fstControls input { flex-shrink: 0; margin: 0; } .quickSearch .searchDuration .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchCategory .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchRoom .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchBoard .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchRecommendation .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchPersonPrice .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchInboundTime .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchOutboundTime .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchCruiseDestinations .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchCruiseShippingLines .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchCruiseAirports .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchShipTypes .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchTouroperator .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchCancellationOptions .selectWrapper .fstControls input::-moz-placeholder, .quickSearch .searchFacilities .selectWrapper .fstControls input::-moz-placeholder { color: var(--white); } .quickSearch .searchDuration .selectWrapper .fstControls input::placeholder, .quickSearch .searchCategory .selectWrapper .fstControls input::placeholder, .quickSearch .searchRoom .selectWrapper .fstControls input::placeholder, .quickSearch .searchBoard .selectWrapper .fstControls input::placeholder, .quickSearch .searchRecommendation .selectWrapper .fstControls input::placeholder, .quickSearch .searchPersonPrice .selectWrapper .fstControls input::placeholder, .quickSearch .searchInboundTime .selectWrapper .fstControls input::placeholder, .quickSearch .searchOutboundTime .selectWrapper .fstControls input::placeholder, .quickSearch .searchCruiseDestinations .selectWrapper .fstControls input::placeholder, .quickSearch .searchCruiseShippingLines .selectWrapper .fstControls input::placeholder, .quickSearch .searchCruiseAirports .selectWrapper .fstControls input::placeholder, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstControls input::placeholder, .quickSearch .searchShipTypes .selectWrapper .fstControls input::placeholder, .quickSearch .searchTouroperator .selectWrapper .fstControls input::placeholder, .quickSearch .searchCancellationOptions .selectWrapper .fstControls input::placeholder, .quickSearch .searchFacilities .selectWrapper .fstControls input::placeholder { color: var(--white); } .quickSearch .searchDuration .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchCategory .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchRoom .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchBoard .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchRecommendation .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchPersonPrice .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchInboundTime .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchOutboundTime .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseDestinations .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseShippingLines .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseAirports .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchShipTypes .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchTouroperator .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchCancellationOptions .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchFacilities .selectWrapper .fstControls input:focus::-moz-placeholder { color: var(--white); } .quickSearch .searchDuration .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchCategory .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchRoom .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchBoard .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchRecommendation .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchPersonPrice .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchInboundTime .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchOutboundTime .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchCruiseDestinations .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchCruiseShippingLines .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchCruiseAirports .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchShipTypes .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchTouroperator .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchCancellationOptions .selectWrapper .fstControls input:focus::placeholder, .quickSearch .searchFacilities .selectWrapper .fstControls input:focus::placeholder { color: var(--white); } .quickSearch .searchDuration .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchCategory .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchRoom .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchBoard .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchRecommendation .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchPersonPrice .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchInboundTime .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchOutboundTime .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseDestinations .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseShippingLines .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseAirports .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchShipTypes .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchTouroperator .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchCancellationOptions .selectWrapper .fstControls input:focus::-moz-placeholder, .quickSearch .searchFacilities .selectWrapper .fstControls input:focus::-moz-placeholder { color: var(--white); } .quickSearch .searchDuration .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchCategory .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchRoom .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchBoard .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchRecommendation .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchPersonPrice .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchInboundTime .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchOutboundTime .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchCruiseDestinations .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchCruiseShippingLines .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchCruiseAirports .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchShipTypes .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchTouroperator .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchCancellationOptions .selectWrapper .fstControls .fstQueryInput, .quickSearch .searchFacilities .selectWrapper .fstControls .fstQueryInput { border: 0; color: var(--white); cursor: pointer; font-size: 1.6rem; padding: 0; position: absolute; } .quickSearch .searchDuration .selectWrapper .fstChoiceItem, .quickSearch .searchCategory .selectWrapper .fstChoiceItem, .quickSearch .searchRoom .selectWrapper .fstChoiceItem, .quickSearch .searchBoard .selectWrapper .fstChoiceItem, .quickSearch .searchRecommendation .selectWrapper .fstChoiceItem, .quickSearch .searchPersonPrice .selectWrapper .fstChoiceItem, .quickSearch .searchInboundTime .selectWrapper .fstChoiceItem, .quickSearch .searchOutboundTime .selectWrapper .fstChoiceItem, .quickSearch .searchCruiseDestinations .selectWrapper .fstChoiceItem, .quickSearch .searchCruiseShippingLines .selectWrapper .fstChoiceItem, .quickSearch .searchCruiseAirports .selectWrapper .fstChoiceItem, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstChoiceItem, .quickSearch .searchShipTypes .selectWrapper .fstChoiceItem, .quickSearch .searchTouroperator .selectWrapper .fstChoiceItem, .quickSearch .searchCancellationOptions .selectWrapper .fstChoiceItem, .quickSearch .searchFacilities .selectWrapper .fstChoiceItem { align-items: center; background: var(--white); border-radius: 50%; color: var(--primary); display: flex; flex-shrink: 0; font-size: 1.6rem; font-weight: bold; height: 3rem; justify-content: center; margin: 0; padding: 0; position: absolute; right: 0.5rem; top: 1rem; width: 3rem; } .quickSearch .searchDuration .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchCategory .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchRoom .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchBoard .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchRecommendation .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchPersonPrice .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchInboundTime .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchOutboundTime .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchCruiseDestinations .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchCruiseShippingLines .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchCruiseAirports .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchCruiseTravelTypes .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchShipTypes .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchTouroperator .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchCancellationOptions .selectWrapper .fstChoiceItem:not(.dummy), .quickSearch .searchFacilities .selectWrapper .fstChoiceItem:not(.dummy) { background: transparent; border: 0; border-radius: 0; color: #fff; cursor: pointer; font-weight: 300; height: auto; margin: 0 0.5rem 0 0; position: relative; right: auto; top: 0; transform: none; width: auto; } .quickSearch .searchDuration .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchCategory .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchRoom .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchBoard .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchRecommendation .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchPersonPrice .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchInboundTime .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchOutboundTime .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchCruiseDestinations .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchCruiseShippingLines .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchCruiseAirports .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchShipTypes .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchTouroperator .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchCancellationOptions .selectWrapper .fstChoiceItem:not(.dummy) button, .quickSearch .searchFacilities .selectWrapper .fstChoiceItem:not(.dummy) button { display: none; } .quickSearch .searchDuration .selectWrapper .fstResults, .quickSearch .searchCategory .selectWrapper .fstResults, .quickSearch .searchRoom .selectWrapper .fstResults, .quickSearch .searchBoard .selectWrapper .fstResults, .quickSearch .searchRecommendation .selectWrapper .fstResults, .quickSearch .searchPersonPrice .selectWrapper .fstResults, .quickSearch .searchInboundTime .selectWrapper .fstResults, .quickSearch .searchOutboundTime .selectWrapper .fstResults, .quickSearch .searchCruiseDestinations .selectWrapper .fstResults, .quickSearch .searchCruiseShippingLines .selectWrapper .fstResults, .quickSearch .searchCruiseAirports .selectWrapper .fstResults, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstResults, .quickSearch .searchShipTypes .selectWrapper .fstResults, .quickSearch .searchTouroperator .selectWrapper .fstResults, .quickSearch .searchCancellationOptions .selectWrapper .fstResults, .quickSearch .searchFacilities .selectWrapper .fstResults { background: var(--primary--lite); border: none; color: var(--text); left: -5rem; width: calc(100% + 5rem); } .quickSearch .searchDuration .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchCategory .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchRoom .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchBoard .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchRecommendation .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchPersonPrice .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchInboundTime .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchOutboundTime .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchCruiseDestinations .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchCruiseShippingLines .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchCruiseAirports .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchShipTypes .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchTouroperator .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchCancellationOptions .selectWrapper .fstResultItem.fstSelected, .quickSearch .searchFacilities .selectWrapper .fstResultItem.fstSelected { background: var(--primary); border-color: var(--white); padding-left: 3rem; position: relative; } .quickSearch .searchDuration .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchCategory .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchRoom .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchBoard .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchRecommendation .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchPersonPrice .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchInboundTime .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchOutboundTime .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchCruiseDestinations .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchCruiseShippingLines .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchCruiseAirports .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchShipTypes .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchTouroperator .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchCancellationOptions .selectWrapper .fstResultItem.fstSelected:before, .quickSearch .searchFacilities .selectWrapper .fstResultItem.fstSelected:before { content: "\e99b"; font-family: "RTK"; font-size: 1.2rem; left: 0.8rem; position: absolute; top: 1rem; } .quickSearch .searchDuration .selectWrapper .fstChoiceRemove, .quickSearch .searchCategory .selectWrapper .fstChoiceRemove, .quickSearch .searchRoom .selectWrapper .fstChoiceRemove, .quickSearch .searchBoard .selectWrapper .fstChoiceRemove, .quickSearch .searchRecommendation .selectWrapper .fstChoiceRemove, .quickSearch .searchPersonPrice .selectWrapper .fstChoiceRemove, .quickSearch .searchInboundTime .selectWrapper .fstChoiceRemove, .quickSearch .searchOutboundTime .selectWrapper .fstChoiceRemove, .quickSearch .searchCruiseDestinations .selectWrapper .fstChoiceRemove, .quickSearch .searchCruiseShippingLines .selectWrapper .fstChoiceRemove, .quickSearch .searchCruiseAirports .selectWrapper .fstChoiceRemove, .quickSearch .searchCruiseTravelTypes .selectWrapper .fstChoiceRemove, .quickSearch .searchShipTypes .selectWrapper .fstChoiceRemove, .quickSearch .searchTouroperator .selectWrapper .fstChoiceRemove, .quickSearch .searchCancellationOptions .selectWrapper .fstChoiceRemove, .quickSearch .searchFacilities .selectWrapper .fstChoiceRemove { background: transparent !important; color: var(--text) !important; } .quickSearch .searchDestination.active ~ .popover .leftWrapper, .quickSearch .searchDestination.active ~ .popover .rightWrapper { display: flex; flex-direction: column; } .quickSearch .searchDestination.active ~ .popover .leftWrapper.basic, .quickSearch .searchDestination.active ~ .popover .rightWrapper.basic { width: 100%; } @media (min-width: 768px) { .quickSearch .searchDestination.active ~ .popover .leftWrapper.basic, .quickSearch .searchDestination.active ~ .popover .rightWrapper.basic { flex-grow: 1; flex-shrink: 0; width: 50%; } } .quickSearch .searchDestination.active ~ .popover .leftWrapper.flightOnly, .quickSearch .searchDestination.active ~ .popover .rightWrapper.flightOnly { width: 100%; } .quickSearch .searchDestination.active ~ .popover .filter { flex-shrink: 0; } .quickSearch .searchDestination.active ~ .popover .inputWrapper { margin-bottom: 1rem; position: relative; width: 100%; } @media (min-width: 768px) { .quickSearch .searchDestination.active ~ .popover .inputWrapper { flex-grow: 1; margin: 0; width: auto; } } .quickSearch .searchDestination.active ~ .popover .inputWrapper input[type=search] { width: 100%; } .quickSearch .searchDestination.active ~ .popover .inputWrapper .loadingSpinner__container { position: absolute; right: 0; } .quickSearch .searchDestination .rtk-pin-line { font-size: 3rem; top: 0.9rem; z-index: 1; } .quickSearch .searchAirport.active ~ .popover .filterWrapper .scrollWrapper { background: var(--white); height: 100%; overflow: hidden; padding: 1rem 1rem 0 0; } @media (min-width: 768px) { .quickSearch .searchAirport.active ~ .popover .filterWrapper .scrollWrapper { max-height: 50rem; padding: 0; } } .quickSearch .searchAirport.active ~ .popover .filter { display: flex; flex-wrap: wrap; height: 30rem; overflow-y: scroll; padding: 2rem; width: 100%; } @media (min-width: 768px) { .quickSearch .searchAirport.active ~ .popover .filter { height: auto; max-height: 50rem; overflow: hidden; } } .quickSearch .searchAirport.active ~ .popover .filter::-webkit-scrollbar { width: 0.5rem; } .quickSearch .searchAirport.active ~ .popover .filter::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 0.3rem; } .quickSearch .searchAirport.active ~ .popover .filter::-webkit-scrollbar-track { background: var(--primary--lite); } .quickSearch .searchAirport.active ~ .popover .filter > div { padding: 0; width: 100%; } @media (min-width: 768px) { .quickSearch .searchAirport.active ~ .popover .filter > div { height: 100%; overflow-y: scroll; padding: 0 2rem; width: 50%; } } @media (min-width: 768px) { .quickSearch .searchAirport.active ~ .popover .filter > div::-webkit-scrollbar { width: 0.5rem; } } @media (min-width: 768px) { .quickSearch .searchAirport.active ~ .popover .filter > div::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 0.3rem; } } @media (min-width: 768px) { .quickSearch .searchAirport.active ~ .popover .filter > div::-webkit-scrollbar-track { background: var(--primary--lite); } } .quickSearch .searchAirport.active ~ .popover .filter ul { display: flex; flex-wrap: wrap; } .quickSearch .searchAirport.active ~ .popover .filter ul li { width: 100%; } @media (min-width: 768px) { .quickSearch .searchAirport.active ~ .popover .filter ul li { width: 50%; } } .quickSearch .searchAirport.active ~ .popover .filter ul li.li_space { height: 1rem; width: 100%; } .quickSearch .searchAirport .rtk-plane { font-size: 3rem; top: 1.2rem; z-index: 1; } .quickSearch .searchPerson.active ~ .popover { max-width: 40rem; } .quickSearch .searchPerson.active ~ .popover-body { padding: 0; } .quickSearch .searchPerson.active ~ .popover .filterWrapper { display: flex; flex-wrap: wrap; padding: 0 2rem 2rem 2rem; } .quickSearch .searchPerson.active ~ .popover .filterWrapper .scrollWrapper { flex-grow: 1; height: 100%; max-height: 25rem; max-width: 32rem; padding: 0; width: calc(100% - 6rem); } .quickSearch .searchPerson.active ~ .popover .filterWrapper .closePopover { align-items: center; cursor: pointer; display: none; justify-content: flex-end; margin-bottom: 1rem; width: 100%; } @media (min-width: 768px) { .quickSearch .searchPerson.active ~ .popover .filterWrapper .closePopover { display: flex; } } .quickSearch .searchPerson.active ~ .popover .filterWrapper .closePopover .rtk-cross { font-size: 3rem; } .quickSearch .searchPerson.active ~ .popover .filterWrapper .rooms { border-top: 0.1rem dashed var(--primary); margin-bottom: 2rem; margin-top: 1rem; padding-top: 1rem; width: 100%; } .quickSearch .searchPerson.active ~ .popover .filterWrapper .rooms .rtk-none { width: 40px; } .quickSearch .searchPerson.active ~ .popover .filterWrapper .rooms p { padding: 1rem; width: 100%; } .quickSearch .searchPerson.active ~ .popover .filterInput { margin: 0 auto; padding: 0; } .quickSearch .searchPerson.active ~ .popover .filterInput button { margin: 0; } .quickSearch .searchPerson.active ~ .popover .filter { margin: 0; padding: 0 2rem 0 0; width: 100%; } .quickSearch .searchPerson.active ~ .popover .filter .roomTypes { align-items: center; cursor: pointer; display: flex; flex-direction: column; padding-top: 1rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .quickSearch .searchPerson.active ~ .popover .filter .rooms, .quickSearch .searchPerson.active ~ .popover .filter .adults, .quickSearch .searchPerson.active ~ .popover .filter .children { align-items: center; display: flex; flex-wrap: wrap; margin: 0 0 1rem 0; } .quickSearch .searchPerson.active ~ .popover .filter .rooms .person, .quickSearch .searchPerson.active ~ .popover .filter .adults .person, .quickSearch .searchPerson.active ~ .popover .filter .children .person { align-items: center; display: flex; flex-shrink: 0; font-size: 1.4rem; margin: 0; width: 16rem; } .quickSearch .searchPerson.active ~ .popover .filter .rooms .rtk-room-circle, .quickSearch .searchPerson.active ~ .popover .filter .rooms .rtk-person-circle, .quickSearch .searchPerson.active ~ .popover .filter .rooms .rtk-child-circle, .quickSearch .searchPerson.active ~ .popover .filter .adults .rtk-room-circle, .quickSearch .searchPerson.active ~ .popover .filter .adults .rtk-person-circle, .quickSearch .searchPerson.active ~ .popover .filter .adults .rtk-child-circle, .quickSearch .searchPerson.active ~ .popover .filter .children .rtk-room-circle, .quickSearch .searchPerson.active ~ .popover .filter .children .rtk-person-circle, .quickSearch .searchPerson.active ~ .popover .filter .children .rtk-child-circle { color: var(--primary); font-size: 3rem; font-weight: normal; margin-right: 1rem; } .quickSearch .searchPerson.active ~ .popover .filter .rooms .selectWrapper, .quickSearch .searchPerson.active ~ .popover .filter .adults .selectWrapper, .quickSearch .searchPerson.active ~ .popover .filter .children .selectWrapper { flex-grow: 1; min-width: 0; } .quickSearch .searchPerson.active ~ .popover .filter .rooms .selectWrapper:after, .quickSearch .searchPerson.active ~ .popover .filter .adults .selectWrapper:after, .quickSearch .searchPerson.active ~ .popover .filter .children .selectWrapper:after { align-items: center; background: var(--primary); color: #fff !important; display: flex; height: 100%; justify-content: center; right: 0; top: 0 !important; width: 4rem; } .quickSearch .searchPerson.active ~ .popover .filter .rooms .selectWrapper select, .quickSearch .searchPerson.active ~ .popover .filter .adults .selectWrapper select, .quickSearch .searchPerson.active ~ .popover .filter .children .selectWrapper select { height: 4rem; padding: 0 4rem 0 0; text-align: center; -moz-text-align-last: center; text-align-last: center; width: 100%; } .quickSearch .searchPerson.active ~ .popover .subfilter { align-items: center; display: flex; flex-wrap: wrap; margin-bottom: 1rem; width: 100%; } .quickSearch .searchPerson.active ~ .popover .subfilter .person { align-items: center; display: flex; flex-shrink: 0; font-size: 1.4rem; margin: 0; width: 16rem; } .quickSearch .searchPerson.active ~ .popover .subfilter .rtk-room-circle, .quickSearch .searchPerson.active ~ .popover .subfilter .rtk-person-circle, .quickSearch .searchPerson.active ~ .popover .subfilter .rtk-child-circle { color: var(--primary); font-size: 3rem; font-weight: normal; margin-right: 1rem; } .quickSearch .searchPerson.active ~ .popover .subfilter button { background: var(--primary); color: var(--white); height: 5rem; letter-spacing: 0; padding: 0; position: relative; width: 5rem; } .quickSearch .searchPerson.active ~ .popover .subfilter button:hover, .quickSearch .searchPerson.active ~ .popover .subfilter button:focus, .quickSearch .searchPerson.active ~ .popover .subfilter button:active { background: var(--primary--hover); } .quickSearch .searchPerson.active ~ .popover .subfilter button span { line-height: 5rem; } .quickSearch .searchPerson.active ~ .popover .subfilter .selectWrapper { flex-grow: 1; height: 4rem; min-width: 0; } .quickSearch .searchPerson.active ~ .popover .subfilter .selectWrapper:after { align-items: center; background: var(--primary); color: #fff !important; display: flex; height: 100%; justify-content: center; right: 0; top: 0 !important; width: 4rem; } .quickSearch .searchPerson.active ~ .popover .subfilter .selectWrapper select { height: 4rem; padding: 0 4rem 0 0; text-align: center; -moz-text-align-last: center; text-align-last: center; width: 100%; } .quickSearch .searchPerson .rtk-avatar { font-size: 2.4rem; left: 1.5rem; top: 1.2rem; z-index: 1; } .quickSearch .searchDate { padding-right: 0; } @media (min-width: 768px) { .quickSearch .searchDate .popover { max-width: 67.8rem; } } @media (min-width: 1024px) { .quickSearch .searchDate .popover { max-width: 60rem; } } @media (min-width: 768px) { .quickSearch .searchDate .popover .filterInput { flex-wrap: nowrap; padding: 0 2rem; } } .quickSearch .searchDate .popover .filterInput .rangeStart, .quickSearch .searchDate .popover .filterInput .rangeEnd { margin: 0 0 1rem 0; width: auto; } @media (min-width: 768px) { .quickSearch .searchDate .popover .filterInput .rangeStart, .quickSearch .searchDate .popover .filterInput .rangeEnd { margin: 0 1rem 0 0; } } @media (min-width: 1024px) { .quickSearch .searchDate .popover .filterInput .rangeStart, .quickSearch .searchDate .popover .filterInput .rangeEnd { max-width: 13rem; } } .quickSearch .searchDate .popover .filterInput .rangeDays { flex-grow: 1; max-width: 15rem; position: relative; width: 100%; } .quickSearch .searchDate .popover .filterInput .rangeLabelDesktop { display: none; } @media (min-width: 576px) { .quickSearch .searchDate .popover .filterInput .rangeLabelDesktop { display: block; flex-shrink: 0; margin: 0 1rem; position: relative; top: -0.5rem; } } @media (min-width: 768px) { .quickSearch .searchDate .popover .filterInput .rangeLabelDesktop { margin: 0 1rem 0 0; top: 0; } } @media (min-width: 768px) { .quickSearch .searchDate .popover .filterInput button { flex-grow: 1; margin: 0 0 0 1rem; min-width: 0; width: auto; } } @media (min-width: 1024px) { .quickSearch .searchDate .popover .filterInput button { width: 20rem; } } @media (min-width: 1024px) { .quickSearch .searchDate .popover .filterInput .closePopover { margin: 0 1rem 0 1.5rem; } } .quickSearch .searchDate .popover .filterWrapper .filter { background: var(--white); width: 100%; } @media (min-width: 768px) { .quickSearch .searchDate .popover .filterWrapper .filter { width: calc(100% - 4rem); } } .quickSearch .searchDate .popover .filterWrapper .filter .range { padding: 2rem 0 2rem 1rem; } @media (min-width: 768px) { .quickSearch .searchDate .popover .filterWrapper .filter .range { padding: 2rem; } } .quickSearch .searchDate .popover .filterWrapper .filter table { margin: 0 auto; width: 100%; } .quickSearch .searchDate .popover .filterWrapper .filter table thead tr { height: 3rem; width: calc(100% - 0.5rem); } .quickSearch .searchDate .popover .filterWrapper .filter table tbody, .quickSearch .searchDate .popover .filterWrapper .filter table thead, .quickSearch .searchDate .popover .filterWrapper .filter table tr { display: block; } .quickSearch .searchDate .popover .filterWrapper .filter table tbody { max-height: 40rem; overflow: auto; width: 100% !important; } .quickSearch .searchDate .popover .filterWrapper .filter table th, .quickSearch .searchDate .popover .filterWrapper .filter table td { display: inline-block; font-size: 1.6rem; font-weight: 300; height: 2rem; line-height: 2rem; margin: 0.5rem 0; text-align: center; width: 10%; } @media (min-width: 576px) { .quickSearch .searchDate .popover .filterWrapper .filter table th, .quickSearch .searchDate .popover .filterWrapper .filter table td { width: 11%; } } .quickSearch .searchDate .popover .filterWrapper .filter table td { cursor: pointer; } .quickSearch .searchDate .popover .filterWrapper .filter table td.inRange { background: var(--primary--lite); } .quickSearch .searchDate .popover .filterWrapper .filter table td.firstTd { background: var(--primary); border-bottom-left-radius: 0.8rem; border-top-left-radius: 0.8rem; } .quickSearch .searchDate .popover .filterWrapper .filter table td.lastTd { background: var(--primary); border-bottom-right-radius: 0.8rem; border-top-right-radius: 0.8rem; } .quickSearch .searchDate .popover .filterWrapper .filter table td.monthTd { color: var(--primary); font-size: 1.2rem; font-weight: bold; padding: 0 0 0 1rem; text-align: left; text-transform: uppercase; width: auto; } @media (min-width: 576px) { .quickSearch .searchDate .popover .filterWrapper .filter table td.monthTd { font-size: 1.6rem; } } @media (min-width: 768px) { .quickSearch .searchDate .popover .filterWrapper .filter table td.monthTd { padding: 0 0 0 3rem; } } .quickSearch .searchDate .popover .filterWrapper .filter table td.bg:not(.inRange) { background: #f5f5f5; } .quickSearch .searchDate .popover .filterWrapper .filter table [data-disabled=true] { color: var(--grey); } .quickSearch .searchDate .rtk-calendar { font-size: 3rem; top: 0.9rem; z-index: 1; } .quickSearch .searchDate .rtk-arrow-down, .quickSearch .searchDate .rtk-arrow-up { pointer-events: none; } .quickSearch .searchDate input[type=text] { background: transparent; border: 0; color: var(--white); cursor: pointer; padding: 1.3rem 0 0 0; } .quickSearch .searchDate #rangeDate.open + .rtk-arrow-down { transform: rotate(180deg); } .quickSearch .searchDuration .rtk-duration, .quickSearch .searchCancellationOptions .rtk-duration { font-size: 3rem; top: 0.9rem; z-index: 1; } .quickSearch .searchDuration .fstQueryInput, .quickSearch .searchCancellationOptions .fstQueryInput { display: none; } .quickSearch .searchCategory .selectWrapper .fstElement.hasPlaceholder .fstToggleBtn { padding: 1rem 0 0 0; } .quickSearch .searchCategory .rtk-category { font-size: 3rem; top: 1rem; z-index: 1; } .quickSearch .searchCategory .fstQueryInput { display: none; } .quickSearch .searchRoom .rtk-room { font-size: 2.4rem; left: 1.5rem; top: 1.3rem; z-index: 1; } .quickSearch .searchBoard .rtk-cutlery { font-size: 2.2rem; left: 1.5rem; top: 1.4rem; z-index: 1; } .quickSearch .searchRecommendation .selectWrapper .fstElement.hasPlaceholder .fstToggleBtn { padding: 1rem 0 0 0; } .quickSearch .searchRecommendation .rtk-sun { font-size: 3rem; top: 1rem; z-index: 1; } .quickSearch .searchRecommendation .fstQueryInput { display: none; } .quickSearch .searchPersonPrice .selectWrapper .fstElement.hasPlaceholder .fstToggleBtn { padding: 1rem 0 0 0; } .quickSearch .searchPersonPrice .rtk-price { font-size: 2.2rem; left: 1.3rem; top: 1.3rem; z-index: 1; } .quickSearch .searchPersonPrice .fstQueryInput { display: none; } .quickSearch .searchFlight { display: grid; row-gap: 2rem; } @media (min-width: 768px) { .quickSearch .searchFlight { gap: 2rem; grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .quickSearch .searchFlight { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; } } .quickSearch .searchInboundTime .rtk-plane, .quickSearch .searchOutboundTime .rtk-plane { font-size: 3rem; top: 1.2rem; z-index: 1; } .quickSearch .searchInboundTime .fstQueryInput, .quickSearch .searchOutboundTime .fstQueryInput { display: none; } .quickSearch .searchInboundTime .rtk-plane { transform: scaleX(-1); } .quickSearch .searchTouroperator .rtk-operator { font-size: 3rem; left: 0.9rem; top: 0.9rem; z-index: 1; } .quickSearch .searchCruiseAirports .rtk-plane, .quickSearch .searchCruiseAirports .rtk-cruiser, .quickSearch .searchCruiseAirports .rtk-cruiser-plane, .quickSearch .searchCruiseAirports .rtk-helm, .quickSearch .searchCruiseDestinations .rtk-plane, .quickSearch .searchCruiseDestinations .rtk-cruiser, .quickSearch .searchCruiseDestinations .rtk-cruiser-plane, .quickSearch .searchCruiseDestinations .rtk-helm, .quickSearch .searchCruiseShippingLines .rtk-plane, .quickSearch .searchCruiseShippingLines .rtk-cruiser, .quickSearch .searchCruiseShippingLines .rtk-cruiser-plane, .quickSearch .searchCruiseShippingLines .rtk-helm, .quickSearch .searchCruiseTravelTypes .rtk-plane, .quickSearch .searchCruiseTravelTypes .rtk-cruiser, .quickSearch .searchCruiseTravelTypes .rtk-cruiser-plane, .quickSearch .searchCruiseTravelTypes .rtk-helm, .quickSearch .searchShipTypes .rtk-plane, .quickSearch .searchShipTypes .rtk-cruiser, .quickSearch .searchShipTypes .rtk-cruiser-plane, .quickSearch .searchShipTypes .rtk-helm { z-index: 1; } .quickSearch .searchCruiseAirports .rtk-plane, .quickSearch .searchCruiseDestinations .rtk-plane, .quickSearch .searchCruiseShippingLines .rtk-plane, .quickSearch .searchCruiseTravelTypes .rtk-plane, .quickSearch .searchShipTypes .rtk-plane { font-size: 2.2rem; left: 0.7rem; top: 1.2rem; } .quickSearch .searchCruiseAirports .rtk-cruiser, .quickSearch .searchCruiseDestinations .rtk-cruiser, .quickSearch .searchCruiseShippingLines .rtk-cruiser, .quickSearch .searchCruiseTravelTypes .rtk-cruiser, .quickSearch .searchShipTypes .rtk-cruiser { font-size: 2.2rem; left: 0.7rem; top: 1.2rem; } .quickSearch .searchCruiseAirports .rtk-cruiser-plane, .quickSearch .searchCruiseDestinations .rtk-cruiser-plane, .quickSearch .searchCruiseShippingLines .rtk-cruiser-plane, .quickSearch .searchCruiseTravelTypes .rtk-cruiser-plane, .quickSearch .searchShipTypes .rtk-cruiser-plane { font-size: 2.8rem; left: 0.7rem; top: 1.1rem; } .quickSearch .searchCruiseAirports .rtk-helm, .quickSearch .searchCruiseDestinations .rtk-helm, .quickSearch .searchCruiseShippingLines .rtk-helm, .quickSearch .searchCruiseTravelTypes .rtk-helm, .quickSearch .searchShipTypes .rtk-helm { font-size: 3rem; left: 1rem; top: 1rem; } .quickSearch .searchCruiseDestinations .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchCruiseShippingLines .selectWrapper .fstElement.hasPlaceholder, .quickSearch .searchShipTypes .selectWrapper .fstElement.hasPlaceholder { padding-top: 0; } .quickSearch .searchCruiseTravelTypes .selectWrapper .fstElement.hasPlaceholder .fstToggleBtn { padding: 1rem 0 0 0; } .quickSearch .searchCruiseTravelTypes .rtk-category { font-size: 3rem; top: 1rem; z-index: 1; } .quickSearch .searchCruiseTravelTypes .fstQueryInput { display: none; } .quickSearch .searchFacilities.active, .quickSearch .searchRoom.active, .quickSearch .searchBoard.active, .quickSearch .searchCruiseAirports.active, .quickSearch .searchCruiseDestinations.active, .quickSearch .searchCruiseShippingLines.active, .quickSearch .searchShipTypes.active, .quickSearch .searchTouroperator.active, .quickSearch .searchCancellationOptions1.active { background: var(--primary--lite); } .quickSearch .searchFacilities .rtk-hotel, .quickSearch .searchRoom .rtk-hotel, .quickSearch .searchBoard .rtk-hotel, .quickSearch .searchCruiseAirports .rtk-hotel, .quickSearch .searchCruiseDestinations .rtk-hotel, .quickSearch .searchCruiseShippingLines .rtk-hotel, .quickSearch .searchShipTypes .rtk-hotel, .quickSearch .searchTouroperator .rtk-hotel, .quickSearch .searchCancellationOptions1 .rtk-hotel { font-size: 2.4rem; left: 1.2rem; top: 1.3rem; z-index: 1; } .quickSearch .searchFacilities .rtk-reisethemen { font-size: 2.1rem; top: 1.3rem; } .quickSearch .searchFacilities .rtk-lage { font-size: 2.1rem; top: 1.3rem; } .quickSearch .searchFacilities .rtk-ausstattung { font-size: 2.4rem; top: 1.2rem; } .quickSearch .searchFacilities .rtk-familie { font-size: 2.4rem; left: 1.2rem; top: 1.3rem; } .quickSearch .searchFacilities .rtk-sport { font-size: 2.4rem; top: 1.3rem; } .quickSearch .popoverContent { display: none; } .quickSearch .popover { box-shadow: var(--box-shadow); transform: none !important; } .quickSearch .popover-arrow { display: none; } .quickSearch .popover-body { padding: 2rem 0 0 0; } .quickSearch .popover.shown .popoverContent { display: block; } .quickSearch .directFlight, .quickSearch .cancellationOptions, .quickSearch .offerIncludes, .quickSearch .transferInfos { align-items: center; display: flex; } .quickSearch .directFlight label, .quickSearch .cancellationOptions label, .quickSearch .offerIncludes label, .quickSearch .transferInfos label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--white); font-size: var(--font-size--xsmall); font-weight: normal; margin: 0; } @media (min-width: 1024px) { .quickSearch .directFlight label span, .quickSearch .cancellationOptions label span, .quickSearch .offerIncludes label span, .quickSearch .transferInfos label span { display: none; } } @media (min-width: 1366px) { .quickSearch .directFlight label span, .quickSearch .cancellationOptions label span, .quickSearch .offerIncludes label span, .quickSearch .transferInfos label span { display: inline-block; } } .quickSearch .searchCategoryText { align-items: center; color: var(--white); display: flex; font-size: var(--font-size--base); font-weight: 300; height: 100%; overflow: hidden; padding-top: 1rem; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .quickSearch .searchPlaceholder { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--white); font-size: var(--font-size--xxxsmall); left: 5rem; pointer-events: none; position: absolute; top: 0.5rem; z-index: 1; } @media (min-width: 768px) { .quickSearch .searchPlaceholder { width: calc(100% - 9rem); } } .quickSearch .searchCancellationOptions .rtk-flex { font-size: 3rem; left: 0.9rem; top: 0.9rem; z-index: 1; } .quickSearch .hasPlaceholder { padding-top: 1rem; } .quickSearch .dummy { pointer-events: none; z-index: 2; } .quickSearch .submitSearch { order: 2; } @media (min-width: 1024px) { .quickSearch .submitSearch { order: 1; } } .quickSearch .fstNoResults { color: var(--text); } .quickSearch .trigger { cursor: pointer; height: 100%; pointer-events: none; position: absolute; right: 0; top: 0; width: 4rem; z-index: 200; } .quickSearch button { height: 5rem; } .quickSearch .searchBoxWrapper { height: 5rem; } .quickSearch .searchBoxWrapper > i:first-of-type { pointer-events: none; } [data-page-name=home] .quickSearch .searchCancellationOptions { display: none !important; } /* -------------------------------------------------- Extendedsearch */ [data-page-name=regionen], [data-page-name=hotels] { /* -------------------------------------------------- Filter Tags */ } [data-page-name=regionen] .extendedSearch__wrapper, [data-page-name=hotels] .extendedSearch__wrapper { float: left; margin: 0 3rem 2rem 0; position: relative; transition: width 0.3s ease-in-out; width: 100%; z-index: 100; } @media (min-width: 768px) { [data-page-name=regionen] .extendedSearch__wrapper, [data-page-name=hotels] .extendedSearch__wrapper { max-width: 32rem; position: absolute; z-index: 999; } } @media (min-width: 1366px) { [data-page-name=regionen] .extendedSearch__wrapper, [data-page-name=hotels] .extendedSearch__wrapper { margin-right: 2rem; position: relative; } } @media (min-width: 768px) { [data-page-name=regionen] .extendedSearch__wrapper.closed, [data-page-name=hotels] .extendedSearch__wrapper.closed { overflow: hidden; width: 0; } } @media (min-width: 1366px) { [data-page-name=regionen] .extendedSearch__wrapper.closed, [data-page-name=hotels] .extendedSearch__wrapper.closed { width: auto; } } [data-page-name=regionen] .extendedSearch__wrapper.closed .stickySearchFooter.sticky, [data-page-name=hotels] .extendedSearch__wrapper.closed .stickySearchFooter.sticky { display: none; } [data-page-name=regionen] .extendedSearch__close, [data-page-name=hotels] .extendedSearch__close { background: var(--primary--dark--transparent); display: none; max-width: 32rem; position: relative; transition: width 0.3s ease-in-out; width: 100%; z-index: 1; } @media (min-width: 768px) { [data-page-name=regionen] .extendedSearch__close, [data-page-name=hotels] .extendedSearch__close { display: block; } } @media (min-width: 1366px) { [data-page-name=regionen] .extendedSearch__close, [data-page-name=hotels] .extendedSearch__close { display: none; } } [data-page-name=regionen] .extendedSearch__close.closed, [data-page-name=hotels] .extendedSearch__close.closed { box-shadow: var(--box-shadow); transition: width 0.3s ease-in-out; width: 4rem; } [data-page-name=regionen] .extendedSearch__close__icon, [data-page-name=hotels] .extendedSearch__close__icon { align-items: center; color: var(--white); cursor: pointer; display: flex; float: right; height: 4rem; justify-content: center; width: 4rem; } [data-page-name=regionen] .quickSearch, [data-page-name=hotels] .quickSearch { background: var(--white); margin: 0; padding: 1rem 0 0 0; position: relative; top: 0; width: 100%; } @media (min-width: 768px) { [data-page-name=regionen] .quickSearch, [data-page-name=hotels] .quickSearch { box-shadow: var(--box-shadow); } } @media (min-width: 1366px) { [data-page-name=regionen] .quickSearch, [data-page-name=hotels] .quickSearch { box-shadow: none; padding: 0; } } [data-page-name=regionen] .quickSearch .searchWrapper, [data-page-name=hotels] .quickSearch .searchWrapper { background: var(--white); } [data-page-name=regionen] .quickSearch .searchWrapper.isPauschal .searchAirport, [data-page-name=hotels] .quickSearch .searchWrapper.isPauschal .searchAirport { display: block; } [data-page-name=regionen] .quickSearch .searchWrapper.isAccommodation .searchAirport, [data-page-name=hotels] .quickSearch .searchWrapper.isAccommodation .searchAirport { display: none !important; } @media (min-width: 768px) { [data-page-name=regionen] .quickSearch .searchWrapper.isCruise .searchAirport, [data-page-name=hotels] .quickSearch .searchWrapper.isCruise .searchAirport { display: none !important; } } [data-page-name=regionen] .quickSearch .searchOption, [data-page-name=hotels] .quickSearch .searchOption { background: var(--white); } [data-page-name=regionen] .quickSearch .searchCategories, [data-page-name=hotels] .quickSearch .searchCategories { gap: 2rem 0; grid-template-columns: 1fr; grid-template-rows: auto; } [data-page-name=regionen] .quickSearch .searchCategories.open .stickySearchFooter, [data-page-name=hotels] .quickSearch .searchCategories.open .stickySearchFooter { display: flex; } [data-page-name=regionen] .quickSearch .searchCategories > .submitSearchWrapper, [data-page-name=hotels] .quickSearch .searchCategories > .submitSearchWrapper { display: none; } [data-page-name=regionen] .quickSearch .searchExtender, [data-page-name=hotels] .quickSearch .searchExtender { grid-row: 2; } @media (min-width: 768px) { [data-page-name=regionen] .quickSearch .searchExtender, [data-page-name=hotels] .quickSearch .searchExtender { display: none !important; } } [data-page-name=regionen] .quickSearch .searchExtender ~ *, [data-page-name=hotels] .quickSearch .searchExtender ~ * { display: none !important; } @media (min-width: 768px) { [data-page-name=regionen] .quickSearch .searchExtender ~ *, [data-page-name=hotels] .quickSearch .searchExtender ~ * { display: block !important; grid-column: 1/span 2; } } [data-page-name=regionen] .quickSearch .searchExtender.open, [data-page-name=hotels] .quickSearch .searchExtender.open { display: block !important; } @media (min-width: 768px) { [data-page-name=regionen] .quickSearch .searchExtender.open, [data-page-name=hotels] .quickSearch .searchExtender.open { display: none !important; } } [data-page-name=regionen] .quickSearch .searchExtender.open ~ *, [data-page-name=hotels] .quickSearch .searchExtender.open ~ * { display: block !important; } [data-page-name=regionen] .quickSearch .searchDestination ~ .popover, [data-page-name=regionen] .quickSearch .searchAirport ~ .popover, [data-page-name=regionen] .quickSearch .searchDate ~ .popover, [data-page-name=regionen] .quickSearch .searchPerson ~ .popover, [data-page-name=regionen] .quickSearch .searchDuration ~ .popover, [data-page-name=regionen] .quickSearch .searchCategory ~ .popover, [data-page-name=regionen] .quickSearch .searchRoom ~ .popover, [data-page-name=regionen] .quickSearch .searchBoard ~ .popover, [data-page-name=regionen] .quickSearch .searchRecommendation ~ .popover, [data-page-name=regionen] .quickSearch .searchPersonPrice ~ .popover, [data-page-name=regionen] .quickSearch .searchInboundTime ~ .popover, [data-page-name=regionen] .quickSearch .searchOutboundTime ~ .popover, [data-page-name=regionen] .quickSearch .searchTouroperator ~ .popover, [data-page-name=regionen] .quickSearch .searchCancellationOptions ~ .popover, [data-page-name=regionen] .quickSearch .searchFacilities ~ .popover, [data-page-name=hotels] .quickSearch .searchDestination ~ .popover, [data-page-name=hotels] .quickSearch .searchAirport ~ .popover, [data-page-name=hotels] .quickSearch .searchDate ~ .popover, [data-page-name=hotels] .quickSearch .searchPerson ~ .popover, [data-page-name=hotels] .quickSearch .searchDuration ~ .popover, [data-page-name=hotels] .quickSearch .searchCategory ~ .popover, [data-page-name=hotels] .quickSearch .searchRoom ~ .popover, [data-page-name=hotels] .quickSearch .searchBoard ~ .popover, [data-page-name=hotels] .quickSearch .searchRecommendation ~ .popover, [data-page-name=hotels] .quickSearch .searchPersonPrice ~ .popover, [data-page-name=hotels] .quickSearch .searchInboundTime ~ .popover, [data-page-name=hotels] .quickSearch .searchOutboundTime ~ .popover, [data-page-name=hotels] .quickSearch .searchTouroperator ~ .popover, [data-page-name=hotels] .quickSearch .searchCancellationOptions ~ .popover, [data-page-name=hotels] .quickSearch .searchFacilities ~ .popover { left: 0 !important; width: calc(100% - 4rem); } @media (min-width: 768px) { [data-page-name=regionen] .quickSearch .searchDestination ~ .popover, [data-page-name=regionen] .quickSearch .searchAirport ~ .popover, [data-page-name=regionen] .quickSearch .searchDate ~ .popover, [data-page-name=regionen] .quickSearch .searchPerson ~ .popover, [data-page-name=regionen] .quickSearch .searchDuration ~ .popover, [data-page-name=regionen] .quickSearch .searchCategory ~ .popover, [data-page-name=regionen] .quickSearch .searchRoom ~ .popover, [data-page-name=regionen] .quickSearch .searchBoard ~ .popover, [data-page-name=regionen] .quickSearch .searchRecommendation ~ .popover, [data-page-name=regionen] .quickSearch .searchPersonPrice ~ .popover, [data-page-name=regionen] .quickSearch .searchInboundTime ~ .popover, [data-page-name=regionen] .quickSearch .searchOutboundTime ~ .popover, [data-page-name=regionen] .quickSearch .searchTouroperator ~ .popover, [data-page-name=regionen] .quickSearch .searchCancellationOptions ~ .popover, [data-page-name=regionen] .quickSearch .searchFacilities ~ .popover, [data-page-name=hotels] .quickSearch .searchDestination ~ .popover, [data-page-name=hotels] .quickSearch .searchAirport ~ .popover, [data-page-name=hotels] .quickSearch .searchDate ~ .popover, [data-page-name=hotels] .quickSearch .searchPerson ~ .popover, [data-page-name=hotels] .quickSearch .searchDuration ~ .popover, [data-page-name=hotels] .quickSearch .searchCategory ~ .popover, [data-page-name=hotels] .quickSearch .searchRoom ~ .popover, [data-page-name=hotels] .quickSearch .searchBoard ~ .popover, [data-page-name=hotels] .quickSearch .searchRecommendation ~ .popover, [data-page-name=hotels] .quickSearch .searchPersonPrice ~ .popover, [data-page-name=hotels] .quickSearch .searchInboundTime ~ .popover, [data-page-name=hotels] .quickSearch .searchOutboundTime ~ .popover, [data-page-name=hotels] .quickSearch .searchTouroperator ~ .popover, [data-page-name=hotels] .quickSearch .searchCancellationOptions ~ .popover, [data-page-name=hotels] .quickSearch .searchFacilities ~ .popover { left: 0 !important; width: 70rem; } } @media (min-width: 1024px) { [data-page-name=regionen] .quickSearch .searchDestination ~ .popover, [data-page-name=regionen] .quickSearch .searchAirport ~ .popover, [data-page-name=regionen] .quickSearch .searchDate ~ .popover, [data-page-name=regionen] .quickSearch .searchPerson ~ .popover, [data-page-name=regionen] .quickSearch .searchDuration ~ .popover, [data-page-name=regionen] .quickSearch .searchCategory ~ .popover, [data-page-name=regionen] .quickSearch .searchRoom ~ .popover, [data-page-name=regionen] .quickSearch .searchBoard ~ .popover, [data-page-name=regionen] .quickSearch .searchRecommendation ~ .popover, [data-page-name=regionen] .quickSearch .searchPersonPrice ~ .popover, [data-page-name=regionen] .quickSearch .searchInboundTime ~ .popover, [data-page-name=regionen] .quickSearch .searchOutboundTime ~ .popover, [data-page-name=regionen] .quickSearch .searchTouroperator ~ .popover, [data-page-name=regionen] .quickSearch .searchCancellationOptions ~ .popover, [data-page-name=regionen] .quickSearch .searchFacilities ~ .popover, [data-page-name=hotels] .quickSearch .searchDestination ~ .popover, [data-page-name=hotels] .quickSearch .searchAirport ~ .popover, [data-page-name=hotels] .quickSearch .searchDate ~ .popover, [data-page-name=hotels] .quickSearch .searchPerson ~ .popover, [data-page-name=hotels] .quickSearch .searchDuration ~ .popover, [data-page-name=hotels] .quickSearch .searchCategory ~ .popover, [data-page-name=hotels] .quickSearch .searchRoom ~ .popover, [data-page-name=hotels] .quickSearch .searchBoard ~ .popover, [data-page-name=hotels] .quickSearch .searchRecommendation ~ .popover, [data-page-name=hotels] .quickSearch .searchPersonPrice ~ .popover, [data-page-name=hotels] .quickSearch .searchInboundTime ~ .popover, [data-page-name=hotels] .quickSearch .searchOutboundTime ~ .popover, [data-page-name=hotels] .quickSearch .searchTouroperator ~ .popover, [data-page-name=hotels] .quickSearch .searchCancellationOptions ~ .popover, [data-page-name=hotels] .quickSearch .searchFacilities ~ .popover { width: 93.4rem; } } @media (min-width: 768px) { [data-page-name=regionen] .quickSearch .searchDestination, [data-page-name=hotels] .quickSearch .searchDestination { grid-column: 1/span 2; } } [data-page-name=regionen] .quickSearch .clearFilter, [data-page-name=hotels] .quickSearch .clearFilter { align-items: center; cursor: pointer; display: none; height: 3rem; justify-content: center; margin-top: 1rem; width: 100%; } [data-page-name=regionen] .quickSearch .clearFilter span, [data-page-name=hotels] .quickSearch .clearFilter span { color: var(--white); font-size: var(--font-size--xsmall); margin-right: 1rem; } [data-page-name=regionen] .quickSearch .clearFilter i, [data-page-name=hotels] .quickSearch .clearFilter i { color: var(--white); font-size: 1rem; } @media (min-width: 1024px) { [data-page-name=regionen] .quickSearch .submitSearchWrapper, [data-page-name=hotels] .quickSearch .submitSearchWrapper { grid-row: auto; } } [data-page-name=regionen] .quickSearch .submitSearchWrapper button, [data-page-name=hotels] .quickSearch .submitSearchWrapper button { display: none; } [data-page-name=regionen] .quickSearch .submitSearchWrapper .searchCheckboxes, [data-page-name=hotels] .quickSearch .submitSearchWrapper .searchCheckboxes { margin: 0; } [data-page-name=regionen] main > .filterTags, [data-page-name=hotels] main > .filterTags { color: var(--primary); } @media (min-width: 1366px) { [data-page-name=regionen] main > .filterTags, [data-page-name=hotels] main > .filterTags { justify-content: flex-start; margin: 0 auto; max-width: 137rem; padding: 0 8rem 0 34.5rem; width: 100%; } } [data-page-name=regionen] main > .filterTags > span, [data-page-name=hotels] main > .filterTags > span { border: 0.1rem solid var(--primary); } [data-page-name=regionen] main > .filterTags > span[data-class=clearFilterTag], [data-page-name=hotels] main > .filterTags > span[data-class=clearFilterTag] { border: 0; } [data-page-name=regionen] [data-id=hotels] > .filterTags, [data-page-name=hotels] [data-id=hotels] > .filterTags { color: var(--primary); padding: 0 2rem 1rem 2rem; } @media (min-width: 1366px) { [data-page-name=regionen] [data-id=hotels] > .filterTags, [data-page-name=hotels] [data-id=hotels] > .filterTags { justify-content: flex-start; margin: 0 auto; max-width: 137rem; padding: 0 8rem 2rem 33.5rem; width: 100%; } } [data-page-name=regionen] [data-id=hotels] > .filterTags > span, [data-page-name=hotels] [data-id=hotels] > .filterTags > span { border: 0.1rem solid var(--primary); } [data-page-name=regionen] [data-id=hotels] > .filterTags > span[data-class=clearFilterTag], [data-page-name=hotels] [data-id=hotels] > .filterTags > span[data-class=clearFilterTag] { border: 0; } [data-page-name=regionen] .hotel__booking > .filterTags, [data-page-name=hotels] .hotel__booking > .filterTags { color: var(--primary); display: flex; justify-content: flex-start; margin: 0 auto; max-width: 102.4rem; padding: 0 2rem 2rem 2rem; width: 100%; } @media (min-width: 1366px) { [data-page-name=regionen] .hotel__booking > .filterTags, [data-page-name=hotels] .hotel__booking > .filterTags { max-width: 128rem; } } [data-page-name=regionen] .hotel__booking > .filterTags > span, [data-page-name=hotels] .hotel__booking > .filterTags > span { border: 0.1rem solid var(--primary); } [data-page-name=regionen] .hotel__booking > .filterTags > span[data-class=clearFilterTag], [data-page-name=hotels] .hotel__booking > .filterTags > span[data-class=clearFilterTag] { border: 0; } [data-page-name=regionen] .stickySearchFooter, [data-page-name=hotels] .stickySearchFooter { display: none; flex-wrap: wrap; overflow: hidden; } @media (min-width: 768px) { [data-page-name=regionen] .stickySearchFooter, [data-page-name=hotels] .stickySearchFooter { display: flex; } } [data-page-name=regionen] .stickySearchFooter.sticky, [data-page-name=hotels] .stickySearchFooter.sticky { background: var(--primary--xlite); bottom: 0; box-shadow: var(--box-shadow); display: flex; flex-wrap: wrap; justify-content: center; padding: 1rem; width: calc(100% - 4rem); z-index: 101; } @media (min-width: 768px) { [data-page-name=regionen] .stickySearchFooter.sticky, [data-page-name=hotels] .stickySearchFooter.sticky { max-width: 28rem; } } @media (min-width: 768px) { [data-page-name=regionen] .stickySearchFooter.sticky .filterTags, [data-page-name=hotels] .stickySearchFooter.sticky .filterTags { padding: 1rem 0 0 0; } } [data-page-name=regionen] .stickySearchFooter.sticky .filterTags .filterTag, [data-page-name=hotels] .stickySearchFooter.sticky .filterTags .filterTag { display: none; } [data-page-name=regionen] .stickySearchFooter.sticky .filterTags .clearFilterTag, [data-page-name=hotels] .stickySearchFooter.sticky .filterTags .clearFilterTag { border: 0.1rem solid var(--text); color: var(--text); } [data-page-name=regionen] .stickySearchFooter.sticky .clearFilter, [data-page-name=hotels] .stickySearchFooter.sticky .clearFilter { margin-top: 0; } [data-page-name=regionen] .stickySearchFooter.sticky .clearFilter span, [data-page-name=regionen] .stickySearchFooter.sticky .clearFilter i, [data-page-name=hotels] .stickySearchFooter.sticky .clearFilter span, [data-page-name=hotels] .stickySearchFooter.sticky .clearFilter i { color: var(--text); } [data-page-name=regionen] .stickySearchFooter .submitSearch, [data-page-name=hotels] .stickySearchFooter .submitSearch { width: 100%; } .filterTags { align-items: center; color: #fff; display: flex; flex-wrap: wrap; font-size: 1.2rem; justify-content: center; order: 2; padding: 1rem 0 0 0; width: 100%; } .filterTags > span { border: 0.1rem solid #fff; cursor: pointer; display: inline-block; margin: 0.5rem; padding: 0.5rem 1rem; } .filterTags > span i { margin-left: 1rem; position: relative; top: 0.1rem; } .filterTags > span[data-class=clearFilterTag] { border: 0 !important; } /* -------------------------------------------------- Hoteldetail */ [data-page-name=hotel] .quickSearch { margin: 0 auto 4rem auto; padding: 0; position: relative; top: 0; z-index: 1; /*.submitSearchWrapper { & ~ * { @include respond-to(1024) { grid-row : auto; } } }*/ } [data-page-name=hotel] .quickSearch .searchWrapper.isPauschal .submitSearchWrapper { grid-row: 11; } @media (min-width: 768px) { [data-page-name=hotel] .quickSearch .searchWrapper.isPauschal .submitSearchWrapper { grid-row: 6; } } @media (min-width: 1024px) { [data-page-name=hotel] .quickSearch .searchWrapper.isPauschal .submitSearchWrapper { grid-row: 1/span 2; } } [data-page-name=hotel] .quickSearch .searchWrapper.isPauschal .searchCheckboxes { margin-top: 2rem; } [data-page-name=hotel] .quickSearch .searchWrapper.isAccommodation .submitSearchWrapper { grid-row: 8; } @media (min-width: 768px) { [data-page-name=hotel] .quickSearch .searchWrapper.isAccommodation .submitSearchWrapper { grid-row: 5; } } @media (min-width: 1024px) { [data-page-name=hotel] .quickSearch .searchWrapper.isAccommodation .submitSearchWrapper { grid-row: 1/span 2; } } [data-page-name=hotel] .quickSearch .searchWrapper.isAccommodation .searchCheckboxes { margin-top: 2rem; } [data-page-name=hotel] .quickSearch .searchWrapper.isAccommodation .searchOutboundTime, [data-page-name=hotel] .quickSearch .searchWrapper.isAccommodation .searchInboundTime { display: none; } [data-page-name=hotel] .quickSearch .searchExtender { display: none; } [data-page-name=hotel] .quickSearch .searchExtender ~ * { display: block; } [data-page-name=hotel] .quickSearch .searchDestination .popover.shown, [data-page-name=hotel] .quickSearch .searchAirport .popover.shown, [data-page-name=hotel] .quickSearch .searchDate .popover.shown, [data-page-name=hotel] .quickSearch .searchPerson .popover.shown, [data-page-name=hotel] .quickSearch .searchDuration .popover.shown, [data-page-name=hotel] .quickSearch .searchCategory .popover.shown, [data-page-name=hotel] .quickSearch .searchRoom .popover.shown, [data-page-name=hotel] .quickSearch .searchBoard .popover.shown, [data-page-name=hotel] .quickSearch .searchRecommendation .popover.shown, [data-page-name=hotel] .quickSearch .searchPersonPrice .popover.shown, [data-page-name=hotel] .quickSearch .searchTouroperator .popover.shown, [data-page-name=hotel] .quickSearch .searchCancellationOptions .popover.shown, [data-page-name=hotel] .quickSearch .searchFacilities .popover.shown { width: calc(100% - 3.9rem); } @media (min-width: 768px) { [data-page-name=hotel] .quickSearch .searchDestination .popover.shown, [data-page-name=hotel] .quickSearch .searchAirport .popover.shown, [data-page-name=hotel] .quickSearch .searchDate .popover.shown, [data-page-name=hotel] .quickSearch .searchPerson .popover.shown, [data-page-name=hotel] .quickSearch .searchDuration .popover.shown, [data-page-name=hotel] .quickSearch .searchCategory .popover.shown, [data-page-name=hotel] .quickSearch .searchRoom .popover.shown, [data-page-name=hotel] .quickSearch .searchBoard .popover.shown, [data-page-name=hotel] .quickSearch .searchRecommendation .popover.shown, [data-page-name=hotel] .quickSearch .searchPersonPrice .popover.shown, [data-page-name=hotel] .quickSearch .searchTouroperator .popover.shown, [data-page-name=hotel] .quickSearch .searchCancellationOptions .popover.shown, [data-page-name=hotel] .quickSearch .searchFacilities .popover.shown { width: calc(100% - 9rem); } } [data-page-name=hotel] .quickSearch .searchTouroperator { order: 3; } [data-page-name=hotel] .filterTags { color: var(--primary); padding: 1rem 1.5rem; } [data-page-name=hotel] .filterTags > span { border: 0.1rem solid var(--primary); } .offerOptionsFrame { background: var(--primary--xlite); float: left; margin: 0 auto; max-width: 96rem; padding: 3rem 1.5rem 1.5rem 1.5rem; width: 100%; } @media (min-width: 768px) { .offerOptionsFrame { float: none; padding: 4rem 1.5rem 1.5rem 1.5rem; } } @media (min-width: 1366px) { .offerOptionsFrame { float: left; } } .offerOptions { background: var(--grey--dark); margin: 0 auto 5rem auto; max-width: 128rem; padding: 5rem 2rem 3rem 2rem; } @media (min-width: 768px) { .offerOptions { padding: 5rem 1rem 3rem 1rem; } } .offerOptions .offerIcon { border-bottom: 0.1rem solid var(--text); margin: 0 auto 3rem auto; width: 4.4rem; } .offerOptions .offerIcon__inner { align-items: center; border: 0.1rem solid var(--text); display: flex; height: 3rem; justify-content: center; margin: 0 auto -0.1rem auto; width: 3rem; } .offerOptions .offerIcon__inner i { font-size: 1.5rem; } .offerOptions .noOffers, .offerOptions .offersInalid { font-size: 1.6rem; font-weight: bold; margin-bottom: 2rem; text-align: center; } .offerOptions .offerHelp { font-size: 1.4rem; margin-bottom: 4rem; text-align: center; } .offerOptions .offerActions { display: flex; flex-wrap: wrap; justify-content: center; } .offerOptions .offerActions button { font-size: 1.2rem; height: 5rem; margin: 0 1rem 2rem 1rem; width: 100%; } @media (min-width: 768px) { .offerOptions .offerActions button { width: auto; } } .offerOptions .offerActions button i { font-size: 2.5rem; margin-right: 0.5rem; } .videoSearch { margin: -7rem auto 0 auto; padding: 0 4rem; position: relative; width: 100%; } @media (min-width: 576px) { .videoSearch { padding: 0 5rem; } } @media (min-width: 768px) { .videoSearch { padding: 0 6.5rem; } } @media (min-width: 1024px) { .videoSearch { max-width: 101rem; padding: 0 10rem; } } .videoSearch .videoSearchWrapper { margin: 0 auto; max-width: 91.5rem; } @media (min-width: 1366px) { .videoSearch .videoSearchWrapper { max-width: 118rem; } } .videoSearch .searchForm { width: 100%; } .videoSearch .searchForm__wrapper { display: flex; justify-content: center; } .videoSearch .searchForm__wrapper .inputWrapper { position: relative; width: 100%; } .videoSearch .searchForm__wrapper .inputWrapper input[type=text] { height: 5rem; } .videoSearch .searchForm__wrapper .inputWrapper input[type=text]:focus { box-shadow: none; outline: 0; } .videoSearch .searchForm__wrapper .inputWrapper button { height: 5rem; position: absolute; right: 0; top: 0; } .videoSearch .searchForm__wrapper .inputWrapper button i { display: block; } @media (min-width: 576px) { .videoSearch .searchForm__wrapper .inputWrapper button i { display: none; } } .videoSearch .searchForm__wrapper .inputWrapper button span { display: none; } @media (min-width: 576px) { .videoSearch .searchForm__wrapper .inputWrapper button span { display: block; } } .videoSearch__autocomplete { position: relative; } .videoSearch__autocomplete .autocomplete-suggestions { padding: 0.5rem 1rem 1rem 1rem; } .videoSearch__autocomplete .autocomplete-suggestion { margin: 1rem 0; white-space: normal; } .videoSearch__autocomplete .autocomplete-group { border-bottom: 1px solid var(--primary); color: var(--primary); padding: 0.5rem; } .litepicker { color: var(--text); font-family: var(--roboto); left: 0 !important; max-width: 100%; position: absolute !important; right: auto; top: 100% !important; transform: none !important; z-index: 4999 !important; } @media (min-width: 768px) { .litepicker { left: auto !important; max-width: none; right: 0 !important; } } @media (min-width: 1024px) { .litepicker { left: 0 !important; right: auto !important; } } .litepicker .container__predefined-ranges { box-shadow: none !important; display: none !important; width: 100%; } .litepicker .container__months { background: var(--white); border-radius: 0; box-shadow: inset 0 0 0 1rem var(--primary--lite); padding: 1rem; width: 100%; } .litepicker .container__months .month-item-header .button-previous-month, .litepicker .container__months .month-item-header .button-next-month { height: auto; } .litepicker .container__months .month-item-header .button-previous-month:hover, .litepicker .container__months .month-item-header .button-next-month:hover { background: transparent; color: var(--primary); } .litepicker .container__months .month-item-name, .litepicker .container__months .month-item-year { font-size: 1.4rem; } .litepicker .container__months .month-item select { background: var(--white); padding: 0 1rem; } .litepicker .container__days .day-item { transition: none; } .litepicker .container__days .day-item:hover { background: var(--primary); box-shadow: inset 0 0 0 0.1rem var(--primary); color: var(--white); cursor: pointer; } .litepicker .container__days .day-item.is-start-date, .litepicker .container__days .day-item.is-end-date { background: var(--primary); } .litepicker .container__days .day-item.is-in-range { background: var(--primary--range); } .litepicker .container__days .day-item.is-in-range:hover { color: var(--text); } /*# sourceMappingURL=search.css.map */