@import url(Fonts/SourceSansPro/Source-Sans-Pro.css);
/*=====================================
    CSS TABLE OF CONTENTS:
    1. Cart Tab Section
    2. Add Sector Section
    3. Flight Sector Search Section
    4. Add Additional Sectors Section
    5. Sector Status Section
    6. Flights
    7. Loading Animation
    8. Smart Bookings
    9. MEDIA QUERIES
=====================================*/
:root {
    --primary-link-colour: #3d862d;
    --primary-link-hover: #2c6020;
    --border-primary: solid 1px #CCCCCC;
    --site-colour-02: #384453;
    --site-colour-03: #26ace2;
    --site-colour-04: #4ab848;
    --site-colour-05: #f58220;
    --site-colour-06: #384453;
    --site-font: 'Open Sans Regular',sans-serif;
}

.corporate-booking .MobileMenu-Icons:hover {
    background-color: #3a4857;
    color: #fff;
}

.corporate-booking .MobileMenu-TRFIcon,
.corporate-booking .MobileMenu-TRF2Icon {
    background: none;
    position:relative;
}
.company-travelcoza .container .form-field input[type="text"]::placeholder {
    font-weight: normal
}
/*=======================================
1. Cart Tab Section
=======================================-*/
/* Styling for outer div */
#divCart .tab-section {
    /*padding: 0 5px;*/
    /*margin-top: 20px*/
}
label.first-tab.tab-label {
    margin: 0 0 -1px 5px
}
.corporate-booking a {
    color: var(--primary-link-colour);
}
.corporate-booking a.clearX {
    background-color: #fff;
    border-radius: 50%;
    border: solid 4px #fff;
    left: -25px;
    top: 1px;
}
.corporate-booking a.MobileMenu-Breadcrumb {color:#fff}
.corporate-booking .MobileMenu-Item {
    color: #fff;
    background-color: var(--site-colour-06);
}
.corporate-booking a:hover {
    color: var(--primary-link-hover);
}
.corporate-booking .tdMobileMenuOverlayLevel1 {
    background-color: var(--primary-link-colour)
}
/* Icons & elements inside the tabs */
label.tab-label .tab-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    transform: translateY(5px);
}
body:not(.corporate-booking) .spanOtherSectors {
    display:none;
}

.ui-dialog-titlebar-close {
    background-image:url(../Images/icons/close_black_24x24.png);
    background-size:contain;
}

.corporate-booking #hrefMobileMenuTRF .MobileMenu-TRFIcon #tdfontRequestFormsTopMenu,
.corporate-booking #hrefMobileMenuTRF2 .MobileMenu-TRF2Icon #tdfontRequestForms2TopMenu {
    position: absolute;
    top: 15px;
    margin-left: 0;
    font-size: 10px !important;
}
.corporate-booking #hrefMobileMenuTRF .MobileMenu-TRFIcon #tdfontRequestFormsTopMenu {
    width:20px;
}
.corporate-booking #hrefMobileMenuTRF2 .MobileMenu-TRF2Icon #tdfontRequestForms2TopMenu {
    width:15px
}
.corporate-booking #tdfontRequestFormsTopMenu > span {
    color: #be0000;
}
.corporate-booking #hrefMobileMenuTRF:hover span {
    color: #eb0000;
}
.corporate-booking #tdfontRequestForms2TopMenu > span {
    color: #222;
}
.corporate-booking #hrefMobileMenuTRF2:hover span {
    color: #222;
}

.spanCarFeatureChip {margin-right:20px;}

.corporate-booking .border-Status {
    box-shadow: none;
}
label.bookings-tab-label .bookings-tab-icon {
    background-image: url("../Images/icons/shopping_basket_grey_24x24.png")
}

label.bookings-tab-label:hover .bookings-tab-icon {
    background-image: url("../Images/icons/shopping_basket_black_24x24.png")
}

input.tab-input:checked + label.bookings-tab-label .bookings-tab-icon {
    background-image: url("../Images/icons/shopping_basket_blue_24x24.png")
}

label.quote-tab-label .quote-tab-icon {
    background-image: url("../Images/icons/quote_grey_24x24.png")
}

label.quote-tab-label:hover .quote-tab-icon {
    background-image: url("../Images/icons/quote_black_24x24.png")
}

input.tab-input:checked + label.quote-tab-label .quote-tab-icon {
    background-image: url("../Images/icons/quote_blue_24x24.png")
}
.tab_close_btn {
    display: inline-block;
    background: url(../Images/icons/tab_close_grey_24x24.png) no-repeat 50% 50%;
    background-size: contain;
    width: 24px;
    height: 24px;
    transform: translate(14px,8px);
}
.tab_close_btn:hover {background:url(../Images/icons/tab_close_black_24x24.png)}
.section_title, .grid h2.section_title {margin-top:0}
html body {
    background-color: transparent;
}
.corporate-booking .headercontainer {
    background-color: #fffDiv
}
.corporate-booking .bodycontainer {
    background-color: #f4f4f4;
}
.corporate-booking .bodySection {
    border:var(--border-primary);
}
.corporate-booking .bodycontainer > .container {
    padding:20px 0;
}
.corporate-booking #section.container {
    box-shadow: none;
}
.corporate-booking header {
    background-color:#fff;
}
.corporate-booking header .headerRightColumn {
    color:#333;
}
.corporate-booking header a {
    color:var(--primary-link-colour);
}

.corporate-booking .border-Active {
    box-shadow:none;
}
/*
.corporate-booking .MenuStripBackgroundColor {
    background-color:transparent;
}*/
.corporate-booking .clear.updated {
    text-indent:0;
    top:0;
}
.MobileMenu-Icons {
    font-size: 24px
}
html body, body input, textarea, select, .breadcrumb {
    font-size: 14px;
    font-family: var(--site-font);
    -webkit-font-smoothing: none;
}

.QuickQuoteHide {
    display: none;
}
.liPropertySearch {
    display:inline-block;
    float:right;

}
.liPropertySearch input {
    border-right:0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.liPropertySearch input:hover {

}
.liPropertySearch .icon {
    padding:2px 7px;
    border-left-color:#fff;
    display:inline-block;
    background-color:#000;
}
#hotelSortMenu .active .icon {
    color:#fff;
}
html body.rewardspartner-booking,
body.rewardspartner-booking input,
.rewardspartner-booking textarea,
.rewardspartner-booking select,
.rewardspartner-booking .breadcrumb,
/*html body.leisure-booking,
body.leisure-booking input,
.leisure-booking textarea,
.leisure-booking select,
.leisure-booking .breadcrumb*/ {
    font-size: 16px;
    background-color: transparent;
}

body.leisure-booking.company-travelit #divCarShopItemList input.button-Green {
    background-color: #42B31E;
}
body.leisure-booking.company-travelit #divCarShopItemList input.button-Blue {
    background-color: blue;
}
#hotelSortMenu input:hover {
    box-shadow: none;
    border-right:none;
}

.input-field-icon-left {
    background-repeat:no-repeat;
    background-position:center left;
}

.divCollapsibleContainer h3 {
    font-size: 18px
}
.ulFlightFilterIconGroup li {list-style:none; float:left}
.aFlightFilterBtn {
    padding: 15px;
    margin-right: 10px;
    color: var(--primary-link-colour);
    font-size: 20px;
}
.aFlightFilterBtn:last-child {margin-right:0}

.toggle-password-visibility .toggle-password {
    position: absolute;
    top: 2px;
    right: 2px;
    border: none;
    background-color: transparent;
}

.toggle-password-visibility {
    position: relative;
}
.divLeisureClientEnterNewPassword btn {
    padding: 8px;
}

@keyframes pulse-strong {
    0%, 100% {
        transform: scale(1);
        color: #ff4c00;
        text-shadow: none;
    }

    25%, 75% {
        transform: scale(1.4);
        color: #b33500;
        text-shadow: 0 0 8px rgba(255, 76, 0, 0.6);
    }

    50% {
        transform: scale(1.6);
        color: #b33500;
        text-shadow: 0 0 12px rgba(255, 76, 0, 0.8);
    }
}

.pulse-strong {
    animation: pulse-strong 6s ease-in-out infinite;
    display: inline-block;
    transition: transform 0.3s ease;
}


@keyframes pulse-glow-bg {
    0%, 100% {
        transform: scale(1);
        color: #ff4c00;
        background-color: transparent;
        box-shadow: none;
    }

    25%, 75% {
        transform: scale(1.3);
        color: #b33500;
        background-color: rgba(255, 76, 0, 0.1);
        box-shadow: 0 0 10px rgba(255, 76, 0, 0.4);
    }

    50% {
        transform: scale(1.5);
        color: #b33500;
        background-color: rgba(255, 76, 0, 0.2);
        box-shadow: 0 0 15px rgba(255, 76, 0, 0.6);
    }
}

.pulse-glow-bg {
    animation: pulse-glow-bg 6s ease-in-out infinite;
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
}



ul.list-style-disc li {
    list-style-position:inside;
    list-style-type:disc;
}
/*=======================================
2. Add Sector Section
=======================================-*/
/* Style the outer div */
.primary-sectors-section .form-field input.input-field-icon.sector-btn {
    padding: 10px 10px 10px 30px;
    margin-right: 5px;
}
.primary-sectors-section .form-field input.input-field-icon.sector-btn:hover {
    cursor:pointer;
}
.primary-sectors-section .form-field .input-field-icon.sector-btn {
    padding: 8px 0;
    margin-right: 5px;
    font-size:14px;
    min-width:160px;
}
.corporate-booking .primary-sectors-section .form-field .spanOtherSectors .input-field-icon.sector-btn {
    background-color:#f4f4f4;
}

