/*
    Theme Name: Odysseus
    Version: 1.0 
    Description:Contains common styles for air,cruise and hotel product for odysseus blue theme
    Author: Mehul patel
*/
/*------------------------------------------------
CSS STRUCTURE:
-------------------------------------------------*/
/**START - notifications/errors - top info box*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
body { font-size: 14px; }
iframe { border: 0px; }
* { outline: none;  }/* Outline = none is to hide border surrounding any element in browser and webkit-appearance = none is to fix the button UI for iOS devices */ 
.bold {font-weight:800;}
.semi-bold {font-weight:600;}
.hide-content { display: none } /* To hide content */
.show-content { display: block } /* To show content */
* { box-sizing: border-box; font-family: "Open Sans", sans-serif; }
#mainpage, #wrapper, .hotel-wrapper { width: 1140px; }
.info-box { background-color: #A4DAF5; border: 2px solid #3AB4F0; color: #053852; padding: 10px; }
.error-box { background-color: #EF4357; border: 2px solid #B50E22; color: #FFFFFF; padding: 10px; }
.top-error { display: block; margin: 8px 0px; float: left; width: 96%; }
.top-error-left { float: left; margin-right: 10px; }
.top-error-right { padding-left: 60px; text-decoration: underline; font-size: 13px; }
.top-error-bottom a { color: #ffff00!important; }
.top-error-bottom a:hover { text-decoration: underline; }
.top-error-bottom { display: block; margin-bottom: 10px; padding-left: 60px; }
.top-error.error-box font { color: #FFFFFF!important; }
/**END - notifications - top info box*/
/* Show hide content in case of mobile device - utility classes */
.m-visible {display:none;}
/* Position styles */
.position-relative {position:relative; top:0px; left:0px; bottom:0px; right:0px;}
.position-static {position:static;}
.position-absolute {position:absolute;}
.position-fixed {position:fixed;}
.position-sticky {position:sticky;}
/*Flex Order*/
.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12
}

.order-13 {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13
}

.order-14 {
  -webkit-box-ordinal-group: 15;
  -ms-flex-order: 14;
  order: 14
}

.order-15 {
  -webkit-box-ordinal-group: 16;
  -ms-flex-order: 15;
  order: 15
}

.order-16 {
  -webkit-box-ordinal-group: 17;
  -ms-flex-order: 16;
  order: 16
}

.order-17 {
  -webkit-box-ordinal-group: 18;
  -ms-flex-order: 17;
  order: 17
}

.order-18 {
  -webkit-box-ordinal-group: 19;
  -ms-flex-order: 18;
  order: 18
}

.order-19 {
  -webkit-box-ordinal-group: 20;
  -ms-flex-order: 19;
  order: 19
}

.order-20 {
  -webkit-box-ordinal-group: 21;
  -ms-flex-order: 20;
  order: 20
}

.order-21 {
  -webkit-box-ordinal-group: 22;
  -ms-flex-order: 21;
  order: 21
}

.order-22 {
  -webkit-box-ordinal-group: 23;
  -ms-flex-order: 22;
  order: 22
}

.order-23 {
  -webkit-box-ordinal-group: 24;
  -ms-flex-order: 23;
  order: 23
}

.order-24 {
  -webkit-box-ordinal-group: 25;
  -ms-flex-order: 24;
  order: 24
}

.order-25 {
  -webkit-box-ordinal-group: 26;
  -ms-flex-order: 25;
  order: 25
}

.order-26 {
  -webkit-box-ordinal-group: 27;
  -ms-flex-order: 26;
  order: 26
}

.order-27 {
  -webkit-box-ordinal-group: 28;
  -ms-flex-order: 27;
  order: 27
}

.order-28 {
  -webkit-box-ordinal-group: 29;
  -ms-flex-order: 28;
  order: 28
}

.order-29 {
  -webkit-box-ordinal-group: 30;
  -ms-flex-order: 29;
  order: 29
}

.order-30 {
  -webkit-box-ordinal-group: 31;
  -ms-flex-order: 30;
  order: 30
}

.order-31 {
  -webkit-box-ordinal-group: 32;
  -ms-flex-order: 31;
  order: 31
}

.order-32 {
  -webkit-box-ordinal-group: 33;
  -ms-flex-order: 32;
  order: 32
}

.order-33 {
  -webkit-box-ordinal-group: 34;
  -ms-flex-order: 33;
  order: 33
}

.order-34 {
  -webkit-box-ordinal-group: 35;
  -ms-flex-order: 34;
  order: 34
}

.order-35 {
  -webkit-box-ordinal-group: 36;
  -ms-flex-order: 35;
  order: 35
}

.order-36 {
  -webkit-box-ordinal-group: 37;
  -ms-flex-order: 36;
  order: 36
}

.order-37 {
  -webkit-box-ordinal-group: 38;
  -ms-flex-order: 37;
  order: 37
}

.order-38 {
  -webkit-box-ordinal-group: 39;
  -ms-flex-order: 38;
  order: 38
}

.order-39 {
  -webkit-box-ordinal-group: 40;
  -ms-flex-order: 39;
  order: 39
}

.order-40 {
  -webkit-box-ordinal-group: 41;
  -ms-flex-order: 40;
  order: 40
}

.order-41 {
  -webkit-box-ordinal-group: 42;
  -ms-flex-order: 41;
  order: 41
}

.order-42 {
  -webkit-box-ordinal-group: 43;
  -ms-flex-order: 42;
  order: 42
}

.order-43 {
  -webkit-box-ordinal-group: 44;
  -ms-flex-order: 43;
  order: 43
}

.order-44 {
  -webkit-box-ordinal-group: 45;
  -ms-flex-order: 44;
  order: 44
}

.order-45 {
  -webkit-box-ordinal-group: 46;
  -ms-flex-order: 45;
  order: 45
}

.order-46 {
  -webkit-box-ordinal-group: 47;
  -ms-flex-order: 46;
  order: 46
}

.order-47 {
  -webkit-box-ordinal-group: 48;
  -ms-flex-order: 47;
  order: 47
}

.order-48 {
  -webkit-box-ordinal-group: 49;
  -ms-flex-order: 48;
  order: 48
}

.order-49 {
  -webkit-box-ordinal-group: 50;
  -ms-flex-order: 49;
  order: 49
}

.order-50 {
  -webkit-box-ordinal-group: 51;
  -ms-flex-order: 50;
  order: 50
}

/* Grid styles */
.table-caption {display:table-caption;}
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.no-padding { padding: 0px; }
div.no-padding-left {padding-left:0px;}
div.no-padding-right {padding-right:0px;}
.no-margin { margin: 0px; }
.no-bold {font-weight:normal;}
.no-border {border:none;}
.no-bg {background:none;}
.text-red { color: #ff0000; }
.text-green { color: #2dc100; }
.container { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; position: relative;}
.row-padded { padding-top: 80px; padding-bottom: 90px; }
.row-centered { display: -webkit-box; display: block; -webkit-box-align: center; align-items: center; }
.row { margin-right: -10px; margin-left: -10px; display: block; position: relative; }
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " ";}
.ody-lg-1, .ody-lg-10, .ody-lg-11, .ody-lg-12, .ody-lg-2, .ody-lg-3, .ody-lg-4, .ody-lg-5, .ody-lg-6, .ody-lg-7, .ody-lg-8, .ody-lg-9 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; float: left; margin-bottom:10px;}
.ody-lg-pull-12 { right: 100%; }
.ody-lg-pull-11 { right: 91.66666667%; }
.ody-lg-pull-10 { right: 83.33333333%; }
.ody-lg-pull-9 { right: 75%; }
.ody-lg-pull-8 { right: 66.66666667%; }
.ody-lg-pull-7 { right: 58.33333333%;}
.ody-lg-pull-6 { right: 50%;}
.ody-lg-pull-5 { right: 41.66666667%;}
.ody-lg-pull-4 { right: 33.33333333%;}
.ody-lg-pull-3 { right: 25%;}
.ody-lg-pull-2 { right: 16.66666667%;}
.ody-lg-pull-1 { right: 8.33333333%;}
.ody-lg-pull-0 { right: auto;}
.ody-lg-push-12 { left: 100%;}
.ody-lg-push-11 { left: 91.66666667%;}
.ody-lg-push-10 { left: 83.33333333%;}
.ody-lg-push-9 { left: 75%;}
.ody-lg-push-8 { left: 66.66666667%;}
.ody-lg-push-7 { left: 58.33333333%;}
.ody-lg-push-6 { left: 50%;}
.ody-lg-push-5 { left: 41.66666667%;}
.ody-lg-push-4 { left: 33.33333333%;}
.ody-lg-push-3 { left: 25%;}
.ody-lg-push-2 { left: 16.66666667%;}
.ody-lg-push-1 { left: 8.33333333%;}
.ody-lg-push-0 { left: auto;}
.ody-lg-offset-12 { margin-left: 100%;}
.ody-lg-offset-11 { margin-left: 91.66666667%;}
.ody-lg-offset-10 { margin-left: 83.33333333%;}
.ody-lg-offset-9 { margin-left: 75%;}
.ody-lg-offset-8 { margin-left: 66.66666667%;}
.ody-lg-offset-7 { margin-left: 58.33333333%;}
.ody-lg-offset-6 { margin-left: 50%;}
.ody-lg-offset-5 { margin-left: 41.66666667%;}
.ody-lg-offset-4 { margin-left: 33.33333333%;}
.ody-lg-offset-3 { margin-left: 25%;}
.ody-lg-offset-2 { margin-left: 16.66666667%;}
.ody-lg-offset-1 { margin-left: 8.33333333%;}
.ody-lg-offset-0 { margin-left: 0%;}
.ody-lg-12 { width: 100% }
.ody-lg-11 { width: 91.66666667% }
.ody-lg-10 { width: 83.33333333% }
.ody-lg-9 { width: 75% }
.ody-lg-8 { width: 66.66666667% }
.ody-lg-7 { width: 58.33333333% }
.ody-lg-6 { width: 50% }
.ody-lg-5 { width: 41.66666667% }
.ody-lg-4 { width: 33.33333333% }
.ody-lg-3 { width: 25% }
.ody-lg-2 { width: 16.66666667% }
.ody-lg-1 { width: 8.33333333% }
.fl-right { float: right; }
.fl-left { float: left; }
.pull-right,
.btn-container .pull-right { float: right; }
.pull-left,
.btn-container .pull-left { float: left; }
.d-block {display:block;}
.d-inline {display:inline;}
.d-inline-block {display:inline-block;}
/* Cursor classes */
.cursor-default {cursor:default;}
.cursor-crosshair {cursor:crosshair;}
.cursor-help {cursor:help;}
.cursor-pointer {cursor:pointer;}
.cursor-x {cursor:x;}
.cursor-wait {cursor:wait;}
/* Summary Header Box */

.customPackagePanel { position: relative; float: left; width: 100%; border: 1px solid #ccc; padding: 10px; }
.summaryCounters .ody-lg-3 .summary-box, .grid-counters { border: 1px solid #dee3ef; padding: 10px 15px; width: 100%; margin-bottom: 15px; }
.summaryCounters .ody-lg-3 .summary-box p, .grid-counters p { font-size: 12px; color: #fff; }
.summaryCounters .ody-lg-3 .summary-box p strong, .grid-counters p strong { font-size: 20px; display: block; font-weight: 600; }
.categoryPrices .ody-lg-3 .summary-box p {font-size:16px;}
.summary-itinerary { max-height: 415px; overflow-y: auto; margin-bottom: 10px; }
.summary-itinerary .summary-card-cont {margin:0 0 15px 0;}
.summary-itinerary .summary-card-cont:last-child {margin:0px;}
.summary-itinerary .summary-card { border: 1px solid #dee3ef; background: #f5f5f5; padding: 15px; width: 100%; font-size: 12px; color: #656565; position: relative; line-height: 18px; float: left; min-height: 71px; }
.summary-itinerary .summary-card:last-child { margin-bottom: 0px; }
.summary-itinerary .summary-card .summary-icon { float: left; width: 45px; position: relative; min-height:45px;}
.summary-itinerary .summary-card .summary-counter { border: 1px solid #ccc; background: #f5f5f5; float: left; height: 20px; width: 20px; text-align: center; position: absolute; left: -7px; top: -7px; border-radius: 15px; line-height: 20px; font-size: 12px; }
.summary-itinerary .summary-card h2 { font-weight: 600; padding: 10px 0px; margin: 0px; }
.summary-itinerary .summary-card .summary-date { margin-left: 15px; font-size: 16px; display: inline-block; float: left; }
.summary-itinerary .summary-card p { font-size: 14px; display: inline-block; }
.summary-itinerary .summary-card p.fareTotal {padding-right:20px;}
.summary-itinerary .summary-card p strong { font-size: 20px; display: block; font-weight: 500; padding: 0px }
.summary-itinerary .summary-card p em { font-size: 18px; display: block; font-weight: 600; padding: 0px; font-style: normal; }
.summary-itinerary .summary-card .summary-package-type { font-size: 10px; position: absolute; bottom: -15px; left: 0px; }
.customPackagePanel .btn-small.primary-btn, .customPackagePanel .btn-small.primary-btn:hover { border-radius: 0px; box-shadow: none; padding: 5px 10px; }
.customPackagePanel .summary-itinerary .max-full-width { max-width: 100%; }
.summary-itinerary .addon-container p { font-size: 14px; }
.summary-itinerary .addon-container p em { font-size: 16px; display: block; font-weight: 600; padding: 0px; font-style: normal; }
/* Ody icons */
.ody-icons { height: 20px; width: 20px; }
/* Package icons */
.summary-air, .summary-flight, .summary-cruise, .summary-hotel, .summary-transfer, .summary-activity, .summary-tour, .summary-other { height: 30px; width: 30px; float: left; margin-bottom: 0px; }
.summary-transfer { background: url('/content/themes/odysseus/images/tour/spcTransfersIcon.png') center center no-repeat; }
.summary-other { background: url(../images/tour/other-addon-icon.png) center center no-repeat; }
.summary-cruise { background: url(../images/tour/cruise-conf-icon.png) center center no-repeat; }
.summary-hotel { background: url(../images/tour/summary-hotel.png) left center no-repeat; }
.summary-activity { background: url('/content/themes/odysseus/images/tour/spcActivitiesIcon.png') center center no-repeat; }
.summary-tour { background: url('/content/themes/odysseus/images/tour/spcTourIcon.png') center center no-repeat; }
.summary-air, .summary-flight { background: url('/content/themes/odysseus/images/tour/summary-air.png') center center no-repeat; }
.summary-insurance { background: url('/content/themes/odysseus/images/tour/spcInsuranceIcon.png') center center no-repeat; }
/**START Session-Expire box*/
.session-box { background: url("../images/travel-bg.png") repeat-x left top #A1D4F6; border-radius: 10px 10px 10px 10px; min-height: 180px; padding: 20px; left: 526px; position: absolute; top: 261.5px; z-index: 10001; width: 500px; }
.session-box h2 strong { color: #2D78B7; }
.session-box .booknow { float: right; }
.session-box .back, .session-box .booknow { margin-top: 10px; }
div.overlay { position: absolute; display: none; top: 0; left: 0; background-color: rgb(150,150,150); filter: alpha(opacity=70); opacity: .70; -moz-opacity: .70; -moz-user-select: none; }
/**END Session-Expire box*/
/**calendar image */
.calendarImg { cursor: pointer; width: 20px; margin: 0px 0px 0px 2px; background: url(../images/calendar.png) no-repeat; text-indent: -9999px; display: block; height: 20px; }
/**tooptip icon*/
.c-option-ico { background: url(../images/info.png) no-repeat; height: 15px; width: 15px; display: inline-block; }
/**START Login.aspx page (common for All Products)**/
* { list-style: none outside none; margin: 0; padding: 0; }
/* select { padding: 3px!important; } */
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select { border: 1px solid #d4d4d4; padding: 7px; color: #414040; border-radius: 3px; font-size: 16px; width: 100%; }
input[type="checkbox"] { width: 20px; height: 20px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus, select:focus { outline: none; }
#wrapper, #wrapper-cm { margin: 0 auto; background: #fff; }
body.page_customer_bookings #wrapper { background: #fff; float: left; }
.content-area { padding: 10px; width: 1140px; margin: 0 auto; }
.content { background-color: #FFFFFF; border-radius: 8px 8px 0 0; min-height: 750px; }
.content-cm { border-radius: 10px 10px 10px 10px; background-color: #FFFFFF; border-radius: 8px 8px 8px 8px; box-shadow: 0 2px 1px #666666; }
.pagging { background-color: #F5F5F5; padding: 5px; font-size: 14px; font-weight: bold; }
.passenger-info-inputbox-login { background-color: #ffffff; border-radius: 4px; color: #4f4f4f; display: inline-block; font-family: Segoe UI Light, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; margin-top: 13px; padding: 6px 6px 20px; width: 100%; }
.passenger-info-edit .passenger-info-fields-fax, .passenger-info-edit .passenger-info-fields-dates, .passenger-info-edit .customer-info-fields, .passenger-info-edit .passenger-info-fields, .passenger-info-inputbox-login .passenger-info-fields, .passenger-info-inputbox-login .customer-info-fields, .passenger-info-inputbox-login .passenger-info-fields-dates, .passenger-info-inputbox-login .passenger-info-fields-fax { float: left; margin-right: 5px; margin-top: 2px; min-height: 60px; width: 100%; }
.passenger-info-edit .passenger-info-fields-phone, .passenger-info-inputbox-login .passenger-info-fields-phone { float: left; margin-right: 5px; margin-top: 2px; min-height: 60px; width: 100%; }
.passenger-info-edit .passenger-info-fields-dates table, .passenger-info-inputbox-login .passenger-info-fields-dates table { width: 99%; }
.passenger-info-inputbox-contents ul li, .passenger-info ul li { display: list-item; width: 99%; padding: 2px 0; color: #000; }
.passenger-info-edit ul li span, .passenger-info-inputbox-login ul li span { display: inline-block; margin-bottom: 6px; vertical-align: top; }
.require-field { margin-bottom: 0px!important; }
.Regiatration-inputs.passenger-info-edit select, .passenger-info-inputbox-login select { width: 100%!important; padding: 10px !important; border: 1px solid #dad8d8 !important; -webkit-appearance: none; background-image: url(/content/images/arrow-down.png) !important; background-repeat: no-repeat !important; background-position: 97% 14px !important; color: #6c6c6c; background-color: #fff !important; border-radius: 3px; }
.passenger-info-edit ul.address-info, .passenger-info-inputbox-login ul.address-info { float: left; }
body.page_customer_account_details .full-width.fl-left select { background: #FFFFFF; border: 1px solid #a9a9a9; border-radius: 3px; width: 100%!important; padding: 10px !important; border: 1px solid #dad8d8 !important; -webkit-appearance: none; background-image: url(/content/images/arrow-down.png); background-repeat: no-repeat; background-position: 97% 14px; color: #6c6c6c; }
.passenger-info-edit ul.address-info, .passenger-info-inputbox-login ul.address-info { float: left; }
body.page_customer_account_details .wid10.fl-left font { float: left; line-height: normal; padding: 3px 0; font-family: Segoe UI Light, Helvetica, Arial, sans-serif; color: #4f4f4f; font-size: 14px; }
body.page_customer_account_details .pass-form-title { font-family: Segoe UI Light, Helvetica, Arial, sans-serif; color: #4f4f4f; font-size: 14px; }
body.page_customer_account_details .wid20.fl-left { float: left; width: 100%; margin-bottom: 6px; }
body.page_customer_account_details .wid10.fl-left.blank-hide-res { display: none; }
body.page_customer_account_details .grey-btn { /* float: right; */ height: auto; padding: 10px 30px; color: #fff; height: auto; margin-top: 14px; }
body.page_customer_account_details td.spc-phone-flag.phno + td { display: none; }
body.page_customer_account_details .cListButton { border: 1px solid #dad8d8 !important; -moz-border-radius: 3px!important; -webkit-border-radius: 3px!important; background-repeat: no-repeat; background-image: url(../images/dropdown-icon.png); background-position: 47px center; cursor: pointer; direction: ltr; position: relative!important; background-color: #FFFFFF; width: 66px; margin-right: 0px !important; padding: 5px !important; }
body.page_customer_account_details td.spc-phone-flag.phcode { width: 12%; }
body.page_customer_account_details .cListButtonSel { border: 1px solid #dad8d8 !important; -moz-border-radius: 3px!important; -webkit-border-radius: 3px!important; background-repeat: no-repeat; background-image: url(../images/dropdown-icon.png); background-position: 47px center; cursor: pointer; direction: ltr; position: relative!important; background-color: #FFFFFF; width: 90px; padding: 5px !important; margin-right: 0px; }
body.page_customer_account_details .full-width.fl-left input { width: 100%; border: 1px solid #dad8d8 !important; padding: 10px !important; }
.passenger-info-edit .passenger-info-fields-phone .pCodeInput, .passenger-info-edit .passenger-info-fields-fax .pCodeInput, .passenger-info-inputbox-login .passenger-info-fields-phone .pCodeInput, .passenger-info-inputbox-login .passenger-info-fields-fax .pCodeInput { width: 104px!important; }
.customer-info-fields-cntrl .pCodeInput { width: 45px !important; }
.passenger-info-edit .passenger-info-fields-phone .pNumInput, .passenger-info-edit .passenger-info-fields-fax .pNumInput { width: 96%!important; }
.Regiatration-inputs.passenger-info-edit .input, .passenger-info-inputbox-login .input { width: 100%; border: 1px solid #dad8d8 !important; padding: 10px !important; background-color: #fff !important; border-radius: 3px; }
.grey-btn { background: url("../images/air/apply-btn.png") repeat-x; border: 1px solid #dcdcdc; color: #646060; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; min-height: 28px; margin: 0 0 2px 5px; cursor: pointer; padding: 0 5px; }
.account-info #business-tab-box { border: 1px solid #D8D8D8; background: #f1f1f1; border-radius: 0 0 4px; float: left; margin: 0 0 20px; margin-top: 10px; width: 99.8%; padding: 10px; }
.account-info h1 { color: #2D78B7; font-family: Segoe UI, Helvetica, Arial, sans-serif; }
div#business-tab-Guest4 { margin: 0 !important; }
.account-info #business-tab-content-right { width: 100% !important; }
.account-info #business-tab-content-right .business-tab-content-box { display: block !important; width: 787px; }
.passenger-info-edit { border: 1px solid #dad8d8; margin-left: 20px; padding: 10px; width: 50%; }
body.page_customer_account_details .passenger-info-edit { border: 1px solid #dad8d8; margin-left: 20px; padding: 10px; width: 50%; background-color: #f1f1f1; border: 1px solid #dad8d8; margin: 18px auto; }
.account-info #business-tab-content-right { background: none repeat scroll 0 0 #FFFFFF; /* border-left: 1px solid #D8D8D8; */ float: right; min-height: 500px; background: #f1f1f1; /* border: 1px solid #dad8d8; */ width: 75%; }
.account-info #business-tab-content-left { float: left; width: 35.2%; }
.account-info #business-tab-content-right .business-tab-content-box { width: 24.3%!important; float: left; background: #ffffff; height: 150px; margin-right: 10px; border: 1px solid #dad8d8; overflow: auto; margin-bottom: 10px; }
.account-info #business-tab-content-left ul { margin: 0; padding: 0; }
.account-info #business-tab-content-left ul { margin: 0; padding: 0; }
.account-info #business-tab-content-left ul li { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px dotted #D8D8D8!important; color: #0B3268; cursor: pointer; display: block; font-size: 14px; list-style: none outside none; min-height: 15px; padding: 7px; }
.tab-arrow-img { float: left; width: 11px; display: none; margin-left: -20px; background: url(../images/businees-tab-arrow.png) no-repeat left bottom; height: 30px; width: 20px; position: absolute; }
.hide-tab-arrow .tab-arrow-img { display: none; }
.account-info #business-tab-content-left ul li:last-child { border-bottom: 0px none; }
.account-info #business-tab-content-left ul li:hover, #business-tab-content-left ul li.active { background: none no-repeat scroll right top #F6F6F6; cursor: pointer; }
.account-info #business-tab-content-right .business-tab-content { padding: 5px; font-family: Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; }
/*Start - Phone Control*/
.cCode { float: right; }
.DDlistTbl { margin-top: 45px; }
.cListFrame { position: absolute!important; display: none; background-color: #ffffff; border: 1px solid #a9a9a9; z-index: 1000!important; height: 145px; overflow-x: hidden; overflow-y: auto; direction: ltr; -webkit-overflow-scrolling: touch; margin-top: 1px; width: 252px; padding: 3px; }
.cListItem { color: #333333; background-color: transparent; cursor: pointer; font-size: 13px; padding: 3px 2px; }
.cListItemSel { color: #333333; cursor: pointer; font-size: 13px; }
.cListItem td, .cListItemSel td { padding-left: 3px; }
.cListButton { border: solid 1px #d4d4d4; background-repeat: no-repeat; background-image: url("../images/dropdown-icon.png"); background-position: 42px center; border-radius: 3px 0px 0px 3px; cursor: pointer; direction: ltr; position: relative; background-color: #FFFFFF; width: 90px; margin-right: 6px; }
.cListButtonSel { border: solid 1px #a9a9a9; background-repeat: no-repeat; background-image: url("../images/dropdown-icon.png"); background-position: 42px center; border-radius: 3px 0px 0px 3px; cursor: pointer; direction: ltr; position: relative; background-color: #FFFFFF; width: 90px; }
/*End - Phone Control*/

.registration-inputs .cListButton { border: 1px solid #dad8d8 !important; -moz-border-radius: 3px!important; -webkit-border-radius: 3px!important; background-repeat: no-repeat; background-image: url(../images/dropdown-icon.png); background-position: 47px center; cursor: pointer; direction: ltr; position: relative!important; background-color: #FFFFFF; width: 66px; margin-right: 0px !important; padding: 5px !important; }
.registration-inputs .passenger-info-inputbox-login .cListButtonSel { border: 1px solid #dad8d8 !important; -moz-border-radius: 3px!important; -webkit-border-radius: 3px!important; background-repeat: no-repeat; background-image: url(../images/dropdown-icon.png); background-position: 47px center; cursor: pointer; direction: ltr; position: relative!important; background-color: #FFFFFF; width: 66px; margin-right: 6px; }
body.page_customer_accounts table.account-info { padding: 6px; }
/*.registration-inputs .passenger-info-inputbox-login .cListButton img, .passenger-info-inputbox-login .cListButtonSel img { height: 15.5px!important; }*/
.passenger-info-inputbox-login .cListButtonSel { border-radius: 3px 0px 0px 3px!important; -moz-border-radius: 3px 0px 0px 3px!important; -webkit-border-radius: 3px 0px 0px 3px!important; border-top: solid 1px #a9a9a9; border-bottom: solid 1px #a9a9a9; border-left: solid 1px #a9a9a9; border-right: 0px none; background-repeat: no-repeat; background-image: url("../images/dropdown-icon.png"); background-position: right; cursor: pointer; position: relative!important; direction: ltr; }
.cListButtonDS { border-left: solid 1px #8bb8b9; border-top: solid 1px #8bb8b9; border-bottom: solid 1px #8bb8b9; border-right: solid 1px transparent; direction: ltr; }
/**START Bookings.aspx**/
.ody_cust_searchBooking_title { font-size: 20px; color: #2d78b7; }
.ody_cust_searchBooking { color: #2d78b7; }
.product_select { width: 110px; }
/*------------------Bookings special css-----------------*/
.search-booking { float: left; width: 100%; margin-top: 15px; background: #f1f1f1; border: 1px solid #dad8d8; border-radius: 5px; padding: 18px; margin-bottom: 20px; }
.ody_cust_searchBooking_title, .ody_cust_searchBooking, .ody_cust_searchBooking_btn { float: left; width: 100%; }
.ody_cust_searchBooking_title { font-size: 18px; font-weight: bold; text-align: center; margin: 0 0 18px; font-family: Segoe UI Light, Helvetica, Arial, sans-serif; }
.ody_cust_searchBooking_left, .ody_cust_searchBooking_right { margin: 0 0 5px 0; }
.ody_cust_searchBooking_left { float: left; width: 39%; line-height: normal; padding: 9px 0; font-family: Segoe UI Light, Helvetica, Arial, sans-serif; color: #4f4f4f; font-size: 14px; }
.ody_cust_searchBooking_right { float: right; width: 60%; margin-left: 1%; font-family: 'Open Sans', sans-serif; }
.inputText { width: 100% !important; padding: 10px !important; border: 1px solid #dad8d8 !important; }
select.product_select { width: 100%; color: #6c6c6c; padding: 10px !important; border: 1px solid #dad8d8; float: left; }
.ody_cust_searchBooking_right select { width: 100%; color: #6c6c6c; padding: 10px !important; border: 1px solid #dad8d8; float: left; -webkit-appearance: none; background-image: url(/content/images/arrow-down.png); background-repeat: no-repeat; background-position: 97% 14px; }
.ody_cust_searchBooking_btn .grey-btn { float: right; height: auto; padding: 10px 30px; color: #fff; height: auto; }
.content-cm { box-shadow: none; }
/*** Customer page Css***/
/*Login Page*/
.FDLoginInfo { border-radius: 5px; float: left; font-size: 12px; margin-top: 10px; padding: 10px; text-align: center; width: 960px }
.FDLoginInfo .leftPanel { float: left; margin-left: 10px; margin-top: 50px; text-align: left; width: 540px }
.FDLoginPanel { border-radius: 5px; float: right; padding: 18px; width: 100%; }
.lgnText { float: left; font-size: 18px; width: 100%; text-align: center; }
.lgnText span { font-style: oblique; text-decoration: underline }
#register-link { clear: both; float: left; font-size: 15px; margin-left: 5px; margin-top: 15px; width: 100%; }
#register-link a { font-size: 18px }
.fbButton { cursor: pointer; font-size: 13px; font-weight: bold; padding: 5px 5px 5px 20px; width: 160px }
.lthrh { text-decoration: line-through }
.or { font-weight: bold }
#register-link > a:hover { text-decoration: none; }
.lthrh { text-decoration: line-through }
#signinbox td { text-align: center; }
.cust-login-title { font-size: 18px; font-weight: bold; padding-bottom: 8px; text-align: center }
.leftPanel { width: 100%; text-align: center; margin-bottom: 20px; }
.login-panel { /* float: left; */ width: 400px; text-align: center; margin: 0 auto; }
.search-booking-panel { margin: 0 auto; width: 470px; }
.login-small-box table tr td #register-link { width: 575px; }
/*Register Page*/
.topPanel { margin-left: 10px; margin-top: 20px; text-align: left; }
.FDRegisterPanel { border-radius: 5px; float: left !important; margin-right: 21px; padding: 18px; width: 100% !important; }
#registerLink { font-size: 16px; margin-bottom: 30px; margin-left: 5px; margin-top: 15px; text-align: left; width: 30%; float: left; }
td { vertical-align: top; position:relative;}
#registerLink > a { font-size: 18px }
#registerLink > a:hover { text-decoration: none; }
.FDRegisterPanel h3 { font-size: 18px; margin-bottom: 11px; }
.passenger-info-errorbox { padding-bottom: 5px; }
.passenger-info-errorbox ul li { padding-left: 5px; }
/*Accounts Page*/
.add-new-acc { float: right; margin-top: 11px; }
.add-new-acc > a:hover, .passenger-info a span:hover { text-decoration: none; }
/*Account Details Page*/
.edit-account-title { font-size: 18px; }
/*Booking page*/
.search-booking { font-size: 14px; }
.ody_cust_BookingList { width: 100%; font-size: 14px; }
.ody_cust_BookingList_Title { font-size: 20px; padding-bottom: 14px; }
/* remove below css as it need to be in stylecolor.ccs ---- start */
/*Booking page*/
.searchResultsItemHeader strong { color: #2d78b7; }
.ody_cust_BookingList_Title { color: #2d78b7 }
.dkRed { color: red; }
/*Account Details Page*/
.add-new-acc > a, .passenger-info a span, .edit-account-title { color: #2d78b7; }
/*Register Page*/
.FDRegisterPanel h3 { color: #2d78b7; }
#registerLink > a { color: #779C29; }
#registerLink { color: #0a81c7; }
.FDRegisterPanel { background-color: #f1f1f1; border: 1px solid #dad8d8; }
.cust-login-title { color: #2d78b7; }
.fbButton { background: url("../images/fb-icon.png") no-repeat 0 0 #3b5998; border: 1px solid #2d78b7; color: #fff; }
#register-link a { color: #779C29; }
#register-link { color: #2d78b7; }
/*Login Page*/
.lgnText span { color: #2d78b7; }
.FDLoginInfo { background: #f1f5f8; border: 1px solid #d4d4d4; }
.lgnText { color: #2d78b7; }
.FDLoginPanel { background: #f1f1f1; border: 1px solid #dad8d8; }
/* remove below css as it need to be in stylecolor.ccs ---- end */

/*New Passenger layout  -  Tejal-Tanvi*/
.customer_details .passenger-info-fields, .customer_details .address-info { float: left; width: 100% }
.customer_details .travel-numbers, .customer_details .passport-dates, .customer_details .passport-detail { float: left; padding-bottom: 10px; padding-top: 10px; width: 100% }
.customer_details .customer-info-fields { float: left; width: 35%; padding: 10px; }
.customer_details .customer-info-fields-title { margin-bottom: 5px }
/* .title-select,.gender-select,.fname,.mname,.lname{float: left;margin-left: 15px;} */
/* .customer_details .title-select { width: 11%!important; } */
/* .customer_details .gender-select { width: 16%!important; } */
.customer_details .fname, .customer_details .mname, .customer_details .lname { width: 31%!important; }
.customer-info-fields.past-pax-select .input { width: 270px; }
.customer_details .passport-issue select { width: 277px }
.customer_details .documentdetails { float: left; padding: 10px 8px 8px; width: 100%; }
.customer_details .documentdetails h3, .customer_details .additionaldetails h3 { cursor: pointer; float: left; font-size: 12px; font-weight: normal; padding-bottom: 10px; padding-top: 10px; width: 100% }
.customer_details .additional_info { width: 98% !important }
.customer_details .additional_info { display: block; float: left; margin: 0 8px 8px; padding-bottom: 10px; padding-top: 10px }
.customer_details .pNumInput { width: 157px }
.customer_details .additional_info .normal b { display: block; font-weight: 600; padding: 0 0 8px 2px }
.customer_details .additional_info select { width: 151px; padding: 3px; }
.customer_details .additional_info table.normal { margin-bottom: 10px }
.customer_details .additional_info tr td:first-child { text-align: left !important; width: 308px }
.customer_details .additional_info table.normal td { padding: 0 5px }
.customer_details .additional_info input { width: 280px }
.customer_details .additional_info table.normal:first-child tr:first-child td:first-child b:first-child { color: #09a1c6 }
.customer_details .passenger-info-fields { float: left; margin-right: 5px; margin-top: 2px; min-height: 60px; width: 32%; }
.customer_details .additionaldetails { padding: 8px; width: 100%; float: left; }
.customer_details .customer-info-fields-phone { padding: 10px; float: left; }
.customer_details .passenger-info-errorbox-header { padding: 4px 8px; }
.passenger-info-errorbox { border-radius: 3px; margin: 5px; }
.customer_details .customer-info-fields-cntrl { float: left; width: 100%; }
.FDRegisterPanel .pNumInput { width: 451px !important; float: right; border: 1px solid #a9a9a9; width: 451px !important; float: right; border: 1px solid #a9a9a9 !important; background-color: #fff; border: 1px solid #dad8d8 !important; padding: 10px !important; border-radius: 3px !important; background-color: #fff !important; }
.FDRegisterPanel .customer-info-fields-cntrl .normal { width: 100%; }
.passenger-info-edit .customer-info-fields-cntrl .normal td .pNumInput { width: 386px !important; }
/*-----------Start Registration page------------ */
.registration .title-select select, .registration .SelectTitle, .registration .customer-info-fields-cntrl input, .registration .normal { width: 100%; }
.registration .customer-info-fields, .registration .customer-info-fields-phone { width: 29%; }
.registration .pNumInput { width: 100%!important; }
.registration .country_input { position: absolute!important; display: none; z-index: 1000!important; overflow-x: hidden; overflow-y: auto; direction: ltr; -webkit-overflow-scrolling: touch; width: 238px; margin-bottom: 3px; margin-left: 3px; margin-right: 0 !important; margin-top: 2px; }
.registration .country_input input[type="text"] { width: 228px; margin-top: 5px; margin-bottom: 5px; }
/*-----------End Registration page------------ */
/*best-price-guarantee checkbox*/
.passenger-booking-cancelation { float: right; padding: 19px 3px; }
/*best-price-guarantee checkbox*/

/*-----------Start Insurance Popup------------ */
.travelinsu { width: 100%; padding: 7px 0px 4px 0px }
.travelinsu span { font-weight: bold; font-size: 13px; width: 100%; padding-left: 5px; }
.inscontent { float: left }
.inscontentbox { width: 81%; float: left; }
.travelinfo { width: 88%; float: left; padding: 9px 6px 20px 14px; }
.travelinfo span { font-size: 16px; font-weight: bold }
.travelinfo .guardinfo { font-size: 11px; float: left; }
.button { margin: 0 auto; width: 67% }
.select-op { width: 290px; height: 30px; font-family: "Open Sans"; font-size: 15px; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: center; cursor: pointer; border: none; border-radius: 3px; padding: 8px; }
.select-op.bPopup-close > img { vertical-align: none; }
.certiinfo { width: 83%; float: left; padding: 16px 6px 16px 14px; }
.certiinfo .certiinsu { font-family: "Open Sans"; font-size: 11px; font-weight: bold; }
.certiinfo span { font-family: "Open Sans"; font-size: 11px; font-weight: bold }
.button2 { width: 44%; margin: 0 auto }
.thank-note { width: 150px; height: 30px; font-family: "Open Sans"; font-size: 13px; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: center; cursor: pointer; border: none; border-radius: 3px; padding: 8px; }
.coverageinfo { width: 100%; float: left; padding: 18px 6px 6px 14px; }
.coverageinfo .discclainfo { font-family: "Open Sans"; font-size: 9px; font-weight: bold }
.contentbox1 { float: left; padding: 20px 0px 45px 5px; }
.logo { float: right; width: 50px; height: 27px; padding: 0px 0px 0px 19px; }
.insurancelogo { float: right; width: 50px; height: 27px; padding: 0px 0px 0px 19px; }
.travelguardlogo { font-size: 14px; font-weight: bold; padding: 50px 0px 0px 0px }
.select-op img, .thank-note img { padding: 4px 0px 0px 3px; }
/*-----------End Insurance Popup------------ */



/*------------ Top error message block --------------*/
.breadcrumbs { clear: both; }
.message { background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); width: 100%; border: 1px solid; color: #fff; padding: 15px; font-size: 12px; animation: animate-bg 5s linear infinite; float: left; margin: 5px 0 5px 0; }
.info { background-color: #4ea5cd; border-color: #3b8eb5; }
.error { background-color: #de4343; border-color: #c43d3d; }
.warning { background-color: #eaaf51; border-color: #d99a36; }
.success { background-color: #61b832; border-color: #55a12c; }
.message h3 { margin: 0 0 5px 0; }
.message p { margin: 0; }
 @keyframes animate-bg { from {
 background-position: 0 0;
}
to { background-position: -80px 0; }
}
/*------------ Top error message block --------------*/


/*Split Payment*/

.pass-sele-cont { width: 100%; }
#price-summary .pass-sele-cont { width: 100%; padding-left: 6px; float: left; padding-bottom: 11px; }
.pass-sel-title { background: -webkit-linear-gradient(top, #aed4e7 0%, #6a9eb6 100%); background: -moz-linear-gradient(top, #aed4e7 0%, #6a9eb6 100%); color: #fff; font-size: 14px; font-weight: 700; padding: 10px; float: left; width: 607px; }
.pass-sel-detals.margin-bottom { /* margin-bottom: 11px; */ }
.pass-sel-detals { width: 100%; border: none; float: left; border-bottom: 0; border-top: 0; }
.pass-sel-detals ul { list-style: none; padding: 0; margin: 0; }
.pass-sel-detals ul li { color: #5f5f5f; font-size: 13px; width: 51%; float: left; padding: 10px; border-right: 1px solid #e3e3e3; }
.pass-sel-cradit-csrd { width: 40%; text-align: center; }
.pass-sel-detals .pass-sel-prices { color: #5f5f5f; font-size: 13px; float: right; padding: 10px; text-align: right; border-right: none; width: 19% }
.pass-2-info { width: 100%; border-top: 1px solid #e3e3e3; float: left; }
.pass-sel-detals .pass-price-total { width: 502px; float: left; background: #14aa3e; color: #fff; }
.pass-sel-detals .pass-price-total-price { background: #14aa3e; color: #fff; font-size: 18px; padding: 10px 11px 10px; text-align: right; font-weight: 700; width: 102px; float: right; }
.pass-sel-detals .pass-guest-detail { width: 522px; }
.pass-sel-detals .pass-all-total { background: #567F90 none repeat scroll 0% 0%; color: #FFF; width: 522px; }
.pass-sel-detals .pass-all-total-price { background: #567F90 none repeat scroll 0% 0%; color: #FFF; width: 103px; text-align: right; }
.guest-infant { padding-left: 33px !important; background: url("../images/air/guest-infant-icon.png") no-repeat 10px center; }
/*Split Payment*/

.pass-sele-cont { width: 100%; }
#price-summary .pass-sele-cont { padding-left: 6px; float: left; padding-bottom: 11px; }
.pass-sel-title { background: -webkit-linear-gradient(top, #aed4e7 0%, #6a9eb6 100%); background: -moz-linear-gradient(top, #aed4e7 0%, #6a9eb6 100%); color: #fff; font-size: 14px; font-weight: 700; padding: 10px; float: left; width: 100%; margin-top: 10px; }
.pass-sel-detals { float: left; border-bottom: 0; border-top: 0; }
.pass-sel-detals ul { list-style: none; padding: 0; margin: 0; }
.pass-sel-detals ul li { color: #5f5f5f; font-size: 13px; width: 24%; float: left; padding: 10px; border-right: 1px solid #e3e3e3; }
.split-payment-tbl { width: 100%; }
.pass-sel-cradit-card { text-align: center; }
.pass-sel-detals .pass-sel-prices { color: #5f5f5f; font-size: 13px; padding: 10px; text-align: right; border-right: none; border-right: 1px solid #e3e3e3; }
.pass-2-info { border-top: 1px solid #e3e3e3; }
.pass-sel-detals .pass-price-total { width: 502px; float: left; background: #14aa3e; color: #fff; }
.no-display { display: none; }
.split-payment-tbl th { border: 1px solid #e3e3e3; border-collapse: collapse; text-align: left; padding: 5px; background: #f7f7f7; }
.split-payment-tbl td { padding: 3px; border: 1px solid #e3e3e3; border-collapse: collapse; }
.payment-green td { color: #4CAF50; font-size: 14px; padding: 7px; font-weight: bold; }
.split-prices { text-align: right !important; width: 20%; }
.balance-due td { font-size: 14px; color: red; padding: 7px; font-weight: bold; }
.payment-tobe td { font-size: 14px; color: #6a9eb6; padding: 7px; font-weight: bold; }
.creditcard-num { text-align: left; width: 26%; }
.pass-sel-detals .pass-price-total-price { background: #14aa3e; color: #fff; font-size: 18px; padding: 10px 11px 10px; text-align: right; font-weight: 700; width: 102px; float: right; }
.pass-sel-detals .pass-guest-detail { width: 522px; }
.pass-sel-detals .pass-all-total { background: #567F90 none repeat scroll 0% 0%; color: #FFF; width: 522px; }
.pass-sel-detals .pass-all-total-price { background: #567F90 none repeat scroll 0% 0%; color: #FFF; width: 103px; text-align: right; }
.guest-infant { padding-left: 33px !important; }
/*End of Split Payment*/

.cListButton { margin-right: 0; }
.passenger-info-inputbox-login .cListButtonSel { border: 1px solid #dad8d8; background-repeat: no-repeat; background-image: url(../images/dropdown-icon.png); background-position: 47px center; cursor: pointer; direction: ltr; position: relative!important; background-color: #FFFFFF; width: 66px; margin-right: 0px; }
input#_ctl0_MainContentsPH__ctl0__ctl0_Phone1_Number { width: 100%; }
.Regiatration-inputs td.spc-phone-flag.phcode { width: 12%; }
.Regiatration-inputs table.full-width.spc-phone-number { width: 100%; }
.Regiatration-inputs td.spc-phone-flag.phno { float: left; width: 100%; }
.FDRegisterPanel > table { width: 100%; }
.FDRegisterPanel { float: left !important; }
.Regiatration-inputs td.spc-phone-flag.phno input { width: 100%; border: 1px solid #dad8d8 !important; padding: 10px !important; }
.Regiatration-inputs td.spc-phone-flag.phno + td { display: none; }
.registration-submit-btn { float: left; width: 100%; text-align: center; margin-top: 6px; }
.registration-submit-btn input { /* float: right; */ height: auto; padding: 10px 30px; color: #fff; height: auto; }
.Regiatration-inputs .wid10.fl-left { float: left; width: 100%; margin-bottom: 6px; }
.Regiatration-inputs .wid20.fl-left.res-full { float: left; width: 100%; margin-bottom: 6px; }
.Regiatration-inputs .wid20.fl-left.dob-lbl { float: left; width: 100%; margin-bottom: 6px; }
.Regiatration-inputs .wid20.fl-left.res-email { width: 100%; float: left; margin-bottom: 6px; }
.Regiatration-inputs .wid20.fl-left.width-auto.res-phone-tab { width: 100%; float: left; margin-bottom: 6px; }
.Regiatration-inputs .wid20.fl-left { width: 100%; float: left; margin-bottom: 6px; }
td.spc-phone-flag.phcode + td { width: 8px;/* float: left; */ }
.login-inputs { float: left; width: 100%;/* text-align: left; */ }
.email-details { width: 100%; float: left; text-align: left; }
.pasword-details { float: left; width: 100%; text-align: left; margin-top: 6px; }
.email-details .login-labels { float: left; width: 39%; line-height: normal; padding: 3px 0; font-family: Segoe UI Light, Helvetica, Arial, sans-serif; color: #4f4f4f; font-size: 14px; }
.pasword-details .login-labels { float: left; width: 39%; line-height: normal; padding: 3px 0; font-family: Segoe UI Light, Helvetica, Arial, sans-serif; color: #4f4f4f; font-size: 14px; }
.login-btn input {    /* float: right; */ height: auto; padding: 10px 30px; color: #fff; height: auto; margin-top: 11px; }
.Regiatration-inputs .wid10.fl-left font { float: left; width: 39%; line-height: normal; padding: 3px 0; font-family: Segoe UI Light, Helvetica, Arial, sans-serif; color: #4f4f4f; font-size: 14px; }
.Regiatration-inputs font { float: left; width: 39%; line-height: normal; padding: 3px 0; font-family: Segoe UI Light, Helvetica, Arial, sans-serif; color: #4f4f4f; font-size: 14px; }
.Regiatration-inputs .full-width.fl-left.DateUCDOB td:first-child { padding-right: 8px; }
.Regiatration-inputs .full-width.fl-left.DateUCDOB td:first-child + td { padding-right: 8px; }
/*customer registration style */


.registration-inputs { float: left; width: 60%; }
.Regiatration-inputs { float: left; width: 100%; }
.Regiatration-inputs .wid10.fl-left.blank-hide-res { display: none; }
.leftPanel { width: 100%; float: left; text-align: center; }
/*notification messages*/
/*Font-icon-style*/
@font-face { font-family: 'error-icomoon'; src: url('../css/fonts/icomoon.eot?6vr9x5'); src: url('../css/fonts/icomoon.eot?6vr9x5#iefix') format('embedded-opentype'), url('../css/fonts/icomoon.ttf?6vr9x5') format('truetype'), url('../css/fonts/icomoon.woff?6vr9x5') format('woff'), url('../css/fonts/icomoon.svg?6vr9x5#icomoon') format('svg'); font-weight: normal; font-style: normal; }
 [class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	
	speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
/*Font-icon-style*/
.icon-close:before { content: "\e900"; float: right; font-family: 'error-icomoon' !important; font-size: 11px; color: #a8938f; }
/*warning*/
.warning.msg-notification, .warning .msg-notification-left { background: #d19137; }
.warning .msg-notification-right { background: #f8f3d6; }
.warning .msg-notification-title label { color: #745826; }
.icon-warning:before { content: "\e905"; line-height: 2; color: #fff; font-size: 21px; font-family: 'error-icomoon' !important; }
/*success*/
.success.msg-notification, .success .msg-notification-left { background: #69b168; }
.success .msg-notification-right { background: #def2d6; }
.success .msg-notification-title label { color: #42563a; }
.icon-success:before { content: "\e904"; line-height: 2; color: #fff; font-size: 21px; font-family: 'error-icomoon' !important; }
/*question*/
.question.msg-notification, .question .msg-notification-left { background: #808080; }
.question .msg-notification-right { background: #DCDCDC; }
.question .msg-notification-title label { color: #696969; }
.icon-question:before { content: "\e903"; line-height: 2; color: #fff; font-size: 21px; font-family: 'error-icomoon' !important; }
/*stop*/
.stop.msg-notification, .stop .msg-notification-left { background: #c44b44; }
.stop .msg-notification-right { background: #f1d2cd; }
.stop .msg-notification-title label { color: #a2312b; font-weight: 600 !important; word-wrap: break-word; }
.icon-stop:before { content: "\e901"; line-height: 2; color: #fff; font-size: 21px; font-family: 'error-icomoon' !important; }
/*information*/
.information.msg-notification, .information .msg-notification-left { background: #3e7ac2; }
.information .msg-notification-right { background: #cce8f4; }
.information .msg-notification-title label { color: #356a97; }
.icon-information:before { content: "\e902"; line-height: 2; color: #fff; font-size: 21px; font-family: 'error-icomoon' !important; }
/*msg-notification-style*/
.msg-notification { width: 100%; float: left; border-radius: 4px; margin: 0px 0 10px; }
/* .information.msg-notification { */
    /* margin-bottom: 11px; */
/* } */

.msg-notification-right { padding: 14px; width: 96%; float: right; border-radius: 0px 3px 3px 0; }
.msg-notification-left { float: left; text-align: center; border-radius: 4px 0 0 4px; width: 4%; }
.msg-notification-content { float: left; width: 100%; }
.msg-notification-title label { font-size: 12px; font-family: "Open Sans", sans-serif; font-weight: 500; }
.msg-notification-title { float: left; width: 98%; }
.msg-notification-title ul { padding-left: 30px; }
.msg-notification-title a { color: #a2312b; text-decoration: underline; }
/*msg-notification-style*/

.msg-notification ~ .msg-notification { margin-top: 0; }
.question.msg-notification { margin-top: 10px; }
/*.msg-notification {
    margin-top: 16px;
}*/

/*Itenerary Expand-collapse css*/
.itinerary-label-hide {display:none;}
.mProFlightCont .arrow-down, .mProFlightCont .arrow {background-position: 0 -2379px !important;}
.mProFlightCont .disItenerary {font-size: 12px;line-height: 1;right: -10px;position: absolute;top: 10px;}
.mobdisItenerary {top: 26px;width: 50px;font-size: 11px;right: -10px;position: absolute;}
.mProFlightCont .deskcollpse {font-size: 12px;bottom: 12px;position: absolute;transform: rotate(180deg);left: -12px;}
.cruise-arrow-top-15 {margin-top:-20px;}
@media only screen and (min-width: 120px) and (max-width: 320px) {
.mProFlightCont .arrow-down, .mProFlightCont .arrow {background-position: 0 -2379px !important;}
.msg-notification-right { width: 85%; }
.msg-notification-left { padding: 0 16px; }
.account-info #business-tab-content-right .business-tab-content-box { width: 100%!important; }
.account-info #business-tab-content-right { background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #D8D8D8; float: right; }
.account-info #business-tab-box { border: 1px solid #D8D8D8; border-radius: 0 0 4px; float: left; margin: 0 0 20px; margin-top: 10px; width: 99.8%; }
.res_guestinfo { padding: 9px; }
.account-info .res_guestinfo { padding: 0 10px; background: #f1f1f1; float: left; width: 100%; border: 1px solid #D8D8D8; }
.res_guestblock { border: 1px solid #D8D8D8; border-radius: 0 0 4px; float: left; margin: 0 0 1px; margin-top: 10px; padding: 12px; background: #fff; width: 100%; }
body.page_customer_account_details .content-area { padding: 12px; }
body.page_customer_account_details .passenger-info-edit { width: 100%; margin-left: 0; }
.ody_footer { width: 100%; margin: 0 auto; oveflow: auto; }
body.page_customer_login .pageHeader { margin-bottom: 57px; }
.passenger-info-inputbox-login { margin-top: 0; }
body.page_customer_account_details .pageHeader { margin-bottom: 69px; }
body.page_customer_accounts .pageHeader { margin-bottom: 60px; }
.account-info h1 { color: #2D78B7; font-family: Segoe UI, Helvetica, Arial, sans-serif; font-size: 20px; float: left; width: 69%; margin-bottom: 10px; }

.intl-tel-input.iti-container { z-index:9999;}
body.page_booking_checkout.iti-mobile .intl-tel-input.iti-container {
    z-index: 9999;
    width: 37%;
}
}
 @media only screen and (min-width: 321px) and (max-width: 413px) {
.mProItiDate .arrow-down, .mProItiDate .arrow {background-position: 0 -2379px !important;}
.mobdisItenerary {top:26px;right:-9px;}
.mobdisItenerary.collp{top:28px;right:-5px;}
.mProFlightCont .deskcollpse {display: none;}
.msg-notification-right { width: 85%; }
.msg-notification-left { padding: 0 16px; }
.msg-notification-title { float: left; width: 94%; }
.container { padding-left: 7px !important; padding-right: 7px !important; }
body.home.page_customer_booking_details .information.msg-notification { margin-top: 5px; }
body.home.page_customer_booking_details .msg-notification { margin-top: 0px; }
body.page_customer_booking_details .msg-notification { margin-top: 0 !important; }
.msg-notification ~ .msg-notification { margin-top: 0; }
.msg-notification { margin-top: 0px !IMPORTANT; margin-bottom: 0; }
/*body.page_customer_booking_details .page-contents {
    margin-top: 63px;
}*/
body.page_customer_booking_details .pageHeader { margin-bottom: 65px; }
#main-content { margin-top: 0px; }
.booking-title { margin-top: 5px !important; }
.account-info #business-tab-content-right .business-tab-content-box { width: 100%!important; }
.account-info #business-tab-content-right { background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #D8D8D8; float: right; min-height: 500px; width: 75%; }
.account-info #business-tab-box { border: 1px solid #D8D8D8; border-radius: 0 0 4px; float: left; margin: 0 0 20px; margin-top: 10px; width: 99.8%; }
.account-info #business-tab-content-right { background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #D8D8D8; float: right; }
.account-info .res_guestinfo { padding: 0 10px; background: #f1f1f1; float: left; width: 100%; border: 1px solid #D8D8D8; }
.res_guestinfo { padding: 9px; }
.res_guestblock { border: 1px solid #D8D8D8; border-radius: 0 0 4px; float: left; margin: 0 0 1px; margin-top: 10px; color: #000 !important; padding: 12px; background: #fff; width: 100%; font-size: 14px; }
body.page_customer_account_details .content-area { padding: 12px; }
body.page_customer_account_details .passenger-info-edit { width: 100%; margin-left: 0; }
.ody_footer { width: 100%; margin: 0 auto; oveflow: auto; }
body.page_customer_login .pageHeader { margin-bottom: 57px; }
.passenger-info-inputbox-login { margin-top: 0; }
body.page_customer_account_details .pageHeader { margin-bottom: 69px; }
body.page_customer_accounts .pageHeader { margin-bottom: 60px; }
.account-info h1 { color: #2D78B7; font-family: Segoe UI, Helvetica, Arial, sans-serif; font-size: 20px; float: left; width: 69%; margin-bottom: 10px; }

.intl-tel-input.iti-container { z-index:9999;}
body.page_booking_checkout.iti-mobile .intl-tel-input.iti-container {
    z-index: 9999;
    width: 37%;
}

}
 @media only screen and (min-width: 414px) and (max-width: 767px) {
.mProItiDate .arrow-down, .mProItiDate .arrow {background-position: 0 -2379px !important;}
.mobdisItenerary {top: 26px;right: -9px;}
.mobdisItenerary.collp {top: 28px;right: -6px;}
.mProFlightCont .deskcollpse {display: none;}
.msg-notification-right { width: 85%; }
.msg-notification-left { padding: 0 15px; }
.msg-notification-title { float: left; width: 94%; }
.container { padding-left: 7px !important; padding-right: 7px !important; }
body.home.page_customer_booking_details .information.msg-notification { margin-top: 5px; }
body.home.page_customer_booking_details .success.msg-notification { margin-top: 8px; }
.msg-notification ~ .msg-notification { margin-top: 0; }
.msg-notification { margin-top: 0 !important; margin-bottom: 0; }
body.home.page_customer_booking_details .msg-notification { margin-top: 0px; }
body.page_customer_booking_details .msg-notification { margin-top: 0 !important; }
/*body.page_customer_booking_details .page-contents {
    margin-top: 63px;
}*/
body.page_customer_login .pageHeader { margin-bottom: 57px; }
#main-content { margin-top: 0px; }
.booking-title { margin-top: 5px !important; }
.account-info #business-tab-content-right .business-tab-content-box { width: 100%!important; }
.res_guestinfo { padding: 9px; }
.account-info .res_guestinfo { padding: 0 10px; background: #f1f1f1; float: left; width: 100%; border: 1px solid #D8D8D8; }
.res_guestblock { border: 1px solid #D8D8D8; border-radius: 0 0 4px; float: left; margin: 0 0 1px; margin-top: 10px; padding: 12px; background: #fff; width: 100%; }
.account-info #business-tab-content-right { background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #D8D8D8; float: right; }
body.page_customer_account_details .content-area { padding: 12px; }
body.page_customer_account_details .passenger-info-edit { width: 100%; margin-left: 0; }
.ody_footer { width: 100%; margin: 0 auto; oveflow: auto; }
body.page_customer_login .pageHeader { margin-bottom: 57px; }
.passenger-info-inputbox-login { margin-top: 0; }
body.page_customer_account_details .pageHeader { margin-bottom: 69px; }
body.page_customer_accounts .pageHeader { margin-bottom: 60px; }
body.page_customer_booking_details .pageHeader { margin-bottom: 65px; }
.account-info h1 { color: #2D78B7; font-family: Segoe UI, Helvetica, Arial, sans-serif; font-size: 20px; float: left; width: 69%; margin-bottom: 10px; }

.intl-tel-input.iti-container { z-index:9999;}
body.page_booking_checkout.iti-mobile .intl-tel-input.iti-container {
    z-index: 9999;
    width: 37%;
}

}
@media only screen and (max-width: 767px){
.mProItiDate .arrow-down ~ .itinerary-label-hide .exp {display: block;}
.mProItiDate .arrow ~ .itinerary-label-hide .exp {display: none;}
.mProItiDate .arrow-down ~ .itinerary-label-hide .collp {display: none;}
.mProItiDate .arrow ~ .itinerary-label-hide .collp {display: block;}
}
@media (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {
.msg-notification-right {width: 91%;}
.msg-notification-left {width: 3%;}
}
 @media (-webkit-min-device-pixel-ratio: 3) and (orientation:landscape) {
.msg-notification-left { width: 4%; padding: 0 18px; }
.msg-notification-title { float: left; width: 95%; }
.msg-notification-right { width: 91%; }
}
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
.msg-notification-right { width: 93%; }
.msg-notification-left { width: 7%; }
.msg-notification-title { float: left; width: 94%; }
.pageFooter { float: left; width: 100%; }
.ody_footer { width: 100% !important; margin: 0 auto; oveflow: auto; }
.account-info #business-tab-box { border: 1px solid #D8D8D8; background: #f1f1f1; border-radius: 0 0 4px; float: left; margin: 0 0 20px; margin-top: 10px; width: 99.8%; padding: 10px; }
#business-tab-Guest3 { margin-right: 0 !important; }
div#business-tab-Guest4 { margin-right: 10px !important; }
.account-info #business-tab-content-right .business-tab-content-box { width: 32.3%!important; float: left; background: #ffffff; height: 150px; margin-right: 10px; border: 1px solid #dad8d8; overflow: auto; margin-bottom: 10px; }
.top-bar label { display: block; width: 42%; position: inherit; padding: 9px 12px 0; color: #204499; background: #50c0cc; font-size: 2.6em; text-align: left; float: left; line-height: 1.1; }
}
.clear { clear: both; }
.resulterror .msg-notification { margin-top: 0px !important; }
.msg-notification-content .top-error.error-box  { background:  inherit; border:  inherit; color:  inherit; font:  inherit; margin:  0; padding:  inherit; }
/*notification messages*/

/* Search Booking Style */
.search-booking-panel { margin: 0 auto; width: 420px; }
.search-booking { float: left; width: 100%; margin-top: 15px; border: 1px solid #cfcfcf!important; border-radius: 5px; padding: 18px; margin-bottom: 20px; box-shadow: 0 0 5px 3px #efeeee; }
.ody_cust_searchBooking_title { FONT-SIZE: 19px; float: left; width: 100%; margin-bottom: 10px; }
.ody_cust_searchBooking_right select { background-color: #fff; border: 1px solid #dad8d8; border-radius: 0; /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */ color: #555; font-size: 14px; height: 39px; line-height: 1.42857; background-image: url(/site/FareGeek2015/images/arrow-down.png); background-repeat: no-repeat; background-position: 97% 14px; width: 100%; margin-bottom: 0; padding: 6px 12px; z-index: 2; /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); */ /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); */
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-appearance: none; margin-bottom: 10px; }
.ody_cust_searchBooking_right { float: left; width: 100%; }
.ody_cust_searchBooking_title { font-size: 19px; float: left; width: 100%; margin-bottom: 10px; }
.ody_cust_searchBooking_left { font-size: 13px; color: #000; margin-bottom: 5px; font-weight: normal; }
.ody_cust_searchBooking_right input { background-color: #fff; border: 1px solid #dad8d8; border-radius: 0; /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */ color: #555; font-size: 14px; height: 39px; line-height: 1.42857; width: 100%; margin-bottom: 0; padding: 6px 12px; z-index: 2; /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); */ /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); */
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-appearance: none; margin-bottom: 10px; }
.ody_cust_searchBooking_btn { float: left; width: 100%; text-align: center; }
.ody_cust_searchBooking_btn input { padding: 10px 22px; font-size: 15px; margin-left: 0; }
body.page_customer_bookings .booking-details { /* float: left; */ width: 1140px; margin-bottom: 20px; margin: 0 auto; }
.booking-details table.ody_cust_BookingList { width: 100%; float: left; }
.booking-details .ody_cust_BookingList { width: 100%; float: left; }
.search-booking-list-details { float: left; width: 100%; background: #f8f9f9; background: #f8f9f9!important; box-shadow: 0 0 5px 3px #efeeee; border: 1px solid #cfcfcf!important; }
.search-booking-list-details .searchResultsItemHeader .searchResultsItemHeader-title { float: left; width: 14.9%; border-right: 1px solid #cfcfcf!important; padding: 11px 14px; color: #fff; /* BACKGROUND: #ff5313; */ font-family: Segoe UI, Helvetica, Arial, sans-serif; border-bottom: 1px solid #cfcfcf!important; }
.search-booking-list-details .searchResultsItemHeader { float: left; width: 100%; }
.search-booking-list-details .BookingRow1 { float: left; width: 100%; }
.search-booking-list-details .BookingRow1 .searchResultsItemHeader-title { float: left; width: 14.9%; border-right: 1px solid #cfcfcf!important; padding: 11px 14px; border-bottom: 1px solid #cfcfcf!important; height: 100px; overflow: auto; font-family: Segoe UI, Helvetica, Arial, sans-serif; }
.search-booking-list-details .BookingRow1 .searchResultsItemHeader-title-details { float: right; padding: 11px 14px; width: 10.2%; border-right: 1px solid #cfcfcf!important; padding: 11px 14px; height: 100px; border-bottom: 1px solid #cfcfcf!important; font-family: Segoe UI, Helvetica, Arial, sans-serif; }
.search-booking-list-details .searchResultsItemHeader .searchResultsItemHeader-title-details { float: right; padding: 11px 14px; width: 10.2%; color: #fff; border-right: 1px solid #cfcfcf!important; padding: 11px 14px; }
.booking-details .ody_cust_BookingList .ody_cust_BookingList_Title { float: left; width: 100%; font-size: 19px; float: left; font-family: Segoe UI, Helvetica, Arial, sans-serif; width: 100%;/* margin-bottom: 10px; */ }
.msg-notification-content .top-error.error-box  { background:  inherit; border:  inherit; color:  inherit; font:  inherit; margin:  0; padding:  inherit; }
.Regiatration-inputs .full-width.fl-left.DateUCDOB table { width: 100%; float: left; }
.Regiatration-inputs .full-width.fl-left.DateUCDOB { width: 100%; float: left; }
.passenger-info-edit table { width: 100%; }
/* seatmap css start */
.onboard-cont { float: left; width: 26%; }
.adv-seatmap { padding: 10px; font-size: 12px; font-family: 'open sans', arial; background: #f2f2f2; }
.adv-seatmap td { padding: 3px 5px; vertical-align: middle; color: #b0b0b0; font-weight: bold; text-align: center; }
.adv-seatmap td img { vertical-align: middle; }
.adv-seatmap td:first-child, .adv-seatmap td:last-child { background: #8b8b8b; color: #c3c1c1; }
.legend-cont { float: left; width: 25%; }
.seat-pref-cont { float: left; width: 49%; padding: 0 15px; margin-bottom: 75px; }
.seatmap-cont { width: 100%; float: left; }
.seat-pref-cont .normal { margin: 0 auto; }
.seat-buttons { width: 1140px; bottom: 0; padding: 15px; background: rgba(242,242,242,0.5); margin-left: 0px; position: fixed; }
.seat-buttons a { text-decoration: none; }
.seat-legends { width: 100%; border: 1px solid #e5e5e5; padding: 10px; margin-bottom: 10px; overflow: auto; }
.seat-legends li { float: left; width: 100%; padding: 5px; }
.airseatmap { background: #f2f2f2; float: left; width: 100%; padding: 15px; }
.airseatmap .tab_hover { padding: 0 0 15px 0; }
.tab_on { color: #636363; cursor: pointer; font-size: 22px; width: 100%; line-height: normal; float: left; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; text-align: left; padding-bottom: 15px; }
.tab_off { color: #cccccc; cursor: pointer; font-size: 22px; width: 100%; float: left; line-height: normal; padding: 15px; border: 1px solid #f2f2f2; text-align: left; }
.tab_off:hover span, .tab_off:hover div { color: #636363; }
.seat-pax-name { text-transform: uppercase; }
.seat-pax-name a { padding-left: 10px; }
.tab_on div, .tab_off div, .tab_hover div { float: left; width: 50%; }
.tab_on span, .tab_off span, .tab_hover span { float: left; width: 80%; padding: 3px 0; }
.tab_on font, .tab_off font, .tab_hover font { width: 100%; font-size: 11px; float: left; text-align: left; font-weight: bold; }
.seat-legends li span { padding: 8px; float: left; text-transform: uppercase; }
.seat-legends img { float: left; }
.flight-details-cont { padding: 15px 0 0 0; float: left; width: 100%; border-top: 2px solid #c9c9c9; color: #636363; }
.flight-details-cont b { width: 70px; float: left; color: #6e6e6e; }
.flight-details-cont p { font-weight: 600; color: #8b8b8b; padding: 3px 5px; }
.show-mob { display: none; }
.noseatmap { background: #fff url('/content/themes/odysseus/images/air/no-seatmap.png'); padding: 250px 10px 20px 10px; text-align: center; font-size: 15px; font-weight: bold; color: #616161; background-repeat: no-repeat; background-position: center 10px;/* border:1px solid #e0e0e0; */ }
.pax-selected { background: url('/content/themes/odysseus/images/air/sel-seat-arrow.png'); background-position: left center; background-repeat: no-repeat; }
.hide-mob { display: block; }
.tab_hover { color: #636363; font-size: 22px; width: 100%; padding: 15px; line-height: normal; float: left; text-align: left; padding-bottom: 15px; }
.seat-radio { float: left; padding: 5px; }
.seat-radio input[type="radio"] { width: 20px; height: 20px; }
.seat-label { float: left; padding: 3px 5px; color: #000; width: 90%; }
.radio-cont { float: left; width: 100%; padding: 5px; }
.seatmap-title { font-weight: normal; font-size: 16px; border-bottom: 2px solid #c9c9c9; width: 100%; padding: 15px; float: left; }
.ShowPrefrance, .specify-pref { width: 100%; padding: 15px; background: #f2f2f2; text-decoration: none; float: left; border-bottom: 2px solid #e5e5e5; margin-bottom: 15px; }
.overflow-none { overflow: hidden; }
.overflow-none .fixed-total .spc-total-cont { box-shadow: none; }
.ShowPrefrance a, .specify-pref a { text-decoration: none; font-weight: bold; font-style: italic; font-size: 14px; }
.float-left { float: left; }
.float-leftimp { float: left !important; }
.float-right { float: right; }
.marleft5 { margin-left: 5px; }
.pax-selector { margin-top: -1px; float: left; width: 100%; }
.pax-selector-header { border: 1px solid #e5e5e5; float: left; width: 100%; padding: 10px; }
.sel-pax { padding: 10px; float: left; width: 100%; border: 1px solid #e5e5e5; }
.seat-pax-name { float: left; width: 50%; padding: 0 0 0 0px; }
.seat-num { float: left; width: 50%; text-transform: uppercase; }
.seat-pax-number { float: left; width: 50%; }
#SeatMaps_popup { min-width: 1140px; height: 95%; max-height: 100%; }
#SeatMaps_popup .popup-contents-inner { overflow-y: auto; height: 100%; }
#SeatMaps_popup .seat-buttons { display: none; }
.page_air_purchase #SeatMaps_popup .seat-buttons { display: block; margin-left: -25px; margin-bottom: 25px; }
.btn-container .seat-buttons .secondary-btn, .btn-container .seat-buttons .secondary-btn:hover { float: left; margin-left: 10px; }
.btn-container .seat-buttons .primary-btn, .btn-container .seat-buttons .primary-btn:hover { float: right; width: 200px; }
a.secondary-btn.spc-cont-btn.seat-sel-link { float: right; margin-right: 0; }
.page_booking_checkout #SeatMapHtml { position: fixed; top: 0; width: 1140px; margin-left: -11px; bottom: 0; background: #ffffff; padding-top: 0px; z-index: 11; }
.page_booking_checkout #SeatMapHtml~body, .page_booking_checkout #SeatMapHtml~body { overflow: hidden; }
.seatmap-cont { width: 100%; overflow: auto; height: 82%; padding: 0 0 10px 0; }
.seatmap-loader-cont { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; border-radius: 5px; }
.seatmap-loader { top: calc(60% - 57px); left: calc(50% - 57px); width: 57px; height: 57px; background: #333333 url('/content/themes/odysseus/images/air/seatmap-loader.gif') no-repeat center center; border-radius: 25px; padding: 10px; border-radius: 100%; position: absolute; background-size: 43px; }
.windowseat { background: url('/content/themes/odysseus/images/air/window-seat-icon.png') no-repeat left center; padding: 20px 0px 20px 30px; background-size: 25px; }
.middleseat { background: url('/content/themes/odysseus/images/air/middle-seat-icon.png') no-repeat left center; padding: 20px 0px 20px 30px; background-size: 25px; }
.aisleseat { background: url('/content/themes/odysseus/images/air/aisle-seat-icon.png') no-repeat left center; padding: 20px 0px 20px 30px; background-size: 25px; }
/* seat map css end */
/* Flexslider Fix for Hotel Hotel Room Selection Page */
#hotel-detail-mo .tabberlive .flexslider .flex-direction-nav { margin-top: -16px; position: absolute; width: 100%; float: left; top:50%;}
/**Start of share-link for cruise**/
a.cruise-share-link { background: url(/Content/Themes/Odysseus/images/share-icon.png) no-repeat center center; background-size: 100%; background-repeat: no-repeat; padding: 8px 10px; color: #eaedef; text-decoration: none; margin-right: 6px; float: left; margin-top: 10px; }
/**End of share-link for cruise**/
/**Start of share-link for hotel**/
a.hotel-share-link { background-image: url(/Content/Themes/Odysseus/images/share-icon.png) !important; background-size: 100%; background-repeat: no-repeat; padding: 4px 9px !important; color: #eaedef; text-decoration: none; background-position: center center; margin-left: 10px; width:auto;}
/**End of share-link for hotel**/
#popup_searchlink textarea { width: 100%; }
/**Start of share-link for Air**/
a.air-share-link { background-image: url(/Content/Themes/Odysseus/images/share-icon.png) !important; background-size: 100%; background-repeat: no-repeat; padding: 4px 9px !important; color: #eaedef; text-decoration: none; background-position: center center; margin-left: 10px; }
/** End of share-link for Air.**/
.primary-btn, .primary-btn[type="button"], .cruise-info-tabs li a { position: relative; overflow: hidden; transform: translate3d(0, 0, 0) }
.primary-btn:after, .primary-btn[type="button"]:after, .cruise-info-tabs li a:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle, #000 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10, 10); opacity: 0; transition: transform .5s, opacity 1s }
.primary-btn:active:after, .primary-btn[type="button"]:active:after, .cruise-info-tabs li a:active:after { transform: scale(0, 0); opacity: .2; transition: 0s }
.seat_selected:hover, .seat_selected { border: 3px solid #3eb535; background: #ffffff url(/Content/Themes/Odysseus/images/air/check-icon.png) no-repeat right 15px top 15px; color: #3eb535; }
.seat_selected .tab_on, .seat_selected .flight-details-cont, .seat_selected .flight-details-cont p, .seat_selected .flight-details-cont b { border-top: 0px; border-bottom: 0px; color: #6b6b6b; }
.tab_off.seat_selected { background: url(/Content/Themes/Odysseus/images/air/check-icon.png) no-repeat right 15px top 20px; border: 3px solid #3eb535; color: #3eb535; }
.tab_off, .airseatmap { margin-bottom: 10px; border-radius: 10px; }
/* Loader UI - This will be removed once we implement new loader which will be there for all pages */
.ui-dialog.ui-widget { border-radius: 20px; padding: 20px 20px 10px 20px; text-align: left; }
.ui-dialog.ui-widget .ui-dialog-titlebar { border: none; padding: 0px 0px; font-size: 20px; margin: 0px; }
.ui-dialog.ui-widget .ui-dialog-content { padding: 0px 0px 10px 0px; font-size: 14px; }
.ui-dialog.ui-widget .ui-dialog-buttonpane { padding: 10px 0 0 0; }
.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-button-text-only .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-button-text-only:hover { padding: 4px 10px ; background: transparent; }
.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button { width: auto ; }
.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child, .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover { float: right; }
.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button:hover { border-radius: 4px; padding: 10px; color: #fff; font-size: 16px ; border: none; -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.75); float: none; font-weight: normal; line-height: 18px; text-align: center; margin:5px;}
.ui-dialog.ui-widget .ui-dialog-titlebar-close { box-shadow: none; background: none; border: none; margin-right: 10px; }
.ui-dialog.ui-widget .ui-dialog-titlebar-close .ui-icon-closethick { height: 18px; width: 18px; }
.ui-dialog.ui-widget .ui-widget-header, .ui-dialog.ui-widget .ui-dialog .ui-dialog-content { background: none; box-shadow: none; }
.ui-dialog.ui-widget .ui-dialog-title { padding-bottom: 20px; white-space:inherit;}
body .ui-button-text-only .ui-button-text { padding: 0px; line-height:18px;}
.ui-dialog.ui-widget .btn-container { text-align: right; }
.ui-dialog.ui-widget .btn-container .secondary-btn, .ui-dialog.ui-widget .btn-container .secondary-btn:hover { text-decoration: none; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.75); text-decoration: none; margin-left: 10px; }
.ui-dialog.ui-widget .btn-container .primary-btn, .ui-dialog.ui-widget .btn-container .primary-btn:hover { text-decoration: none; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.75); margin-left: 10px; -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.75); text-decoration: none; margin-left: 10px; }
.ui-dialog.ui-widget .flt-search-error .btn-container { text-align: center; padding-top: 10px; }
.page_booking_checkout .ui-dialog[aria-describedby="DivTravlGuardPopup"] {border:none;}
/* Splash popup */
#cruise_flight_details { position: fixed; width: 100%; margin: 0 auto; float: none; left: 0; z-index: 9998; top: 72px; height: calc(100% - 140px); overflow-y: hidden; -webkit-overflow-scrolling: touch; }
#cruise_flight_details > iframe { margin-left: 0px; height: calc(100% - 4px); }
.splash-header { overflow: auto; width: 100%; /* top: 78px; */ top: 0; border-radius: 0 0 0 0; position: fixed; z-index: 9999; /* left: 50%; */ /* margin-left: -500px; */
overflow: hidden; }
/* EOF  Splash Header */
.splash-header span.splash-title { font-size: 22px; line-height: 30px; }
.splash-header a.splash-close span.close-icon { padding: 11px; }
.splash-header { padding: 21px 35px; }
.guest-summary { float: left; width: 100%; }
.guest-summary h1 { font-size: 14px; height: auto; padding: 10px 10px 10px 20px; text-transform: uppercase; border: 0 none; border-bottom: 0px; margin-bottom: 0; background: /*url(../images/cruise-s8d73234ea5.png) 5px -3437px no-repeat*/ #134FA9; color: #ffffff; font-weight: normal; }
.preferences-box { padding: 0 10px 10px 10px; border: 1px solid #D6D6D6; }
.additionalServWidget .preferences-box {padding:0px;}
.preferences-box p { margin-top: 10px; }
.popup-cont { width: 100%; padding: 0px; }
/******************************/
/* CAMH - Cruise Details Page */
/******************************/
.airTravelOptionsCont { width: 100%; float: left; }
.air-search-form-component { width: 100%; margin: 0px auto 0px;}
.airSearchSPC { margin-top: 80px; }
.clearfix { clear: both; }
/* Air Travel Options Expand/Collapse Feature */


#LoadAirsearch strong { font-weight: 600; padding-left: 30px; }
#LoadAirsearch a.up-arrow, .specialRates .specialRatesTitle a.up-arrow { display: inline-block; position: relative; text-decoration: none; float: right; margin-right: 15px; margin-top: 13px; margin-right: 15px!important; margin-top: 14px!important; }
#LoadAirsearch a.up-arrow:after, .specialRates .specialRatesTitle a.up-arrow:after { content: ''; display: block; position: absolute; width: 0; height: 0; }
#LoadAirsearch a.down-arrow, .specialRates .specialRatesTitle a.down-arrow { display: inline-block; position: relative; text-decoration: none; float: right; margin-right: 15px; margin-top: 13px; }
#LoadAirsearch a.down-arrow:after, .specialRates .specialRatesTitle a.down-arrow:after { content: ''; display: block; position: absolute; width: 0; height: 0; bottom: -8px; }
/*#LoadAirsearch a.up-arrow {display:none;}*/

/* CAMH -  Air Search Form */
.air-travel-options .input-radio { display: table; margin: 0px; }
.air-travel-options .input-radio .blue { border: none; display: table-cell; line-height: 20px; cursor: pointer; box-shadow: none; overflow: hidden; }
.air-travel-options .input-radio .blue input + span { display: block; border: none; }
.input-radio label span { text-align: center; padding: 10px 0px; display: block; }
.air-travel-options .ato-content { width: calc(100% - 0px); padding: 10px 0px 10px 10px; float: left; border-top: none; border: 1px solid #ccc; }
.air-travel-options .ato-content .input-container { width: 50%; float: left; position: relative; padding-right: 10px; margin-bottom:10px;}
.air-travel-options .ato-content .input-container #lbl_to span {width:100%; float:left;}
.air-travel-options .ato-content .input-container #lbl_to,
.air-travel-options .ato-content .input-container #lbl_from {min-height:40px;}
.air-travel-options .ato-content .input-container.checkbox-only {width:auto; margin:20px 0 0 0;}
.air-travel-options .ato-content .input-container.checkbox-only .switch-container {width:auto!important;}
.air-travel-options .ato-content .input-container .switch-container.variable-width {margin-right:10px;}
.air-travel-options .ato-content .input-container label.switch { min-width: 90px; float: left; }
.air-travel-options .ato-content .input-container label.switch span { font-size: 10px; color:#fff;}
.air-travel-options .ato-content .input-container label.switch span::before,
.air-travel-options .ato-content .input-container label.switch span::after {min-height:40px;}
.air-travel-options .ato-content .input-container .input-marker { width: 15px; height: 20px; position: absolute; right: 10px; bottom: 14px; border: none; }
.air-travel-options .ato-content .input-container .date-marker { width: 21px; height: 21px; position: absolute; right: 10px; bottom: 14px; border: none; }
.air-travel-options .ato-content .input-container input[type="text"] { padding: 5px 30px 5px 10px; font-size: 14px; margin: 0px 0 10px 0; width: 100%; height: 40px; float: left; }
.air-travel-options .ato-content .input-container input.hasDatepicker { padding: 5px 30px 5px 10px; font-size: 14px; margin: 0px 0 0px 0; width: 135px; height: 40px; float: left; }
.air-travel-options .ato-content .input-container .fromDatepickerRT,
.air-travel-options .ato-content .input-container .toDatepickerRT {float:left;}
.air-travel-options .ato-content .input-container label {display:block; min-height:20px; font-weight:normal; margin:0px;}
.airTravelOptionsCont .air-travel-options .ato-content .input-container .timeOfDay {width:138px; float:left; margin:0 10px;}
.air-travel-options .ato-content .input-container .timeOfDay {width:139px; float:left; margin:0 10px;}
.air-travel-options .ato-content .input-container .timeOfDay select {width:100%;}
.air-travel-options .ato-content .input-container input.text { width: calc(100% - 90px); float: left; height:40px; font-size:14px; padding-right:30px;}
.air-travel-options .ato-content .input-container select.text { width: calc(100% - 90px); float: left; }
.air-travel-options .ato-content .input-container select.text, .air-travel-options .ato-content .input-container select { background: url(../images/dropdown.png) 95% center no-repeat; }
.input-container select:focus { outline: none; }
.air-travel-options .ato-content .bookingClassCont { width: calc(100% - 90px); float: left; }
.air-travel-options .ato-content .nearbyAirportCont { width: 90px; float: right; }
.air-travel-options .ato-content .input-container select { line-height: 18px; padding: 3px 30px 4px 10px; font-size: 14px; margin: 0px; width: 100%; height: 40px; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none;  }
.air-travel-options .ato-content .ui-autocomplete-input { background-size: 12px; }
.air-travel-options .ato-content input.hasDatepicker { background-size: 16px; }
.Nearbyairports .nearbyInner { padding-top: 15px; }
.Nearbyairports .nearbyInner input[type="checkbox"] { margin-top: 5px; float: left; margin-right: 10px; }
.Nearbyairports .nearbyInner label { font-weight: normal; margin-right: 5px; line-height: 20px; }
#AirportList li { width: 100%!important; float: left; }
#AirportList li.first { width: 100%!important; }
#AirportList li.first strong { margin-left: 0px; }
.full-width { width: 100%; }
/* ImportAirPNROptions */
.importAirPnrOptions label { float: left; margin-right:10px; display:inline-block;}
/* Lap/Seat Infants */
.air-travel-options #Infants { padding-right: 0px; }
.air-travel-options #Infants .lapInfant, .air-travel-options #Infants .seatInfant { width: 50%; padding-right: 10px; float: left; }
/* EOF Lap/Seat Infants */
.flt-search-error .btn-container { text-align: center; }
.air-travel-options .addRemSegment { padding-top: 21px!important; float: right!important; }
.air-travel-options .addRemSegment .remSegmentBtn, .air-travel-options .addRemSegment .addSegmentBtn { width: 50%; padding-right: 10px; float: left; }
.air-travel-options .addRemSegment #btnRemoveSegment { float: left; }
.air-travel-options .addRemSegment #btnAddSegment { float: right; }
/* Checkbox Switch 
==========================*/
.switch-container { min-width: 90px; float: left; }
.switch-container .switch { position: relative; display: block; vertical-align: top; height: 30px; padding: 3px; margin: 0; cursor: pointer; box-sizing: content-box; }
.switch-container .switch-input { position: absolute; top: 0; left: 0; opacity: 0; box-sizing: content-box; }
.switch-container .switch-label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #eceeef; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); box-sizing: content-box; }
.switch-container .switch-label:before, .switch-container .switch-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; box-sizing: content-box; }
.switch-container .switch-label:before { content: attr(data-off); right: 11px; color: #aaaaaa; text-shadow: 0 1px rgba(255, 255, 255, 0.5); }
.switch-container .switch-label:after { content: attr(data-on); left: 11px; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; }
.switch-container .switch-input:checked ~ .switch-label:before { opacity: 0; }
.switch-container .switch-input:checked ~ .switch-label:after { opacity: 1; }
.switch-container .switch-handle { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
.switch-handle:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); }
.switch-container .switch-input:checked ~ .switch-handle { left: 74px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }
/* Switch Yes No
==========================*/
.switch-container .switch-yes-no { padding: 0; margin: 0px 0 0; background: #FFF; border-radius: 0; background-image: none; line-height: 40px; height: 40px; }
.switch-container .switch-yes-no .switch-label { box-shadow: none; background: none; min-width: 90px; }
.switch-container .switch-yes-no .switch-label:after, .switch-container .switch-yes-no .switch-label:before { width: 100%; top: 5px; left: 0; text-align: left; padding: 9px 10px; border: 1px solid #cacaca; font-weight: normal; box-sizing:border-box;}
.switch-container .switch-yes-no .switch-label:after { backface-visibility: hidden; transform: rotateY(180deg); background-image: url(../images/responsive/checkTick.png) !important; background-repeat: no-repeat!important; background-position: 5px 13px!important; padding-left: 30px; }
.switch-container .switch-yes-no .switch-label:before { background: transparent; backface-visibility: hidden; background: url(../images/responsive/checkUntick.png) no-repeat left 9px center; padding-left: 30px; }
.switch-container .switch-yes-no .switch-handle { display: none; }
.switch-container .switch-yes-no .switch-input:checked ~ .switch-label:before { transform: rotateY(180deg) }
.switch-container .switch-yes-no .switch-input:checked ~ .switch-label:after { transform: rotateY(0) }
/*-------------Fonts css ends-------------*/
.img-responsive { max-width: 100%; height: auto; }
.res-ctrl-deckplan { display: none; }
/*------------Tabs with font icons--------------*/
#CruiseNavTabsNew .tabs-container { width: 96%; margin: 20px auto; background: #fff; padding: 30px 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: table; }
#CruiseNavTabsNew .cruise-info-tabs { padding: 0px; list-style: none; display: flex; flex-wrap: nowrap; width: 100%; }
#CruiseNavTabsNew .cruise-info-tabs li { flex: 1 1 auto; justify-content: flex-start; }
#CruiseNavTabsNew .cruise-info-tabs li a, .air-travel-options .input-radio .blue input + span { text-align: center; font-size: 14px; display: block; padding: 10px; outline: none; cursor: pointer; text-decoration: none; border-top-right-radius: 4px; border-top-left-radius: 4px; margin: 0 3px 0px 3px; line-height: 2em; border-bottom: 1px solid #fff; }
.air-travel-options .input-radio .blue:first-child input + span { margin-left: 0px; }
.air-travel-options .input-radio .blue:last-child input + span { margin-right: 0px; }
#CruiseNavTabsNew .cruise-info-tabs li a > span { font-size: 16px; }
#CruiseNavTabsNew .cruise-info-tabs li.current a { position: relative; top: 1px; }
#CruiseNavTabsNew .cruise-info-tabs li:first-child a, .air-travel-options .input-radio label:first-child { margin-left: 0; }
#CruiseNavTabsNew .cruise-info-tabs li:last-child a, .air-travel-options .input-radio label:last-child { margin-right: 0; }
#CruiseNavTabsNew .tab-content { display: none; float: left; width: 100%; padding: 15px; }
#CruiseNavTabsNew .tab-content.current { display: block; }
#CruiseNavTabsNew .cruise-info-tabs li a span:before { display: inline-block; vertical-align: middle; text-transform: none; font-weight: normal; font-variant: normal; font-family: 'icomoon'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; margin: -0.25em 0.4em 0 0; }
#CruiseNavTabsNew .cruise-info-tabs .icon-cruise-info:before { font-size: 23px; }
#CruiseNavTabsNew .level2 li a > span.icon-cruise-decks:before { font-size: 30px; }
#CruiseNavTabsNew .shiptabs { float: left; width: 100%; margin: 0 0 20px; padding: 0px; list-style: none; display: table; table-layout: fixed; }
#CruiseNavTabsNew .shiptabs li { display: table-cell; }
#CruiseNavTabsNew .shiptabs li a { font-size: 15px; line-height: 2.2em; display: block; padding: 0 0px 0 40px; outline: none; cursor: pointer; text-decoration: none; background-repeat: no-repeat; background-position: 5px 50%; }
#CruiseNavTabsNew .shiptabs li.current a { position: relative; top: 1px; }
#CruiseNavTabsNew .shiptabs li.li-ship-details a { background-image: url(../images/ship.png); }
#CruiseNavTabsNew .shiptabs li.li-ship-deck-plans a { background-image: url(../images/deck-plans.png); }
#CruiseNavTabsNew .shiptabs li.li-ship-gallery a { background-image: url(../images/gallery.png); }
#CruiseNavTabsNew .shiptabs li.li-ship-categories a { background-image: url(../images/category.png); }
#CruiseNavTabsNew .shiptabs li.li-ship-facts a { background-image: url(../images/facts.png); }
#CruiseNavTabsNew .shiptabs li.li-ship-details a:hover, #CruiseNavTabsNew .shiptabs li.li-ship-details.current a { background-image: url(../images/ship-hover.png); }
#CruiseNavTabsNew .shiptabs-content { display: none; float: left; width: 100%; }
#CruiseNavTabsNew .shiptabs-content.current { display: block; }
#CruiseNavTabsNew .level2 { float: left; width: 100%; margin: 0 0 20px; padding: 0px; list-style: none; display: flex; flex-wrap: nowrap; }
#CruiseNavTabsNew .level2 li { flex: 1 1 auto; justify-content: flex-start; }
#CruiseNavTabsNew .level2 li a { font-size: 14px; line-height: 2.2em; display: block; padding: 8px; text-align: center; outline: none; cursor: pointer; text-decoration: none; }
#CruiseNavTabsNew .level2 li.current a { position: relative; top: 1px; }
#CruiseNavTabsNew .level2 li a > span { font-size: 20px; }
#CruiseNavTabsNew .level2-tab-content { display: none; float: left; width: 100%; }
#CruiseNavTabsNew .level2-tab-content.current { display: block; padding-left: 7px; }
#CruiseNavTabsNew .level2 li a > span:before { display: inline-block; vertical-align: middle; text-transform: none; font-weight: normal; font-variant: normal; font-family: 'icomoon'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; margin: -0.25em 0.4em 0 0; }
#CruiseNavTabsNew .cruise-info-tabs .icon-cruise-ship:before { font-size: 24px; }
/*---------------Third level list style---------------*/

#CruiseNavTabsNew .ship-catgories-tabs { float: left; width: 100%; margin: 0 0 20px; padding: 0px; list-style: none; display: table; table-layout: fixed; }
#CruiseNavTabsNew .ship-catgories-tabs li { display: table-cell; }
#CruiseNavTabsNew .ship-catgories-tabs li a { font-size: 14px; line-height: 2.2em; display: block; padding: 10px; outline: none; cursor: pointer; text-decoration: none; border-top-right-radius: 4px; border-top-left-radius: 4px; margin: 0 5px; text-transform: uppercase; text-align: center; position: relative; }
#CruiseNavTabsNew .ship-catgories-tabs li.current a:after { content: ''; position: absolute; left: 42%; bottom: -3px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; clear: both; }
#CruiseNavTabsNew .ship-catgories-tabs-content { display: none; float: left; width: 100%; }
#CruiseNavTabsNew .ship-catgories-tabs-content.current { display: block; }
/*---------------Fourth level list style---------------*/

#CruiseNavTabsNew .level4 { float: left; width: 100%; margin: 0; padding: 0px; list-style: none; display: table; table-layout: fixed; }
#CruiseNavTabsNew .level4 li { display: table-cell; }
#CruiseNavTabsNew .level4 li a { font-size: 14px; line-height: 2.2em; display: block; padding: 5px; outline: none; cursor: pointer; text-decoration: none; border-top-right-radius: 4px; border-top-left-radius: 4px; margin: 0 5px; text-transform: uppercase; text-align: center; position: relative; }
#CruiseNavTabsNew .level4 li.current a:after { content: ''; position: absolute; left: 45%; bottom: -4px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; clear: both; }
#CruiseNavTabsNew .level4-tabs-content { display: none; float: left; width: 100%; }
#CruiseNavTabsNew .level4-tabs-content.current { display: block; }
/*-----------------Cruise Info styles-----------*/

#CruiseNavTabsNew .cruiseline-info-header, #CruiseNavTabsNew .cruiseline-content { float: left; width: 100%; padding: 0 0 15px; }
#CruiseNavTabsNew .cruiseline-info-header { margin: 0 0 15px; }
#CruiseNavTabsNew .cruiseline-logo { float: none; width: 30%; display: table-cell; }
#CruiseNavTabsNew .cruiseline-title { display: table-cell; float: none; width: 70%; font-size: 30px; padding: 0px 5px 0 25px; font-weight: bold; text-transform: uppercase; margin: 0; display: table-cell; vertical-align: middle; }
#CruiseNavTabsNew .cruiseline-content-left { float: left; width: 375px; margin-right: 15px; }
#CruiseNavTabsNew .cruiseline-content-right { float: left; width: calc(100% - 400px); }
#CruiseNavTabsNew .NoVideoFrame .cruiseline-content-right { float: left; width: 100%; }
#CruiseNavTabsNew .cruiseline-content { font-size: 13px; font-weight: 400; }
#CruiseNavTabsNew .cruiseline-content p { margin: 0 0 10px; }
#CruiseNavTabsNew .cruise-highlights h2 { font-size: 17px; line-height: 25px; padding-bottom: 5px; text-transform: uppercase; background-image: url("../images/highlight-icon.png"); background-repeat: no-repeat; background-position: left center; margin: 0 0 10px; padding: 0; width: 100%; font-weight: 600; }
#CruiseNavTabsNew .cruise-highlights h2 span { margin-left: 40px; display: block; padding: 0 0 3px; }
#CruiseNavTabsNew .cruise-highlights ul { margin: 0; padding: 0; }
#CruiseNavTabsNew .cruise-highlights ul li:before { background-image: url("../images/highlight-bullet.png"); background-repeat: no-repeat; background-position: center center; height: 24px; flex: 0 0 24px; width: 24px; margin-right: 8px; content: ""; }
#CruiseNavTabsNew .cruise-highlights ul li { display: flex; line-height: normal; margin-bottom: 8px; font-size: 13px; font-weight: 400; }
#CruiseNavTabsNew .NoVideoFrame .cruise-highlights ul li { width: 50%; float: left; }
#CruiseNavTabsNew .cruise-features { float: left; padding: 30px 0 0px; width: 100%; }
#CruiseNavTabsNew .cruise-features ul { float: left; margin: 0; padding: 0; list-style: none; }
#CruiseNavTabsNew .cruise-features li { float: left; margin-right: 2%; margin-bottom: 10px; width: calc(34% - 2%); display: inline-block; font-size: 13px; position: relative; }
#CruiseNavTabsNew .cruise-features li.activityPreview.no-margin-activity {margin:0px;}
#CruiseNavTabsNew .cruise-feature-description, #CruiseNavTabsNew .cruise-feature-image, #CruiseNavTabsNew .cruise-feature-link, #CruiseNavTabsNew .cruise-feature-heading { float: left; width: 100%; }
#CruiseNavTabsNew .cruise-feature-image { min-height:171px; }
#CruiseNavTabsNew .cruise-feature-description, #CruiseNavTabsNew .cruise-feature-heading { padding: 10px; }
#CruiseNavTabsNew .cruise-feature-description { margin: 0 0 10px; }
#CruiseNavTabsNew .cruise-feature-description p { text-align: left; padding: 0; margin: 0 0 10px; }
#CruiseNavTabsNew .cruise-feature-heading h2 { padding: 0; margin: 0; font-weight: 600; font-size: 18px;/*text-overflow: ellipsis;white-space: nowrap;overflow: hidden; */ min-height: 50px; line-height: normal; }
#CruiseNavTabsNew .cruise-feature-description h3 { padding: 0; margin: 0 0 10px; font-weight: 600; font-size: 16px; }
#CruiseNavTabsNew .cruise-feature-link { text-align: right; position: absolute; bottom: 0; right:0px;}
#CruiseNavTabsNew .cruise-feature-link .more-link { display: inline-block; padding: 5px; background: #5491cd; font-weight: bold; }
.cruise-feature-popup { padding: 10px; background: #fff; width: 80%; min-height: 180px; padding: 10px; max-width: 600px; }
.cruise-feature-popup-image { position: relative; z-index: -1; }
.cruise-feature-popup-image img { max-width: 100%; height: auto; }
.cruise-feature-popup-image-title { position: absolute; width: 98%; float: left; z-index: 999; bottom: 5px; padding: 1%; background: rgba(0, 0, 0, 0.7); font-weight: bold; text-transform: uppercase; color: #fff; }
.cruise-feature-popup-content { float: left; width: 100%; }
.cruise-feature-popup-content .cruise-feature-popup-content-desc, .cruise-feature-popup-content .cruise-feature-popup-content-desc p { font-size: 14px; font-style: italic; color: gray; line-height: normal; }
.cruise-feature-popup-content .cruise-feature-popup-content-details, .cruise-feature-popup-content .cruise-feature-popup-content-details p { font-size: 12px; line-height: normal; }
.cruise-feature-popup-content p { padding: 0; margin: 0 0 10px; }
/*----------------Ship categories----------------------*/
#CruiseNavTabsNew .ship-category-title { float: left; width: 100%; font-weight: normal; font-size: 16px; margin: 0 0 10px; padding: 10px 0; position: relative; }
#CruiseNavTabsNew .ship-category-title::before, .ship-category-title::after { background-image: url("../images/dotted-line-bg.png"); background-repeat: repeat-x; content: ""; float: left; left: 0; position: absolute; top: 0; width: 100%; height: 1px; }
#CruiseNavTabsNew .ship-category-title::after { top: 100%; }
#CruiseNavTabsNew .ship-category-title .category-cabin { display: inline-block; margin: 0 10px 0 0; }
#CruiseNavTabsNew .ship-category-title .category-cabin a:hover { cursor: default; }
#CruiseNavTabsNew .ship-category-title .category-cabin a { text-decoration: none; padding: 0px 5px; display: block; font-weight: bold; }
#CruiseNavTabsNew .ship-category-cabin { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-bottom: 25px; }
#CruiseNavTabsNew .ship-category-cabin-thumb { float: left; /*width: 23%;*/ text-align: center; }
#CruiseNavTabsNew .ship-category-cabin-description { /*float: left; width: 76%;*/ display:table-cell; padding-left: 2%; }
/*-----------------------------Ship Deck plans--------------------------------*/

#CruiseNavTabsNew .ship-deck-plans-img { width: 458px; margin: 0 auto; }
#CruiseNavTabsNew .ship-deck-plans-main, #CruiseNavTabsNew .ship-deck-plans-desc { width: 100%; }
#CruiseNavTabsNew .ship-deck-plans-desc { margin: 0 0 20px; padding: 10px 0; position: relative; }
#CruiseNavTabsNew .ship-deck-plans-desc::before, #CruiseNavTabsNew .ship-deck-plans-desc::after { background-image: url("../images/dotted-line-bg.png"); background-repeat: repeat-x; content: ""; float: left; left: 0; position: absolute; top: 0; width: 100%; height: 1px; }
#CruiseNavTabsNew .ship-deck-plans-desc::after { top: 100%; }
#CruiseNavTabsNew .ship-deck-plans-desc h2 { font-size: 16px; text-transform: uppercase; margin: 0; padding: 0 0 10px; }
#CruiseNavTabsNew .ship-deck-plans-img, #CruiseNavTabsNew .ship-deck-plans-desc { text-align: center; position: relative; }
#CruiseNavTabsNew .ship-deck-plans-left, #CruiseNavTabsNew .ship-deck-plans-right { float: left; width: 50%; }
#CruiseNavTabsNew .ship-deck-plans-right select { -webkit-appearance: none; appearance: none; }
#CruiseNavTabsNew .ship-deck-plans-right select::-ms-expand {
display: none;
}
#CruiseNavTabsNew .ship-catgories-tabs-body { float: left; border-top: medium none; width: 100%; padding: 10px; }
#CruiseNavTabsNew .deck-box-info { float: left; }
/*----------------- Accordion----------------------*/
#CruiseNavTabsNew .accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#CruiseNavTabsNew .accordion { overflow: hidden; }
#CruiseNavTabsNew .accordion-section { float: left; width: 100%; }
#CruiseNavTabsNew #ship-catgories-on-deck .accordion-section-title { width: 100%; display: inline-block; transition: all linear 0.15s; font-size: 14px; font-weight: 600; margin: 0 0 5px; position: relative; }
#CruiseNavTabsNew #ship-catgories-on-deck .accordion-section-title label { width: 76%; float: left; padding-top: 10px; }
#CruiseNavTabsNew .suite-codes { width: 10%; float: left; margin-right: 10px; padding: 10px 0; text-align: center; }
#CruiseNavTabsNew #ship-catgories-on-deck .accordion-section-title label { width: 76%; float: left; }
#CruiseNavTabsNew #ship-catgories-on-deck .accordion-section-title:hover { cursor: pointer; }
#CruiseNavTabsNew #ship-catgories-on-deck .accordion-section-title > span { width: 40px; text-align: center; display: inline-block; margin: 0 10px 0 0; padding: 10px; }
#CruiseNavTabsNew #ship-catgories-on-deck .accordion-section-title.active { background: #4c4c4c; text-decoration: none; }
#CruiseNavTabsNew #ship-catgories-on-deck .accordion-section-title:after { content: url(../images/add-circular-button.png); position: absolute; top: 12px; right: 10px; cursor: pointer; }
#CruiseNavTabsNew #ship-catgories-on-deck .accordion-section-title.active:after { content: url(../images/minus-circular-button.png); position: absolute; top: 12px; right: 10px; cursor: pointer; }
#CruiseNavTabsNew #ship-public-areas .accordion-section-title { margin: 0 0 5px; padding: 10px 25px 10px 10px; position: relative; font-size: 16px; width: 97%; }
#CruiseNavTabsNew #ship-public-areas .accordion-section-title:hover { cursor: pointer }
#CruiseNavTabsNew #ship-public-areas .accordion-section-title::before, #CruiseNavTabsNew #ship-public-areas .accordion-section-title::before { background-image: url("../images/dotted-line-bg.png"); background-repeat: repeat-x; content: ""; float: left; left: 0; position: absolute; top: 0; width: 100%; height: 1px; }
#CruiseNavTabsNew #ship-public-areas .accordion-section-title.active::before { top: 0; }
#CruiseNavTabsNew #ship-public-areas .accordion-section-content { box-shadow: none; background: none; }
#CruiseNavTabsNew #ship-public-areas .accordion-section-title:after { content: url(../images/add-circular-button.png); position: absolute; top: 12px; right: 10px; cursor: pointer; }
#CruiseNavTabsNew #ship-public-areas .accordion-section-title.active:after { content: url(../images/minus-circular-button.png); position: absolute; top: 12px; right: 10px; cursor: pointer; }
#CruiseNavTabsNew .accordion-section-content { padding: 10px; display: none; box-shadow: 0px 1px 3px rgba(0,0,0,0.25); background: #f7f7f7; }
#CruiseNavTabsNew .accordion-section-content img { float: left; margin: 0 15px 15px 0; }
#CruiseNavTabsNew .ship-deck-plans-right select { padding: 10px; margin: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; background: #f4f4fd; border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; width: 80%; }
/* Transition
============================================================ */
.switch-container .switch-label, .switch-handle { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .disabled, a[disabled="disabled"] { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }
input[disabled="disabled"], input[disabled] {cursor:not-allowed;}
/* Select2 Select Picker Styles */
.select2-container--default .select2-selection--multiple { border: none; box-shadow: none; border-radius: 0px; }
.select2-container--default input.select2-search__field { border: none; box-shadow: none; margin: 0px; -webkit-appearance: textfield; outline: 0; font-size: 100%; padding: 0; cursor: text; }
.air-search-form-component .ato-content .select2-container--default .select2-selection--multiple .select2-selection__rendered { float: left; border: 1px solid #cacaca; margin: 0px 0 0px; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1) inset; border-radius: 0px; padding: 0 10px 0px 10px; line-height: 18px; min-height: 40px;}
.air-search-form-component .air-travel-options .select2-container .select2-selection--multiple { min-height: 40px; border: none; }
.air-search-form-component .ato-content .select2-container--default { margin-bottom: 10px; }
/*#flight_options_search_form .select2-container--default .select2-selection--multiple .select2-selection__rendered li {width:auto!important; min-width:auto!important;}*/
.air-search-form-component .air-travel-options .ato-content .select2-container--default .select2-search--inline .select2-search__field { min-width: 20px; display: block; padding: 5px 0px 5px 0px; border: none; box-shadow: none; margin: 0px; }
.air-search-form-component .air-travel-options .select2-container--default .select2-selection--multiple .select2-selection__choice { border: none; border-radius: 0px; font-size: 14px; padding: 5px 5px 6px; margin-top: 4px; }
.air-search-form-component .air-travel-options .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { margin-right: 0px; font-size: 14px; float: right; margin-left: 5px; }
/* EOF Select2 Select Picker Styles */
.advance-cruise-search-block h4 { font-size: 22px; float: left; }
.advance-cruise-search-block #CruiseSearchForm_SailingsLBL { text-align: right; font-size: 19px; border: 0px dashed #134fa9; border-radius: 5px; float: right; padding: 5px 0; }
.advance-cruise-search-block .custom-radio-wrapper { float: left; width: 100%; padding: 0 0 0 0; text-align: center; }
.advance-cruise-search-block .searchfor { font-size: 28px; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; padding: 10px; }
.custom-radio-wrapper table { text-align: center; width: 100%; margin: 0 auto; padding: 15px 0 15px 0px; border-bottom: 1px dashed #cccccc; }
.custom-radio-wrapper table td { vertical-align: middle; text-align: center; }
.custom-radio-wrapper table td label { padding: 0 10px; }
.show-result .pull-right .primary-btn:hover { padding: 15px 20px; font-size: 22px; }
.radio { color: #999; font-size: 15px; position: relative; }
.advance-cruise-search-block .radio span { position: relative; padding-left: 20px; }
.advance-cruise-search-block .radio span:after { content: ''; width: 15px; height: 15px; border: 3px solid; position: absolute; left: 0; top: 1px; border-radius: 100%; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.advance-cruise-search-block .radio input[type="radio"] { cursor: pointer; position: absolute; width: 100%; height: 100%; z-index: 1; opacity: 0;/*  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" */
}
.advance-cruise-search-block .radio input[type="radio"]:checked + span { color: #333; }
.advance-cruise-search-block .radio input[type="radio"]:checked + span:before { content: ''; width: 5px; height: 5px; position: absolute; background: #333; left: 5px; top: 6px; border-radius: 100%;/*  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%; */
}
.adv-search-tbl { width: 100%; float: left; }
.adv-search-tbl .adv-search-col:first-child { padding-left: 0px; }
.adv-search-tbl .adv-search-col:last-child { padding-right: 0px; }
.adv-search-col { width: 16.66%; float: left; padding: 10px; }
.adv-search-col font { padding: 10px; float: left; text-transform: uppercase; border-bottom: 1px solid #cccccc; margin-bottom: 10px; width: 100%; text-align: center; }
.show-result .restart-botton .secondary-btn, .show-result .restart-botton .secondary-btn:hover { width: 100%; padding: 15px 20px; font-size: 22px; }
.show-result { width: 100%; float: left; text-align: center; }
.adv-search-col select { min-height: 250px; }
.show-result .search-button.primary-btn { padding: 15px 20px; font-size: 22px; }
.cruisesummaryflightsearch { width: 900px; margin: 0 auto; }
.cruisesummaryflightsearch .flightCruiseSummary { width: auto;  margin-bottom:10px;}
/* supplier payment list start */
#PaymentSchedules .supplier-payment-title-table tr td:first-child {padding-left:8px; background:0px;}
.supplier-title { padding: 10px 15px; width: 100%; float: left; color: #6f6f6f; margin-top: 15px; border:1px solid #6f6f6f;}
.PaymentSchedulePH {padding-bottom:10px; float: left;}
.supplier-payment-title-table {margin-top:10px;}
.supplier-title .supplier-pay-cont-title .mRemove-icon {margin:0px;}
.supplier-payment-cont-main { border: 1px solid #cccccc; padding: 10px 15px;}
.supplier-text { font-size: 16px; width:25%; display:inline-block;}
.supplier-text-title {width:25%; font-size:16px; float:left;}
.supplier-amt { width: 12%; float: right; }
.supplier-amt-title { width: 12%; float: left; }
.supplier-amt p { font-size: 14px; text-transform: uppercase; }
.supplier-amt span { float: left; }
.supplier-pay-cont { padding: 10px; float: left; width: 100%; }
.supplier-pay-cont-title { font-size: 16px; font-weight: lighter; color: #535353; float: right; line-height: 35px; }
.payment-schedule { border:none; width:auto; float:right;}
.supplier-pay-container {border-bottom:1px solid #eaeaea; padding:5px 0px; width:100%; float:left;}
.supplier-pay-container .supplier-pay-cont-title.segmentOptions {width:auto; float:right; border:none;}
.pay-sch-arrow {margin:10px 0 0 5px;}
.supp-pay-info { float: left; width: 25%; padding: 5px; }
.supp-pay-info font, .supp-pay-info span { width: 100%; float: left; }
.supp-pay-info font, .supp-pay-type font { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #535353; }
.supp-pay-info span { font-size: 12px; color: #535353; }
.supp-pay-type { float: left; width: 15%; padding: 5px; }
.pay-supp-details {font-size:12px; display:block;}
.supp-payment-desc {font-size:12px;}
.supplier-pay-cont-title .mEdit-icon { height: 36px; width: 36px; float: right; border-radius: 20px; background-color:transparent; border:2px solid transparent;}
.supplier-pay-cont-title .mRemove-cc { height: 36px; width: 36px; float: right; border-radius: 20px; background-color:transparent; border:none;}
.supplier-pay-cont-title .mRemove-icon { height: 36px; width: 36px; margin:0px; background-color:transparent; border:none;}
.supplier-pay-cont-title .mAddSegment-icon { height: 36px; width: 36px; float: right; border-radius: 20px; background-color:transparent; border:none;}
.supplier-pay-cont-title .mAddPrice-icon { height: 36px; width: 36px; float: right; border-radius: 20px; background-color: transparent; border: 2px solid transparent;}
.supplier-pay-amount {width:115px; vertical-align:middle;}
.supplier-pay-amount strong {line-height:2.5em; display:inline-block;}
/*.supplier-title .conf_ToggleTab{ padding-top:30px;}*/
.supplier-pay-title { float: left; }
/* Supplier text table */
.pay-schedule-cont {margin-bottom:10px;}
.supplier-payment-title-table tr td {padding:8px; font-size:16px; font-weight:500; width:80px;}
.supplier-payment-title-table tr td:last-child {width:85px;}
.supplier-payment-title-table tr td:first-child {padding-left:40px; width:35%;}
.supplier-payment-title-table tfoot tr td:first-child {padding-left:60px;}
.supplier-payment-content-table {/*border:1px solid #2a2a2a; border-bottom:none;*/ box-shadow: 0px 0px 5px 0px #ccc;}
.supplier-payment-content-table:hover {box-shadow:0px 0px 5px 2px #ccc}
.supplier-payment-content-table tr:first-child {border-top:none;}
.supplier-payment-content-table tr {border-top:1px solid #2a2a2a;}
.supplier-payment-content-table tr td {padding:3px 8px; /*border-left:1px solid #2a2a2a; border-bottom: 1px solid #2a2a2a;*/ width: 80px; vertical-align:middle; line-height:18px;}
.supplier-payment-content-table tr td:first-child {width:35%; border:none; /*border-bottom: 1px solid #2a2a2a;*/}
.supplier-payment-content-table tr td:last-child {width:85px;}
.customer-payment-content-table tbody tr:nth-child(4n-2) {}
.customer-payment-content-table tbody tr:nth-child (4n-3) {}
.font16 { font-size: 16px; }
.textleft { text-align: left; }
.fullwidth { width: 100%; }
.i-icon { position: relative; }
.i-icon a { position: absolute; right: 15px; top: 56%; background: url(../images/show-password.png) no-repeat right 5px center; width: 25px; height: 16px; }
.i-icon.cvv-eye a { right: 50px; }

/* supplier payment list end*/
/* Cruise based Tours and Transfers */
.tours-and-transfers h1.hOne {color:#656565; padding-left:15px;}
/* Check Availability for Tours and Transfere under additional services on SPC */
.cruise-addons .continue.btn-container .secondary-btn {margin-right:5px;}
.RefreshpopupResults h2 {margin: 7px 0px;}
/* Flight Prices on flight details page in DP Flow */
.air-sub-price { color: #656565; font-weight: 600; font-size: 14px;}

/* Itinerary Styles */
.itinerary-container {border: 1px solid #dfdfdf; border-radius: 0 0 3px 3px; border-top: none; margin-bottom:10px; max-height:250px; overflow-y:auto;}
.itinerary-details { position: relative; margin: 16px 8px 16px; margin-top:0px; padding: 0; list-style-type: none }
[dir=rtl] .itinerary-details { margin-right: 8px; margin-left: 0 }
.itinerary-details::before { position: absolute; top: 0; bottom: 0; left: 0; width: 0; border-left: 1px solid #dbdbdb; content: ""}
[dir=rtl] .itinerary-details::before { right: 0; left: auto; border-right: 1px solid #dbdbdb; border-left: 0 }
.itinerary-details li { position: relative; display: block; padding: 0 0 16px 16px; font-size:12px;}
.itinerary-details li:last-child {padding-bottom:0px;}
[dir=rtl] .itinerary-details li { padding: 0 16px 16px 0 }
.itinerary-details li::before { position: absolute; top: 2px; left: 0; display: inline-block; width: 8px; height: 8px; color: #707070; border-radius: 8px; outline: 4px solid #fff; background: currentColor; content: ""; box-sizing: content-box; transform: translateX(-50%) }
[dir=rtl] .itinerary-details li::before { right: 0; left: auto; transform: translateX(50%) }
.itinerary-details li.icon-sea::before { content: "\e938"; font: normal normal normal 14px/1 ody-fonticon; width: auto; height: auto; background: #fff }
.itinerary-details .odi { width: 24px; margin-right: 8px; font-size: 18px; color: #737373; text-align: center }
[dir=rtl] .itinerary-details .odi { margin-right: 0; margin-left: 8px }
.itinerary-details .location { display: flex; font-size: 12px}
.itinerary-details .location strong {margin-right:5px;}
.itinerary-details .time { display: flex; margin-top: 4px }
/* Itinerary Icons */
.odi-activity { background: url(../images/tour/odi-activity.png) left top no-repeat; }
.odi-air { background: url(../images/tour/odi-air.png) left top no-repeat; }
.odi-anchor { background: url(../images/tour/odi-anchor.png) left top no-repeat; }
.odi-building-o { background: url(../images/tour/odi-building-o.png) left top no-repeat; }
.odi-directions-boat { background: url(../images/tour/odi-directions-boat.png) left top no-repeat; }
.odi-insurance { background: url(../images/tour/odi-insurance.png) left top no-repeat; }
.odi-direction-way { background: url(../images/tour/odi-direction-way.png) left top no-repeat; }
.odi-schedule{ background: url(../images/tour/odi-schedule.png) left top no-repeat; }
.odi-transfer { background: url(../images/tour/odi-transfer.png) left top no-repeat; }
.odi-waves { background: url(../images/tour/odi-waves.png) left top no-repeat; }
.odi-king-size-bed { background: url(../images/tour/king-size-bed.png) center center no-repeat;background-size: 16px;}
.odi-up-arrow { background: url(../images/tour/alt-up-arrow.png) center center no-repeat;background-size: 10px;width: 15px;height: 15px;}
/* OdyLoaderV1 */
.OdyLoaderV1 { width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; position: fixed; background: rgba(0,0,0,0.7); z-index: 9990; opacity: 1; overflow-x: hidden; overflow-y: auto; display: table; text-align: center; border: none; border-radius: 0px; }
.OdyLoaderV1 .loaderCont { display: table-row; }
.OdyLoaderV1 .loader { display: table-cell; text-align: center; vertical-align: middle; }
.OdyLoaderV1 .loader .loaderInner { max-width: 700px; margin: 0 auto; background: transparent; padding: 30px; width: 100%; }
.OdyLoaderV1 .loader p { font-size: 28px; color: #fff; margin-top: 10px; letter-spacing: 5px; line-height: 36px; }
.OdyLoaderV1 .ball-scale > div { background-color: #fff; border-radius: 100%; margin: 2px; display: inline-block; }
 @-webkit-keyframes scale { 0%, 80% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 45% {
 -webkit-transform: scale(.1);
 transform: scale(.1);
 opacity: .7;
}
}
 @keyframes scale { 0%, 80% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 45% {
 -webkit-transform: scale(.1);
 transform: scale(.1);
 opacity: .7;
}
}
.line-scale > div { width: 6px; height: 60px; display: inline-block; background: #fff !important; }
.line-scale > div { border-radius: 2px; margin: 4px; background-color: #fff; }
 @-webkit-keyframes line-scale { 0%, 100% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
 50% {
 -webkit-transform: scaley(.4);
 transform: scaley(.4);
}
}
 @keyframes line-scale { 0%, 100% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
 50% {
 -webkit-transform: scaley(.4);
 transform: scaley(.4);
}
}
.line-scale > div:nth-child(1) { -webkit-animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08); animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(2) { -webkit-animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08); animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(3) { -webkit-animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08); animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(4) { -webkit-animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08); animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(5) { -webkit-animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08); animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
/* EOF OdyLoaderV1 */
/* Agency Description Expand/Collapse on Add Open Segment */
.openSegment .agencyDescCont a {position:relative; text-transform:uppercase;cursor:pointer;}
.openSegment .agencyDescCont a .arrow,
.openSegment .agencyDescCont a .arrow-down {position:absolute; right:-30px; top:5px; height: 12px; width: 20px;cursor:pointer;}
.openSegment .select2-container--default .select2-selection--single .select2-selection__arrow {height:32px;}
.openSegment .select2-container .select2-selection--single .select2-selection__rendered{     padding-left: 0px; }
.openSegment .select2-container{width:100% !important}

.airsearchform .calform input { border:none;}
/* Hotel price change/category unavailable pop-up on SPC */
.hotelPriceChangeSPC h2 {font-size:22px;  font-weight:600; margin-bottom:15px;}
.hotelPriceChangeSPC ul li { padding: 0 20px 0 45px; float: left; margin-right: 20px;}
.hotelPriceChangeSPC ul li p {font-size:14px; margin-bottom: 0px;}
.hotelPriceChangeSPC ul li strong {font-size:30px; font-weight: lighter;line-height: 30px;}
.hotelPriceChangeSPC ul li strong span {font-size:12px; float: right; padding: 3px 0 0 5px; line-height: 12px;}
.hotelPriceChangeSPC ul li.hotelNights strong {padding-left:15px;}
.hotelPriceChangeSPC ul li.hotelCheckIn {background:url('/content/themes/odysseus/images/tour/popupHotelCheckin.png') left bottom no-repeat;}
.hotelPriceChangeSPC ul li.hotelCheckOut {background:url('/content/themes/odysseus/images/tour/popupHotelCheckout.png') left bottom no-repeat;}
.hotelPriceChangeSPC ul li.hotelNights {background:url('/content/themes/odysseus/images/tour/popupHotelNight.png') left bottom no-repeat;}
/* Modify flight search button */
.modifyFlightSearch.btn-container {float:right; margin:0px 20px 0 0; padding:0px;}
.modifyFlightSearch .modifyFlight {background:#fff; border-radius: 3px; padding: 10px 10px 10px 45px; font-weight: normal; text-align: center; cursor: pointer; display: inline-block; -webkit-appearance: none; line-height: 18px; text-decoration:none;}
/* Guest information section on Category page */
.guestInfoCategory input[type="text"],
.guestInfoCategory input[type="tel"] {width:100%;}
.guestInfoCategory span {margin-bottom:5px; display:inline-block;}
.guestInfoCategory .guestAgeSelection {float:left;}
.guestInfoCategory .guestNumbers {float:left; margin-right:10px;}
.guestInfoCategory ul.guestPaxCount li {margin:0px 10px 0 0; float:left;}
.guestInfoCategory h1 strong,
.guestInfoCategory h1 em {font-size:14px;}
.guestInfoCategory .guestAgeButtons {margin-top:20px; float:right;}
/* EOF Guest information section on Category page */
/* Payment method options */
.PaymentMethods {margin-bottom:10px; width:100%; float:left;}
.PaymentMethods .title {padding:10px; font-weight: normal; color:#ffffff;}
.PaymentMethods ul.paymentTabs {display:flex; margin-top:5px;}
.PaymentMethods ul.paymentTabs li {float:none; display:inline-block; width:auto; font-size:16px; font-weight:lighter;}
.PaymentMethods ul.paymentTabs li input[type="radio"] {float:left;margin:4px; display:none;}
.PaymentMethods ul.paymentTabs li input[type="radio"] ~ label {padding:5px 8px; margin-left:5px; border-radius:5px 5px 0px 0px; float:left; color:#ffffff; cursor:hand;}
.PaymentMethods ul.paymentTabs li input[type="radio"]:checked ~ label {padding:5px 8px; margin-left:5px; border-radius:5px 5px 0px 0px; float:left; cursor:hand;}
.paymentMethodContent {padding:10px; display:block; width:100%; float:left;}
/* Flight Itinerary Icons */
.flightSummaryItinerary {width:100%;}
ul.flightIcons {min-width:40%; clear:left; margin-top:10px; float:left;}
ul.flightIcons li {border-left:1px solid #ccc; padding: 0 10px; float: left; }
ul.flightIcons li a.air-icon {padding:12px 12px 12px 20px; text-indent:-9999px;}

ul.flightIcons .icon-class {background: url('/content/themes/odysseus/images/tour/icon-class.png') left center no-repeat;}
ul.flightIcons .icon-note {background: url('/content/themes/odysseus/images/tour/icon-note.png') center center no-repeat;}
ul.flightIcons .icon-red-eye {background: url('/content/themes/odysseus/images/tour/icon-red-eye.png') center center no-repeat;}
ul.flightIcons .icon-long-layover {background: url('/content/themes/odysseus/images/tour/icon-long-layover.png') center center no-repeat;}
ul.flightIcons .icon-airport-change {background: url('/content/themes/odysseus/images/tour/icon-airport-change.png') center center no-repeat;}
ul.flightIcons .icon-baggage {background: url('/content/themes/odysseus/images/air/Baggage.jpg') center center no-repeat; text-indent:-9999px; background-size:18px;}

ul.flightIcons {min-width:40%; clear:left; margin-top:10px; float:left;}
ul.flightIcons li.iconDetails {padding: 0; margin: 0 10px 5px 0; border-radius: 3px; display: table-row; float:left; border:none;}
ul.flightIcons li .airMilesCount,
ul.flightIcons li .airMilesText {padding:0px;}
ul.flightIcons li .airDetails-icon {padding: 12px; margin-right: 10px; font-size: 10px; display: table-cell;}
ul.flightIcons li span {display:table-cell; font-size:12px; line-height:18px; padding:5px 10px;}

ul.flightIcons .icon-air-mile {background: url('/content/themes/odysseus/images/tour/icon-air-mile.png') center center no-repeat;}
ul.flightIcons .icon-business-class {background: url('/content/themes/odysseus/images/tour/icon-business-class.png') center center no-repeat;}
ul.flightIcons .icon-next-day {background: url('/content/themes/odysseus/images/tour/icon-next-day.png') center center no-repeat;}
ul.flightIcons .icon-train-segment {background: url('/content/themes/odysseus/images/tour/icon-train-segment.png') center center no-repeat;}
ul.flightIcons .icon-technical-stop {background: url('/content/themes/odysseus/images/tour/icon-technical-stop.png') center center no-repeat;}
.Nodedetails ul.flightIcons {clear:none; margin:0px;}
.Nodedetails ul.flightIcons li:first-child {margin-left:10px;}

/*common for payment n purchase page*/
.passenger-price-summary ul.passenger-price-summary-other1 { margin: 0px 0px; list-style-type: none; display:block; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; float: left; width: 100%; padding: 0 5px 0 0;}
.passenger-price-summary ul.passenger-price-summary-other1 li { line-height: 20px; padding: 5px 0px 5px 5px; width: 50%; float: left; text-align: right; }
.passenger-price-summary ul.passenger-price-summary-other1 li.misc-items { text-align: left; }
.passenger-price-summary { border-radius: 3px 3px; margin: 0px 0 20px; }
#newAccountOP { padding-top: 15px; }
.passenger-price-summary-top { display: table; width: 100%; }
.passenger-price-summary ul { display: table-row; list-style: none outside none; margin: 0; padding: 0; }
.passenger-price-summary-header { font-size: 13px; font-weight: 600; }
.passenger-price-summary ul li { display: table-cell; min-height: 20px; padding: 10px; text-align: right; vertical-align: middle; width: 12%; }
.passenger-price-summary-total #PricesGTotal { font-size: 22px; }
.passenger-price-summary ul li:first-child { border-left: 0 none; text-align:left; }
.passenger-price-summary-subtotal { font-size: 16px; }
.passenger-price-summary-total li,
.passenger-price-summary-subtotal li,
.passenger-price-summary-bottom .passenger-price-summary-other li,
.passenger-price-summary-other1 li { border-left: 0 none !important; }
.passenger-price-summary-bottom { display: table; width: 100%; }
.passenger-price-summary-total { font-weight: normal; }
.passenger-price-summary-total .amt { font-size: 20px; }
.passenger-price-summary-total li.misc-items,
.passenger-price-summary-other li.misc-items { text-align: left; width: 70%; }
.passenger-price-summary-other1 li.misc-items { text-align: left; width: 100%; }
.passenger-price-summary-bottom .price-summary-services { font-size: 14px; }
.passenger-price-summary-contents { padding: 0 0 0 0; }
.passenger-price-summary-contents ul li { text-align: left; padding: 0; }
.passenger-price-summary-contents ul li span { display: inline-block; }
.passenger-price-summary-contents > ul li { padding: 0; }
.price-summary-paxPrice-heading { padding: 10px; }
.price-summary-paxPrice-details { padding: 10px; }
.price-summary-paxPrice-details ul { width: 100%; display: inline; }
.price-summary-paxPrice-details ul li { padding: 5px 0; width: 100%; display: inline-block; }
.price-summary-pax a { padding-left: 15px; text-decoration: none; }
#price-summary h1 { font-weight: 500; }
.price-summary-pax a:hover { text-decoration: none; }
.passenger-price-summary-contents .price-summary-paxPrice-details ul li span { padding-left: 15px; }
ul.price-summary-paxprices > li { padding-bottom: 10px; }
ul.price-summary-other li { padding: 0 7px 2px 0px; }
.passenger-price-summary-contents .price-summary-other .amt { font-weight: bold; }
.price-summary-pax { background-repeat: no-repeat; background-position: left center; }
.summeryhide { background-repeat: no-repeat; background-position: left center; }
.passenger-price-summary-contents ul li .amt { text-align: right; float: right; }
.passenger-price-summary-contents .price-summary-paxPrice { font-weight: bold; }
.price-summary-other-header { text-decoration: underline; }
select.normal { min-width: 45px !important; }
.tax_details { clear: both; float: left; font-size: 11px; margin: 5px 10px 0; }
.tax_details li { box-sizing: border-box; float: left; list-style: outside none none; padding: 5px!important; width: 100%; }
.tax_details font { float: left; }
.tax_details span { float: right; }
.wideprices h1 {padding:10px; font-size:18px;}
/* Credit and fees delete icon */
.creditandfees-panel-buttons {border:none;}
.creditandfees-panel-buttons .mRemove-icon {border:none; text-indent:-9999px; width:20px; margin:0px 0px 0px 5px;}
.creditnfee-total {min-width:100px;}
/* Agency confirmation block edit */
.mProItiTitle .agencyConfSection {display: inline-block;}
.mProItiTitle .agencyConfSection input {width:100%;}
.mProItiTitle .agencyConfSection strong {display:inline-block; float:none; width:calc(100% - 20px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:18px;}
.mProItiTitle .conf-heading {float:right;}
.mProItiTitle .conf-heading span.agency-conf {width: calc(100%); margin-right: 10px;}
.agency-conf-edit-btn {margin-top:17px;}
.conf-heading .edit-link {margin:0px;}
.mProItiTitle .conf-heading .conf-heading-inn {float:left;}
.mProItiTitle .btn-container {padding-bottom:0px;}
.mProItiTitle .btn-container .secondary-btn,
.mProItiTitle .btn-container .secondary-btn:hover {margin-right:5px; background:#fff;}
.mProItiTitle .bookingCreatedForSection strong {display:inline-block; float:none; width:calc(100% - 20px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mProItiTitle .bookingCreatedForSection select, .mProItiTitle .bookingCreatedForSection .select2{width:100% !important;}
body.page_cruise_purchase .passenger-price-summary ul.passenger-price-summary-other1 li {
    line-height: 20px;
    padding: 5px 5px 5px 5px;
    width: 50%;
    float: left;
}
body.page_cruise_purchase .passenger-price-summary ul.passenger-price-summary-other1 {
    margin: 0px 0px;
    list-style-type: none;
    display: flex;
    border-left: none;
     border-right: none;
    float: left;
    width: 100%;
     padding: 0;
}

body.page_cruise_confirmation .passenger-price-summary ul.passenger-price-summary-other1 li {
    line-height: 20px;
    padding: 5px 5px 5px 5px;
    width: 50%;
    float: left;
}

body.page_cruise_confirmation .passenger-price-summary ul.passenger-price-summary-other1 {
    margin: 0px 0px;
    list-style-type: none;
    display: flex;
    border-left: none;
     border-right: none;
    float: left;
    width: 100%;
     padding: 0;
}

body.page_booking_payment .passenger-price-summary ul.passenger-price-summary-other1 {
    margin: 0px 0px;
    list-style-type: none;
    display: flex;
    border-left: none;
     border-right: none;
    float: left;
    width: 100%;
     padding: 0;
}
body.page_booking_payment .passenger-price-summary ul.passenger-price-summary-other1 li {
    line-height: 20px;
    padding: 5px 5px 5px 5px;
    width: 50%;
    float: left;
}


body.page_customer_booking_details .passenger-price-summary ul.passenger-price-summary-other1 {
    margin: 0px 0px;
    list-style-type: none;
    display: flex;
    border-left: none;
     border-right: none;
    float: left;
    width: 100%;
     padding: 0;
}
body.page_customer_booking_details .passenger-price-summary ul.passenger-price-summary-other1 li {
    line-height: 20px;
    padding: 5px 5px 5px 5px;
    width: 50%;
    float: left;
}

body.page_customer_booking_details .passenger-price-summary ul.passenger-price-summary-other1 li {
    line-height: 20px;
    padding: 5px 5px 5px 5px;
    width: 50%;
    float: left;
}


body.page_cruise_purchase ul.passenger-price-summary-total { display:flex;}
body.page_cruise_confirmation ul.passenger-price-summary-total { display:flex;}
body.page_booking_payment ul.passenger-price-summary-total { display:flex;}
body.page_booking_payment ul.passenger-price-summary-other { display:flex;}

body.page_customer_booking_details ul.passenger-price-summary-total { display:flex;}
body.page_cruise_confirmation ul.passenger-price-summary-other { display:flex;}
body.page_customer_booking_details ul.passenger-price-summary-other { display:flex;}
body.page_cruise_purchase ul.passenger-price-summary-other { display:flex;}

/* eNett payment */
.eNettPayment input[type="text"] {width:150px;}
.flight-sum-tbl {font-size:14px;}
/* Payment Schedule - Fare Details  */
table.fareDetailsPS tr td:first-child {min-width:450px;}
table.fareDetailsPS tr td:nth-child(2),
table.fareDetailsPS tr td:nth-child(3) {min-width:170px;}
table.fareDetailsPS tr th,
table.fareDetailsPS tr td,
table.fareDetailsPS tr th:first-child,
table.fareDetailsPS tr td:first-child {padding:5px; }
table.fareDetailsPS tr th:last-child,
table.fareDetailsPS tr td:last-child {text-align:right;}
table.flight-sum-tbl thead th:first-child{ color: #fff; text-align: left; padding-left: 20px; }
.paymentDetails .paymentDetTitle {padding:10px 5px; font-size:16px; font-weight:600; width:100%; float:left; color:#fff;}

/* Cruise only radio switch */
.cruiseOnlySwitchLabel {margin:0px 10px 0 0;}
.cruiseOnlyFlightOption {margin:0px 15px 0 0; clear:left;}
.cruiseOnlyFlightOption img {float:right;}
.cruiseOnlySwitchLabel {float:right;}
.btn-switch {
  font-size: 12px;
	position: relative;
	display: inline-block;		
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float:right;
	margin-right:5px;
}
.btn-switch__radio {
	display: none;
}
.btn-switch__label {
	display: inline-block;	
	padding: 5px 0px 5px 8px;
	vertical-align: top;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: color .2s ease-in-out;
	width:25px;
}
.btn-switch__label.btn-switch__label_no {color: #ffffff;}
.btn-switch__label + .btn-switch__label {
	padding-right: 5px;
	padding-left: 0;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label .btn-switch__txt {color:#fff;}
.btn-switch__txt {
	position: relative;
	z-index: 2;
	display: inline-block;
	min-width: 5px;
	opacity: 1;
	pointer-events: none;
	transition: opacity .2s ease-in-out;
}
.btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
.btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {
	opacity: 0;
}
.btn-switch__label:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #ffffff;
	background: #ffffff;
	border-radius: 11px;
	box-shadow: inset 0 .0715em .3572em rgba(43,43,43,.05);
	transition: background .2s ease-in-out;
}
.btn-switch__label_no:after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 4px;
	bottom: 4px;
	left: 5px;
	width: 15px;
	height: 14px;
	border-radius: 10px;	
	pointer-events: none;
	transition: left .2s ease-in-out, background .2s ease-in-out;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label_no:after {
	left: calc(100% - 18px);
	background: #fff;
}
.btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
.btn-switch__radio_yes:checked ~ .btn-switch__label_no:before {
	z-index: 1;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label_yes {
	color: #fff;
}
/* Total fare breakup */
.total-fare-breakup {border:none; padding:0px; margin:0px;}
.total-fare-breakup tr {padding:0px 0px; margin:0px; color:#5d575a;}
.total-fare-breakup tr th,
.total-fare-breakup tr td {padding:0 10px 0 0px; margin:0px;}
.total-fare-breakup tr th {font-size:12px; font-weight:400;}
.total-fare-breakup tr td {font-size:14px; font-weight:600;}
.total-fare-breakup tr th:last-child,
.total-fare-breakup tr td:last-child {padding:0px; margin:0px;}
/* jQuery Widget Dialog */
.ui-widget-overlay {z-index:9999;}
.ui-dialog {z-index:9999;}
.title14  {font-size:14px}
.seat_tooltip_Header { font-weight:bold;color:#1F3864; font-size:15px;  margin-bottom:5px; font-family: Calibri, sans-serif;}
.seat_tooltip_body { font-style:italic; font-size:13px; font-family: Calibri, sans-serif;}
.separator{padding-left:5px; padding-right:5px; }
.customer-info-fields.past-pass-info ul.country-list {
    top: -100px;
    left: 27px;
}

.associate-remove-btn {    width: 100%;
    float: left;
    background-image: url(../images/remove.png);
    padding: 5px 0px;
    background-size: 23px;
    margin-right: 0px;
    text-indent: -99999px;
    background-position: center;
    background-repeat: no-repeat;
	min-width:25px;}
/* Associate booking styles */
.AssociateContainer {
        width: 100%;
    }

    #AssociateHeader.AssociateHeader {
        text-align: center;
        color: #ffffff;
        padding: 10px;
        font-size: 16px;
        margin-top: 15px;
    }

    .txtAssociate {
        width: 100%;
        margin-bottom: 15px;
    }

    .Associate-innercontent {
        width: 100%;
        margin: 0 auto;
    }

    .associate-btn-container .primary-btn {
        color: #ffffff;
        box-shadow: 0px 2px 0px 0px #043a5c;
        border-radius: 3px;
        padding: 10px;
        font-weight: normal;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        -webkit-appearance: none;
        line-height: 18px;
        font-size: 16px;
		text-decoration:none;
    }

    .associate-btn-container .secondary-btn {
        background: transparent;
        border-radius: 3px;
        padding: 10px;
        font-weight: normal;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        -webkit-appearance: none;
        line-height: 18px;
        font-size: 16px;
		text-decoration:none;
    }

    .associate-btn-container {
        text-align: right;
		position:relative;
		float: left;
		width: 100%;
    }

    .associate-booking-table table, #AssociatedResult {
        width: 100%;
        border: 1px solid #d6d6d6;
        border-collapse: collapse;
    }

    .associate-booking-table table tr th, .associate-booking-table #AssociatedResult tr th {
        color: #fff;
        padding: 10px;
        border: none;
        border-right: 1px solid #fff;
    }

    .associate-booking-table table td, .associate-booking-table #AssociatedResult td {
        background: #f5f5f5;
        color: #535353;
        border: 1px solid #b0b0b0;
        padding: 10px;
        vertical-align: middle;
    }

    .associate-booking-table table td.actionCell input[type="checkbox"] {
        float: left;
        margin-right: 4px;
    }	

    .associate-booking-table {
        margin-top: 10px;
        width:100%;
    }

    .associate-booking-table table td.actionCell {
        vertical-align: middle;
    }

    .associate-booking-table table td .Associate-bookings-btn {
        color: #ffffff;
        box-shadow: 0px 2px 0px 0px #043a5c;
        border-radius: 3px;
        padding: 10px;
        font-weight: normal;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        -webkit-appearance: none;
        line-height: 18px;
        font-size: 16px;
        float: left;
    }

    .associate-booking-table table:nth-child(2) {
        background: #000;
    }

    .associate-booking-table table tr:nth-child(2n+1) td {
        background: #dbdbdb;
    }

    #AssociatedResultData {
        margin-top: 0px;
		
    }

    .content-area {
        padding: 0;
    }

    #NoBookingFound {
        text-align: center;
    }
	#associateMessage {
        visibility: hidden;
        min-width: 250px;
        margin-left: -125px;
        color: #fff;
        background-color: #356d27;
        text-align: center;
        border-radius: 2px;
        padding: 16px;
        position: fixed;
        z-index: 999;
        left: 50%;
        top: 30px;
        font-size: 17px;
    }

    #associateMessage.associate-green {
        background-color: #356d27;
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }

    #associateMessage.associate-red {
        background-color: red;
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }

    .associate-container{
        width: 100%;
        padding: 10px;
        margin: 0 auto;
		    float: left;
        margin-bottom:5px;
    }
	
	.associateBookingLoader.associate-container{
		border: 0px;
	}

    .associate-title{
        width:100%;
        border-bottom:2px solid;
        font-weight:bold;
        text-transform:uppercase;
    }

    .associate-body{
        width:100%;
        margin-top:10px;
    }

    .associate-booking-table table tr td:nth-child(1){
        width:10%;
    }

    .associate-booking-table table tr td:nth-child(2){
        width:10%;
    }

    .associate-booking-table table tr td:nth-child(3){
        width:20%;
    }

    .associate-booking-table table tr td:nth-child(4){
        width:30%;
    }

    .associate-booking-table table tr td:nth-child(5){
        width:20%;
    }

    .associate-booking-table table tr td:nth-child(6){
        width:10%;
    }
.associate-container .sk-fading-circle {
    margin: auto 50%;
    width: 40px;
    height: 40px;
    position: relative;
}

.associate-container .sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.associate-container .sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #8eccf3;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.associate-container .sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.associate-container .sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.associate-container .sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.associate-container .sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.associate-container .sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.associate-container .sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.associate-container .sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.associate-container .sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.associate-container .sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.associate-container .sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.associate-container .sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.associate-container .sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.associate-container .sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.associate-container .sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.associate-container .sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.associate-container .sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.associate-container .sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.associate-container .sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.associate-container .sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.associate-container .sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.associate-container .sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.associate-container .sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}
#associate-price-summary .assBordertop{
	border-top: 1px solid black;
}
@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}
    @-webkit-keyframes fadein {
        from {
            top: 0;
            opacity: 0;
        }

        to {
            top: 30px;
            opacity: 1;
        }
    }

    @keyframes fadein {
        from {
            top: 0;
            opacity: 0;
        }

        to {
            top: 30px;
            opacity: 1;
        }
    }

    @-webkit-keyframes fadeout {
        from {
            top: 30px;
            opacity: 1;
        }

        to {
            top: 0;
            opacity: 0;
        }
    }

    @keyframes fadeout {
        from {
            top: 30px;
            opacity: 1;
        }

        to {
            top: 0;
            opacity: 0;
        }
    }
.multi-bookings-page span {
    float: left;
    background: url(../images/multi-bookings.png) no-repeat center;
    padding: 16px 16px;
    background-size: 23px;

}
.multi-bookings-page {
    padding: 11px;
    float: left;
}
.multi-bookings-page label {
    padding-top: 3px;
    background: #fff;
    position: relative;
    font-size: 11px;
    color: #0977be;
    float: left;
    line-height: 0.5;
    text-align: center;
    border-radius: 490px;
	    font-weight: bold;
    padding: 5px;
    top: -4px;
}
#AssociateBookingsPopup, #associatedSendMailPopup{
    width: 1000px;
    height: 600px;
    max-width: 1000px;
    max-height: 600px;
	padding:0px;
}
.AssociateHeader {
    text-align: left;
    color: #ffffff;
    padding: 10px;
    font-size: 16px;
}
.Associate-loader {
    background: url(../images/loading/loader-circle.gif) no-repeat center center;
    height: 60px;
}
#associateLoader{text-align: center; float: left; margin-top:10px;}
.associateBookingMsg {
	text-align:left;
	padding:10px;
	width:100%;
	float: left;
}
.associateBookingMsg input {
    float: left;
    margin-right: 5px;
}
#newBookingContainer {
    float:right;
}
.AssociateContainer #SearchResultData{
	float:left;
}
.bPopup-close.popup-close { color: #fff; border-radius: 100%; /* font-weight: bold; */ /* font-size: 18px; */
padding: 8px 14px; position: absolute; right: -11px; top: -11px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); cursor: pointer; /* display: inline-block; */ text-align: center; text-decoration: none; }
.package-payment-details table {border:1px solid #dadada;}
.package-payment-details thead tr td,
.package-payment-details tfoot tr td {border-left:1px solid #dadada; border-bottom:1px solid #dadada;}
.package-payment-details thead tr td,
.package-payment-details tfoot tr td {vertical-align:middle; font-size:14px;}
.package-payment-details tbody tr td {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px; font-size:12px;}
.package-payment-details tbody tr td.supp-payment-desc {font-size:11px;}
.package-payment-details tr td {padding:8px; }
.package-payment-details tr td:last-child {padding:5px;}

.package-payment-details thead {font-weight:bold; font-size:14px;}

.package-payment-details tfoot tr {font-size:14px; font-weight:bold;}

.package-payment-details tr.failure {border-left:3px solid #be3d2f;}
.package-payment-details tr.success {border-left:3px solid #568d4e;}
.package-payment-details tr td {}

.package-payment-details .payment-actions {width: auto;border: none;float:right;padding: 0px;text-align: center;position: absolute; bottom:0px; display:block; right:0px;}
.package-payment-details tr .payment-actions {display:block; }
.package-payment-details .payment-actions a.disabled {filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale); filter: gray; -webkit-filter: grayscale(100%); opacity: 0.4;}
.package-payment-details .payment-actions a {margin:0px; border:none; float:left; display:inline-block; background-color:none; }
.package-payment-details tr.success {background:none;}
.past-pass-loader {
    background: url(../images/loading/loading.gif) no-repeat center center;
    height: 60px;
    float: left;
    width: 100%;

}
.payment_icons {width:40px; height:40px; margin:0px 15px 0px 0px; display:block; background-position: center center; background-repeat: no-repeat; float:left;}
table.supplier-payment-content-table span.payment-desc {font-size:16px; text-transform:capitalize; float:left; margin-top:10px; width:calc(100% - 60px);}

/*cruise-upgrade-options*/

.spcAdditionalServices .additionalServWidget.cruise-upgrade-options{
    width: 100%;
    float: left;
}
.item-list-price.cruise-options-title {
    font-size: 17px;
}
.cruise-upgrade-table {
    float: left;
    width: 100%;
}
.cruise-upgrade-options .cruise-upgrade-options-title h1 {     background-position: 10px center;
    background-repeat: no-repeat;
    background-color: #f4f4f4;
    padding: 10px 40px 10px 45px;
    line-height: 18px;
    height: 40px;
    font-size: 17px;
	font-weight: normal;
    color: #656565;
    width: 100%;
    float: left;
    position: relative;}
.cruise-upgrade-options-heading {
    float: left;
    width: 100%;
}

.cruise-upgrade-options-heading ul {
    float: left;
    width: 100%; padding:0;
}
.cruise-upgrade-options-heading.mProItinerary ul.mProItiTitle {
    padding: 0;
}
.cruise-upgrade-options .cruise-upgrade-options-heading ul li {
    float: left;
    width: 20%;
    margin: 0; padding: 10px;     border-bottom: none;
}
.cruise-upgrade-options .cruise-upgrade-options-heading ul li a {
    float: left;
    padding: 0;
    color: #fff;
    font-weight: bold;
}

.cruise-upgrade-options .cruise-upgrade-options-heading ul li.cruise-upgrade-discription {
    width: 52%;
    float: left;
}
.cruise-upgrade-options .cruise-upgrade-options-heading ul li a:hover { background: none;	}

.cruise-upgrade-details {
    float: left;
    width: 100%;
}
.cruise-upgrade-details ul {
    float: left;
    width: 100%;
	float: left;
    border-bottom: 1px solid #ccc;
    width: 100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;     margin: 0;
}
.cruise-upgrade-options .cruise-upgrade-details ul li {
    float: left;
    width: 20%;     padding: 10px;
}
.cruise-upgrade-options .cruise-upgrade-details ul li.disctiption-det {
    width: 52%;
    float: left;
}
.cruise-upgrade-options .cruise-upgrade-details ul li input[type="checkbox"] {
    float: left;
    margin-right: 5px;
}
.cruise-upgrade-options .cruise-upgrade-options-heading ul li.cruise-upgrade-select {
    float: right;
    border: none;
    width: 8%;
}
.cruise-upgrade-options .cruise-upgrade-details ul li.cruise-upgrade-select {
    float: right;
    border: none;
    width: 8%;
}

/*cruise-upgrade-options*/



.associate-body .txtAssociate {
    float: left;
    width: 91%;
}
.customer-search-popup {
    min-width: 85% !important;
    min-height: auto !important;  top: 3% !important;     max-height: initial !important;     padding: 10px !important;
}
.customer-search-popup .popup-contents-inner h3 {
    font-weight: normal;
    margin-top: 0;
    font-size: 16px;
}
.customer-search-popup .bPopup-inner.popup-contents-inner {
    overflow: initial;
}
.customer-search-popup .cs-no-pad {
    padding-left: 0;
}
.customer-search-popup .panel-body {
    float: left;
    margin-top: 10px;
    width: 100%;
}


.customer-search-btns { margin-top:10px; float:left; width:100%; margin-bottom: 0;}

.customer-search-tables-details tr.odd {
    background: #f0efef;
}

.customer-search-tables-details tr.odd {
    background: #f7f6f6;
}

.customer-search-tables { font-size:13px; }
.customer-search-tables th {
    text-align: center;
	white-space: nowrap; position: relative;
 color:#fff; border-right: 1px solid #fff; padding: 10px 25px;     cursor: pointer;
}

.customer-search-tables td {
    text-align: left;
	white-space: nowrap;
	padding: 10px; 
}

.customer-search-popup .bPopup-inner.popup-contents-inner {
    max-height: none;     height: auto !important;
}
.customer-search-wrapper .row {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
	margin-right: 0;
}
.customer-search-wrapper .pull-left {
    float: left;
    width: auto;
}
.customer-search-wrapper .pull-left select.form-control.input-sm {
    display: inline-block;
    width: auto;
}
.customer-search-wrapper .pull-right {
    float: right;
    width: auto;
}
.customer-search-wrapper div#myTable_paginate ul.pagination {
      float: left;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #b8b8b8;
}
.customer-search-wrapper div#myTable_paginate ul.pagination li {
    float: left;
    width: auto;
    text-align: center;
}
.customer-search-wrapper div#myTable_paginate ul.pagination li.active {
    background: #9a9a9a;
}
.customer-search-wrapper div#myTable_paginate ul.pagination li.active a {
    color: #fff;
}
.customer-search-wrapper div#myTable_paginate ul.pagination li.disabled {
	    float: left;
    width: auto;
	
}
.customer-search-wrapper div#myTable_paginate ul.pagination li a {
      padding: 9px;
    float: left;
    text-align: center; cursor: pointer;
    width: 100%;
    border-right: 1px solid #b8b8b8;
}
.customer-search-wrapper div#myTable_paginate ul.pagination li .paginate_button.last {
    border-right: none;
}
.btn-container.cs-back-btn {
    width: auto;
}
.btn-container.cs-back-btn a {
    width: auto;
}
.datatable.table.table-striped.table-bordered {  border: 1px solid #dfdfdf;     overflow-x: scroll;
    width: 100%!important;
    display: block;}
.datatable.table.table-striped.table-bordered td {
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf; text-align: center;
}
.datatable.table.table-striped.table-bordered.result-table-innertable { width:100%; display: table;}
.datatable.table.table-striped.table-bordered.result-table-innertable td {
    text-align: center;
}
.datatable.table.table-striped.table-bordered.result-table-innertable th { background:#000; color:#fff
;
}
.datatable.table.table-striped.table-bordered.result-table-innertable th {
    background: #f4f6fa;
    color: #6a6a6a;
    border-bottom: 1px solid #dfdfdf;
}
tbody.customer-search-tables-details td a.Showmore {
    background: url(../images/details_open.png);
    text-indent: -99999px;
    width: 20px;
    float: left;
    height: 20px;
}
tbody.customer-search-tables-details td a.Showless {
    background: url(../images/details_close.png);
    text-indent: -99999px;
    width: 20px;
    float: left;
    height: 20px;
}
.childcustome-result-wrapper {     overflow-y: auto;
    max-height: 200px;
    width: 74.8%;
    float: left; border-bottom: 1px solid #dfdfdf;}
.result-table-btns {
    width: 100%;
    float: left;
    margin-top: 10px;
	text-align: left;
}
.additionalServWidget.cruise-transfer {
    width: 100%;
    box-sizing: border-box;
}

.popup-contents .popup-intro h2 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: bold;

}


.customer-search-tables th.tabbackbg.sorting:before {
       background-image: url(../images/sorting.png);
    position: absolute;
    content: "";
    right: 8px;
    float: right;
    z-index: 9999;
    height: 19px;
    width: 14px;
    background-size: 18px;
}
.customer-search-tables th.tabbackbg.sorting_asc:before {
       background-image: url(../images/sorting-asc.png);
    position: absolute;
    content: "";
      right: 8px;
    float: right;
    top: 13px;
    z-index: 9999;
    height: 11px;
    width: 13px;
    /* background-size: 18px; */
}
.customer-search-tables th.tabbackbg.sorting_desc:before {
       background-image: url(../images/sorting-desc.png);
    position: absolute;
    content: "";
      right: 8px;
    float: right;
    top: 15px;
    z-index: 9999;
    height: 8px;
    width: 13px;
}

.popup-contents-inner p {
    margin-bottom: 5px;
    margin-top: 10px;
}

.popup-contents .popup-options .popup-option.popup-request {
    background-color: #629f13;
}

.popup-contents .popup-options .popup-option {
    background: #165593;
    color: #fff;
    line-height: 1.4;
    margin: 0 0 1em 0;
    padding: 15px;
    text-align: left;
    width: 100%;
}
.popup-contents .popup-options .popup-option h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 10px;
}
.popup-contents .popup-options .popup-option h3, .popup-contents .popup-options .popup-option p {
    color: #fff;
    margin: 0 0 5px;
    padding: 0;
}

.popup-option.popup-call a {
    color: #fff;
    text-decoration: underline;
}

/* COUCH BED */
.couchBed {
    background: url(/Content/images/icons/couchbed.png) no-repeat center;
    width: 100%;
    float: right;
    height: 19px;
}
.content-left .cruise-details span.couchBed {
    position: relative;
    right: 99px;
    width: 20px;
    height: 18px;
}
body.page_booking_checkout .mProFlightMainCont span.couchBed {
    position: relative;
    right: 35px;
    width: 20px;
    background-size: 15px;
    height: 18px;
}
th.tabbackbg.collapsedth.sorting_asc:before, th.tabbackbg.collapsedth.sorting_desc:before, th.tabbackbg.collapsedth.sorting:before {
   background-image: NONE;
    top: 0;
    height: 38PX;
    width: 51PX;
    left: -1px;
}
.category-tab-content span span.category-sold-out {
    position:relative;
    height: auto;
    width: auto;
    float:none;
    display:inline-block;
}
.category-sold-out:after {
  content: "";
    background: url(../images/sold-out.png) no-repeat center;
    position: absolute;
    padding: 4px;
    font-weight: 600;
    top: calc(50% - 32px);
    right: 0;
    left: 0;
    width: 100%;
    height: 63px;
}
.category-sold-out:before {
 content: "";
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    height: 100px;
    left: 0;
}

.fare-bus-ico {
    background: url(/content/Themes/Odysseus/images/air/Bus.png) center no-repeat;
    background-size: 100%;
	height: 30px;
    width: 30px;
    float: left;
}
.fare-train-ico {
    background: url(/content/Themes/Odysseus/images/air/Train.png) center no-repeat;
    background-size: 74%;
	height: 35px ;
    width: 35px;
    float: left;
}

.fare-boat-ico {
    background: url(/content/Themes/Odysseus/images/air/boat.png) center no-repeat;
    background-size: 115%;
	height: 60px ;
    width: 35px;
    float: left;
}

.mProFlightCont .mProFlightDetails .fare-bus-ico {
    background: url(/content/Themes/Odysseus/images/air/Bus.png) center no-repeat;
    background-size: 100%;
	margin-right: 6px;
    height: 30px ;
    width: 30px ;
    float: left ;
}
.mProFlightCont .mProFlightDetails .fare-train-ico {
    background: url(/site/FareGeek2015/images/Train.png) center no-repeat;
    background-size: 83% ;
	margin-right: 6px;
    height: 30px;
    width: 30px;
    float: left;
}

.mProFlightCont .mProFlightDetails .fare-boat-ico {
    background: url(/content/Themes/Odysseus/images/air/boat.png) center no-repeat;
    background-size: 83% ;
	margin-right: 6px;
    height: 30px;
    width: 30px;
    float: left;
}

.activityList .activity-img img {    width: 100%;
    display: block;
    border-width: 7px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;}
.activityList .activity-img {
    width: 340px;
    float: left;
    margin-right: 15px;
	padding-bottom:39px;
}
#CruiseNavTabsNew .cruise-features .activityList {
    width: 100%;
    float: left;
    padding: 15px 15px 0px 15px;
	position:relative;
	margin-bottom:20px;
}
.activityList .activity-content {
    width: calc(100% - 365px);
    float: left;
}
.activityList .activity-title {border-bottom:1px dashed #ffffff; font-size:20px; font-weight:800; padding-bottom:15px;  color:#ffffff; margin-bottom:10px; float: left; width: calc(100% - 365px);}
.activityList .activity-short-desc,
.activityList .activity-long-desc {color:#ffffff; margin-bottom: 10px;}

.sub-activity-slider {width:100%; float:left; margin-bottom:10px;}
.sub-activity-slider .flexslider {background:transparent; border:none; padding:0 10px;}
#CruiseNavTabsNew .cruise-features .sub-activity-slider .flexslider li .slides {background:#ffffff;}
.sub-activity-slider .flexslider .slides .slide-img-container {background:#ffffff; padding:5px;}
.sub-activity-slider .flexslider .slides .slide-img {width:100%;}
.sub-activity-slider .flexslider .slides .slide-caption {background:#f4f4fd; padding:10px; display:block; text-align:left; font-weight:600; font-sie:14px;}
.sub-activity-slider .flexslider .slides .slide-description {background:#ffffff; padding:10px; display:block; text-align:left; }
#CruiseNavTabsNew .sub-activity-slider .flex-direction-nav {width:calc(100% - 50px); position:absolute;}
#CruiseNavTabsNew .sub-activity-slider .flex-direction-nav li {width: auto; height: auto; min-height: auto;}
#CruiseNavTabsNew .sub-activity-slider .flex-direction-nav li.flex-nav-prev {left:0px; float:none; position:absolute; opacity:1;}
#CruiseNavTabsNew .sub-activity-slider .flex-direction-nav li.flex-nav-next {right:0px; float:none; position:absolute; opacity:1;}

#CruiseNavTabsNew .sub-activity-slider .flex-direction-nav li.flex-nav-prev a {left:-31px; float:none; position:absolute;opacity:1; background: url('/content/themes/odysseus/images/tour/slider-prev-icon.png') center center no-repeat; font-size:0px;}
#CruiseNavTabsNew .sub-activity-slider .flex-direction-nav li.flex-nav-next a {right:-80px; float:none; position:absolute;opacity:1; background: url('/content/themes/odysseus/images/tour/slider-next-icon.png') center center no-repeat; font-size:0px;}
#CruiseNavTabsNew .flex-viewport {width: 100%;}
#CruiseNavTabsNew .sub-activity-slider .flex-direction-nav .flex-disabled {opacity:1!important;}/* Need to put !important as HACK because non-importiant style is being over-written by !important css in flexslider.min.css */
#CruiseNavTabsNew .sub-activity-slider .flex-direction-nav li.flex-nav-prev a:before,
#CruiseNavTabsNew .sub-activity-slider .flex-direction-nav li.flex-nav-next a:before {content:none;}
#CruiseNavTabsNew .activityList .ship-activity-close {text-indent:-9999px; right: 10px; top: 10px; height: 15px; width: 15px;}
#CruiseNavTabsNew .activityList .ship-activity-close:before,
#CruiseNavTabsNew .activityList .ship-activity-close:after {height:15px; width:1px;}
#CruiseNavTabsNew .sub-activity-slider .flexslider li {background:#ffffff;}
#CruiseNavTabsNew .cruise-feature-link .dropArrow:before {position:absolute; bottom: -10px; content: " "; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; right: 50%; margin-right: -10px;}
/* Generic styles for close (X) icon */
.close-slider-icon {position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; opacity:1;}
.close-slider-icon:hover { opacity: 1; }
.close-slider-icon:before, .close-slider-icon:after { position: absolute; left: 7px; content: ' '; height: 33px; width: 2px; } /* This CSS affects with close icon (X) on hotel selection/details popup - so change css name */
.close-slider-icon:before { transform: rotate(45deg); }
.close-slider-icon:after { transform: rotate(-45deg); }

.alter-itinerary {
    float: left;
    width: 100%;
}
.alter-itinerary .alte-itin-conti-btn {
    color: #000;
    text-decoration: underline;
    width: 100%;
    float: left;
    text-align: center;
}
.itinerery-alternate
    {
        width:50%;
        float:left;
    }
     .itinerery-full
    {
        width:100%;
    }
    .Itenary-desabled{
         background-color: #F2F6F6;

     }
     
    #CruiseNavTabsNew .itinerery-alternate .itinerary-right img, #CruiseNavTabsNew .itinerery-alternate .itinerary-left img{
        padding: 10px;
    }
   
    #CruiseNavTabsNew .itinerery-alternate .itinerary-right, #CruiseNavTabsNew .itinerery-alternate .itinerary-left
    {
        width : 100%;
    }
    #Itinerary_Disclaimer {
    box-shadow: 0px 0px 8px 0px rgba(136, 136, 136, 0.75);
    float: left;
    padding: 10px;
    width: 100%;
    border-radius: 4px;}
    
    .itinerary-alt-popup {
    width: 800px;
    max-width: 800px;
    top: 20px !important;
	height: 78%;
    border-radius: 5px;
    display: none;
    padding: 25px 15px 15px 15px;
    background-color: #FFFFFF;
    box-shadow: 0 0 25px 5px #242424;
    color: #111111;
}
.itinerary-alt-popup .popup-contents-inner {
    padding-right: 10px;
	min-height: -webkit-fill-available;
	max-height: -webkit-fill-available;
}
.itinerary-alt-popup #Itinerary_Disclaimer {
    margin-top: 9px;
    width: 99%;
    float: left;
    margin-left: 6px;
    margin-bottom: 20px;
}
.itinerary-alt-popup .itinerary-box{ 
    width: 49%;
    float: left;
}
.itinerary-alt-popup div#alt.itinerary-box{
	float: right;
}
.itinerary-alt-popup .popup-cont{
	overflow-y: hidden !important;
	max-height: 100% !important;
	margin-bottom: 10px;
} 
.itinerary-alt-popup .itinerary-cont{
	width: 100%;
}
.cabin-num-warinng {
    position: relative;
    top: 2px;
    left: 4px;
}
.cabin-state-icon{margin:0 1px;}
.cabin-state-number-atop {vertical-align:top;}






.Edit-Passenger-popup select {
    border: 1px solid #cacaca;
    color: #959595;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='5' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2851, 51, 51%29'></polygon></svg>");
    color: #8a8a8a;
    -webkit-appearance: none;
    -moz-appearance: window;
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(187,187,187,1);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(187,187,187,1);
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1) inset;
    height: 40px;
    padding: 11px 0 8px 0;
    width: calc(100% - 7px);
    font-size: 13px;
    -moz-appearance: none;
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 7px 5px;
    border-radius: 0;
    line-height: normal;
    padding-left: 8px;
}
.Edit-Passenger-popup input[type="text"], input[type="password"], input[type="tel"], input[type="email"] {
    color: rgb(138, 138, 138);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(202, 202, 202);
    border-image: initial;
    width: calc(100% - 7px);
    box-shadow: rgba(10, 10, 10, 0.1) 0px 1px 2px inset;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    height: 40px;
    border-radius: 0px;
    padding: 0.5rem;
    transition: box-shadow 0.5s ease 0s, border-color 0.25s ease-in-out 0s;
}
.Edit-Passenger-popup .left-inner-title { float:left; width:100%;     margin-bottom: 10px;}
.Edit-Passenger-popup .wid10 {
    width: 10%;
}
.Edit-Passenger-popup .wid20 {
    width: 20%;
}
.Edit-Passenger-popup .martop10 {    margin-top: 10px;}
.edit-pass-titles{
    width: 100%;
    float: left;
    border-bottom: 2px solid;
	    margin-bottom: 10px;
}
.edit-pass-titles .wid20.fl-left.m-full-width {
    width: 94%;
    float: left;
}
.edit-pass-titles .wid20.fl-left.m-full-width {
    width: 24%;
    float: left;
    padding-bottom: 10px;
}
.edit-pass-titles font.pass-form-title {
    padding: 10px 0;
    float: left;
    background: url(/content/Themes/Odysseus/images/tour/male-icon.png) right no-repeat;
    width: 32%;
    background-size: 19%;
}
.edit-pass-titles .grup-pas-input {
    width: 64%;
    float: right;
}
.Edit-Passenger-popup .pass-field-titles.Customca {
    float: left;
	    padding: 0;
    width: 100%;
}
.pasport-pass-info {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.edit-pass-wrapper {
    float: left;
    width: 100%;
    overflow-y: scroll;
    height: 380px;
	margin-top: 15px;
    padding-right: 10px;
}
#content_PassportList {
    padding: 0px 0 10px;
}
.Edit-Passenger-popup .collapse-minus { background: url(/content/Themes/Odysseus/images/tour/edit-exp-plus.png) right 8px no-repeat; padding:10px; cursor:pointer;}

.Edit-Passenger-popup .expand-plus { background: url(/content/Themes/Odysseus/images/tour/edit-coll-minus.png) right 8px no-repeat; padding:10px; cursor:pointer;}


.Edit-Passenger-popup #title_Passportdetail span  { background-image: url(/content/Themes/Odysseus/images/tour/Passport-details.png);
    cursor: pointer;
    background-size: 12%;
    font-size: 18px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 35px;
    margin: 0;
    border-radius: 0;}
	.ui-dialog.ui-widget.edit-pass-popup .seperator {
    display: none;
}
.Edit-Passenger-popup #title_Flyerdetail span { background-image: url(/content/Themes/Odysseus/images/tour/frequent-flyer.png);
    padding: 10px;
    cursor: pointer;
    background-size: 30px;     font-size: 18px;
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding-left: 35px;
    border-radius: 0;     margin: 0;}

.Edit-Passenger-popup #title_Mealdetail span { background-image: url(/content/Themes/Odysseus/images/tour/meal.png);
    padding: 10px;
    cursor: pointer;
    background-size: 25px;     font-size: 18px;
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding-left: 35px;
    border-radius: 0;     margin: 0;}
	
	.Edit-Passenger-popup #content_flyerList table.normal.frequ-table {
    float: left;
    width: 50%;
    border: none !important;
}
.Edit-Passenger-popup #content_flyerList .email-comp {
    float: left;
    width: 25%;
	margin-top: 4px;
}
table.normal.frequ-table tr:first-child {
    display: none;
}
.Edit-Passenger-popup  #content_flyerList {
    padding: 0px 0 10px;
}
.frequ-table tr.sec-marg-right td {
    padding-right: 10px;
	    width: auto;
}
.frequ-table tr.marg-right td {
    padding-bottom: 5px;
}
.meal-preferences .mealpref-input {
    width: 30%;
    float: left;
    border: none;
    margin-right: 10px;
    padding: 0;
}
.pasport-pass-info .wid20.fl-left.dob-lbl {
    margin-top: 10px;
}
.edit-pass-wrapper font.pass-form-title {
    padding-top: 0;
    float: left;
    padding-bottom: 5px;
}
.meal-preferences {
    padding: 0px 0 10px;
}
.Edit-Passenger-popup .meal-preferences .mealcheckbox {
    float: left;
	    border: none;
    width: auto;
    margin-top: 26px;
	height: auto;
    margin-top: 33px;
    padding: 0;
	background:none;
}
.meal-preferences .mealcheckbox span input {
      float: left;
    margin-right: 5px;
    margin-top: 0;
}
.meal-preferences .mealcheckbox span {
    margin-top: 0;
    font-size: 14px;
    color: #222222;
    float: left;
    line-height: 20px;
}
.meal-preferences .mealcheckbox font {
    float: left;
    margin-right: 10px;
	    font-size: 14px;
    width: auto;
}
.meal-preferences .mealcheckbox span input {
    float: left;
    margin-right: 5px;
}    .ui-dialog.ui-widget.edit-pass-popup {
    top: 88px !important;
    padding: 10px;
    border: none;
    border-radius: 0;
    box-shadow: 1px 0px 19px 5px #888888;
}
.edit-pass-popup.ui-dialog.ui-widget .ui-dialog-buttonpane { padding: 0 0 0 0;
    margin: 0;}
	
	.edit-pass-popup #ui-id-1 {
    display: none;
}
.edit-pass-popup.ui-dialog.ui-widget .ui-dialog-titlebar-close {
	margin-top: 0;
    margin-right: 0;
    z-index: 9999;
      top: -29px;
    right: -10px;
}
.edit-pass-popup.ui-dialog.ui-widget .ui-dialog-titlebar-close .ui-icon-closethick {     background: url(../images/edit-pass-close-icon.png) no-repeat center, #767676;
    padding: 18px;
    border-radius: 50%;
    background-size: 38%;}



.Edit-Passenger-popup .pasport-pass-info .wid-common{
    width: 26.6%;
    padding-right: 8px;
}
.pasport-pass-info .wid-common input { width:100%;}
.Edit-Passenger-popup .pasport-pass-info .wid-common-last {
    width: 26.6%; padding:0;
}

.flyerList-select .wid10 {
    width: 35%;
}

.flyerList-select .wid20 {
    width: 35%;
}
.ui-dialog.ui-widget.edit-pass-popup .pass-field-titles {
    padding: 0;
}

.edit-pass-confirmation {
    width: 100%;
    float: left;
    margin-top: 10px;
}
body.page_customer_booking_details #business-tab-content-right .business-tab-content-box {
    width: 100% !important;
}
body.page_customer_booking_details .edit-pass-confirmation {
    width: 100%;
    float: left;
	border-radius: 0;
    font-size: 14px;
    margin-top: 10px;
}
.edit-pass-confirmation .edit-pass-link {
    cursor: pointer;
    font-size: 14px;
}
.res-passport-date table.normal {
    width: 100%;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.pass-update-popup {
	top: 40%!important;
    height: 156px !important;
    overflow-y: hidden;
    overflow: hidden;
    left: 32%!important;
    padding: 10px;
    border: none;
    border-radius: 0;
    width: 550px !important;
    box-shadow: 1px 0px 19px 5px #888888;
}
.item-list-logo-box .item-list-logo { height:166px;}
.item-list-logo-box .item-list-logo img  { width:100%;}
/** Booking-Timer **/
.timer-box { bottom: 20px; display: block; font-size: 14px; height: 130px; margin: 10px 20px 0; padding: 8px; position: fixed; left: 0; text-align: center; z-index: 9; }
.timer-box {bottom: 00px;display: block;font-size: 14px;height: auto;margin: 0px;padding: 5px 10px 0px 10px;position: fixed;left: 0;text-align: center;z-index: 9;background: #f8f4f5;}
.timer-cont {text-align:left;width: 200px;}
.timer-cont .timer-time {font-size: 30px;padding: 0px 5px 0px 0px;width: 50%;float:left;margin-bottom: 5px; line-height:24px;}
.timer-cont .timer-time span {line-height: 30px;}
.timer-cont .timer-text {width: 50%;font-size:10px;float: right;padding: 2px 0 0 0px;text-transform:uppercase;color: #333333; font-weight:bold;}
.timer-cont .timer-extend {font-size:10px;width:100%;float:left;text-align: center;margin-bottom: 5px;background: #333333;width: 100%;}
.timer-cont .timer-extend a {color: #ffffff;display: block;background: #333333;padding: 3px 10px; text-decoration:underline;}

.edit-pass-wrapper.passenger-area { height:287px;}
.Edit-Passenger-popup .pass-field-titles.Customca .msg-notification {     width: 96%;}	/* Air search popup */
.air-search-popup-container {float:left;}
/* Passenger details popup - booking details spc/non-spc */
.Edit-Passenger-popup #content_flyerList .known-traveller-num {margin:0 0 0 10px;}
.cabin-details-icon {display: inline-block; margin-right: 20px;}
.form-input {width: 100%; padding: 5px 10px; border: 1px solid #dad8d8; margin-bottom: 5px;}

/* packageshell popup start */
.packageshell-bPopup-inner {
	width: 100%;
	min-height: 270px;
	overflow: auto;
	padding: 5px;
}

.packageshell-bPopup-bottom a {
	float: right;
}
/* packageshell popup end */

/* Promo Codes */
.promo-code { display: inline-block; width: 30px; min-width: 30px; height: 25px; background-image: url("/content/images/promo-icons/default.png"); }
.promo-SHOREX { background-image: url("/content/images/promo-icons/SHOREX.png"); }
.promo-GRATSI { background-image: url("/content/images/promo-icons/GRATSI.png"); }
.promo-DVCS { background-image: url("/content/images/promo-icons/DVCS.png"); }
.promo-DVHC { background-image: url("/content/images/promo-icons/DVHC.png"); }
.promo-DVHCS { background-image: url("/content/images/promo-icons/DVHCS.png"); }
.promo-NonRefundable { background-image: url("/content/images/promo-icons/NR.png"); }
.promo-DepositNonRefundable { background-image: url("/content/images/promo-icons/NRD.png"); }
.promo-NR { background-image: url("/content/images/promo-icons/NR.png"); }
.promo-NRD { background-image: url("/content/images/promo-icons/NRD.png"); }
.promo-BEV { background-image: url("/content/images/promo-icons/BEV.png"); }
.promo-BEV-2 { background-image: url("/content/images/promo-icons/BEV-2.png"); }
.promo-DINING { background-image: url("/content/images/promo-icons/DINING.png"); }
.promo-DINING-2 { background-image: url("/content/images/promo-icons/DINING-2.png"); }
.promo-GRATUITIES { background-image: url("/content/images/promo-icons/GRATUITIES.png"); }
.promo-OBC { background-image: url("/content/images/promo-icons/OBC.png"); }
.promo-PROMOTIONS { background-image: url("/content/images/promo-icons/PROMOTIONS.png"); }
.promo-WIFI { background-image: url("/content/images/promo-icons/WIFI.png"); }
.promo-WIFI-2 { background-image: url("/content/images/promo-icons/WIFI-2.png"); }
.promo-FREEAIR { background-image: url("/content/images/promo-icons/FREEAIR.png"); }
.promo-DISCOUNT { background-image: url("/content/images/promo-icons/DISCOUNT.png"); }
.promo-ADDGSTDISC { background-image: url("/content/images/promo-icons/ADDGSTDISC.png"); }
.promo-GRATS { background-image: url("/content/images/promo-icons/GRATS.png"); }
.promo-BOGO { background-image: url("/content/images/promo-icons/BOGO.png"); }
.promo-KIDSFREE { background-image: url("/content/images/promo-icons/KIDSFREE.png"); }
.promo-FREEUPG { background-image: url("/content/images/promo-icons/FREEUPG.png"); }
.promo-VALUE { background-image: url("/content/images/promo-icons/VALUE.png"); }
.promo-PLUS { background-image: url("/content/images/promo-icons/PLUS.png"); }
.promo-Interline { background-image: url("/content/images/promo-icons/IL.png"); }
.promo-FriendsAndFamily { background-image: url("/content/images/promo-icons/FF.png"); }
.promo-Net { background-image: url("/content/images/promo-icons/NE.png"); }
.promo-AgentFare { background-image: url("/content/images/promo-icons/AF.png"); }
.promo-IL { background-image: url("/content/images/promo-icons/IL.png"); }
.promo-FF { background-image: url("/content/images/promo-icons/FF.png"); }
.promo-NE { background-image: url("/content/images/promo-icons/NE.png"); }
.promo-AF { background-image: url("/content/images/promo-icons/AF.png"); }
.promo-FireFighter { background-image: url("/content/images/promo-icons/PF.png"); }
.promo-Military { background-image: url("/content/images/promo-icons/ML.png"); }
.promo-PastPassenger { background-image: url("/content/images/promo-icons/PP.png"); }
.promo-Police { background-image: url("/content/images/promo-icons/PL.png"); }
.promo-Residential { background-image: url("/content/images/promo-icons/RE.png"); }
.promo-Senior { background-image: url("/content/images/promo-icons/SR.png"); }
.promo-Union { background-image: url("/content/images/promo-icons/UN.png"); }
.promo-Teacher { background-image: url("/content/images/promo-icons/TE.png"); }
.promo-AARP { background-image: url("/content/images/promo-icons/AA.png"); }
.promo-PF { background-image: url("/content/images/promo-icons/PF.png"); }
.promo-ML { background-image: url("/content/images/promo-icons/ML.png"); }
.promo-PP { background-image: url("/content/images/promo-icons/PP.png"); }
.promo-PL { background-image: url("/content/images/promo-icons/PL.png"); }
.promo-RE { background-image: url("/content/images/promo-icons/RE.png"); }
.promo-SR { background-image: url("/content/images/promo-icons/SR.png"); }
.promo-UN { background-image: url("/content/images/promo-icons/UN.png"); }
.promo-TE { background-image: url("/content/images/promo-icons/TE.png"); }
.promo-AA { background-image: url("/content/images/promo-icons/AA.png"); }