@media only screen and (min-width: 300px) and (max-width: 767px) {
.pay-schedule-cont {margin-bottom:0px; border-bottom: 1px solid #333333;}
.package-payment-details thead tr td, .package-payment-details tfoot tr td,
.supplier-pay-amount strong {font-size:12px; font-weight: normal; padding: 4px;}
.supplier-payment-title-table tfoot tr td:first-child {padding-left:4px;}
.package-payment-details table {width:100%;}
.supplier-payment-title-table {margin-top:0px;}
/* Show hide content in case of mobile device - utility classes */
.m-visible {display:block!important;}
.m-hidden {display:none!important;}
/* Air travel options */
.air-travel-options .input-radio .blue {display:inline-block!important; border-radius:5px 5px 0 0;}
.air-travel-options .input-radio .blue input + span {padding:10px;}
/* Popup UI hack */
.popup-contents {padding:0px;}
table.fareDetailsPS tr td:first-child {min-width:auto; }
/* Associate booking - styles */
.associate-booking-table {overflow-x:scroll;}
.bPopup-close.popup-close {    right: -16px;
    top: -26px; box-shadow: 0px 0px; padding: 7px 15px; font-size: 20px;}
#AssociateBookingsPopup, #associatedSendMailPopup { width: 100%; max-width: 100%; height:100%!important; margin-top: 0 !important; }
/* Cruise only radio switch */
.guest-residency .cruiseOnlySwitch {padding-top:10px;}
.guest-residency .cruiseOnlySwitch .btn-switch {float:left;}
.guest-residency .cruiseOnlySwitch .cruiseOnlySwitchLabel {float:left;}
.btn-switch__label:before {min-height:22px;}
.btn-switch__label {padding-top:0px; padding-bottom:0px; width:30px;}
.btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {padding:0px;}
.btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt {padding:0px; color:#fff;}
.Guest-info-inner {width:100%; float:left; padding:10px;}
.guestAgeButtons {width:100%;}
.guestAgeButtons .continue,
.guestAgeButtons .farecode {width:calc(50% - 7px); margin:0px; padding:0px;}
.guestAgeButtons .farecode {float:left;}
.guestAgeButtons .continue input,
.guestAgeButtons .farecode input {width:100%; margin:0px;}
.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {width:100%; margin:5px 0px;}
.supplier-pay-cont-title .mEdit-icon {border-radius:0px;}
.supp-pay-type span, .supp-pay-type font {text-align:left;}
body { -webkit-text-size-adjust: none; }
.session-box { width: 260px; top: 25%; left: 0!important; width: 87%; background-color: #A1D4F6; border: 1px solid #7da7c3; }
.content-area { width: 100% !important; box-sizing: border-box; padding: 0; }
.search-booking { width: 100%; box-sizing: border-box; margin-bottom: 20px; }
.ody_cust_searchBooking_left { width: 100%; margin-bottom: 0; }
.ody_cust_searchBooking_btn { float: left; width: 100%; margin-top: 2%; }
.ody_cust_searchBooking_title { margin: 0; }
.ody_cust_searchBooking_right { width: 100%; float: left; margin: 0; }
/*------Start Registration Page--------*/
.topPanel { float: left; }
.passenger-info-inputbox-login table { float: left; width: auto; }
#wrapper,  #wrapper-cm { width: 100%; }
input[type="text"],  input[type="password"],  input[type="tel"],  input[type="email"],  textarea,  select { padding: 10px; }
#registerLink { width: 100%; margin-bottom: 15px; margin-top: 10px; }
.registration-inputs { float: left; width: 100%; }
.FDRegisterPanel { width: 92%; float: left; }
.FDRegisterPanel>table { float: left; width: 100%; }
.FDRegisterPanel .passenger-info-errorbox { width: 100%; margin-left: 0px; }
.FDRegisterPanel .address-info { float: left; width: 100%; }
.registration .customer-info-fields,  .registration .customer-info-fields-phone { width: 91%; }
.FDRegisterPanel .address-info .customer-info-fields { width: 100%!important; }
.registration .gender-select,  .registration .title-select { width: 44%!important; }
.registration .SelectTitle,  .registration .title-select select { width: 100%; }
.registration .fname,  .registration .mname,  .registration .lname { width: 99%!important; }
.registration .customer-info-fields-cntrl,  .registration .customer_details .customer-info-fields { width: 99%; }
.registration .customer-info-fields-cntrl input { width: 91%; }
.registration .inputTextBig { width: 87%; }
.registration .normal,  .registration .pNumInput { width: 100%!important; }
.sessionexpire-box { width: 97%; }
.inIframe .content-area,  .inIframe .page-contents { Width: 98%; float: none; margin: 0 auto; }
.inIframe .aph-change-htl,  .inIframe .aph-remove-htl,  .inIframe .Hbookbtn { float: right; margin-right: 10px; }
.inIframe .matrixtabs { display: none !important; }
.page_air_results.inIframe .matrixtabs { display: block !important; }
.inIframe .backtoresultbtn { display: none; }
.inIframe #mainpage { width: 98%; }
.login-panel { /* float: left; */
width: 100%; text-align: center; margin: 0 auto; }
.search-booking-panel { width: 100%; }
.booking-details .ody_cust_BookingList { width: 1140px; float: left; }
body.page_customer_bookings .booking-details { float: left; width: 100%; margin-bottom: 20px; overflow-y: scroll; overflow: auto; }
body.page_customer_bookings .pageHeader { float: left; width: 100%; margin-bottom: 62px; }
body.page_customer_registration .pageHeader { float: left; width: 100%; margin-bottom: 62px; }
#SeatMapHtml { position: fixed; top: 0px; width: 100%; left: 0; background: #fff; z-index: 1; z-index: 1000; bottom: 0; }
.advance-cruise-search-block { text-align: center; }
.advance-cruise-search-block h4 { width: 100%; text-align: center; padding: 10px 0; }
.advance-cruise-search-block #CruiseSearchForm_SailingsLBL { width: 90%; text-align: center; margin: 0 5%; }
.custom-radio-wrapper table { padding-left: 10px; padding-right: 10px; }
.adv-search-col { width: 100%; }
.adv-search-col font { text-align: left; font-size: 22px; }
.adv-search-col select { font-size: 20px; }
.show-result { position: fixed; padding: 10px; bottom: 0; background-color: #fff; }
.advance-cruise-search-block .searchfor { overflow: auto; }
#CruiseSearchForm .search-button.primary-btn { padding: 15px 20px; font-size: 22px; }
.btn-container .primary-btn, .btn-container .primary-btn:hover,  .btn-container .secondary-btn, .btn-container .secondary-btn:hover { font-size: 12px; }

.res_cruise_details .res_search-box span.couchBed {
    position: relative;
    right: 59%;
    width: 20px;
    height: 18px;
}
body.page_booking_checkout .mProFlightMainCont span.couchBed  {
    position: relative;
    right: 72%;
    width: 20px;
    height: 18px;
}

.cruise-upgrade-options .cruise-upgrade-details ul li.disctiption-det {
    width: 49%;
    float: left;
}
.cruise-upgrade-options .cruise-upgrade-options-heading ul li.cruise-upgrade-discription {
    width: 49%;
    float: left;
}
.cruise-upgrade-options .cruise-upgrade-details ul li.cruise-upgrade-select {
    float: right;
    border: none;
    width: 11%;
}
}

@media (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {.res_cruise_details .res_search-box span.couchBed {
    position: relative;
    right: 77%;
    width: 20px;
    height: 18px;
}
body.page_booking_checkout .mProFlightMainCont span.couchBed  {
    position: relative;
    right: 86%;
    width: 20px;
    height: 18px;
}
.item-list .item-list-detail .item-list-logo-box {
    width: 25%;
}


}

@media (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {.res_cruise_details .res_search-box span.couchBed {
    position: relative;
    right: 77%;
    width: 20px;
    height: 18px;
}

body.page_booking_checkout .mProFlightMainCont span.couchBed  {
    position: relative;
    right: 86%;
    width: 20px;
    height: 18px;
}
.item-list-detail .item-list-logo-box {
    width: 25%;
}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
/* Common Grid styles */
.container { max-width: 992px; }
.ody-sm-12 { width: 100% }
.ody-sm-11 { width: 91.66666667% }
.ody-sm-10 { width: 83.33333333% }
.ody-sm-9 { width: 75% }
.ody-sm-8 { width: 66.66666667% }
.ody-sm-7 { width: 58.33333333% }
.ody-sm-6 { width: 50% }
.ody-sm-5 { width: 41.66666667% }
.ody-sm-4 { width: 33.33333333% }
.ody-sm-3 { width: 25% }
.ody-sm-2 { width: 16.66666667% }
.ody-sm-1 { width: 8.33333333% }
.ody-xs-pull-12 { right: 100%; }
.ody-xs-pull-11 { right: 91.66666667%; }
.ody-xs-pull-10 { right: 83.33333333%; }
.ody-xs-pull-9 { right: 75%; }
.ody-xs-pull-8 { right: 66.66666667%; }
.ody-xs-pull-7 { right: 58.33333333%;}
.ody-xs-pull-6 { right: 50%;}
.ody-xs-pull-5 { right: 41.66666667%;}
.ody-xs-pull-4 { right: 33.33333333%;}
.ody-xs-pull-3 { right: 25%;}
.ody-xs-pull-2 { right: 16.66666667%;}
.ody-xs-pull-1 { right: 8.33333333%;}
.ody-xs-pull-0 { right: auto;}
.ody-xs-push-12 { left: 100%;}
.ody-xs-push-11 { left: 91.66666667%;}
.ody-xs-push-10 { left: 83.33333333%;}
.ody-xs-push-9 { left: 75%;}
.ody-xs-push-8 { left: 66.66666667%;}
.ody-xs-push-7 { left: 58.33333333%;}
.ody-xs-push-6 { left: 50%;}
.ody-xs-push-5 { left: 41.66666667%;}
.ody-xs-push-4 { left: 33.33333333%;}
.ody-xs-push-3 { left: 25%;}
.ody-xs-push-2 { left: 16.66666667%;}
.ody-xs-push-1 { left: 8.33333333%;}
.ody-xs-push-0 { left: auto;}
.ody-xs-offset-12 { margin-left: 100%;}
.ody-xs-offset-11 { margin-left: 91.66666667%;}
.ody-xs-offset-10 { margin-left: 83.33333333%;}
.ody-xs-offset-9 { margin-left: 75%;}
.ody-xs-offset-8 { margin-left: 66.66666667%;}
.ody-xs-offset-7 { margin-left: 58.33333333%;}
.ody-xs-offset-6 { margin-left: 50%;}
.ody-xs-offset-5 { margin-left: 41.66666667%;}
.ody-xs-offset-4 { margin-left: 33.33333333%;}
.ody-xs-offset-3 { margin-left: 25%;}
.ody-xs-offset-2 { margin-left: 16.66666667%;}
.ody-xs-offset-1 { margin-left: 8.33333333%;}
.ody-xs-offset-0 { margin-left: 0%;}
.cruisesummaryflightsearch {width:100%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
/* Common Grid styles */
.container { max-width: 960px; }
.ody-md-12 { width: 100% }
.ody-md-11 { width: 91.66666667% }
.ody-md-10 { width: 83.33333333% }
.ody-md-9 { width: 75% }
.ody-md-8 { width: 66.66666667% }
.ody-md-7 { width: 58.33333333% }
.ody-md-6 { width: 50% }
.ody-md-5 { width: 41.66666667% }
.ody-md-4 { width: 33.33333333% }
.ody-md-3 { width: 25% }
.ody-md-2 { width: 16.66666667% }
.ody-md-1 { width: 8.33333333% }
.ody-md-pull-12 { right: 100%; }
.ody-md-pull-11 { right: 91.66666667%; }
.ody-md-pull-10 { right: 83.33333333%; }
.ody-md-pull-9 { right: 75%; }
.ody-md-pull-8 { right: 66.66666667%; }
.ody-md-pull-7 { right: 58.33333333%;}
.ody-md-pull-6 { right: 50%;}
.ody-md-pull-5 { right: 41.66666667%;}
.ody-md-pull-4 { right: 33.33333333%;}
.ody-md-pull-3 { right: 25%;}
.ody-md-pull-2 { right: 16.66666667%;}
.ody-md-pull-1 { right: 8.33333333%;}
.ody-md-pull-0 { right: auto;}
.ody-md-push-12 { left: 100%;}
.ody-md-push-11 { left: 91.66666667%;}
.ody-md-push-10 { left: 83.33333333%;}
.ody-md-push-9 { left: 75%;}
.ody-md-push-8 { left: 66.66666667%;}
.ody-md-push-7 { left: 58.33333333%;}
.ody-md-push-6 { left: 50%;}
.ody-md-push-5 { left: 41.66666667%;}
.ody-md-push-4 { left: 33.33333333%;}
.ody-md-push-3 { left: 25%;}
.ody-md-push-2 { left: 16.66666667%;}
.ody-md-push-1 { left: 8.33333333%;}
.ody-md-push-0 { left: auto;}
.ody-md-offset-12 { margin-left: 100%;}
.ody-md-offset-11 { margin-left: 91.66666667%;}
.ody-md-offset-10 { margin-left: 83.33333333%;}
.ody-md-offset-9 { margin-left: 75%;}
.ody-md-offset-8 { margin-left: 66.66666667%;}
.ody-md-offset-7 { margin-left: 58.33333333%;}
.ody-md-offset-6 { margin-left: 50%;}
.ody-md-offset-5 { margin-left: 41.66666667%;}
.ody-md-offset-4 { margin-left: 33.33333333%;}
.ody-md-offset-3 { margin-left: 25%;}
.ody-md-offset-2 { margin-left: 16.66666667%;}
.ody-md-offset-1 { margin-left: 8.33333333%;}
.ody-md-offset-0 { margin-left: 0%;}
}
@media only screen and (min-width:1200px) {
   .container { max-width:1140px; max-width:var(--main-container-max-width, 1140px); margin: 0 auto;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* Package Summary */
.content-area { width: 100% !important; }
.leftPanel { width: 100%; }
.registration-inputs { float: left; width: 66%; }
.membertravelbenefits-container { width: 100% !important; }
.booking-details .ody_cust_BookingList { width: 1140px; float: left; }
body.page_customer_bookings .booking-details { float: left; width: 100%; margin-bottom: 20px; overflow-y: scroll; overflow: auto; }
#SeatMaps_popup { min-width: 95%; max-width: 733px; }
#mainpage { width: 100%; }
.page_booking_checkout #SeatMapHtml { width: 100%; }
.seat-buttons { width: 100%; }
.seat-pax-name, .seat-num { font-size: 12px; }
.seat-pref-cont { width: 74%; }
.legend-cont { width: 100%; }
.seat-legends li { width: 50%; }
/*cruise-upgrade-options*/
.cruise-upgrade-table .cruise-upgrade-details {
    width: 790px;
    float: left;
}
.cruise-upgrade-table {
    float: left;
    width: 100%;
    overflow: scroll;
}
.cruise-upgrade-table .cruise-upgrade-options-heading {
    float: left;
    width: 790px;
}
.cruise-upgrade-options .cruise-upgrade-details ul li.disctiption-det {
    width: 49%;
    float: left;
}
.cruise-upgrade-options .cruise-upgrade-options-heading ul li.cruise-upgrade-discription {
    width: 49%;
    float: left;
}
.cruise-upgrade-options .cruise-upgrade-details ul li.cruise-upgrade-select {
    float: right;
    border: none;
    width: 11%;
}

/*cruise-upgrade-options*/


.edit-pass-titles .grup-pas-input {
    width: 45%;
    float: right;
}
.edit-pass-titles font.pass-form-title {width: 48%;}
.pasport-pass-info .wid20.fl-left.dob-lbl {
    margin-top: 10px;
    width: 33%;
}
.wid20.fl-left.res-full.res-passport-date {
    width: 33%;
    float: left;
}
.Edit-Passenger-popup #title_Passportdetail {background-size: 3%;}



}


/* Responsive header Fix taken from https://ui.odysol.com/site/odysseus/style.css */

@media only screen and (min-width: 120px) and (max-width: 767px) {
/* Timer Responsive styles */
.timer-box {height:55px;}
.timer-cont {width: 100%; float:left; background: #f8f4f5;}
.timer-cont .timer-time {width: 100px;}
.timer-cont .timer-text {width: calc(100% - 100px); float:left; font-size:16px;}
/* Common Grid styles */
.ody-xs-12 { width: 100% }
.ody-xs-11 { width: 91.66666667% }
.ody-xs-10 { width: 83.33333333% }
.ody-xs-9 { width: 75% }
.ody-xs-8 { width: 66.66666667% }
.ody-xs-7 { width: 58.33333333% }
.ody-xs-6 { width: 50% }
.ody-xs-5 { width: 41.66666667% }
.ody-xs-4 { width: 33.33333333% }
.ody-xs-3 { width: 25% }
.ody-xs-2 { width: 16.66666667% }
.ody-xs-1 { width: 8.33333333% }
.ody-xs-pull-12 { right: 100%; }
.ody-xs-pull-11 { right: 91.66666667%; }
.ody-xs-pull-10 { right: 83.33333333%; }
.ody-xs-pull-9 { right: 75%; }
.ody-xs-pull-8 { right: 66.66666667%; }
.ody-xs-pull-7 { right: 58.33333333%;}
.ody-xs-pull-6 { right: 50%;}
.ody-xs-pull-5 { right: 41.66666667%;}
.ody-xs-pull-4 { right: 33.33333333%;}
.ody-xs-pull-3 { right: 25%;}
.ody-xs-pull-2 { right: 16.66666667%;}
.ody-xs-pull-1 { right: 8.33333333%;}
.ody-xs-pull-0 { right: auto;}
.ody-xs-push-12 { left: 100%;}
.ody-xs-push-11 { left: 91.66666667%;}
.ody-xs-push-10 { left: 83.33333333%;}
.ody-xs-push-9 { left: 75%;}
.ody-xs-push-8 { left: 66.66666667%;}
.ody-xs-push-7 { left: 58.33333333%;}
.ody-xs-push-6 { left: 50%;}
.ody-xs-push-5 { left: 41.66666667%;}
.ody-xs-push-4 { left: 33.33333333%;}
.ody-xs-push-3 { left: 25%;}
.ody-xs-push-2 { left: 16.66666667%;}
.ody-xs-push-1 { left: 8.33333333%;}
.ody-xs-push-0 { left: auto;}
.ody-xs-offset-12 { margin-left: 100%;}
.ody-xs-offset-11 { margin-left: 91.66666667%;}
.ody-xs-offset-10 { margin-left: 83.33333333%;}
.ody-xs-offset-9 { margin-left: 75%;}
.ody-xs-offset-8 { margin-left: 66.66666667%;}
.ody-xs-offset-7 { margin-left: 58.33333333%;}
.ody-xs-offset-6 { margin-left: 50%;}
.ody-xs-offset-5 { margin-left: 41.66666667%;}
.ody-xs-offset-4 { margin-left: 33.33333333%;}
.ody-xs-offset-3 { margin-left: 25%;}
.ody-xs-offset-2 { margin-left: 16.66666667%;}
.ody-xs-offset-1 { margin-left: 8.33333333%;}
.ody-xs-offset-0 { margin-left: 0%;}
/* Activity and sub-activity under CTN styles */
#CruiseNavTabsNew .cruise-feature-image { min-height: 116px; }
#CruiseNavTabsNew .cruise-features .activityList {width: 98%; padding:15px 10px; margin-top:6px;}
.activityList .activity-img {width:100%; padding: 15px 0;}
.activityList .activity-title {width:100%;}
#CruiseNavTabsNew .sub-activity-slider .flexslider li {margin:0px;}
#CruiseNavTabsNew .sub-activity-slider .flex-direction-nav {width:100%;}
#CruiseNavTabsNew .sub-activity-slider .flex-direction-nav li.flex-nav-next a {right:-10px;}
.activityList .activity-content {width:100%;}
/* Package Summary */
.customPackagePanel { padding: 10px 0px; }
.summaryCounters .ody-md-3 .summary-box { padding: 10px; margin-bottom: 10px; }
.summaryCounters .ody-md-3 .summary-box p strong { font-size: 12px; }
.summary-itinerary .summary-card p strong { font-size: 16px; }
.summary-tooltip { display: none; }
/* Reservation acknowledgement - COnfirmation page */
.guest-summary h1 { box-sizing: border-box; font-size: 14px; height: auto; padding: 10px 10px 10px 20px; text-transform: uppercase; border: 0 none; margin-bottom: 0; }
.preferences-box { padding: 0px 5px 10px 5px; box-sizing: border-box; }
.preferences-box p { padding-left: 10px; }
.preferences-box a { margin-bottom: 5px; }
/* Lap/Seat Infants */
.air-travel-options #Infants .lapInfant, .air-travel-options #Infants .seatInfant { width: 48%; padding-right: 0px; float: left; }
.air-travel-options #Infants .seatInfant { float: right; }
/* Stateroom for CAMH */
.air-travel-options .addRemSegment { padding-top: 0px!important; }
.air-travel-options .addRemSegment .remSegmentBtn, .air-travel-options .addRemSegment .addSegmentBtn { width: 48%; padding-right: 0px; }
.air-travel-options .addRemSegment .addSegmentBtn { float: right; }
.air-travel-options .ato-content .input-container input { border-radius: 0px; }
.air-travel-options .ato-content .input-container .toDatepickerRT #ui-datepicker-div::before { right: 20px!important; left: inherit!important }
.air-travel-options .ato-content .input-container .toDatepickerRT #ui-datepicker-div { right: 0px!important; left: inherit!important }
.airTravelOptionsCont, .special-rates { width: 100%; float: left; }
.airTravelOptionsCont, .air-search-form-component .air-travel-options .ato-content { position: relative; width: 100%; margin: 0px; }
.airTravelOptionsCont .res_airportList li:last-child { width: 100%!important; }
.air-travel-options .ato-content .input-container { width: 100%; padding-right: 0px; }
.air-travel-options .input-radio .blue input + span { border-right: 1px solid #ccc; }
.air-travel-options .input-radio .blue:last-child input + span { border-right: none!important; }
.air-travel-options .ato-content .input-container input.text.ui-autocomplete-input, .air-travel-options .ato-content .input-container select.text { width: calc(100% - 90px)!important; float: left; }
.air-travel-options .ato-content .input-container.adepdate-container { width: 100%; padding-right: 0px; float: left; }
.air-travel-options .ato-content .input-container#return_date { width: 100%; padding-right: 0px; float: right; }
.air-travel-options .ato-content .Nearbyairports .nearbyInner { padding-top: 0px; }
.air-travel-options .ato-content .Nearbyairports .nearbyInner label { line-height: 24px; margin-right: 10px!important; }
.air-travel-options .ato-content .Nearbyairports .nearbyInner input[type="checkbox"] { margin-right: 5px!important; }
.air-search-form-component .air-travel-options .ato-content { padding: 10px; border: 1px solid #e7e9ef; -webkit-box-shadow: inset 0px 0px 5px 2px rgba(225,229,238,1); -moz-box-shadow: inset 0px 0px 5px 2px rgba(225,229,238,1); box-shadow: inset 0px 0px 5px 2px rgba(225,229,238,1); }
.air-travel-options .ato-content { padding: 0 10px; }
.airTravelOptionsCont #AirportList li strong { border-bottom: 1px solid #cccccc; color: #8eccf3; float: left; font-size: 13px; font-weight: bold; line-height: 40px; padding-left: 11px; text-transform: uppercase; width: 100%; }
.air-travel-options .input-radio .blue input + span { padding: 10px 0px; }
/* EOF Reservation acknowledgement - COnfirmation page */
.ody_header,  .pageFooter,  .ody_footer { width: 100% !important; }
.ody_header { position: fixed; z-index: 101; top: 0; left: 0; padding-top: 2px; background: #ffffff; text-align: center; margin: 0; }
.ody_header img { float: none; width: 180px; margin: 0px auto; }
.page-contents { margin-top: 0px; }
/* .pageHeader {    margin-bottom: 100px;} */
.menu_cont { top: 0; }
#SeatMaps_popup { top: 3% !important; width: 100%; padding: 10px; border-radius: 5px; }
.tab_on font,  .tab_hover font { display: none; }
.onboard-cont { width: 100%; }
.tab_hover span { font-size: 14px; }
.airseatmap,  .tab_off { width: 100%; font-size: 15px; display: block; }
.tab_on,  .tab_off { font-size: 14px; cursor: pointer; }
.pax-selector-header { display: none; }
/* .pax-selector { position: fixed; bottom: 0; left: 0; background: #ffffff; max-height: 150px; overflow: auto; } */
.air-sub-price { font-size: 14px; float: left;}
#SelAirPackage .air-sub-price { color:#fff; }

.seat-legends { float: left; width: 100%; }
.seat-legends li { float: left; width: 33% !important; padding: 0px; margin-bottom: 10px; }
.btn-container .seat-buttons .secondary-btn,.btn-container .seat-buttons .primary-btn,  .btn-container .seat-buttons .primary-btn:hover { width: 48%; }
.seat-buttons a.primary-btn.float-rightimp.bPopup-close.etsCanBtn { margin-top: 0;}
.btn-container .seat-buttons .secondary-btn, .btn-container .seat-buttons .secondary-btn:hover{margin-top: 0px; margin-left: 0px;}
#SeatMaps_popup .seat-buttons { display: block; }
.page_air_purchase #SeatMaps_popup .seat-buttons { margin-left: 0; margin-bottom: 0; }
.bPopup-inner .legend-cont { position: inherit; }
.seat-legends img { width: 25px; }
.seat-legends li span { padding: 8px; font-size: 9px; }
.seat-pref-cont { width: 100%; overflow: auto; padding: 0 0; margin-bottom: 0px; }
.legend-cont { width: 100%;/*  position: fixed; bottom: 4%; background: #fff; */
}
.adv-seatmap img { width: 2.5em; }
.seatmap-cont { padding: 0; height: 79%; padding-bottom: 50px; }
.seatmap-loader { left: calc(60% - 57px); }
.airseatmap,  .tab_off { padding: 0; border-radius: 0; margin-bottom: 5px; }
.tab_off.seat_selected { background-image: none; }
.airseatmap.seat_selected { background: #3eb535; }
.tab_on span,  .tab_off span,  .tab_hover span { text-align: center; }
.tab_on { padding-bottom: 0px; }
.tab_on span,  .tab_off span,  .tab_hover span { width: 95%; }
.seat-pref-cont { border-top: 1px solid #8b8b8b; }
.seat-buttons { width: 100%; }
.flight-details-cont { padding: 0 0 0 0; background: #fff; border: 0px; }
/* #MatrixBox { display: none; } commenting this CSS because it's hiding air search form in mobile devices */
body.page_cruise_results .pageHeader { margin-bottom: 0; }
.page_booking_checkout #SeatMapHtml { width: 100%; margin-left: 0px; }
.ShowPrefrance,  .specify-pref { margin-bottom: 0; }
.tab_on span,  .tab_off span,  .tab_hover span { padding: 10px 0; }
.show-mob { display: block; }
.hide-mob { display: none; }
.show-mob.btn-container .secondary-btn { width: 100%; float: left; }
.airseatmap { background: #505050; }
.tab_on span { color: #ffffff; }
.page_air_results .seatmap-cont { height: 87%; }
/* supplier payment list start */
/* payment schedule - title */
table.flight-sum-tbl tbody tr td, table.seat-sel-tbl tbody tr td, .supplier-payment-content-table tr td {vertical-align:bottom;}
#PaymentSchedules .supplier-payment-title-table tr td:first-child,
.supplier-payment-content-table tr td:first-child {width: 105px;}
.supplier-payment-title-table tr td {padding:4px; width: 75px;}
.supplier-payment-title-table tr td:last-child,
.supplier-payment-content-table tr td:last-child {width:30px; vertical-align:middle;}
.supplier-payment-title-table tr td.payment-schedule-balance-due {width:80px;}
/* payment schedule - content */
table.flight-sum-tbl tbody tr td, table.seat-sel-tbl tbody tr td, .supplier-payment-content-table tr td {font-size:12px; padding:4px;}
.supplier-payment-content-table tr td {width:75px;}
table.supplier-payment-content-table span.payment-desc {width:100%; margin:0px;}
table.supplier-payment-content-table .pay-sch-arrow {margin-left:0px;}
.supplier-payment-content-table tr td.payment-schedule-balance-due {width:80px;}
.supplier-text, .supp-pay-info { width: 100%; float: left; }
.supplier-pay-title { width: 100%; float: left; }
.supp-pay-type { width: 33%; }
/* supplier payment list end*/
.associate-body .txtAssociate {
    float: left;
    width: 72%;
}
.associate-btn-container #newBookingContainer {
    float: left;
    text-align: left;
    margin: 0px 0;
}
.associate-btn-container #newBookingContainer a { margin:12px 0 0;}

body.page_booking_checkout.iti-mobile .customer-info-fields.past-pax-address  { width:100%;}
.customer-info-fields.past-pass-info { width:100%;}


/*cruise-upgrade-options*/
.cruise-upgrade-table .cruise-upgrade-details {
    width: 790px;
    float: left;
}
.cruise-upgrade-table {
    float: left;
    width: 100%;
    overflow: scroll;
}
.cruise-upgrade-table .cruise-upgrade-options-heading {
    float: left;
    width: 790px;
}


/*cruise-upgrade-options*/



#customerSearchPopup {
    max-height: initial;
    min-height: auto !important;     top: 8% !important;
}
.customer-search-popup .cs-no-pad {
    padding-left: 10px;
	margin-bottom: 10px;
}
.customer-search-tables .tabbackbg {
    position: relative;
}
.customer-search-wrapper .pull-right {
    float: right;
    width: 100%;
    margin-bottom: 10px;
	    margin-top: 10px;
}

.customer-search-wrapper div#myTable_paginate ul.pagination li a { font-size: 11px;}

.customer-search-wrapper .pull-left select.form-control.input-sm {     -webkit-appearance: none;}

.childcustome-result-wrapper {
    width: 15%;
}
.customer-info-fields.past-pass-info .res_label span.require-field {
    position: static;
}
.customer-info-fields.past-pax-address span.res_label {
    display: block;
    float: left;
}
.customer-info-fields.past-pass-info .res_label {
    display: block;
}

.itinerary-alt-popup {
    width: 96%;
    max-width: 100%;
    left: 7px !important;
}
.itinerary-alt-popup #CruiseNavTabsNew .itinerery-alternate ul {
    float: left;
}

.itinerary-alt-popup #CruiseNavTabsNew .itinerery-alternate ul.icon-dot-and-circle:before { top: initial;}

.ui-dialog.ui-widget.edit-pass-popup {     width: 90% !important;
    left: 5% !important; height:443px !important;}
.edit-pass-wrapper { height: 340px;     padding-right: 0;}
.edit-pass-titles .wid20.fl-left.m-full-width {
    width: 78%;     padding-bottom: 0;
}
body.page_customer_booking_details .guest-summary.pax-info-mo {
    display: block;
}
.Edit-Passenger-popup #content_flyerList table.normal.frequ-table { width:100%;}
.Edit-Passenger-popup #content_flyerList .email-comp { width:100%;}

.Edit-Passenger-popup .wid10 {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0;
}
.Edit-Passenger-popup .wid20 {
    margin-top: 0;
    width: 100% !important;
    margin-bottom: 10px;
}
.Edit-Passenger-popup .pass-field-titles.Customca .msg-notification {
    width: 89%;
    margin-bottom: 10px;
}
.edit-pass-wrapper.passenger-area {
    height: 237px;
}
.Edit-Passenger-popup #title_Passportdetail { background-size:8%; width: 98%;}
.Edit-Passenger-popup #title_Flyerdetail   { width: 98%;}
.Edit-Passenger-popup #title_Mealdetail { width: 98%;}

.edit-pass-popup.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button{
    float: right;
    width: 48%;
}
.edit-pass-popup.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button.primary-btn {
    float: right;
    width: 48%;
	margin-left:10px;
}
.ui-dialog.ui-widget.edit-pass-popup .ui-dialog-buttonset {
    width: 100%;
    float: left;
}

.item-list-detail .item-list-logo-box {
    width: 47%;
}
.item-list-logo-box .item-list-logo {
    height: 138px;
}
/* Air travel options on cruise details, category page, and cabin page */
body.page_cruise_category iframe {width:100vw; max-width:100%!important;}
.cruisesummaryflightsearch,
.cruisesummaryflightsearch .flightCruiseSummary {width:100%;}
.air-travel-options .input-radio .blue input + span {padding:10px;}
.air-travel-options .input-radio .blue {display:inline-block!important; border-radius:5px 5px 0 0;}
.airport-distance-popup {width:100%;}
.airport-distance-popup .popup-tab ul li a {padding:15px 10px 15px 60px ;}
}