.corporate-booking .primary-sectors-section .form-field .spanOtherSectors .input-field-icon.sector-btn:hover {
    background-color:var(--primary-link-colour);
}
.primary-sectors-section .form-field button.input-field-icon.sector-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: initial;
    padding-right: initial;
    background-image: none;
    text-align: center;
    width: 150px;
    margin-bottom: 15px;
    border: solid 1px transparent;
    min-height:39px;
}
.corporate-booking .primary-sectors-section .form-field button.input-field-icon.sector-btn {
    background-color: #f4f4f4;
}
.primary-sectors-section .form-field button.input-field-icon.sector-btn:hover {
    background-color: var(--primary-link-colour);
}
.primary-sectors-section .form-field .spanOtherSectors .input-field-icon.sector-btn {
    width: 150px;
    border: solid 1px transparent;
}
.primary-sectors-section #ulCartAddOtherSectors .form-field .spanOtherSectors .input-field-icon.sector-btn {
    width: 120px;
}
.corporate-booking .sectionContent [id^="divCartSector_"] {
    border-bottom:solid 1px #ccc;
}
.corporate-booking .grey.sector-item {
    border: solid 1px var(--primary-link-colour)!important;
}
.clearfields-btn {
    text-align: center;
    width: 100%
}   
/* Style the buttons in the 'add sector' section */
.form-field select.input-field-icon {
    background-position: 3px 50%;
    background-repeat: no-repeat;
    padding-left: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-field input.input-field-icon, .form-field .input-field-icon {
    background-position: 3px 50%;
    background-repeat: no-repeat;
    padding-left: 36px
}

.form-field input.input-field-icon.sector-btn, .form-field .input-field-icon.sector-btn{
    padding-left: 30px
}

.sector-btn {
    font-weight: 600;
    /*margin-bottom: 10px;*/
    padding: 10px
}

.additional-sub-sectors-section .sector-btn {
    padding: 5px;
    margin-right: 5px;
    font-size: 14px;
    margin-bottom: 5px;
}
.additional-sub-sectors-section .form-field button.sector-btn {
    background-image: none;
    padding:5px;
}
.additional-sub-sectors-section .input-field-icon [class^="tvst-"] {transform:scale(1.75)}

.additional-sub-sectors-section .sector-btn::after:last-child {
    margin-right: 0
}
.additional-sub-sectors-section {
    padding: 15px 10px 10px 10px;
    border-top: solid 1px #eee;
}
.additional-sub-sectors-section .form-field button.sector-btn {
    width:auto;
    margin-right:30px;
    border:none;
    padding:10px;
}
.sector-btn:hover {
    background-color: var(--primary-link-colour);
    color: #fff;
    /*border:solid 1px var(--primary-link-colour);*/
}
.sector-btn:active,
.primary-sectors-section .form-field button.input-field-icon.sector-btn.activestate, .activestate .dd-button {
    border: solid 1px var(--primary-link-colour);
    background-color:#fff;
}
.primary-sectors-section .form-field button.input-field-icon.sector-btn.activestate, .activestate .dd-button:hover {
    background-color:var(--primary-link-colour);
    color:#fff;
}
.corporate-booking .footercontainer > .container {
    max-width: 100%;
    padding: 0
}
/* The following styling is for the icons used with the buttons and input fields*/
.input-field-icon i {
    display:inline-block;
}

.input-field-icon [class^="tvst-"] {
    transform: scale(2);
    margin-right: 10px;
}

.creditcard-icon {
    background-image: url("../Images/icons/credit-card-multiplyred-20x20.png");
    background-size: 24px;
}

.creditcard-icon:hover, .creditcard-icon:active, .creditcard-icon.activestate {
    background-image: url("../Images/icons/credit-card-white-20x20.png");
}

.smartbook-icon {
    background-image: url("../Images/icons/layers-triple-18x-black.png")
}

.smartbook-icon:hover, .smartbook-icon:active, .smartbook-icon.activestate {
    background-image: url("../Images/icons/layers-triple-18px-white.png");
}
.divViewFares .expand-btn {
    transform: rotate(270deg);
}
.corporate-booking .highlighted-colour {
    background-color: #FAFFBD
}
.container .form-field select.pax-form-elements-numbers-day {
    width: 60px;
}
.container .form-field select.pax-form-elements-numbers-month {
    width: 100px;
}
.container .form-field select.pax-form-elements-numbers-year {
    width: 80px;
}
.container .form-field select.pax-form-elements-numbers-mobile-prefix {
    width: 80px;
}

.container .form-field input.pax-form-elements-numbers-mobile-number {
    width: 100px;
}
/*=======================================
3. Sector Search Sections
=======================================-*/
button.sector-btn {
    width: 160px;
}

.sector-icon [class^="tvst-"] {
    font-size:32px;
    padding:10px 5px;
    color:#222;
    display:inline-block;
}
/*.sector-item.sector-selected [class^="tvst-"] {
    color:#fff;
}
*/
.flightdeparture-icon {
    background-image: url("../Images/icons/flight_takeoff_grey_24x24.png")
}
.flightdeparture-icon:focus {background-image: url("../Images/icons/flight_takeoff_black_24x24.png")}
.flightarrival-icon {background-image: url("../Images/icons/flight_land_grey_24x24.png")}
.flightarrival-icon:focus {background-image: url("../Images/icons/flight_land_black_24x24.png")}
.calendar-icon {background-image: url("../Images/icons/event_lightgrey_24x24.png")}
.calendar-icon:focus {background-image: url("../Images/icons/event_black_24x24.png")}
.clock-icon {background-image: url("../Images/icons/schedule_grey_24x24.png")}
.clock-icon:focus {background-image: url("../images/icons/schedule_black_24x24.png")}
.cabin-icon {background-image: url("../Images/icons/airline_seat_recline_grey_24x24.png")}
.cabin-icon:focus {background-image: url("../Images/icons/airline_seat_recline_black_24x24.png")}
.smartroute-icon {background-image: url("../Images/icons/map-marker-path_grey_24x24.png")}
.smartroute-icon:focus {background-image: url("../Images/icons/map-marker-path_black_24x24.png")}
.ticket-icon {background-image:url("../Images/icons/ticket_lightgrey_24x24.png")}
.calendarmulti-icon {background-image: url("../Images/icons/calendar-multiselect_grey_24x24.png")}
.calendarmulti-icon:focus {background-image: url("../Images/icons/calendar-multiselect_black_24x24.png")}
.dropoff-icon {background-image: url("../Images/icons/map_marker_down_grey_24x24.png")}
.dropoff-icon:focus {background-image: url("../Images/icons/map_marker_down_black_24x24.png")}
.pickup-icon {background-image: url("../Images/icons/map_marker_up_grey_24x24.png")}
.pickup-icon:focus {background-image: url("../Images/icons/map_marker_up_black_24x24.png")}
.car-pickup-icon {background-image: url("../Images/icons/location_enter_grey_24x24.png")}
.car-pickup-icon:focus {background-image: url("../Images/icons/location_enter_black_24x24.png")}
.car-dropoff-icon {background-image: url("../Images/icons/location_exit_grey_24x24.png")}
.car-dropoff-icon:focus {background-image: url("../Images/icons/location_exit_black_24x24.png")}
.rate-icon {background-image: url("../Images/icons/cash_100_grey_24x24.png")}
.rate-icon:focus {background-image: url("../Images/icons/cash_100_black_24x24.png")}
.vendor-icon {background-image: url("../Images/icons/store_grey_24x24.png")}
.vendor-icon:focus {background-image: url("../Images/icons/store_black_24x24.png")}
.account-icon {background-image: url("../Images/icons/account_grey_24x24.png")}
.account-icon:focus {background-image: url("../Images/icons/account_black_24x24.png")}
.currency-icon {background-image: url("../Images/icons/local_atm_grey_24x24.png")}
.currency-icon:focus {background-image: url("../Images/icons/local_atm_black_24x24.png")}
.food-icon {background-image: url("../Images/icons/food_24x24.png")}
.food-icon:focus {background-image: url("../Images/icons/food_24x24.png")}
.room-icon {background-image: url("../Images/icons/hotel_greylight_24x24.png")}
.room-icon:focus {background-image: url("../Images/icons/hotel_black_24x24.png")}
.accountdetails-icon {background-image: url("../Images/icons/accountdetails_grey_24x24.png")}
.accountdetails-icon:focus {background-image: url("../Images/icons/accountdetails_black_24x24.png")}
.connection-icon {background-image: url("../Images/icons/connection_grey_24x24.png")}
.corporate-booking .filter-options input.btn-radio-group-input[type=radio]:checked + label.btn-radio-group-label {
    width: 220px;
}
.mandatory:after {
    content: "*";
    color: red
}
.corporate-booking .chip {font-size:14px}
.corporate-booking .add-traveller-section select, .form-field-label + select {
    min-height: 38px
}
.corporate-booking .add-traveller-section select, .corporate-booking .form-field-label + select {
    min-height:32px;
}
.grid input[type="button"].show-on-map-btn {
    font-size: 10px;
    transform: translateY(-10px)
}
.date-input-field-row input[type=text] {width:100%}
.search_btn_single {
    width: auto;
    margin-right: 10px;
    float: left;
    margin-bottom:10px;
}
.search_btn_single input[type="button"] {min-width:115px}
.inline-icon {
    margin-right: 5px;
    transform: translateY(3px);
    display: inline-block;
    margin-top: -3px;
    font-size:16px
}
th .table-heading-icon {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background-size: contain
}
.flight-sub-tab-content {display:none}
#flight-roundtrip-section {display:block}
.sector-details-item-table td {vertical-align:top}
button:hover {
    cursor: pointer
}

#btnSearchAgain {
    width: 150px;
    font-weight: bold;
    padding: 10px;
}

body.rewardspartner-booking .content-container,
body.leisure-booking .content-container {
    overflow: hidden
}
.EasyView .aSwitchView::after {
    content: " more fields";
}
.ConsultantView .aSwitchView::after {
    content: " less fields";
}
.corporate-booking .travelit-btn,
.corporate-booking .primary-btn {
    background-color: var(--primary-link-colour);
}
.corporate-booking .travelit-btn:hover,
.corporate-booking .primary-btn:hover {
    background-color:var(--primary-link-hover);
}
/*=======================================
4. Add Additional Sectors Section
=======================================-*/
.map-icon {
    background-image: url("../Images/icons/map_marker_lightgrey_24x24.png");
}
.map-icon:focus {background-image: url("../Images/icons/map_marker_black_24x24.png")}
.city-icon {background-image: url("../Images/icons/city_grey_24x24.png");}
.city-icon:focus {background-image: url("../Images/icons/city_black_24x24.png")}
.car2-icon {background-image: url("../Images/icons/car_side_grey_24x24.png");}
.car2-icon:focus {background-image: url("../Images/icons/car_side_black_24x24.png")}
.info-icon {background-image: url("../Images/icons/information_outline_grey_24x24.png");}
.info-icon:focus {background-image: url("../Images/icons/information_outline_black_24x24.png")}
.tvst-key-card {font-size:18px}
/*=======================================
5. Sector Status Section
=======================================-*/
.search-abbreviation {
    text-align: center;
    font-weight: 600;
    width: 40px;
    display: block
}

.sector-criteria-item {
    display: block;
    margin-bottom: 3px
}
.sector-status {
    padding: 15px 20px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 10px;
}
.sector-details-collapsed {
    padding: 5px 0 5px 10px;
    overflow: auto;
    margin-top: 0
}
.sector-status:hover {
    cursor: pointer
}
.sector-status.orange:hover {
    cursor: initial
}

.corporate-booking input {
    border-radius: 5px;
    border-width: 1px;
}

.corporate-booking input.inputNumberSpinner {
    background-color:transparent;
}

.corporate-booking .divTravellerSelectionMenu .btnNumberSpinner {
    background-color: #f6f6f6;
}

.corporate-booking .divTravellerSelectionMenu .btnNumberSpinner:hover {
    background-color:#efefef;
}

.orange .sector-status, .orange .sector-details-collapsed {
    background-color: #ffcf75;
    border: solid 1px #fea500;
}

.grey .sector-status, .grey .sector-details-collapsed {
    background-color: #eeeeee;
    border: solid 1px #cccccc
}

.yellow .sector-status, .yellow .sector-details-collapsed {
    background-color: #fffdd0;
    border: solid 1px #ffe0a4;
    overflow: auto;
}

.green .sector-status, .green .sector-details-collapsed {
    background-color: #caf4bc;
    border: solid 1px #62de38;
}

.green .sector-status-message {
    background-color: #caf4bc;
}

.blue .sector-status, .blue .sector-details-collapsed {
    background-color: #ccdef7;
    border: solid 1px #A0C1F0;
}

.red .sector-status, .red .sector-details-collapsed {
    background-color: #ffd8d8;
    border: solid 1px #ffa5a5;
}

.purple .sector-status, .purple .sector-details-collapsed {
    background-color: #e6def7;
    border: solid 1px #9370db;
}

.yellow .sector-status a:link {
    color: #696000;
    font-weight: bold
}
.yellow-bg {
    background-color: #fafafa;
    border: solid 1px #ddd;
    overflow: auto;
}
.divSectorSearchTermsBG {
    background-color: #fafafa;
    border: solid 1px #ddd;
    overflow: auto;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.videoWrapper iframe,
.videoWrapper embed,
.videoWrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.newfeature {
    position:relative;
}
.newfeature .badge {
    position:absolute;
    background-color:yellow;
    color:#333;
    font-size:9px;
    z-index:1;
    left:10%;
}
.sector-status.search-completed a:hover {
    text-decoration: underline
}
#txtFlightShopConsultantInstruction {width:100%}
.sector-status-message {
    display: inline-block;
    /*font-weight: 600;*/
    line-height: 1.5em;
    font-size: 14px;
}
.sector-status-provider-heading, .sector-status-message-header {font-weight:600}

.sector-status-provider-subheading {
    font-size:0.85em;
}

.sector-item .sector-criteria-item {display:block; clear:both}

.sector-status .sector-status-heading {
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    margin-bottom: 5px
}
.wrPropertyShopHotelLoadingImageStyling {
    height:10px;
}
.sector-status .sector-status-subheading {
    font-size: 0.85em
}

.sector-date .sector-status-heading, .sector-cost .sector-status-heading {
    font-size: 1.25em;
    font-weight: bold;
    display: block;
    margin-bottom: 5px
}

.calendar-styled-date {
    width: 50px;
    background: #f0f0f0;
    border-radius: 5px;
    margin: -3px auto 0;
    background-size: 30px;
}


.calendar-styled-date .calendar-month {
	background: var(--primary-link-colour); 
    font-family: 'Open Sans Semibold';
    text-align: center;
    text-transform:uppercase;
    color:#fff;
    display:block;
    border-radius:5px 5px 0 0;
}

.calendar-styled-date calendar-container {
	font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; 	
	display: inline-block;
	border-top: 1px solid #406278;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	padding: 3px 0;
    transform:translate(-1px,6px);
    width:103%;
    color:#656565;
    background-color:#fff;
}
.calendar-styled-date .calendar-daynumber {
    font-size: 20px;
    display:block;
    font-weight:bold;
    padding:5px 0;
    text-align: center;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
}
.calendar-styled-date .calendar-daywording {
    font-weight:bold;
    text-align: center;
    display:block;
    border-left:solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-radius: 0 0 5px 5px;
}

.sector-date {text-align:center; margin-top:5px}
.sector-cost {text-align:right}
.sector-policy {margin-top:5px}
.sector-cost .sector-status-subheading {
    font-size: 0.85em;
}

.loading-animation-img img {
    max-width: 24px;
    max-height: 24px;
    margin-right: 5px
}

.sector-details-item-table td:first-child {
    width: 140px;
    padding: 3px 0;
}
.row-label {color:#999}
.row-label.red, td.red, tr.red td {color:red}
.missed-savings label {display:block}
.missed-savings span {color:#b30000; font-weight:bold; font-size:1.2em}
.sector_heading {
    font-weight: 1000;
    font-size: 1.3em;
}
.cartSectorSubHeading {
    font-weight: bold;
    font-size: 0.9em;
    color: #9E999F;
}
.total-row td {font-weight:bold}
.align-tds-middle td {vertical-align:baseline}
.list-attachments-link {font-size:11px}
.grid .date-picker-wrapper .drp_top-bar .apply-btn {line-height:10px}
.action-btns .img-btn a {
    display: inline-block;
    height: 32px;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 24px;
    border: solid 1px #efefef;
    font-size:0;
    width:32px;
}
.img_btn.text_hidden {
    font-size: 0
}
.ui-menu .ui-menu-item:hover {
    cursor:pointer;
}
.form-check-input[type=checkbox] {
    width:16px;
    height:16px;
}
.rewardspartner-booking select.selectCabinMenuItem {
    font-size: 13px;
    display: inline-block;
    width: 160px;
    border-radius: 10px;
}
.spanDropdownIcon {
    font-family: "Font Awesome 6 Pro";
}
.spanDropdownIcon::before {
    content: "\f3c5";
}
.ui-state-active, .ui-widget-content .ui-state-active {
    border: none;
}
.spanDropdownIcon, .spanDropdownIcon.ui-state-active {
}
.expand-btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 0;
}
.expand-btn.more {background-image: url(../images/icons/expand_more_grey_24x24.png); background-repeat:no-repeat}
.expand-btn.more:hover {
    background-image: url(../Images/icons/expand_more_black_24x24.png)
}
.expand-btn.less {
    background-image: url("../Images/icons/expand_less_grey_24x24.png");
    transform:rotate(270deg);
}

.expand-btn.less:hover  {
    background-image: url("../Images/icons/expand_less_black_24x24.png")
}

#divCartExpandedSector .delete-btn {display:none}

.delete-btn {
    background-image: url(../images/icons/delete_grey_24x24.png)
}
.delete-btn:hover {
    background-image: url(../images/icons/delete_black_24x24.png)
}
.responsive-table.search-table th {background-color:transparent; color:#333}
.responsive-table.search-table tbody tr:hover td {
    background-color: transparent
}
.responsive-table.search-table tbody tr td:first-child {font-weight:bold}
#divPropertyShopRoom .responsive-table.search-table tbody tr td:nth-child(1),
[id^="divCartShopExpandedSector"] .responsive-table.search-table tbody tr td:nth-child(1) {
    width: 200px;
}
.responsive-table.search-table td {font-size:14px}
.responsive-table.search-table tbody tr:nth-of-type(even) td,
.responsive-table.search-table tbody tr:nth-of-type(even) {
    background-color: #f1f1f1;
}
.table-sort-arrow {
    display: inline-block;
    margin-left: 5px;
    width: 12px;
    height: 12px;
    background-image: url(../Images/icons/sort-arrows-couple-pointing-up-and-down.png);
    background-size: cover;
    transform: translateY(2px);
}
.flight-results-table a {color:#efefef; text-decoration:none}
.flight-results-table .plane-icon {margin-right:5px; }
.flight-num-stops {
    background-color: #ff6a15;
    color: #fff;
    padding: 1px 6px;
    border-radius: 5px;
}
.quote_btn {
    width:16px;
    height:16px;
    display:inline-block;
    background:url(../Images/QuoteGrey.png);
    margin:auto
}
.quote_btn.active {background:url(../Images/QuoteGreen.png)}
.quote_btn:hover {cursor:pointer}
.flight-filter-pin {
    background:url(../Images/pin-grey-small.png);
    width:17px;
    height:17px;
    display:inline-block;
    background-size:contain;
}
.flight-filter-pin.active {
    background:url(../Images/pin-green-small.png)
}

.flight-search-results-table .flight-book-quote button, .flight-block-view-container .book-btn {
    padding: 10px;
}

.flight-search-results-table .book-btn, .flight-block-view-container .book-btn {
    background-color: royalblue;
    border-radius: 5px;
    color: #fff;
    border:none;
}

.flight-book-quote button.add-to-quote-btn {
    background-color: #fff;
    color: green;
    border-radius: 5px;
    padding: 9px;
    height: auto;
    margin-right: 5px;
    border: solid 1px green;
}
.flight-book-quote button.add-to-quote-btn:hover {
    background-color: #e8fbe8;
}
.flight-search-results-table .book-btn:hover, .flight-block-view-container .book-btn:hover {
    background-color: darkblue;
}

.flight-search-results-item-detail-row .flight-amount {
    font-size: 1.35em;
}
.flight-search-results-table .flight-amount {
    font-size: 16px;
    min-width:100px;
}
.flight-amount, .car-amount, .rate-amount {
    font-weight: bold;
    font-size: 14px;
}

.flight-search-results-table .expanded .flight-amount {
    font-size: 0;
}
.flight-search-results-table .expanded .flight-amount .spanSavingsAmount {
    font-size: 0;
}
.flight-search-results-table .expanded .flight-amount img,
.EasyView .divDateSelectionRow,
.EasyView .hide-on-easyview,
.ConsultantView .hide-on-consultantview {
    display: none;
}

.corporate-booking .divFooterAccordion h3.ui-accordion-header,
.corporate-booking .divFooterAccordion,
.corporate-booking .sector-criteria-item {
    font-size: 14px
}
.flight-multicity-table .tdConnections {
    width:80px;
}
.container .flight-multicity-table input.inline-table-field[type="text"] {
    font-size: 12px
}
.corporate-booking .divResultGrid {
    padding: 5px;
    border-radius: 5px;
    border: solid 1px #CCCCCC;
    margin-bottom: 10px;
}
.corporate-booking .divResultGridDate {
    font-size: 22px;
    font-weight: bold;
}
.corporate-booking .divResultGridAirportTitle {
    font-weight: bold;
    font-size:18px;
}
.corporate-booking .divResultGridAirportDescription {
    font-size: 13px;
}
.corporate-booking .divResultGridArrow {
    font-size: 24px;
    margin: 0 10px;
}
.corporate-booking .divResultsGridCabin {
    
}
.block-view-item {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(221,221,221,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(221,221,221,1);
    box-shadow: 2px 2px 5px 0px rgba(221,221,221,1);
    border: solid 1px #ddd;
    padding: 5px;
    overflow: auto;
    border-radius: 5px;
    padding: 5px 10px 10px;
    margin-bottom: 10px;
    display: block;
    text-decoration: none;
}
.block-view-item:hover {
    text-decoration:none;
    background-color:#f7f7f7;
}
.block-view-item a:link, .block-view-item a:visited, a.block-view-item {
    color: #333;
}
.block-view-item-detail {
    margin-bottom: 5px;
}
.flight-departure {
    margin-right: 10px;
}
.flight-departure-arrival {
    font-weight: 600;
}
.flight-cost {
    font-weight: 600;
    font-size: 1.2em;
    transform: translateY(3px);
}
.search-number-of-results {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    margin-right: 5px;
    display: inline-block;
    font-weight: 300;
    border: solid 1px #ccc;
    color: #bbb;
    font-size: 11px;
    padding: 0 3px;
    transform: translateY(5px);
}
.flight-cost img {
    width: 16px;
    transform: translateY(2px);
    margin-right: 5px;
}
.expanded .block-view-item {
    border: solid 3px var(--primary-link-colour);
    margin-bottom: 0;
    box-shadow: none;
}
.flight-block-view-item.expanded:after {
    content: "";
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid var(--primary-link-colour);
    margin-left: 45%;
    margin-top: 0;
    display: inline-block;
}
.expanded + .item-information-block {
    clear: both;
    display: inline-block;
    border: solid 3px var(--primary-link-colour);
    padding: 20px;
    margin-bottom: 20px;
}
.item-information-block {
    font-size: 14px;
    display: none;
}

.fastbook-filter-options [type="checkbox"].fancycheckbox + span:not(.lever) {
    line-height: 33px;
}
.leisure-form-section {
    max-width: 380px;
}
.leisure-icon-set {
    display: flex;
    border-radius: 8px;
    margin: 10px 0 0 10px;
}

input[type="checkbox"][id^="leisureCheckbox"] {
    display: none;
}
.leisure-icon-set label {
    text-align: center;
    width: 100%;
    /*border-right: 2px solid #ccc;*/
    padding: 10px;
    display: block;
    position: relative;
    margin: 0px;
    cursor: pointer;
}

.leisure-icon-set label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
    margin:5px 0 0 5px;
}

.leisure-icon-set label img {
    height: 120px;
    width: 120px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
}

.leisure-icon-set :checked + label {
    border-color: #ddd;
    background-color: #eee;
}

.leisure-icon-set :checked + label:before {
    content: "✓";
    background-color: grey;
    transform: scale(1);
}

.leisure-icon-set :checked + label img {
    transform: scale(0.9);
    /* box-shadow: 0 0 5px #333; */
    z-index: -1;
}

.sector-icon [class^="tvst-"] {/*color:var(--primary-link-colour)*/}
.yellow .sector-icon [class^="tvst-"],
.orange .sector-icon [class^="tvst-"] {
    color: #333;
}

.corporate-booking .green.sector-item {
    border-left: solid 5px #caf4bc;
}
.corporate-booking .blue.sector-item {
    border-left: solid 5px #6bb6ff;
}
.corporate-booking .yellow.sector-item {
    border-left: solid 5px #ffff91;
}
.corporate-booking .orange.sector-item {
    border-left: solid 5px #ffc447;
}
.corporate-booking .purple.sector-item {
    border-left: solid 5px #9370db;
}
.corporate-booking .red.sector-item {
    border-left: solid 5px #ffb1b1;
}

.leisure-icon {
    width: 100px;
    height: 100px;
    display: block;
    background-size: contain
}
.leisure-car-img {background-image:url(../Images/car-grey-icon.png)}
.leisure-icon-set :checked +label .leisure-car-img {background-image:url(../Images/car-colour-icon.png)}
.leisure-hotel-img {background-image:url(../Images/hotel-grey-icon.png)}
.leisure-icon-set :checked +label .leisure-hotel-img {background-image:url(../Images/hotel-colour-icon.png)}
.leisure-flight-img {background-image:url(../Images/flight-grey-icon.png)}
.leisure-icon-set :checked +label .leisure-flight-img {background-image:url(../Images/flight-colour-icon.png)}

.leisure-icon-set .title {font-size:1.2em; font-weight:bold; text-align:center; color:#999}
.leisure-icon-set :checked + label .title {color:#333}
.leisure-form-fields {padding:20px}

.container .flight-search-results-item-detail .flight-search-results-item-detail-header th.thMeals,
.container .flight-search-results-item-detail [id^="divAir2ShopFlightFare_"] .flight-search-results-item-detail-row .tblSelectedFare td.tdMeals {
    display: none;
}
.corporate-booking .row-ActiveHeading {
    background-color:#ccc;
    border-color:#bbb;
}
.corporate-booking .row-ActiveHeading td, 
.corporate-booking .row-ActiveHeading {
    border-color:var(--site-colour-06);
    background-color:var(--site-colour-06);
    color:#fff;
}
[id^="leisureCheckbox"] + label {
    padding: 0;
    display: block;
    -webkit-box-shadow: 2px 2px 6px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 6px 5px rgba(0,0,0,0.1);
}
[id^="leisureCheckbox"]:checked + label {
    -webkit-box-shadow: 2px 2px 4px 4px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 4px 4px rgba(0,0,0,0.15);
}
#tblHotelShopOnlineRooms a.solid-btn.green:visited {
    color:#fff!important;
}
.sector-dropdown.tab_close_btn {
    position:absolute;
    right:20px;
}
.spanRecommendBestOptionsText {
    font-size: 14px;
    color: #6AF428
}
.divSectorSearchDetails [class^="flaticon-"]:before,
.divSectorSearchDetails [class*=" flaticon-"]:before {
    margin-left:0;
}
#btnCartCheckout {
    background-position: 28px center;
    min-width: 120px;
    width: 120px;
}

.tblAirCartSectorSummary tr td:nth-child(1),
.tblHotelCartSectorSummary tr td:nth-child(1),
.tblCarCartSectorSummary tr td:nth-child(1),
.tblTransferCartSectorSummary tr td:nth-child(1) {
    width: 32px;
}

.divPackageLinkColumn {
    background-size: contain;
    background-repeat: no-repeat;
    text-align:center;
}
.aPackageLink {
    width: 100%;
    text-align: center;
    color: #fff;
    display: grid;
    height: 310px;
    vertical-align: middle;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    font-size: 1.15em;
    align-items: center;
}

.aPackageLink h3 {font-size:1.65em}

#divPackageLinks .aPackageLink:hover {
    color: #fff;
    background-color: #30a4dc;
    background-image: none;
    text-decoration: none;
}

.aPackageLinkTours {
    background-image: url(../Images/Leisure_Rewards/394x394-leisure-block-tours.jpg);
}
.aPackageLinkPackages {
    background-image: url(../Images/Leisure_Rewards/394x394-leisure-block-packages.jpg);
}
.aPackageLinkExperiences {
    background-image: url(../Images/Leisure_Rewards/394x394-leisure-block-experiences.jpg);
}
.aPackageLinkCruises {
    background-image: url(../Images/Leisure_Rewards/394x394-leisure-block-cruises.jpg);
}

/*=======================================
6. Flights
=======================================-*/
table[class*='search-results'] {
    border-collapse: collapse
}
table[class*='search-results'] div, table[class*='search-results'] tr {
    transition: max-height 1.0s, padding 1.0s, background-color 1.2s;
    transform-origin: top
}
table[class*='search-results'] div {
    padding: 10px 0;
    background-color:transparent;
}
table[class*='search-results'] .flight-search-results-item-detail-row {
    background-color:transparent;
    border-bottom: solid 1px var(--primary-link-colour);
}
table[class*='search-results'].responsive-table tbody tr td {/*padding:5px 0;*/ transition:all 1s; transform-origin: top}
table[class*='search-results'].responsive-table tbody tr:hover td {background-color: transparent;}
table[class*='search-results'].responsive-table tbody .trHideOnLoad {
    padding: 0;
    border-bottom:none;
}
table[class*='search-results'].responsive-table tbody .trHideOnLoad td {
    padding: 0;
}

.flight-table-view [class^="trAir2ShopFlight_"] td:nth-of-type(2) {
    width:33%;
    background:blue;
}

table[class*='search-results'].responsive-table tbody .trHideOnLoad td {
    background-color: #eee;
}
table[class*='search-results'] .flight-search-results-item-detail-row .divHideOnLoad {
    max-height: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.spanPickupVendorBranchName {
    font-weight: 700;
    font-size: 16px
}

.divCar2ShopHideOnLoad {
    max-height: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #eee;
}

.divCar3ShopHideOnLoad {
    max-height: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #eee;
}
.responsive-table .flight-search-results-item-detail-header th {
    background-color:var(--primary-link-colour);
    padding-left:0;
    padding-right:0;
}
tr[id^="trAir2ShopFlightFare"] .tdActionBtnCell {
    width: 25%;
}
.results-title {
    font-size: 1.1em;
    font-weight: 600;
}
.results-subtitle {color:#777}
.results-journey-time {
    font-size: 1.1em;
}
.results-journey-stops {color:#777}
.results-journey-locations {
}
.results-time {
    font-family:'Open Sans Bold', sans-serif;
    font-size:1.2em;
}
.corporate-booking #divRequestFormList input {
    font-size:12px;
}
.corporate-booking .ui-widget #divRequestFormList input,
.corporate-booking .ui-widget #divRequestFormList select,
.corporate-booking .ui-widget #divRequestFormList textarea,
.corporate-booking .ui-widget #divRequestFormList button,
.corporate-booking .ui-widget #divRequestFormList.ui-widget-content,
.corporate-booking #divChangeCompanyDropdown input {
    font-size: 12px;
}
.corporate-booking .ui-widget #divRequestFormList .CalendarClear {
    top:0;
    width:16px;
    height:16px;
    transform:translateY(2px);
}
.spanLine {
    height: 3px;
    display: block;
    /* fallback for old browsers */
    background: #ccc;
    ;
    padding: 0 5px;
    transform: translateY(7px);
    box-sizing: border-box;
    margin: 0 5px;
}

.results-time {
    display:block;
}

.meter {
    height: 25px; /* Can be anything */
    position: relative;
    margin: 20px 0;
    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 5px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
	display: block;
	height: 15px;
		-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
			-moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
			    border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-topleft: 20px;
			-moz-border-radius-bottomleft: 20px;
			    border-top-left-radius: 20px;
			    border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(43,194,83)),
		color-stop(1, rgb(84,240,84))
		);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(43,194,83) 37%,
		rgb(84,240,84) 69%
		);
	-webkit-box-shadow: 
		inset 0 2px 9px  rgba(255,255,255,0.3),
		inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
		inset 0 2px 9px  rgba(255,255,255,0.3),
		inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow: 
		inset 0 2px 9px  rgba(255,255,255,0.3),
		inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
	transition: all 0.9s;
}
.meter > span:after, .animate > span > span {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: 
		-webkit-gradient(linear, 0 0, 100% 100%, 
			color-stop(.25, rgba(255, 255, 255, .2)), 
			color-stop(.25, transparent), color-stop(.5, transparent), 
			color-stop(.5, rgba(255, 255, 255, .2)), 
			color-stop(.75, rgba(255, 255, 255, .2)), 
			color-stop(.75, transparent), to(transparent)
		);
	background-image: 
		-moz-linear-gradient(
			-45deg, 
			rgba(255, 255, 255, .2) 25%, 
			transparent 25%, 
			transparent 50%, 
			rgba(255, 255, 255, .2) 50%, 
			rgba(255, 255, 255, .2) 75%, 
			transparent 75%, 
			transparent
		);
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
		-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
			-moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
			    border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-topleft: 20px;
			-moz-border-radius-bottomleft: 20px;
			    border-top-left-radius: 20px;
			    border-bottom-left-radius: 20px;
	overflow: hidden;
}
		
.animate > span:after {
	display: none;
}
		
@-webkit-keyframes move {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 50px 50px;
	}
}

input[type="button"].btnSortFilter {
    background-image: url(../Images/icons/swap_vert_black_24x24.png);
    background-repeat:no-repeat;
    background-position: 5px 50%;
    text-indent: 20px;
}
input[type="button"].btnSortFilter:hover {
    background-image: url(../Images/icons/swap_vert_white_24x24.png);
}

div[class*='filter-section'] [type="checkbox"].fancycheckbox + span:not(.lever):before {
    margin-top:3px;
}

.trSelectedFare td {
    background-color: #d2f1ff
}

.lblTopPicksCheckbox {
    display: block;
}

.lblTopPicksCheckbox [type="checkbox"].fancycheckbox + span:not(.lever)::before {
    margin-top: 3px
}
.lblTimeCheckbox [type="checkbox"].fancycheckbox + span:not(.lever)::before {margin-top:3px}
.lblDeliverAndCollectCheckbox {
    display: inline-block;
}
.lblDeliverAndCollectCheckbox [type="checkbox"].fancycheckbox + span:not(.lever)::before {
    margin-top: 3px
}
.btn-radio-group input[type=radio]:checked + label {
    color: #fff;
    background-color: var(--site-colour-02);
}
.flight-filter-btn-radio-group label.btn-radio-group-label.swap-btn {
    padding-left: 25px;
    background-image: url(../Images/icons/swap_vert_black_18x18.png);
    background-repeat: no-repeat;
    background-position:25% 50%;
}
input.btn-radio-group-input[type=radio]:checked + label.btn-radio-group-label.swap-btn {
    background-image: url(../Images/icons/swap_vert_white_18x18.png);
    background-repeat: no-repeat;
    background-position: 25% 50%;
}

/* FANCY Radio button styling */
.lblRadioContainer {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.lblRadioContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */
.spanFancyRadioBtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.aChangeRules object {
    width:60px;
}

/* On mouse-over, add a grey background color */
.lblRadioContainer:hover input ~ .spanFancyRadioBtn {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.lblRadioContainer input:checked ~ .spanFancyRadioBtn {
    background-color: #2196F3;
}

.st0 {
    fill: #fff;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.spanFancyRadioBtn:after {
    content: "";
    position: absolute;
    display: none;
}

.divSectionHeading {
    font-size: 18px;
    text-align: center;
    margin-bottom:30px;
}
.divWaiverSubHeading {font-style:italic}
.divWaiverContainer {
    background: rgba(252, 130, 0, 0.12);
    padding: 5px;
    border: solid 1px #f58220;
    margin:10px 0;
}
/* Show the indicator (dot/circle) when checked */
.lblRadioContainer input:checked ~ .spanFancyRadioBtn:after {
    display: block;
    background-color: #fff;
}

/* Style the indicator (dot/circle) */
.lblRadioContainer .spanFancyRadioBtn:after {
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: white;
}

.aFlightConnections {
    text-decoration:none;
    color:var(--primary-link-colour);
    font-weight:bold;
}
.aFlightConnections::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../Images/icons/compare_arrows_blue_18x18.png);
    background-size: cover;
    margin-right: 5px;
    transform: translateY(4px);
}
.corporate-booking .aBookFlightBtn {
    background: #568b22;
    padding: 5px;
    color: #fff;
    width: 100%;
    display: block;
    text-align:center;
    text-decoration:none;
}
.corporate-booking .aBookFlightBtn:hover {
    text-decoration:none;
    background:var(--primary-link-hover);
    color:#fff;
}

.btnAirFilterButton {
    width: 170px;
    padding: 10px 0 10px;
    font-size:14px;
}

.btnAirFilterButton.outline-btn.inverse:hover {
    background-color:var(--primary-link-colour);
    color:#fff;
}

button .flaticon-back-arrow:before {
    margin-left: 0;
}

.spanCheckOTP {
    color: #ff8c00
}
.spanOTPverified {
    color: #32cd32
}

.spanWaitingTimePeriod::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../Images/icons/schedule_black_24x24.png);
    background-size: cover;
    margin-right: 5px;
    transform: translateY(4px);
}
#divAir2ShopConnectingFlights {
    font-size:11px;
}

.divFareDescription {
    font-size:10px;
    display:none;
}

/* PURE MATERIAL CHECKBOX*/
.lblPureMaterialCheckbox {
    z-index: 0;
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
}

/* Input */
.lblPureMaterialCheckbox > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: -1;
    position: absolute;
    left: -8px;
    top: 5px;
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    box-shadow: none;
    outline: none;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity 0.3s, transform 0.2s;
}

/* Span */
.lblPureMaterialCheckbox > span.spanPureMaterialCheckboxLabel {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

/* Box */
.lblPureMaterialCheckbox > span.spanPureMaterialCheckboxLabel::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 3px 11px 3px 1px;
    border: solid 2px; /* Safari */
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    border-radius: 2px;
    width: 18px;
    height: 18px;
    vertical-align: top;
    transition: border-color 0.2s, background-color 0.2s;
}

/* Checkmark */
.lblPureMaterialCheckbox > span.spanPureMaterialCheckboxLabel::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 1px;
    width: 10px;
    height: 5px;
    border: solid 2px transparent;
    border-right: none;
    border-top: none;
    transform: translate(3px, 4px) rotate(-45deg);
}

/* Checked, Indeterminate */
.lblPureMaterialCheckbox > input:checked,
.lblPureMaterialCheckbox > input:indeterminate {
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.lblPureMaterialCheckbox > input:checked + span.spanPureMaterialCheckboxLabel::before,
.lblPureMaterialCheckbox > input:indeterminate + span.spanPureMaterialCheckboxLabel::before {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.lblPureMaterialCheckbox > input:checked + span.spanPureMaterialCheckboxLabel::after,
.lblPureMaterialCheckbox > input:indeterminate + span.spanPureMaterialCheckboxLabel::after {
    border-color: #fff;
}

.lblPureMaterialCheckbox > input:indeterminate + span.spanPureMaterialCheckboxLabel::after {
    border-left: none;
    transform: translate(4px, 3px);
}

/* Hover, Focus */
.lblPureMaterialCheckbox:hover > input {
    opacity: 0.04;
}

.lblPureMaterialCheckbox > input:focus {
    opacity: 0.12;
}

.lblPureMaterialCheckbox:hover > input:focus {
    opacity: 0.16;
}

/* Active */
.lblPureMaterialCheckbox > input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s;
}

.lblPureMaterialCheckbox > input:active + span.spanPureMaterialCheckboxLabel::before {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.lblPureMaterialCheckbox > input:checked:active + span.spanPureMaterialCheckboxLabel::before {
    border-color: transparent;
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}

/* Disabled */
.lblPureMaterialCheckbox > input:disabled {
    opacity: 0;
}

.lblPureMaterialCheckbox > input:disabled + span.spanPureMaterialCheckboxLabel {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    cursor: initial;
}

.lblPureMaterialCheckbox > input:disabled + span.spanPureMaterialCheckboxLabel::before {
    border-color: currentColor;
}

.lblPureMaterialCheckbox > input:checked:disabled + span.spanPureMaterialCheckboxLabel::before,
.lblPureMaterialCheckbox > input:indeterminate:disabled + span.spanPureMaterialCheckboxLabel::before {
    border-color: transparent;
    background-color: currentColor;
}

.allocate-traveller-page input[type="text"].inputNumberSpinner {
    background-color: white;
    width: 36px;
    text-align: center;
    height: 38px;
    border: none;
    border-radius: none;
    pointer-events: none;
}
.btnNumberSpinner {
    height:30px;
    width:30px;
    line-height:initial;
    padding:5px;
    border:none;
}
/*=======================================
8. SMART BOOKINGS
=======================================-*/
.divSmartBookings {
    padding: 20px
}
.ulWizardList > li {
    display: flex;
}
.ulWizardList .spanWizardListDot {
    position: relative;
    color: #ccc;
    padding: 0 .5em;
}

.ulWizardList .spanWizardListDot::after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    top: 25px;
    transform: translateX(50%);
    border-radius: 50%;
    background: #fff;
    border: 1px var(--primary-link-colour) solid;
    width: .8em;
    height: .8em;
}

.ulWizardList .active .spanWizardListDot::after {
    background: var(--primary-link-colour);
}

.ulWizardList .divWizardListItem {
    padding: 0 1.5em 1.5em 1.5em;
    position: relative;
}

.ulWizardList .divWizardListItem::before {
   content: "";
   position: absolute;
   z-index: 1;
   top:25px;
   left: 0;
   height: 100%;
   border-left: 1px var(--primary-link-colour) dashed;
}
.ulWizardList li:last-child .divWizardListItem::before {
    content: none
}

.ulWizardList {
    margin: 1em;
    max-width: 600px;
}
.ulWizardList,
.ulWizardList *::before,
.ulWizardList *::after {
    box-sizing: border-box;
    font-family: arial;
}
.next-btn {background-image:url(../Images/icons/chevron_right_white_18x18.png); background-repeat:no-repeat; background-position:80% 50%; width:100px; transition: all 250ms ease-in-out}
.next-btn:hover {background-position:90% 50%}

.spanNoBags {
    color:red; font-weight:bold
}

.divCarDescription {font-size:14px; font-weight:bold}
.spanPickupLocation {font-size:16px; font-weight:bold}
.spanSingleCarDetail {
    padding-bottom: 5px;
    margin-right: 10px;
}
.divCarShopResultsInfo [class^="flaticon-"]:before,
.divCarShopResultsInfo [class^="tvst-"]:before {
    margin-left: 0;
    margin-right: 5px;
    font-size:16px;
    transform:translateY(2px);
    display:inline-block
}
.divCarInfo {
    margin-top:10px;
    margin-bottom:5px;
    /* DELETE display:inline-block;*/
}

.carShopFilterHeadingBig .btnFilterButton {
    width: 150px;
    float: right;
}

.carShopFilterHeadingBig td {
    width:150px;
}
.divSectorHeader {
    font-size:1.2em;
    font-weight:bold
}

.user-favourite-btn img,
.company-favourite-btn img {
    display:none
}
.tblTripSummary {
    padding: 11px;
}

.search-table [class^="flaticon-"]:before {
    margin-left:0
}

.search-table i,
.search-table span {width:24px}
.search-table span[class^="tvst-"] {
    font-size: 24px;
    margin-right:5px;
    transform: translateY(8px);
    display: inline-block;
}

.search-table .fa-search-location {
    font-size: 20px;
    margin-right: 5px;
    transform: translateY(3px);
}
.tdNumFaresColumn {width:70px}
#btnNextTraveller {font-size:20px; background-color:#fff; padding:20px}
body:not(.leisure-booking) .divLeisureOnly,
body:not(.leisure-booking) .displayLeisureOnly,
body.corporate-booking .elementHideOnCorporate,
body.corporate-booking .divLeisureandRewardsOnly,
body.company-discoveryvitality .hideOnDiscoveryVitality,
body.company-balancetravel .hideOnBalanceTravel,
body.company-travelcoza .hideOnTravelCOZA,
body.company-iatf .hideOnIATF,
body.company-airstudentleisure .hideOnAirStudent,
[class^='showOnly'],
.showOnlyTravelCOZA,
.showOnlyOldMutual,
.showOnlyOnTravelit,
.showOnlyDiscoveryVitality {
    display: none
}
.container button a {text-decoration:none}
.divHelpBtnContainer button:hover a {color:#fff}
#divPackageLinks {
    display: block;
    padding-bottom:30px;
}
body .container table.search-table {
    display:table;
}
.divBtnGroup button {
    display:inline-block;
    float:left;
}
/*
Caused date picker to open below popups     
#ui-datepicker-div {
    z-index: 99 !important
}
*/
#divPackageLinks a img:not(.img-fluid) {
    max-width: 250px;
    height: auto
} 
/* DELETE .divTravellerHelpBlock {overflow:auto}*/
.leisure-booking .hide-on-leisure-show-on-rewards,
.corporate-booking .hide-on-leisure-show-on-rewards {
    display: none !important;
}

/*Checkbox Tiles - Begin*/
.tile-checkbox-group {
    display: flex;
    width: 100%;
    /*justify-content: center;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    max-width: 1000px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    flex-wrap: wrap
}

.tile-checkbox-group > * {
    margin-right: 10px;
}

.tile-checkbox-group-legend {
    font-weight: 700;
    color: #9c9c9c;
    text-align: center;
    line-height: 1.125;
}

.tile-checkbox {display:inline-block}

.tile-checkbox-input {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.tile-checkbox-input:checked + .tile-checkbox-tile {
    border-color: #2260ff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #2260ff;
}

.tile-checkbox-input:checked + .tile-checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
    background-color: #2260ff;
    border-color: #2260ff;
}

.tile-checkbox-input:checked + .tile-checkbox-tile .tile-checkbox-icon, .tile-checkbox-input:checked + .tile-checkbox-tile .tile-checkbox-label {
    color: #2260ff;
}

.tile-checkbox-input:focus + .tile-checkbox-tile {
    border-color: #2260ff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
}

tile-.checkbox-input:focus + .checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
}

.tile-checkbox-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100px;
    border-radius: 0.5rem;
    border: 2px solid #b5bfd9;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: 0.15s ease;
    cursor: pointer;
    position: relative;
    width:210px;
}
.tile-checkbox-tile:nth-of-type(even) {
    clear:right
}

[id^="Air2ShopFareMissedSavingsReasons_"] .form-field.col-1-1 fieldset {
    padding-inline-start: 0;
}

.btnTopBarSearchAgain {margin-right:20px}
.dropdownProperty-content .clear {
    position:absolute;
    left:95%;
    transform:translateY(15px);
}
.dropdownProperty-location .clear {
    position: absolute;
    left: 92%;
    transform: translateY(8px);
}
.sector-btn-list-item:not([style*="display: none"]):nth-child(-n + 3) .spanOtherSectors {
}
.sector-btn-list-item:not([style*="display: none"]):nth-child(-n + 3) {
}

.trCARBackButtons {

}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .tile-checkbox {
        width: 30%
    }
    .tile-checkbox:nth-of-type(4n+4) {
        clear:right
    }
}

@media screen only and (min-width:1024px) {
    .tile-checkbox {
        width: 4.5rem;
    }
    .tile-checkbox:nth-of-type(8n) {
        clear:right
    }
}

.tile-checkbox-tile:before {
    content: "";
    position: absolute;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #b5bfd9;
    background-color: #fff;
    border-radius: 50%;
    top: 0.25rem;
    left: 0.25rem;
    opacity: 0;
    transform: scale(0);
    transition: 0.25s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.tile-checkbox-tile:hover {
    border-color: #2260ff;
}

.tile-checkbox-tile:hover:before {
    transform: scale(1);
    opacity: 1;
}

.tile-checkbox-icon {
    transition: 0.375s ease;
    color: #494949;
    margin-bottom:5px;
}

.tile-checkbox-icon i::before {
    font-size:30px;
}

.tile-checkbox-icon i.fa-briefcase::before {
    font-size:24px;
    margin-top:12px;
    display:inline-block;
}

.tile-checkbox-icon svg {
    width: 3rem;
    height: 3rem;
}

.tile-checkbox-label {
    color: #707070;
    transition: 0.375s ease;
    text-align: center;
    font-weight:normal;
    font-size:14px;
}

.tile-checkbox-price-label {
    font-size: 1.2em;
    font-weight: bold;
}

.notification-box [class^="flaticon-"]:before,
.notification-box [class*=" flaticon-"]:before {
    margin-left:0;
}
/*Checkbox Tiles - End*/

.divVehicleTitle {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 600;
}
.divVehicleDescription {font-size:14px; line-height:1.5em; margin-bottom:10px}
.divVehicleIcons {font-size:13px}
.spanVehicleIconSingle {margin-right:15px}
.spanVehiclePrice {font-size:22px; color:var(--primary-link-colour); font-weight:bold}
.spanFrom {color:var(--primary-link-colour); font-size:16px}
.spanSelectWaiver {font-size:18px; font-weight:600}
.divWaiverInfo {font-size:14px; line-height:1.2em}
.tblCarWaiver {border:solid 1px #ccc; margin-bottom:20px}
.tblResponsiveTable {width:100%}
.tdActionBtn {
    padding: 0px;
    text-align: right;
    width: 120px;
}
.tdPaxTickBox {
    padding: 5px
}
.spanLocationTitle {
    display:block;
    clear:both;
    font-size:18px;
    font-weight:600;
}
.corporate-booking [id^="trAir2ShopFlightFare_"] .tdClassColumn,
.corporate-booking [id^="trAir2ShopFlightFare_"] .tdBagsColumn,
.corporate-booking [id^="trAir2ShopFlightFare_"] .tdRefundColumn,
.corporate-booking [id^="trAir2ShopFlightFare_"] .tdChangeColumn {
    color: var(--primary-link-colour)
}
.corporate-booking [id^="trAir2ShopFlightFare_"] .tdBagsColumn a {color:#000}
.responsive-table .flight-search-results-item-detail-header th.thRouteColumn {
    text-indent:5px;
}
.btnCancel {font-size:20px;}
.thAction i {font-size:24px}
.divProfileDocument {text-align:center; font-weight:600}
.divProfileDocumentImg {
    display:block;
    width:48px;
    height:48px;
    margin:auto
}
.divProfileDocument:hover {cursor:pointer}
.divAddPassport .divProfileDocumentImg {
    background-image: url(../Images/passport-b-w_48x48.png);
}
.divProfileDocument.divAddPassport:hover .divProfileDocumentImg, .divProfileDocument.divAddPassport.active .divProfileDocumentImg {
    background-image: url(../Images/passport_48x48.png);
}

.divProfileDocument.divAddPassport:hover {
    color: #f92814
}

.divAddLoyaltyCard .divProfileDocumentImg {
    background-image: url(../Images/credit-card-b-w_48x48.png);
}

.ui-datepicker {max-width:650px}

lhr
/* container */
.three-columns-grid {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

/* columns */
.three-columns-grid > * {
}

.leisure-booking {

}

.divAddDocumentsSection {
    border: solid 1px #ccc;
    margin: 10px 0;
}

.btnView {
    background-color: #fff;
    color: #A16BFF;
    text-align: center;
    border: solid 1px #A16BFF;
    font-size: 13px;
    padding:5px;
    border-radius:5px;
}

.btnDelete {
    background-color: #fff;
    color: #cc0000;
    text-align: center;
    border: solid 1px #cc0000;
    font-size: 13px;
    padding: 5px;
    border-radius: 5px;
}

.btnSave {
    background-color: #fff;
    color: #008000;
    text-align: center;
    border: solid 1px #008000;
    font-size: 13px;
    padding: 5px;
    border-radius: 5px;
}

.action-btns [class^="flaticon-"]:before {
    margin: 0 auto
}

.btnView:hover {
    background-color: #A16BFF;
    color: #fff;
}

.btnDelete:hover {
    background-color: #cc0000;
    color: #fff;
}

.btnSave:hover {
    background-color: #008000;
    color: #fff;
}

.responsive-table .flight-search-results-item-detail-header th.thBags,
.responsive-table .flight-search-results-item-detail-header th.thRefund,
.responsive-table .flight-search-results-item-detail-header th.thChange,
.tdBagColumn,
.tdRefundColumn,
.tdChangeColumn {
    text-align: center;
}
.liPoweredbyTTS {
    width:100px;
    font-size:8px;
}

.divProfileDocument.divAddLoyaltyCard:hover .divProfileDocumentImg,
.divProfileDocument.divAddLoyaltyCard.active .divProfileDocumentImg {
    background-image: url(../Images/credit-card_48x48.png);
}

.divProfileDocument.divAddLoyaltyCard:hover {
    color: #7049ba;
}

.font-size-14 {
    font-size: 14px;
}
/* Basic styling for the navigation menu */
ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.menu li {
    display: inline-block;
    padding: 10px;
}

ul.menu li a {
    text-decoration: none;
    color: #000;
}

ul.menu li.hide {
    display:none;
}

/* Styling for the submenu */
ul.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    left:0;
}

.container .menu ul.dropdown-menu li {
    display: block;
    padding:0;
    margin-left:0;
}
.container .menu ul.dropdown-menu li a {
    padding:5px;
}
/* Show the submenu on hover */
ul.menu li.nav-item:hover ul.dropdown-menu {
    display: block;
    padding:0;
    width:100%;
}
ul.dropdown-menu a:hover {
    display:block;
    padding:0;
}
/*begin styling for collapsible content*/
.wrap-collabsible input[type='checkbox'] {
    display: none;
}

.wrap-collabsible {
    margin: 1.2rem 0;
}

.wrap-collabsible .lbl-toggle {
    display: block;
    text-align: center;
    padding: 1rem;
    color: #DDD;
    background: #0069ff;
    cursor: pointer;
    border-radius: 7px;
    transition: all 0.25s ease-out;
}

.wrap-collabsible .lbl-toggle:hover {
    color: #FFF;
}

.wrap-collabsible .collapsible-content {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .25s ease-in-out;
}
.wrap-collabsible .lbl-toggle i {
    float:right; 
    padding:10px;
}
.wrap-collabsible .toggle:checked + .lbl-toggle + .collapsible-content {
    max-height: 350px;
}

.wrap-collabsible .toggle:checked + .lbl-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.wrap-collabsible .collapsible-content .content-inner {
    background: rgba(0, 105, 255, .2);
    border-bottom: 1px solid rgba(0, 105, 255, .45);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: .5rem 1rem;
}

.wrap-collabsible .collapsible-content p {
    margin-bottom: 0;
}

.ulFlightFilterIconGroup .wrap-collabsible label {
    text-align: center
}
.ulFlightFilterIconGroup .wrap-collabsible .lbl-toggle {
    margin-bottom:0;
}
.ulFlightFilterIconGroup .wrap-collabsible .lbl-toggle i {
    padding: revert;
    float: none;
}

/* end collapsible element */
.traveller-select .dd-input + .dd-menu {
    right: 0
}

.traveller-select .dd-input-field:hover .dd-menu {display:block}

label.dropdown {
    min-width: 160px;
    margin-right: 5px;
}
/* Styles for the hamburger icon */
.hamburger {
    display: none;
    cursor: pointer;
    font-size: 24px;
}

/* Hide the checkbox */
#menuToggle {
    display: none;
}

.divAirportSwap .circle-outline {
    padding: 3px 6px 2px;
}
.sector-item .circle-outline {background-color:#fff}
.sector-item .circle-outline:hover {
    background-color:var(--primary-link-colour);
    text-decoration:none;
}
.sector-item .circle-outline:hover a {
    text-decoration:none;
}
.flight-oneway-section .divAirportSwap {
    transform: translateX(-17%);
}

.divMenuColumn label::before {
    content: "Menu";
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    transform: translateY(-2px);
}
.divTravellerSelectionMenu {
    background-color: #fff;
    z-index: 99;
}

button:hover {
    text-decoration:none;
}

.divTravellerSelectionMenu .row {
    padding-top:5px;
    padding-bottom:5px;
}
.corporate-booking .divTravellerSelectionMenu {
    width: 170px
}

html .divTravellerSelection [type="button"] {
    font-size: 13px;
    background: transparent;
    color: #333;
    border: none;
    padding: 0;
    margin-top: 5px;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;  
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.divPopup.overlay .popup {
    margin-top:15%;
}

.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 90%;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
}

.popup .aPopupClose {
    position: absolute;
    top: 15px;
    right: 30px;
    transition: all 200ms;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.popup .aPopupClose:hover {
    color: #06D85F;
}

.popup .divPopupContent {
    /*max-height: 30%;
    overflow: auto;*/
}

.divPopupEmiratesBusinessClassCorporate .divPopupBodyHeading {
    font-size: 20px;
    font-weight: bold;
}

#txtLeisureMobileCode.pax-number {
    width: 100%;
    font-size: 14px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    height: 32px;
}

/* Keyframes for slide-down animation */
@keyframes slideDown {
    from {
        max-height: 0;
    }

    to {
        max-height: 500px; /* Adjust based on your menu's height */
    }
}

/* Media query for mobile devices */
@media (max-width: 992px) {
    .menu {
        display: none;
        flex-direction: column;
        width: 100%;
    }

        .menu li {
            margin: 10px 0;
        }

    .hamburger {
        display: block;
        width: 100%;
        text-align: center;
        background-color: #eee;
        padding: 5px 0;
    }

    /* Show the menu with animation when the checkbox is checked */
    #menuToggle:checked + .menu {
        display: flex;
        animation: slideDown 0.3s ease-out forwards;
    }
}

/*=======================================
9. MEDIA QUERIES
=======================================-*/
@media only screen and (min-width:1025px) {
    .flight-search-results-item-detail-row .flight-amount, .rate-amount {
        font-size: 16px;
        transform: translateY(0);
    }

    .responsive-table tbody td .flight-search-results-item-detail-row td {
        padding: 5px 0
    }

    .responsive-table tbody td .flight-search-results-item-detail-row td.tdHideOnLoad {
        padding: 0
    }

    .block-view-item {
        max-height: 110px;
    }
    .tdVendorColumn {width:33%}
    .tdStartEndTimeColumn {
        width: 150px;
    }
    .popup {
        width:30%;
    }
    .ulFlightFilterIconGroup li {
        max-width: 50%
    }
}
/* For devices larger than smartphones and small tablets i.e larger than 600px */
@media only screen and (min-width:601px) {
    /* Cart tab styling */
    label .tab-label {
        padding: 15px 25px
    }

    label.tab-label.addquote-tab-label {
        transition: left 0.4s ease-in-out;
        o-transition: left 0.4s ease-in-out;
        ms-transition: left 0.4s ease-in-out;
        oz-transition: left 0.4s ease-in-out;
        ebkit-transition: left 0.4s ease-in-out;
        transform-origin: 0 50%;
    }

    label.tab-label.addquote-tab-label:hover::after {
        content: 'Add Quote';
        margin-left: 10px
    }

    .tab-icon {
        transform: translateY(7px);
        margin-right: 5px
    }

    .sector-status {
        padding: 5px;
        width: 100%;
        min-height: 60px;
        line-height: 1em;
        /*border-radius:0;*/
    }

    .flight-filter-btn-radio-group label.btn-radio-group-label {
        padding: 5px 10px;
        width:200px;
    }

    .show-flights-dropdown {
        float: right
    }

    .hint-block {
        text-align: center;
        padding: 10px
    }
}


@media only screen and (max-width:767px) {
    .action-btn-container {
        display: block;
        clear: both;
        padding-top: 15px
    }

    .action-btns .img-btn a {
        width: 32px;
        text-decoration: none;
        color: #666;
        display:inline-block;
        background-position:50% 50%;
    }

    .form-field select.clock-icon {
        background-image: url("../Images/icons/schedule_grey_24x24.png"), url("../images/icons/arrow_drop_down_grey_24x24.png");
        background-repeat: no-repeat;
        background-position: 3px 50%, 95% 50%
    }

    .flight-multicity-table.responsive-table td {
        width: 100%;
        min-height: 32px
    }

    .flight-multicity-table td:before {
        line-height: 40px
    }

    .flight-multicity-table td.tdDepartureAirport:before {
        content: "Departure Airport";
    }

    .flight-multicity-table td.tdArrivalAirport:before {
        content: "Arrival Airport";
    }

    .flight-multicity-table td.tdDepartureDate:before {
        content: "Depart Date";
    }

    .flight-multicity-table td.dDepartureTime:before {
        content: "Depart Time";
    }

    .flight-multicity-table td.tdCabinColumn:before {
        content: "Cabin";
    }

    .flight-multicity-table td.tdTicketGroup:before {
        content: "Ticket Group";
    }
    .notification-box.yellow {
        padding: 10px;
    }

    .calendar-styled-date {
        max-width: 80px
    }
    .sector-status {
        padding: 5px 10px
    }

    .primary-sectors-section strong {
        display: block
    }

    #divTopTravellerLeft td, #divTopTravellerRight td, #divTopTravellerLeft tr, #divTopTravellerRight tr {
        width: auto !important;
        max-width: 100% !important;
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit;
    }

    nav,
    footer {
        display: none !important;
    }

    .fastbook-table td:nth-of-type(1):before {
        content: "";
    }

    .fastbook-table td:nth-of-type(2):before {
        content: "Trip Ref";
    }

    .fastbook-table td:nth-of-type(3):before {
        content: "Trip Name";
    }

    .fastbook-table td:nth-of-type(4):before {
        content: "Locality";
    }

    .fastbook-table td:nth-of-type(5):before {
        content: "Booker";
    }

    .fastbook-table td:nth-of-type(6):before {
        content: "Created";
    }
    .sector-icon [class^="tvst-"] {
        color: var(--primary-link-colour)
    }
    [id^="trAir2ShopFlight_"] td.tdFlightTailColumn:before,
    [id^="trAir2ShopFlight_"] td.tdVendorColumn:before,
    [id^="trAir2ShopFlight_"] td.tdStartEndTimeColumn:before {
        vertical-align: middle;
        line-height: 60px
    }
    [id^="trAir2ShopFlight_"] td.tdJourneyTimeColumn:before,
    [id^="trAir2ShopFlight_"] td.tdNumStopsColumn:before {
        vertical-align: middle;
        line-height: 52px
    }
    .flight-search-results-item-detail td.tdFlightTailColumn:before {
        content: "Carrier";
    }
    .flight-search-results-item-detail td.tdStartEndTimeColumn:before,
    .tdRouteColumn:before {
        content: "Route";
    }
    td.tdPolicyColumn:before {
        content: "Policy";
    }
    td.flight-amount:before {
        content: "Total price (ZAR)";
        vertical-align:middle;
    }
    .tdFareDescription:before,
    .tdFareColumn:before {
        content:"Fare";
    }
    .tdClassDescription:before,
    .tdClassColumn:before {
        content: "Class";
    }
    .tdBags:before,
    .tdBagsColumn:before {
        content: "Bags";
    }
    .tdMeals:before,
    .tdMealsColumn:before {
        content: "Meals";
    }
    .tdRefund:before,
    .tdRefundColumn:before {
        content: "Refund";
    }
    .tdChange:before,
    .tdChangeColumn:before {
        content: "Change";
    }
    .tdPolicyColumn:before {
        content:"Policy";
    }
    .tdTravellerColumn:before {
        content: "Traveller";
    }
    .tdBaseFareColumn:before {
        content: "Base Fare";
    }
    .tdTaxesColumn:before {
        content: "Taxes";
    }
    .tdTotal:before {
        content: "Total";
    }
    .tdDiscount:before {
        content: "Discount";
    }
    .tdTotalFareColumn:before {
        content: "Total Fare";
    }
    .tdSavingsColumn:before,
    .tdRewardSavings::before {
        content: "Savings";
    }
    .tdBagColumn:before {
    content: "Bags";
    }
    .tdOriginalPrice:before {
        content: "Original Price";
    }
    .tdDiscountedPriceColumn:before,
    .tdDiscountedPrice::before {
        content: "Discounted Price";
    }
    .tdRoomOnlyRoomFilter:before {
        content: "Room Only";
    }
    .tdRoomAndBreakfastRoomFilter:before {
        content: "Breakfast Filter";
    }
    .tdRoomAndBreakfastAndDinnerRoomFilter:before {
        content: "Breakfast and Dinner";
    }
    .tdInclusionsColumn:before {
        content:"Includes";
    }
    .tdSingleRate:before {
        content: "Single Rate";
    }
    .tdOccupancy:before {
        content: "Occupancy";
    }
    .tdPaxName:before {
        content: "Name";
    }
    .tdPaxSurname:before {
        content: "Surname";
    }
    .tdPaxCellphone:before {
        content: "Cellphone";
    }
    .tdPaxEmail:before {
        content: "Email";
    }
    .tdPaxDOB:before {
        content: "DOB";
    }
    .tdPaxGender:before {
        content: "Gender";
    }
    .tdConnections:before {
        content: "Connections";
    }
    /*.tdPropertyColumn:before {
        content:"Property";
    }*/
    .tdAvgRoomRateColumn:before {
        content: "Avg Room Rate";
    }
    .tdRateForStayColumn:before {
        content: "Avg Room Rate";
    }
    .tdRoomColumn:before {
        content: "Room";
    }
    .tdDeposit:before {
        content:"Deposit";
    }
    .tdRental:before {
        content: "Rental";
    }
    .tdExcess:before {
        content: "Excess";
    }
    .responsive-table tr.nonresponsive-row > td.align-right {
        text-align: right;
    }
    /*.tdVendorColumn:before {
        content: "Vendor";
    }*/
    .tdDateColumn:before {
        content: "Date";
    }
    .tdStatusColumn:before {
        content: "Status";
    }
    .tdTripRefColumn:before {
        content: "Trip Ref";
    }
    .tdPAXColumn:before,
    .tdTraveller:before {
        content: "Traveller";
    }
    footer, header {
    }
    .tdOriginalPrice:before {
        content: "Original Price";
    }
    .tdDiscountPrice:before {
        content: "Discount Price";
    }
    .tdCostCentreSelected:before {
        content:"Cost Centre";
    }
    .tdCostCentrePercentage:before {
        content:"Percentage";
    }
    .tdCostCentreAmount:before {
        content:"Amount";
    }
    .responsive-table [id^="trAir2ShopFlightFare"]_table td {
    }
}

@media only screen and (min-width:768px) {
    #txtFlightShopConsultantInstruction {width:600px}
    .sector_heading {
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .tblSelectedFare.responsive-table < tbody > tr {
        display: flex
    }
    .responsive-table tbody td .flight-search-results-item-detail-row .tblFareDetail td.tdRouteColumn,
    .responsive-table tbody td .flight-search-results-item-detail-row .tblSelectedFare td.tdRouteColumn,
    .responsive-table .flight-search-results-item-detail-header th.thRouteColumn {
        width: 100px;
    }
    .responsive-table tbody td .flight-search-results-item-detail-row .tblFareDetail td.tdFareColumn,
    .responsive-table tbody td .flight-search-results-item-detail-row .tblSelectedFare td.tdFareDescription,
    .responsive-table .flight-search-results-item-detail-header th.thFareDescription {
        width: 180px;
    }

    .responsive-table tbody td .flight-search-results-item-detail-row .tblSelectedFare td.tdCabinColumn,
    .responsive-table tbody td .flight-search-results-item-detail-row .tblFareDetail td.tdClassColumn,
    .responsive-table .flight-search-results-item-detail-header th.thClassDescription,
    .responsive-table tbody td .flight-search-results-item-detail-row .tblSelectedFare td.tdBagColumn,
    .responsive-table tbody td .flight-search-results-item-detail-row .tblFareDetail td.tdBagsColumn,
    .responsive-table .flight-search-results-item-detail-header th.thBags,
    .responsive-table tbody td .flight-search-results-item-detail-row .tblSelectedFare td.tdRefundColumn,
    .responsive-table tbody td .flight-search-results-item-detail-row .tblFareDetail td.tdRefundColumn,
    .responsive-table .flight-search-results-item-detail-header th.thRefund,
    .responsive-table tbody td .flight-search-results-item-detail-row .tblSelectedFare td.tdChangeColumn,
    .responsive-table .flight-search-results-item-detail-header th.thChange,
    .responsive-table tbody td .flight-search-results-item-detail-row .tblFareDetail td.tdPolicyColumn,
    .responsive-table tbody td .flight-search-results-item-detail-row .tblSelectedFare td.tdPolicyColumn,
    .responsive-table .flight-search-results-item-detail-header th.thPolicyColumn {
        width: 125px;
        min-width: 125px;
    }

    .responsive-table .flight-search-results-item-detail-header th.thTotalPrice {
        text-align:right;
    }

    .img-btn.text-hidden-on-desktop {
        font-size: 0
    }

    .text-lg-right,
    .responsive-table .text-lg-right,
    .responsive-table th:not(.align-center).text-lg-right {
        text-align: right
    }

    .align-center-on-desktop, .responsive-table .align-center-on-desktop {
        text-align: center
    }

    .action-btn-container {
        padding-right: 0
    }

    .action-btns {
        float: right
    }

    .action-btns .img-btn a {
        width: 32px;
    }

    .hide-on-desktop {
        display: none
    }

    .grid input[type="button"].show-on-map-btn {
        transform: translateY(18px);
    }

    .flight-results-icons td {
        min-width: 30px;
        text-align: center;
    }

    .flight-multicity-section td:nth-of-type(3) {
        max-width: 100px
    }

    .flight-multicity-section td:nth-of-type(5) {
        max-width: 100px
    }
    .tdCarShopCostColumn {
        width: 150px
    }
    #btnCartCheckout {
        float: right;
    }
    .divViewFares {padding:0}
    .responsive-table tbody td .flight-search-results-item-detail-row .tblSelectedFare td.tdFareDescription {}
    .inputAllFlightsBtn {
        width: 150px;
        float: right;
    }
    [id^="Air2ShopFareMissedSavingsReasons_"] .form-field.col-1-1 {
        padding-left: 15px
    }    .tdActionBtn > table {
        text-align: right;
        width: 100%
    }
    .sector-item {
        /* DELETE padding: 10px 10px 10px 0;*/
        border-top: solid 1px #ccc;
        /*overflow: hidden*/
    }
    .divAirportSwap {
        position: absolute;
        top: 10px;
    }
    .popup {
        width: 50%;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .calendar-styled-date p {
        font-size: 1.5em
    }

        .calendar-styled-date p span {
            font-size: 0.9em
        }

    .missed-savings label {
        font-size: 0.8em
    }

    .sector-item {
        padding: 5px
    }

    .sector-content {
        padding-right: 0
    }
    .container .form-field input.pax-form-elements-numbers-mobile-number {
        width:auto;
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .flight-search-results-item-detail-row .flight-amount, .rate-amount {
        font-size: 1.1em
    }

    .flight-book-quote button.add-to-quote-btn {
        font-size: 10px;
    }

    .sector-item {
        background-size: 45px !important
    }
    /* DELETE
    .flight-search-results-item-detail-row > td:first-child {
        width: 40% !important
    }*/

    .additional-sub-sectors-section .sector-btn {
        margin-bottom: 5px
    }

    .additional-sub-sectors-section .sector-btn {
        margin-bottom: 5px
    }
    .aPackageLink h3 {font-size:1.35em}
    .aPackageLink {height:180px;}
}

@media only screen and (min-width:993px) {
    .flight-block-view-container .col-1-3.flight-block-view-item:nth-child(3), .flight-block-view-container .col-1-3.flight-block-view-item:nth-child(3n+4) {
        padding-right: 0;
        clear: right;
    }

    .flight-block-view-container .col-1-3.flight-block-view-item:nth-child(4), .flight-block-view-container .col-1-3.flight-block-view-item:nth-child(4n+4) {
        clear: left;
    }
    .trSelectedFare > td:first-child:before {
        content: "Selected";
        color: #fff;
        background-color: var(--primary-link-colour);
        padding: 3px 5px;
    }
    .divTravellerSelectionDropdown {
        position:absolute;
    }
    .divReserveBtnContainer { /* margin-top:63px; */
    }
}
@media only acreen and (min-width:415px) and (max-width:767px) {
    td.flight-amount:before,
    td.tdPolicyColumn:before {
        line-height: 50px;
    }
}
@media only screen and (max-width:600px) {
    /*.container .ulHeaderLeisureMenu li {
        display: block;
    }*/
    .html [type="button"].btnSearchTrip {padding:15px}
    .sector-item > .container {
        padding-left:0;
        padding-right:0;
    }
    .delete-leg-btn::before {
        content:"Remove leg";
        display:inline-block;
    }
}

@media only screen and (min-width: 501px) {
    .show-only-on-mobile,
    header .divBottomHeader .mobile-menu-btn,
    header .divBottomHeader .mobile-menu-icon {
        display: none;
    }
    .responsive-table:not(.search-table) td.tdActionBtnCell .flight-book-quote {
        text-align: right;
    }
    table[class*='search-results'] div[id^="divAir2ShopFlightFareSelected_"] {
        padding: 0
    }
    .outline-btn.inverse.back-to-list {
        width: 170px;
        padding: 10px 0 10px;
    }
    .tdActionBtnColumn {
        width: 10%;
        text-align: right;
    }
    .divSectorSearchTermsBG tr td:first-child {
        width: 150px
    }
    .sector-details {
        margin-top: 15px
    }
    .divStepperCaption .trExpandedRow .tblExpandedCostBreakdown td {
        width: 165px;
    }
}
@media only screen and (max-width: 500px) {
    .primary-sectors-section .form-field [type="button"].sector-btn.sector-btn.input-field-icon, .primary-sectors-section .form-field .input-field-icon.sector-btn,
    .dropdown {
        width: 100% !important;
    }
    .divStepperCaption .tblTravellerDetails.responsive-table:not(.search-table) td:not(.no-padding-left-on-mobile) {
        width: 100%;
    }
    html {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .action-btn-container {
        display: block;
        clear: right;
        padding-top: 0;
        text-align: right;
        padding-right:0;
    }
    .sector-item {
        padding-top: 20px
    }
    .action-btn-container .action-btns .img-btn a {
        font-size: 0
    }

    .action-btn-container .action-btns .img-btn a.expand-btn.more::before {
        font-family: Flaticon;
        content: "\f177";
        font-size:14px;
    }

    #divCart {
        padding-right: 0
    }

    .sector-item,
    .responsive-table:not(.search-table) tr td.no-padding-on-mobile {
        width: 100%;
        border-bottom: none;
        clear: both;
    }
    .responsive-table:not(.search-table) tr td.no-padding-on-mobile.mobile-col-4-12 {
        width: auto;
        padding-left:0;
        clear:none;
    }
    .no-padding-on-mobile.flight-filter-chips-section,
    .flight-filter-section.no-padding-on-mobile,
    .no-padding-on-mobile.divPAXReservationRow,
    [id^="trHotelShopRoomOnlineContent1_"].nonresponsive-row > td.no-padding-on-mobile {
        padding-left: 0;
        padding-right:0;
    }
    .headerTopBar .divTopBarSectorSearchLocation .tblMultiFlightResults .spanLine {
        width:60%;
    }
    .responsive-table:not(.search-table) tr td.no-padding-on-mobile.mobile-col-1-2 {
        width: 50%;
    }
    .divPaymentDetails td {font-size:16px}

    .ui-menu {
        max-width: 95%;
        width: auto !important;
    }
    .ui-menu .ui-menu-item-wrapper {
        padding: 1em 2px;
        letter-spacing: normal;
        font-family: Arial, sans-serif
    }

    .delete-leg-btn {
        padding: 10px;
        display: block
    }

    .form-field input.input-field-icon.sector-btn {
        margin-bottom: 5px
    }
    .primary-sectors-section .form-field button.input-field-icon.sector-btn,
    .primary-sectors-section .dropdown.sector-btn-list-item {
        margin-bottom:10px;
    }
    .payment-breakdown .row:not(.no-padding-on-mobile) {
        padding: 0
    }
    input.btn-radio-group-input[type=radio]:checked + label.btn-radio-group-label {
    }
    .content-container {padding:10px}
    .search_btn_single input[type="button"] {min-width:100px}
    .sector-status {
        width:100%;
        margin-top:10px;
    }
    .ui-dialog.ui-widget {
        width:94%!important;
        margin-left:2%;
        left:auto!important;
    }
    .container .clearfix.hiide-on-mobile {display:none}
    .search_btn_group.flights {margin-bottom:10px; display:inline-block}
    .book-a-van {margin-bottom:20px;}
    .additional-sub-sectors-section .form-field button.sector-btn {padding:15px; font-size: 14px}
    .additional-sub-sectors-section button {width:160px}
    #btnCartAddFlightHotelCar,
    #btnCartAddTransfer,
    #lblCartAddTransfer,
    #btnCartAddFastBook,
    .additional-sub-sectors-section,
    .tab-mobile-title,
    .tblTripSummary,
    .hide-on-mobile,
    #show_flightplan_smartroutes_section,
    .divViewTimetableBtn,
    .flight-book-quote [id^="air2ShopQuoteButton_"],
    #Air2ShopTopPicksListTable,
    #lblDeliver,
    #lblCollect,
    body:not(.corporate-booking) .book-a-van,
    .responsive-table:not(.search-table) td:empty,
    .tdJourneyTime,
    .filter-options {
        display: none !important
    }
    .divSectorDateColumn {padding-top:20px}
    .divSectorIconColumn,
    .divSectorTitleColumn,
    .flight-book-quote {
        text-align: center;
        padding-top: 10px
    }
    .form-field {margin-bottom:10px;}
    .search-abbreviation {
        margin: auto
    }
    .sector-item .action-btn-container .action-btns {overflow:auto}
    .divSectorSearchDetails {padding:0}
    .sector-item .sector-criteria-item {
        padding: 10px 0;
        overflow: auto;
    }
    .dd-input:checked + .dd-menu {max-width:90%; position:relative}
    .responsive-table:not(.search-table) td {
        min-height:0
    }
    /*table[class*='search-results'] div {padding:15px 0}*/
    .imgLoadingSpinner {display:inline-block; margin-right:10px; overflow:auto}
    .responsive-table:not(.search-table) td.tdActionBtnCell {width:100%; padding-left:0; text-align:center}
    .expand-btn.more {
        background-image:none;
        width:auto;
        height:auto;
        line-height:30px;
        transform:translateY(5px);
        font-weight:bold;
    }
    .sector-item.search-in-progress .expand-btn {
        transform: translateY(20px);
    }
    .divViewFares .show-text-on-mobile.expand-btn {
        font-size: 20px;
        text-decoration:none;
        margin-left:5px;
    }
    .search-number-of-results {
        font-size: 14px;
        padding: 5px
    }
    .corporate-booking .divViewFares,
    .corporate-booking table[class*='search-results'] div.divViewFares {
        width: 200px;
        margin: 15px auto;
        color: var(--primary-link-colour);
        background-color: transparent;
        padding: 10px 0 15px;
        font-size: 16px
    }
    .divViewFares span .search-number-of-results {
        transform: translateY(20px);
    }
    .btn-radio-group {
        width: 100%;
        /* DELETE margin-top: 20px;*/
    }
    .orange .sector-status-message-body {
        display:inline-block;
        margin-left:5px
    }
    .expand-btn.less {font-size:0}
    [id^="trAir2ShopFlightFare_"].expanded-information-row td {
        width: 100%;
        padding-top:10px;
        padding-bottom:10px;
    }
    .flight-search-results-table .book-btn {
        padding:15px 20px;
        margin-top:15px;
    }
    .flight-search-results-table tr[id^="trAir2ShopFlight_"] .book-btn {
        width: 100%;
        min-width:150px;
    }
    .responsive-table .tblNotificationBox td {
        text-align: center;
        border:none;
        padding:0 10px
    }
    .tblAirCartSectorSummary tr td:nth-child(1),
    .tblHotelCartSectorSummary tr td:nth-child(1),
    .tblCarCartSectorSummary tr td:nth-child(1),
    .tblTransferCartSectorSummary tr td:nth-child(1) {
        width: 40px;
        text-align: center;
        padding: 10px 0;
    }
    .single-item {padding:30px 0}
    #divPropertyShopRoom .search-table .action-btns {
        position:absolute;
    }
    #divPropertyShopRoom .responsive-table.search-table tbody tr td:nth-child(1), 
    [id^="divCartShopExpandedSector"] .responsive-table.search-table tbody tr td:nth-child(1) {
        width:30px;
    }
    #divPropertyShopRoom .responsive-table.search-table tbody tr td:nth-child(2), 
    [id^="divCartShopExpandedSector"] .responsive-table.search-table tbody tr td:nth-child(2) {
        width: 100%;
    }
    .hotel-reservation-cancel-accept-buttons .user-favourite-btn,
    .hotel-reservation-cancel-accept-buttons .company-favourite-btn {
        width:100%;
        margin-bottom:15px;
    }
    #divPackageLinks .divPackageLinkColumn a {
        max-width: 360px;
        margin:0 auto 20px;
        
    }
    .responsive-table:not(.search-table) td:before {width:50%; left:10px}
    .responsive-table:not(.search-table) td:not(.no-padding-left-on-mobile) {
        padding-left: 45%;
        min-width: 100%;
    }
    .responsive-table:not(.search-table) td.no-padding-on-mobile {
        padding-left: 0;
    }
    .responsive-table:not(.search-table) [id^="tblCarRate_"] td:not(.no-padding-left-on-mobile) {
        width: 100%;
        min-width: 100%;
    }
    .responsive-table:not(.search-table) td:not(.no-padding-left-on-mobile).flight-amount {
        width: 100%;
        text-align: right;
        padding-right: 10px;
    }
    .responsive-table:not(.search-table) .nonresponsive-table td {
        padding-left: initial
    }
    .flight-search-results-item-detail td,
    .responsive-table:not(.search-table) td.tdVendorColumn {
        padding: 0;
        width:100%;
        text-align:center;
    }
    .responsive-table:not(.search-table) td.tdFlightTailColumn,
    .corporate-booking .navDivEndBreaks {
        display: none
    }
    .container .responsive-table tr[id^="trHotelShopRoomOnlineContent1_"].nonresponsive-row > td {
        display: block
    }
    .tdDisplayBlockOnMobile {display:block}
    .ulHeaderLeisureMenu {
        margin-block-end: 0;
        padding-inline-start: 0;
    }
    .search-table span {
        font-size: 24px
    }

    .search-table .fa-search-location {
        font-size: 20px
    }
    [id^="imgPropertyShopSoldOut_"] {
        float:none!important;
    }
    #divPropertyShopRoom .tdActionBtnColumn {
        position: absolute;
        transform: translateY(80px);
        right: 50px;
        background-color: transparent;
    }
    .responsive-table td.tdPropertyColumn {
        padding-left:10px;
    }
    .container .responsive-table thead td, .container .responsive-table th, .container .responsive-table thead,
    .allocate-traveller-page .room-allocation.booking-tabs #NavButtons.hotel-reservation-cancel-accept-buttons,
    #divViewTravelApprovalFlow {
        display: none !important
    }
    button.secondary-btn {width:300px; margin:0 auto 5px; display:block}
    table.flight-search-results-item-detail.responsive-table tbody tr td {
        padding-top: 5px;
        padding-bottom: 5px
    }
    [id^="trAir2ShopFlight_"] td.tdFlightTailColumn:before, [id^="trAir2ShopFlight_"] td.tdVendorColumn:before, [id^="trAir2ShopFlight_"] td.tdStartEndTimeColumn:before {
        line-height:40px;
    }
    .company-discoveryvitality .company-balancetravel .responsive-table td.no-padding-left-on-mobile {
        padding-left: 0
    }
    .tblTravellerSelection td.tdPaxTickBox {
        min-width:initial;
    }
    .responsive-table.tblTravellerSelection tr {
        display: table-row;
    }
    [id^="trAir2ShopFlight_"] .tdVendorColumn::before,
    [id^="trAir2ShopFlight_"] td.tdStartEndTimeColumn:before, .tdRouteColumn:before,
    [id^="trAir2ShopFlight_"] td.flight-amount:before,
    .no-padding-on-mobile .tdVendorColumn::before {
        content: "";
    }
    .responsive-table.flight-search-results-table [id^="trAir2ShopFlight_"] td,
    .flight-search-results-item-detail.responsive-table td {
        padding-left: 0;
        text-align: center;
        width: 100%;
        border-bottom: 0;
        padding-top:10px;
    }
    .company-discoveryvitality .company-balancetravel .flight-search-results-table .flight-amount {
        clear: both;
        display: block;
    }
    .company-discoveryvitality .company-balancetravel table[class*='search-results'] tr {
        border-bottom: solid 1px #ccc;
    }
    .company-discoveryvitality .company-balancetravel table[class*='search-results'] .flight-search-results-item-detail tr {
        border-bottom: none;
    }
    table[class*='search-results'] div {padding:0}
    .headerTopBar {padding:10px;}
    [id^="Air2ShopFareMissedSavingsReasons_"] .lblPureMaterialCheckbox > span.spanPureMaterialCheckboxLabel::after {
        left: 12px;
    }
    .tile-checkbox-group {margin-top:0}
    .company-discoveryvitality .company-balancetravel .divAddSectorsOrCheckOut .btnTravelSummaryCheckOut {
        width: 100%
    }
    .responsive-table.flight-search-results-table [id^="trAir2ShopFlight_"] td, .flight-search-results-item-detail.responsive-table td.tdActionBtnCell {
        padding-top: 0;
        clear: both;
    }
    .divSingleItem .row .row {padding:0}
    .company-discoveryvitality .company-balancetravel .divSingleItem {
        padding: 0
    }
    .row:not(.no-padding-on-mobile).padding-10-on-mobile {
        padding: 10px 0;
        display: inline-block;
    }
    .ninety-percent-width-on-mobile {width:90%!important}
    .ninety-five-percent-width-on-mobile {
        width: 95% !important
    }

    .ui-datepicker td {
        padding: 15px 10px
    }

    .ui-datepicker {width:90%}
    .ui-datepicker [type="button"] {margin:10px}
    [id^="trAir2ShopFlightFare_"] {padding:10px 0}
    html .company-discoveryvitality .company-balancetravel #divTravellerSelect .btnSingleItemAction {
        padding: 0
    }
    .tblCostBreakdown.air2shoponeway.responsive-table td {
        width: 100%
    }
    .chip-item-list .chip.sort-input-chip, .tertiaryBtn {
        float: left;
        display: inline-block;
        clear: none;
        width: 105px;
        padding: 0;
        text-align: center;
    }
    table[class*='search-results'] div.divCostBreakdownBlock {padding:0}
    .container .tblPaymentDetails.responsive-table thead,
    .container .responsive-table.tblPaymentDetails th {
        display: inline-block !important;
    }
    .responsive-table.tblPaymentDetails thead tr {
        position: relative;
        top:initial;
        left:initial;
    }
    [id^="divAir2ShopFlightFareSelected_"] .lblPureMaterialCheckbox > span.spanPureMaterialCheckboxLabel::after {
        left:3px
    }
    .align-centre-on-mobile {text-align:center}
    .align-right-on-mobile,
    .responsive-table:not(.search-table) td:not(.no-padding-left-on-mobile).align-right-on-mobile {
        text-align: right
    }
    .company-discoveryvitality .company-balancetravel .single-item {
        padding: 0 0 15px
    }
    .rate-amount {
        font-size: 18px
    }
    .divReserveBtnContainer .spanSavingsAmount {
        text-align: left
    }
    .flight-tail-icon {
        transform: translateY(8px);
        width: 48px;
    }
    .full-width-on-mobile {width:100%}
    .responsive-table:not(.search-table).tblResponsiveTable .tdORcell,
    .responsive-table:not(.search-table) td:empty {
        display: none
    }
    .room-details-section .row.divPAXReservationRow {
        padding: 0
    }
    #trBookingBodyContainer > td,
    .sector_heading  > .row {
        padding: 0
    }
    .divStepperCaption .responsive-table:not(.search-table) td:not(.no-padding-left-on-mobile).tdExpandedCostBreakdown {
        width: 100%;
        padding-left:0;
        display:block
    }
    .divStepperCaption .trExpandedRow .tblExpandedCostBreakdown td {
        width: 90px;
        text-align:right;
    }
    .divStepperCaption .trExpandedRow .tblExpandedCostBreakdown tfoot td {
        display: inline-block;
    }
    .container .form-field input.pax-form-elements-numbers-mobile-number {width:auto}
    .divStepperCaption.responsive-table:not(.search-table) td:not(.no-padding-left-on-mobile),
    .responsive-table.flight-multicity-table td:not(.no-padding-left-on-mobile),
    .btnSearch {
        width: 100%;
    }
    .trLeisureTravellerDetails td {
        display:inherit;
    }
    #divTravellerDetailContainer tr[id^="trLeisureTravellerDetailsPrimary_"] > td {padding:0}
    .trLeisureTravellerDetails .tdLeisureTravellerTier {
        margin-bottom: 10px;
        display:block;
        width:100%;
    }
    .tblExpandedCostBreakdown tfoot {
        width:100%;
        display:block;
    }
    .rewardspartner-booking select.selectCabinMenuItem {
        display: block;
        clear: both;
        margin-bottom: 15px;
    }
    #divLeisureWizardTopTabs {
        margin-bottom: 0;
        padding: 0 0 20px 0;
    }
    #divCart .container .sector-item.grey.sector-selected {
        padding-top:0;
    }
    .form-field-label {
        font-size:90%;
    }
    .container .form-field input[type="date"], 
    .container .form-field input[type="text"], 
    .container .form-field textarea, 
    .container .form-field input[type="tel"], 
    .container .form-field input[type="email"], 
    .container .form-field input[type="number"], 
    .container .form-field input[type="time"], 
    .container input.inline-table-field[type="date"], 
    .container input.inline-table-field[type="text"], 
    .container textarea.inline-table-field, 
    .container input.inline-table-field[type="tel"], 
    .container input.inline-table-field[type="email"], 
    .container select.inline-table-field, 
    .container input.inline-table-field[type="number"], 
    .container input.inline-table-field[type="time"] {
        font-size:14px;
    }
    .results-title,
    .tdDuration {
        font-size:18px;
        display:inline-block;
        /*transform: translateY(10px);*/
    }
    .results-subtitle {
        font-size: 18px;
    }
    .checkindate::before {
        content: "In:";
        margin-right: 5px;
        display: inline-block;
    }

    .checkoutdate::before {
        content: "Out:";
        margin-right: 5px;
        display: inline-block;
    }
    .trSubItems td {
        padding-left:0;
        width:100%;
        min-width:100%;
    }
    .responsive-table:not(.search-table) .no-padding-on-mobile-tr td {
        padding-left: initial;
    }
    .card {
        margin-bottom:20px
    }
    .notification-box.acceptance .lblCheckBoxContainer {
        padding-left:45px;
        font-size:12px;
    }
    .btnConfirmPayNow {min-width:250PX}
    #divTopTravellerRight,
    #divTopTravellerLeft {
        padding-left: 10px;
        padding-right: 10px
    }
    .corporate-booking .PaxDetailsNavigation a {
        font-size:12px;
    }
    .corporate-booking .date-picker-wrapper .month-wrapper table .day {
        font-size:16px;
    }
    .corporate-booking .month-name {
        font-size:18px;
    }
    .corporate-booking .blockUI.blockMsg.blockPage {
        transform: translateX(-300px);
    }
    .divViewFares .show-text-on-mobile  {
        font-size:20px;
        transform:translateY(20px);
    }
    .multiple-radio-btn-group-item [type="radio"]:not(:checked) + span:before,
    .multiple-radio-btn-group-item [type="radio"]:not(:checked) + span:after {
        border:none;
    }
    .sector-selected.green.flight .calendar-container {
    }
    .corporate-booking .button-Orange-Outline {
        width: auto;
    }
    .ui-widget {font-size:14px}
    .corporate-booking a.clearX {
        position: absolute;
        right: 20px;
        left: auto;
    }
    .sector-item #divAir2PlanTopTabs label.btn-radio-group-label {
        padding-right:10px;
    }
    .divArrowBlock {
        transform: translate(5px,-20px);
    }
    .divDurationBlockContent {padding-top:10px}
    .spanArrivalIcon {
        transform: translateY(20px);
        display: inline-block;
    }
    .divDurationBlockContent {padding-top:10px}
    .divMobileFlightResultsStacked .results-title {
        display:block;
        text-align:left;
    }
    .expanded-information-row {padding-top:0}
    .responsive-table.flight-search-results-item-detail:not(.search-table) td:not(.no-padding-left-on-mobile) {
        border-bottom: none;
    }
}
@media only screen and (max-width:375px) {
    #section.condivDiscountOptionstainer,
    .GraphicBackground #divCart.grid,
    .divCollapsibleContainer,
    /* DELETE [class*='col-'],*/
    .container iframe {
        max-width: 375px
    }
    .container .form-field select.pax-form-elements-numbers-year {width:100px}
}
@media only screen and (max-width:360px) {
    .aPackageLink {
        height: 360px
    }
    .company-momentummultiplynew #ui-datepicker-div {
        padding: 0;
        max-width: 360px;
        transform: translateX(-10px);
    }
    .company-momentummultiplynew .divTabSingle {
        margin-right:5px;
    }
    .company-momentummultiplynew .ui-datepicker td {padding:5px}
    #divWizardCheckoutContainer .btnTravelSummaryAddSector {
        font-size:12px;
        width:31%;
    }
    .sector-item #divAir2PlanTopTabs label.btn-radio-group-label {
        padding: 15px;
    }
    .corporate-booking .date-picker-wrapper .month-wrapper table .day {
        padding:12px
    }
}
@media only screen and (max-width:320px) {
    .aPackageLink {height:320px}
}

/*=======================================
?. BROWSER SPECIFIC STYLING
=======================================-*/
@-moz-document url-prefix() {
    .calendar-styled-date {
            padding: 0 0 0 0;
        }

            .calendar-styled-date p span {
                padding: 9px 0 3px 0;
            }
    }


    .divCartSummaryContainer:hover .CartSummaryFloatingDiv {
        display: block;
    }

    .CartSummaryFloatingDiv {
        background-color: #fff;
        position: absolute;
        border-top: 1px solid #E0E0E0;
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        z-index: 100;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
        display: none;
        width: 570px;
    }

    .HideCartSummaryFloatingDiv {
        display: none;
    }