/* $Header: /WebSites/affiliate/includes/desktop/css/be_c.css 17    11/12/20 5:00p Adevoe $  */
/* Booking Engine Common Styles for the Next Gen. Styles shared across all sites $  */

/* :focus {background-color: yellow !important;} */
/* this style is in wth.css - sets gray radio button hover background colro to white
 .ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {background-color:#fff !important}   */
 
.ui-block-a {width:100%;clear:both;}
.wth2-simplePopupHeader {font-size: 16px !important;}
.wth2-form label {font-weight:bold;}
.wth2-form label.wth2-checkboxLabel {font-weight:normal;}
.wth2-form .wth2-selectWrap {margin:.446em 0;}
.wth2-form .wth2-inputWrap {margin:.446em 0;}

/* .wth2-checkboxWrapperInfo .ui-checkbox, .wth2-checkboxWrapperInfo .wth2-styledCheckboxWrap {float:left;width:auto;} */

.wth2-checkboxWrapperInfo .ui-checkbox {margin:0 0 5px 0 !important}
.wth2-checkboxWrapperInfo {position:relative;}
.wth2-infoWrapper {float:left;padding-top:6px;}
.wth2-checkboxWrapperInfo .wth2-styledCheckboxWrap {float:left;width:70%;}
.wth2-checkboxWrapperInfo .wth2-styledCheckboxLabel {width:100%;float:left;}
.wth2-fccCheckBoxContainer.wth2-checkboxWrapperInfo .wth2-styledCheckboxWrap {min-height: 20px;}
.wth2-checkboxWrapperInfo .wth2-styledCheckboxLabel span {display:inline-block;float:none;}
.wth2-checkboxWrapperInfo .wth2-styledCheckboxLabel span.wth2-inlineSpan {padding:0;display:inline;float:none;position:relative;}

.wth2-sailEmailWrapper .wth2-formSectionInner {width:auto;padding:15px;}
.wth2-sailEmailWrapper .wth2-inputMedium {float:left;width:35%;}
.wth2-sailEmailWrapper .wth2-checkboxWrapper.wth2-checkboxWrapperInfo {float:left;width:65%;} 

.wth2-cat_filterDesktop.filterOverride2.floating { 
    top: 0;
    z-index: 1000;
    background: #fff;
    padding: 10px; 
    transform: translateY(0);  
    width: 100%;
    left: 0;
}
.wth2-cat_filterDesktop.filterOverride2 {
  position: relative;
  transition: transform 0.25s ease-out, opacity 0.25s ease-out;
  will-change: transform, opacity;
  transform: translateY(0);
}



@media screen and (max-width: 678px) {
  .wth2-cat_filterDesktop.filterOverride2.floating {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
  }
  .wth2-cat_clearFilters{ margin-right: 20px;}
   .wth2-cat_filterDesktop.filterOverride2.floating{position: fixed;  transform: translateY(0);}  
}

.wth2-form .wth2-selectWrap select {padding:.25em 2em .25em .5em;height:31px;}
.wth2-creditCardForm .wth2-selectWrap select {padding:.25em 2em .25em .5em;height:32px;}
.wth2-form .wth2-guestOptionsSelectBox {margin-right:3em;}
.wth2-form .wth2-guestOptionsSelectBox .wth2-selectWrap {margin-bottom:1em;}
.wth2-form .wth2-guestOptionsSelectBox .wth2-selectWrap select {min-width:90px;}
:not(output):-moz-ui-invalid {box-shadow: none;} /* needed for disabling red border on forms in Firefox on error with pattern in input  */
.ui-focus {border-color:#3399FF !important; box-shadow:0px 0px 3px 1px #3399FF !important; -webkit-box-shadow: 0px 0px 3px 1px #3399FF;-moz-box-shadow: 0px 0px 3px 1px #3399FF;}
.ui-page-theme-a .ui-focus {border-color:#3399FF !important; box-shadow:0px 0px 3px 1px #3399FF !important; -webkit-box-shadow: 0px 0px 3px 1px #3399FF;-moz-box-shadow: 0px 0px 3px 1px #3399FF;}
/*
.ui-focus>input:focus{border-color:#3399FF !important; box-shadow:0px 0px 3px 1px #3399FF !important; -webkit-box-shadow: 0px 0px 3px 1px #3399FF;-moz-box-shadow: 0px 0px 3px 1px #3399FF;}
*/ 
.wthHeaderModules_WTHtravelAdvisory {display: none;}
.wth2-headerH4Group {line-height:1.2;}
.wth3-numberOfGuestTextContainer{margin-bottom:20px; min-height:35px;}
.wth2-numberOfGuestHeaderWrapper {float:left;max-width:370px;}
.wth2-headerH2 {margin:1em 0 0.5em;line-height:1.2;font-weight:bold;font-size:22px !important;}
.wth2-headerH2 h1 {float:left;line-height:1.5;}
.wth2-headerH3 {padding:0 0 .5em !important;line-height:1.2;font-weight:bold;font-size:20px !important;}
.wth2-headerH4 {line-height:1.4;font-weight:bold;font-size:18px !important;}
.wth2-headerH5 {line-height:1.2;font-weight:bold;font-size:16px !important;}

.wth2-headerH2, .wth2-headerH3, .wth2-headerH4, .wth2-headerH5 {color:#333 !important;}
.fa-user, .fa-users, .fa-envelope, .fa-cutlery, .fa-shield, .fa-check, .fa-credit-card {margin-right:10px;}
.wth2-bookingDetailsItem .fa-check {margin-right:0;}
/* Responsive Header */
.wth2-beFooter {} /* CSS padding to be used on BE footers where needed  */
.wth2-beFooter-footerTextLogo {display: flex;}
.wth2-beFooter-footerText{margin-left:20px;}
.wth2-responsiveHeader {float:left;width:100%;padding-top:0 !important;}
.wth2-responsiveLogoBg {padding:8px 10px;}
.wth2-responsiveHeader img {width:130px;}
.wth2-headerBar {overflow:hidden;padding:3px;}
.wth2-headerBar .ui-btn {margin:3px 2px;padding:5px;line-height:18px;font-weight:bold !important;font-size:12.5px;}
.wth2-headerBar .ui-btn .fa-phone {margin-right:5px;}
.wth2-responsivePhoneWrapper {float:right;}


.wth2-beStepNavigation {margin:1em 0;width:100%;float:left;}


.wth2-beStepNavigation .wth2-beStep {position:relative;width:20%;float:left;display:block;background:#fff;color:#666;text-align:center;font-weight:bold;font-size:14px;}
.wth2-beStepNavigation .wth2-beStepOff {border:#ccc 1px solid;} /* might not need this class */
.wth2-beStepNavigation .wth2-beStepOn, .wth2-beStepNavigation .wth2-beStepChecked {border-width:1px;border-style:solid;} 


.wth2-beStepNavigation .wth2-beStep1 {width:18%}
.wth2-beStepNavigation .wth2-beStep2  {width:23%}
.wth2-beStepNavigation .wth2-beStep3  {width:19%}
.wth2-beStepNavigation .wth2-beStep4  {width:19%}
.wth2-beStepNavigation .wth2-beStep5 {width:21%}

.fa-check-circle {font-size:15px !important;}
.wth2-beStepNavigation .wth2-beStep1 .wth2-beStepOn, .wth2-beStepNavigation .wth2-beStep1 .wth2-beStepChecked {
-moz-border-top-left-radius:3px !important;-moz-border-bottom-left-radius:3px !important; /* Firefox */
-ms-border-top-left-radius:3px !important;-ms-border-bottom-left-radius:3px !important; 
-o-border-top-left-radius:3px !important; -o-border-bottom-left-radius:3px !important; 
-webkit-border-top-left-radius:3px !important;-webkit-border-bottom-left-radius:3px !important; /* Safari and Chrome */
border-top-left-radius:3px !important; border-bottom-left-radius:3px !important; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	
}

.wth2-beStepNavigation .wth2-beStep5 .wth2-beStepOff, .wth2-beStepNavigation .wth2-beStep5 .wth2-beStepOn { 
-moz-border-bottom-right-radius:3px !important;-moz-border-top-right-radius:3px !important; /* Firefox */
-ms-border-bottom-right-radius:3px !important;-ms-border-top-right-radius:3px !important; 
-o-border-bottom-right-radius:3px !important; -o-border-top-right-radius:3px !important; 
-webkit-border-bottom-right-radius:3px !important;-webkit-border-top-right-radius:3px !important; /* Safari and Chrome */
border-bottom-right-radius:3px !important; border-top-right-radius:3px !important; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	
}

  /* Required for Down Triangle */
.wth2-beStepNavigation .wth2-beStepTriangleOff:after, .wth2-beStepNavigation .wth2-beStepTriangleOn:after, .wth2-beStepNavigation .wth2-beStepTriangleChecked:after {
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;	
	border-left: 10px solid #fff;
	position: absolute;
	top: 50%;
	margin-left:-1px;
	left: 100%;
	z-index: 2; 
  }

.wth2-beStepNavigation .wth2-beStepTriangleOff:before, .wth2-beStepNavigation .wth2-beStepTriangleOn:before, .wth2-beStepNavigation .wth2-beStepTriangleChecked:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-left: 10px solid #ccc;
	position: absolute;
	top: 50%;
	margin-left: 0px;
	left: 100%;
	z-index: 1; 
}


.wth2-beStepNavigation .wth2-beStepOff, .wth2-beStepNavigation .wth2-beStepOn, .wth2-beStepNavigation .wth2-beStepChecked {
	padding:6px 0 4px;
	line-height:36px;
}
 /* Required for Down Triangle */
.wth2-beStepNavigation .wth2-beStepTriangleOff:after, .wth2-beStepNavigation .wth2-beStepTriangleOn:after, .wth2-beStepNavigation .wth2-beStepTriangleChecked:after {
	border-top: 24px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 24px solid transparent; 
	margin-top: -24px; 
}
.wth2-beStepNavigation .wth2-beStepTriangleOff:before, .wth2-beStepNavigation .wth2-beStepTriangleOn:before, .wth2-beStepNavigation .wth2-beStepTriangleChecked:before { 
	border-top:24px solid transparent;       
	border-bottom:24px solid transparent;
	margin-top: -24px; 
}




/*
.wth2-beStepNavigation .wth2-beStepTriangle {display:inline-block;position:absolute;z-index:1;top:-1px;right:-10px;width: 0;height: 0;border-style: solid;border-width: 22.5px 0 22.5px 10px;border-color: transparent transparent transparent #007bff; }
*/
.wth2-bookingDetailsSectionOuter {width:100%;overflow:hidden;margin:0 0 1em;border:#ccc 1px solid;border-radius:3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.wth2-bookingDetailsSection {position:relative;overflow:hidden;padding:1em 1em 1em 15em;line-height:1.5;text-shadow:0px 1px 0px #fff;min-height:240px;}
.wth2-bookingDetailsSection .wth2-leftPadding {padding-left:1em !important;}
.wth2-bookingDetailsSection .wth2-bonusOffersSection {padding-right:1em !important;}
.wth2-bookingDetailsSection .wth2-rightPadding {padding-right:1em !important;}
.wth2-bookingDetailsSection .ui-block-g {float:left;width:14em;position:absolute;left:1em;top:1em;} /* this becomes responsive  */
.wth2-bookingDetailsSection .ui-block-a {width:100%}
.wth2-bookingDetailsSection .ui-block-d {width:75%;}
.wth2-bookingDetailsSection .ui-block-e {width:25%;}
.wth2-bookingDetailsSection .ui-block-e a {line-height:2;float:right;}
.wth2-bookingDetailsSection .ui-block-b {width:32%}
.wth2-bookingDetailsSection .ui-block-a .ui-block-c {width:68%}
.wth2-bookingDetailsSection .ui-block-b .ui-block-c {width:50%}
.wth2-bookingDetailsSection .ui-block-c .ui-block-c {width:56%}
.wth2-bookingDetailsSection .ui-block-c .ui-block-d {width:44%}
.wth2-bookingDetailsSection .wth2-beCruiseLineLogo {padding-bottom:0.75em;}
.wth2-bookingDetailsSection .wth2-referenceId {padding-top:0.25em;}
.wth2-bookingDetailsSection .wth2-beCruiseLineLogo img {width:100%;image-rendering: optimizequality;}
.wth2-bookingDetailsSection .wth2-bookingDetailsItem {line-height:1.3;padding:0 0 5px 0;} 
.wth2-bookingDetailsSection .wth2-bookingDetailsWrapper {padding-bottom:1px;}
.wth2-highlightsContainer .text {padding:0 0 5px 0 !important;}

.wth2-popupLightboxXLargeCont .wth2-scTabContentTextLeft, .wth2-popupLightboxXLargeCont .wth2-scTabContentTextRight {padding-bottom:0;}
.wth2-popupLightboxXLargeCont {height:100%}

.wth2-inlineCheckbox {padding-top:1em;} /* this becomes responsive */
.wth2-inlineCheckbox .ui-checkbox {margin-left:0;}
.wth2-paxListForm .wth2-inlineCheckbox, .wth2-formSectionInner .wth2-inlineCheckbox{min-width: 650px;}
.wth2-paxListForm .wth2-inlineCheckbox .wth2-checkboxWrapperInfo {width:100%}
.wth2-paxListForm .wth2-inlineCheckbox .wth2-checkboxWrapperInfo .wth2-styledCheckboxWrap {width:auto;}
.wth2-grayTopBorder {border-top:#ddd 1px solid;margin:.5em 0 0;}
.wth2-grayTopBorder .wth2-grayRightDottedBorder, .wth2-grayTopBorder .wth2-pricingSummary, .wth2-bookingDetailsWrapper .ui-block-c, .wth2-bookingDetailsWrapper .ui-block-d {padding-top:.75em}
.wth2-grayTopDottedBorder {border-top:#ddd 1px dotted;margin:.5em 0 0;padding:.75em 0 0;}


.wth2-grayBottomBorder {border-bottom:#ddd 1px solid;margin:0 0 20px;padding:0 0 25px;}

.wth2-pricingSummary {padding:0 0 .5em;overflow:hidden;}
.wth2-pricingSummary .wth2-totalBorder {border-top:#ddd 1px solid;border-bottom:#ddd 1px solid;margin:0.25em 0 .75em;padding:0.5em 0;}
.wth2-pricingSummary .wth2-pricingTotal, .wth2-pricingDetailsContent .wth2-pricingTotal {font-size:16px;font-weight:bold;}


.wth2-pricingSummary .wth2-pricingInfo {padding:0 0 0.25em;}  /* becomes left aligned on mobile */
.wth2-pricingSummary .wth2-bucketRateType {text-align:right;color:#287528;}  /* brands can overwrite this default color */
.wth2-pricingSummary .wth2-pricingInfo a {float:right;}

.wth2-bookingDetailsSection .wth2-pricingSummaryWrapper {background:#fafafa;border-left:#ddd 1px dotted;border-bottom:#ddd 1px solid} /* Turn off min-height for responsive */

.wth2-bookingDetailsSection .wth2-lightGrayBg .ui-block-c .ui-block-c {padding:0;}

.wth2-bookingDetailsSection .wth2-lightGrayBg .ui-block-b .wth2-grayBottomBorder {margin:0 0 .5em;padding:0 0 .5em;}


/* Book Now Pay Later Banner and Popup */
.wth2-bookNowBanner, .wth2-bookNowBanner:hover, .wth2-bookNowBanner:active, .wth2-bookNowBanner:focus {display:block;background:#05265e url("/images_unique/desktop/PayLaterBarImage.png") right top no-repeat !important;text-decoration:none !important;}

.wth2-bookNowBannerPadding {display:block;font-weight:bold;font-size:21px;display:block;line-height:28px;min-height:32px;}
.wth2-bookNowWrapper {background:  #333;background: var(--bg-header-primary, #333);color: #fff;color: var(--txt-header-primary, #fff);}
span.wth2-bookNowBannerLink{font-size: 18px; float: right;}
    span.wth2-bookNowBannerLink a,
span.wth2-bookNowBannerLink a:active,
span.wth2-bookNowBannerLink a:hover,
span.wth2-bookNowBannerLink a:visited {color: #fff;color: var(--txt-header-primary, #fff);}
a#bookNowBanner{ margin-left: 25px;font-size: small;}
/* CSS */
.wth2-bookNowBannerPadding {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: inherit !important;
    padding: 5px 10px 5px 10px !important;
}

.wth2-bookNowBannerText {
    width: 80%;
    box-sizing: border-box;
}

.wth2-bookNowBannerLink {
    width: 20%;
    text-align: right;
}

 
@media (max-width: 768px) {
    .wth2-bookNowWrapper {
        flex-direction: column; 
    }
       .wth2-bookNowBannerText{
       width: 70%;
       } 

   
    .wth2-bookNowBannerLink {
        width: 30%;
    }

   
}  

 label#cat_leadPrice_balcony {
}
.wth2-cat_defaultFilter ui-state-disabled {
    display: flex;
}
label#cat_leadPrice_balcony ui-state-disabled {
    display: inline-grid !important;
}

  
.wth2-bookNowBannerPadding{padding: 6px 13px 7px;}
.wth2-bookNowPopupLeft {float:left;width:65%}
.wth2-bookNowPopupRight {float:left;width:35%;}
.wth2-bookNowPopupRight img {max-width:260px;margin-left:20px;}
.wth2-bookNowCatPopupLeft{float:left;width:50%;}
.wth2-bookNowCatPopupRight{float:left;width:45%;}
.payLaterPopupImg{margin-left:20px;}

/* Room Type Info Popup */
.wth2-roomTypeInfo {line-height:1.4;font-size:14px;vertical-align:text-top;}
.wth2-roomTypeInfo .ui-block-b {width:70%;float:left;}
.wth2-roomTypeInfo .ui-block-c {width:30%;float:right;}
.wth2-roomTypeInfo ul {float:left;margin-left:20px;margin-top:10px;}
.wth2-roomTypeInfo li {list-style:disc;padding:0 0 10px 0;line-height:18px;}
.wth2-roomTypeInfo .wth2-roomTypeShortInfo, .wth2-roomTypeInfo .wth2-roomTypeShortDescription {width:100%;float:left;}
.wth2-roomTypeInfo .wth2-roomTypeShortInfo .wth2-roomTypeShort {float:left;}
.wth2-roomTypeInfo .wth2-roomTypeShortInfo .wth2-roomTypeLegend {width:auto;display:inline-block;line-height:20px !important;height:20px !important;padding-right:25px;background-position:right center;background-repeat:no-repeat;background-size:20px 15px;}
.wth2-roomTypeInfo .wth2-roomTypeShortInfo .wth2-categoryCode {width:auto;}
.wth2-roomTypeInfo .wth2-roomTypeDescription br {line-height:1.75em;}
.wth2-roomTypeInfo img.wth2-floorPlanImg, .wth2-roomTypeInfo img.wth2-cabinImg {width:100%;height:auto}
.wth2-roomTypeInfo .wth2-disclaimerText {text-align:left;padding-bottom:.5em;}
/* Pricing Details Popup */
.wth2-pricingDetailsContent {overflow:hidden;border:#ccc 1px solid;padding:0;line-height:1.5;text-shadow:0px 1px 0px #fff;border-radius:3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px;}
.wth2-pricingDetailsContentInner {overflow:hidden;padding:.5em 1em;}
.wth2-pricingDetailsContent h3 {padding:0;}
.wth2-pricingDetailsContent .ui-block-a {line-height:1.7;}
.wth2-pricingDetailsContent .wth2-grayTopDottedBorder {margin:.75em 0 0;padding:.5em 0 0;}
.wth2-pricingDetailsContent .ui-block-b {padding:3px 0;line-height:1.3;font-weight:bold;}
.wth2-pricingDetailsContent .ui-block-c {float:right;padding:3px 0;line-height:1.3;text-align:right;}
.wth2-pricingDetailsContent .wth2-pricingDetailsTotal {background:#fafafa;border-top:#ddd solid 1px;padding:.5em 1em;}

.wth2-brochureName {line-height:1.2;font-size:20px}
.wth2-itinDetailsLabel {font-weight:bold;}
.wth2-placeholderLabel {font-weight:bold;color:#666;} /* non brandable */ 
.wth2-termsAndConditions {float:left;padding:25px 0 25px;line-height:1.3;font-size:13px;color:#333;} /* color and font-size brandable */
.wth2-termsAndConditionsHeader {font-weight:bold;padding-bottom:15px;font-size:16px;color:#333;} /* color and font-size brandable */
.wth2-termsAndConditionsSubHeader{font-size:14px;margin:0.5em 0;font-weight:bold;color:#333;}  /* color brandable */
.wth2-disclaimerText {text-align:center;color:#666;font-size:13px;}
.wth2-paxinfoForm {}



/*, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited */
.wth2-radioBtn {}
.wth2-radioBtn div.ui-radio.ui-mini {margin-bottom:1px;}

/*
.wth2-checkboxWrapperInfo .wth2-checkboxLabel, .wth2-inlineCheckbox .ui-btn {background-color:#fdfdfd !important}
*/
.wth2-checkboxWrapper .ui-checkbox .ui-btn-icon-left::after, .wth2-checkboxWrapperInfo .ui-checkbox .ui-btn-icon-left::after, .wth2-checkboxWrapper .ui-checkbox input, .wth2-checkboxWrapperInfo .ui-checkbox input {left:0;}

.wth2-checkboxWrapper .ui-btn-icon-left, .wth2-checkboxWrapperInfo .ui-btn-icon-left {padding-left:2em;}

.wth2-checkboxWrapper .ui-btn.ui-checkbox-off:after, .wth2-checkboxWrapperInfo .ui-btn.ui-checkbox-off:after {background-color: #fff;}
.wth2-checkboxWrapper .ui-btn.ui-checkbox-off:after, .wth2-checkboxWrapperInfo .ui-btn.ui-checkbox-off:after { border: 1px solid #999; opacity:1;} 
.wth2-checkboxWrapper .ui-btn.ui-checkbox-on:after, .wth2-checkboxWrapperInfo .ui-btn.ui-checkbox-on:after { border: 1px solid #979797;} 
.wth2-checkboxWrapper .ui-checkbox label, .wth2-checkboxWrapperInfo .ui-checkbox label {border:none !important;font-weight:normal;}
.wth2-checkboxWrapperOrbitz {padding-top:1em}
.wth2-checkboxWrapperOrbitz .ui-block-a {clear: both !important;}
.wth2-checkboxWrapperOrbitz .wth2-inlineCheckbox {padding-top:.5em}
.wth2-infoRoomWrapper {padding:0 0 0 2.5em}
.wth2-infoAgeWrapper {padding:.25em 0 .25em 1em}
.wth2-infoGuestWrapper {padding:0 0 .25em 1em}
.wth2-infoIntlWrapper {padding:1em 0 0 1em}
.wth3-infoPopLinkClusterFirstItem{border-bottom:.5em;margin-bottom:8px;}
.wth3-infoPopLinkCluster{display:block;clear:both;}
.wth2-infoIcon {display:block;float:left;margin:0 0 .125em .5em;}
.wth2-iconOverride{float:none;display:inline-block;margin-left:20px;}
.wth2-minMilesPopupLink .wth2-infoIcon .fa {line-height:1.0;}
.wth2-minMilesPopupLink .wth2-infoIcon {margin-left:1.5em}
.wth2-pricingInfo .wth2-infoIcon {margin-left:0;}
.wth2-infoIcon .fa, .wth2-pricingInfo .fa {font-size:16px;line-height:1.4;}
.wth2-phoneField input {float:left;width:50px;}

.wth2-clear {clear:both;}
.wth2-normal {font-weight:normal;}

.wth2-iframePopupContent table {width:100% !important;}
/* needed for Booking Engine form pages */

/* Sail.do */
.wth2-sail_numberOfGuestSubheader{font-size:14px; font-weight:normal;}
.wth2-sail_membershipHead{margin:10px 0;width:100%;position:relative;float:left;}
.wth2-sail_membershipEntryInput .ui-input-text{width:225px!important;}
.wth2-infoWrapperCL{float:left;margin-bottom:10px;margin-left:15px;}
.wth2-sail_cruiseline_membership_headTextOnly{float:left;line-height:1.7;margin-bottom:10px;}
.wth2-sail_membershipEntryInput{clear:both;}
.wth2-formSection {background:#fdfdfd;float:left;width:99.8%;}
.wth2-getCodeSection {border-radius:3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#fdfdfd;border:#ccc 1px solid;overflow:hidden;margin:0 0 32px;width:99.8%;}
.wth2-beBucketSection, .wth2-cabinPage {border-radius:3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#fff;border:#ccc 1px solid;float:left;margin:0 0 2em;width:99.8%;}
.wth2-formSectionInner {padding:20px 20px 0 25px;overflow:hidden;}
.wth2-formSectionInner .ui-disabled, .wth2-formSectionInner .ui-state-disabled, .wth2-formSectionInner button[disabled], .wth2-formSectionInner .ui-select .ui-btn.ui-state-disabled {color:#999 !important;opacity: 1 !important;}
.wth2-getCodeSection .wth2-formSectionInner {float:none;overflow:hidden;}
.wth2-beBucketSectionInner {overflow:hidden;padding:20px 20px 0;}
.wth2-beBucketPriceSection {overflow:hidden;padding:.75em 0;text-align:center;}
.wth2-callPage .wth2-bonusOffersSection {padding-right:0 !important;}
.wth2-callPage .wth2-beBucketContent {border:#ccc 1px solid;margin-bottom:32px;}
.wth2-cabinPageInner {overflow:hidden;padding:20px 20px 30px;}
.wth2-cabinPageInner {overflow:hidden;padding:20px 20px 30px;}
.wth2-beBonusOffer {position:relative;padding-left:12px;}
.wth2-beBonusOfferLi {margin-left:20px;}
.wth2-bonusOfferList {clear:both;}
.wth2-confBonusOffers {float:left;}
.wth2-confirmationSection .wth2-beBonusOffer.wth2-beBonusOfferLi  {padding:2px 0 3px;line-height:17px}
.wth2-beBonusOffer .wth2-bullet {position:absolute;left:2px;top:2px;}
.wth2-form {line-height:1.2;}

.wth2-checkboxWrapperInfo {}
.wth2-checkboxWrapperInfo .wth2-checkboxWrapperOffers {padding:10px;border:#fff 1px solid;margin-top:0;}
.wth2-checkboxWrapperInfo .wth2-checkboxWrapInfo {border:#ccc 1px solid;padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:0 5px 10px;}


.wth2-form .ui-select .ui-btn > span:not(.ui-li-count) {font-size:14px;text-align:left;}
.wth2-form .ui-select .ui-btn {padding: 0.5em;}


h3 {padding:1em 0 0;font-size:18px !important;margin-top:0px!important;}
.wth2-paxinfoForm {border:#ddd 1px solid;padding:0 1.5em 1.5em;margin-bottom:2.5em;float:left;width:auto !important;}

.wth2-formHint {color:#666;font-size:14px;} /* color is NOT brandable, but font-size is */
.wth2-formHint .fa {margin-right:5px;font-size:20px;}

.wth2-checkboxInline label {display:inline-block !important}

.wth2-formFieldInfoText {font-size:11px;}
.wth2-inputSmall .wth2-inputText {width:93px;margin-right:25px}
.wth2-inputMedium .wth2-inputText  {width:165px;margin-right:25px}
.wth2-inputLarge .wth2-inputText  {width:210px;margin-right:15px}
.wth2-inputLarge2 .wth2-inputText  {width:183px;margin-right:25px;}
.wth2-inputExtraLarge .wth2-inputText  {width:280px;margin-right:15px;}
.wth2-creditCardCVVWrapper .wth2-inputText {width:70px; margin-right:0px;}
.wth2-cvvWrapper{width:70px;margin-right:0px;}
.wth2-largeFormGroup {width:270px;margin-right:25px}
.wth2-selectWrapper {margin-right:15px;}
#adult-button, #childAge1-button, #childAge2-button, #childAge3-button{margin-right:15px;}
.wth2-selectMedium {width:152px;}
.wth2-selectLarge {width:230px;}
.wth2-cccvvInfo{display:inline-block;margin:0;float:none;}
.wth2-labelCVV{margin-top:-5px!important;display:block;}
.wth2-formSectionInner .ui-select {float:left;margin-top:0;}
.wth2-cvvPopUpContainer{float:left; width:50%;}
.wth2-cvvPopUpHeaderDescriptor{width:1px; height:1px; overflow:hidden;}
/*.wth2-formSectionInner input:focus, .wth2-formSectionInner select:focus {-webkit-box-shadow: 0px 0px 5px 2px #3399FF;
-moz-box-shadow: 0px 0px 5px 2px #3399FF;
box-shadow: 0px 0px 5px 2px #3399FF;} */

.wth2-inputPhone1 .wth2-inputText {width:62px;margin-right:5px;}
.wth2-inputPhone2 .wth2-inputText {width:89px;}

/* Used on page 1  */
.inline_warning {display: none;font-weight: normal;color: #b73835;font-size: 14px;}
.wth2-beInlineErrorText {padding:0 0 10px;font-weight: normal;color: #b73835;font-size: 14px;}
/* Used on page 4  */
.textredsm {font-weight: normal;color: #b73835;font-size: 14px;}

.wth2-continueBtn {overflow:hidden;padding:0 5px 20px 0;}
.wth2-continueBtn .wth2-ui-btn {float:right;margin-right:0;}
.wth2-formSectionInner .wth2-radioBtn .ui-radio {width:100px;}
.wth2-formSectionInner .wth2-radioBtnVertical .ui-radio {width:100%;margin:0 0 0.5em;}
.wth2-formSectionInner .wth2-grayTopBorder {margin-top:0.5em;padding-top:0.75em;}

/* Category.do (Step 2) */
#category_page_id .wth2-spinAnimation {width:100px;height:100px;}
.wth2-category_exclusiveIconContainer{margin-bottom:10px;}
.wth2-beBucket {margin:1px 0 0;}
.wth2-beBucketHeader {padding:10px 15px;text-decoration:none !important;font-weight:bold !important;display:block;position:relative;cursor:default !important;font-size:20px;background:#0c84c1;color:#fff !important;}  /* color and fontsize are brandable */
.wth2-beBucketHeader:hover {text-decoration:none !important;background:#0c84c1 !important;color:#fff !important; }  /* colors need to be same as wth2-beBucketHaeder */
.wth2-beBucketHeader .fa {position:absolute;right:10px;top:10px;font-size:21px;display:none;} /* Not brandable */
.wth2-beBucketContent {background: #fafafa;border-left:#ccc 1px solid;border-right:#ccc 1px solid;border-bottom:#ccc 1px solid;}
.wth2-beBucketContentLast {margin-bottom:20px;}
.wth2-beBucketInner {overflow:hidden;padding:15px;background:#fff;border-right:#ddd 1px dotted;line-height:1.2;}
.wth2-beBucketContent .wth2-roomTypeImage {margin-right:20px;} 
.wth2-beBucketContent p {padding-bottom:5px;line-height:1.3;}
.wth2-beBucketContent .wth2-deckInfo {padding:5px 0; }
.wth2-beBucketContent .wth2-deckInfo .wth2-deckLabel {font-weight:bold;}
.wth2-beBucketContent .wth2-roomType {font-weight:bold;font-size:18px;}   /* Fontsize brandable */
.wth2-beBucketContent .wth2-roomUpgrade, .wth2-roomTypeWrapper .wth2-roomUpgrade  {font-size:14px;} /* Fontsize brandable */
.wth2-beBucketContent .wth2-roomUpgrade .wth2-roomUpgradeCallout, .wth2-roomTypeWrapper .wth2-roomUpgrade .wth2-roomUpgradeCallout {font-weight:bold;font-size:14px;} 
.wth2-beBucketContent .wth2-bucketPrice {font-weight:bold;font-size:24px;color:#333;}  /* Fontsize and colors are brandable */
.wth2-beBucketContent .ui-block-b {width:75%;}
.wth2-beBucketContent .ui-block-c {width:auto;}
.wth2-beBucketContent .ui-block-d {width:70%;}
.wth2-beBucketContent .ui-block-e {width:25%;text-align:center;padding:10px 0 0 0;}
.wth2-beBucketContent .wth2-selectBtn .wth2-ui-btn {padding: 0.25em 1.5em;margin-left:.625em !important;margin-right:.625em !important;line-height:1.5;}
.wth2-vistrackerContainer {float:left;overflow:hidden;height:0;}

/* HGVC Member Call Redeem  */
.wth2-pointsCalculatorInner {min-width:47%;}
.wth2-pointsCalculatorInner .wth2-inputMedium .wth2-inputText {margin-right:0;}
.wth2-pointsCalculatorBalance {width:100%;float:left;}

/* Cabin.do (Step 3) */
.wth2-cabinPage .ui-block-b {width:60%}
.wth2-cabinPage .ui-block-c {width:28%}
.wth2-cabinPage .ui-block-d {width:32%}
.wth2-cabinPage .ui-block-e {width:40%}
.wth2-availableCabinMobileText {display:none;}
.wth2-guaranteedRoom {margin: 0 15px 15px 0;}
/* .wth2-oneGuaranteedRoom {margin: 0 15px 15px 0;} */
.wth2-cabinListHeader {padding:10px 0;font-weight:bold;}
.wth2-cabinListHeader, .wth2-cabinList {width:100%}
.wth2-cabinListHeader .wth2-deckLabel {padding:0 0 0 15px;}

.wth2-viewMoreLessWrapper {position:relative;overflow:hidden;}
.wth2-viewMore {position:absolute;bottom:0;left:0;width:100%;height:40px;background:url("/images_unique/desktop/whiteFade_1x40.png") left bottom repeat-x;}
.wth2-viewLess {position:absolute;bottom:0;left:0;width:100%;height:0;background: none;}
.wth2-grayBtnExpanded {box-shadow:none;background: #d4d4d4 !important;}

.wth2-roomTypeContentCollapsed {float:left;height:126px;overflow:hidden;/* Set our transitions up. */
-webkit-transition: max-height 0.5s ease-in-out;
            -moz-transition: max-height 0.5s ease-in-out;
            -o-transition: max-height 0.5s ease-in-out;
            transition: max-height 0.5s ease-in-out;
			}
.wth2-roomTypeContentExpanded {float:left;height:100%;overflow:hidden;/* Set our transitions up. */
-webkit-transition: max-height 0.5s ease-in-out;
            -moz-transition: max-height 0.5s ease-in-out;
            -o-transition: max-height 0.5s ease-in-out;
            transition: max-height 0.5s ease-in-out;}
.wth2-cabinList .ui-block-b, .wth2-cabinListHeader .ui-block-b {width:100%}

.wth2-cabinPage .wth2-grayTopBorder {margin:0;}
.wth2-roomInfoSection .wth2-roomTypeInfo .ui-block-b {width:50%;}
.wth2-roomInfoSection .wth2-roomTypeInfo .ui-block-c {width:50%;}
.wth2-roomInfoSection img.wth2-cabinImg {width:100%;}
.wth2-cabinPage .wth2-grayLeftDottedBorder {min-height:auto;line-height:30px;}
.wth2-cabinPage .wth2-deckplansSymbols {margin:0 15px 0 0;overflow:hidden;}
.wth2-cabinListHeader .ui-block-c {float:left;width:45%}
.wth2-cabinListHeader .ui-block-d {float:left;width:55%}
.wth2-cabinList .ui-block-c {float:right;width:55%}
.wth2-deckLinkInfo {padding:7px 15px;line-height:1.2;color:#666;font-weight:normal;}

.wth2-cabinList .wth2-deckLink {float:left;padding:7px 15px;line-height:30px;}
.wth2-cabinList .wth2-roomNumber {float:left;padding:7px 10px;}
.wth2-cabinList .wth2-selectBtn {float:right;text-align:right;}
.wth2-deckplansShipCont {padding:15px 0;text-align:center;}
.wth2-deckplansShipCont img {width:auto;height:auto;image-rendering: optimizequality;}


.wth2-deckplansSymbols .wth2-keyToSymbols {margin:0;padding:5px 15px;line-height:24px;border-style:solid;border-width:1px;border-color:#ddd;border-bottom:none;}
.wth2-deckplansSymbolsCont {float:left;padding:10px 10px 0;border-style:solid;border-width:1px;border-color:#ddd;}
.wth2-deckplansSymbolsCont .ui-block-a {padding:0;width:100%;}
.wth2-deckplansSymbolsCont .ui-block-b {width:15%;padding:2px 0 5px;line-height:1.3;}
.wth2-deckplansSymbolsCont .ui-block-c {width:85%;padding:2px 0 5px;line-height:1.3;}
.wth2-deckPlanWrapper {margin:0 15px 0 0; text-align:center;position:relative;}
.wth2-deckPlanWrapper .wth2-headerH4 {padding:6px 0;line-height:24px;width:100%;float:left;text-align:center;margin-bottom:2px;}
.wth2-deckPlanWrapper .wth2-deckPickImageWrapper {position:relative;z-index:1;margin:0 auto;width:250px;overflow:hidden;}
.wth2-relativeCont {float:left;width:69%;background:#fff;border:#ccc 1px solid;}
.wth2-absoluteCont {float:right;width:30%;background:#fafafa;border:#ccc 1px solid;}
.wth2-informationMessage .wth2-greenIndicatorImg {}
.wth2-roomTypeWrapper {margin-bottom:15px;border:#ccc 1px solid;}
.wth2-roomTypeWrapper .wth2-grayBtn {margin:0 1em 1em;}
.wth2-roomTypeWrapper .wth2-roomInfoSection {padding:5px 15px;margin:4px;float:left;}
.wth2-roomTypeWrapper .wth2-roomInfoSection:focus {outline-width:2px;outline-style:dotted;outline-offset:2px;}
.wth2-roomTypeWrapper .wth2-roomInfoSection .wth2-headerH4 {line-height:24px;padding:0 0 5px;}
.wth2-roomTypeWrapper .wth2-roomUpgrade {padding:0 0 5px;}
.wth2-grayLeftDottedBorder {border-left:#ddd 1px dotted;min-height:40px;padding:0 10px;line-height:40px;}
.wth2-cabinPage .wth2-selectBtn .wth2-ui-btn {margin:5px 0;padding: 0.25em 1em;} /* might not need this depending on new mock  */
.wth2-roomNumberLabel {padding:0 0 0 10px;}
/* new key to symbols button */
.wth2-keyToSymbolsBtn {display:none;}
.wth2-deckplanWrapper {position:relative;}
.wth2-keyToSymbolsMobileWrapper {z-index:100;background:#fff;position:fixed;bottom:0;left:0;overflow:auto;padding:10px 0 0;
-webkit-box-shadow: 0px -3px 10px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px -3px 10px 0px rgba(0,0,0,0.50);
box-shadow: 0px -3px 10px 0px rgba(0,0,0,0.50);}
.wth2-keyToSymbolsMobileWrapper .wth2-simplePopupContent {overflow:auto;padding:0 5px;}
.wth2-keyToSymbolsMobileWrapper .wth2-simplePopupHeader {border-bottom:1px solid #ccc;padding:0 0 7px 10px;}
.wth2-keyToSymbolsMobileWrapper .wth2-simplePopupContent .ui-block-b {width:15%;}
.wth2-keyToSymbolsMobileWrapper .wth2-simplePopupContent .ui-block-c {width:85%;}
.wth2-keyToSymbolsMobileWrapper .closeBtn {right:15px;top:-5px;} 

.ui-content .ui-listview, .ui-panel-inner > .ui-listview {margin: -1em 0 0;}
.wth2-keyToSymbolsPanel {
background:#fff;
-webkit-box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.5);}
.wth2-keyToSymbolsPanel .wth2-headerH4 {font-weight:bold !important;border-color: #ccc !important;}
.wth2-keyToSymbolsPanel .wth2-deckplansSymbolsCont {border:none;float: left;padding: 10px;} /* max-height: 400px;overflow: auto; */
.wth2-keyToSymbolsPanel .ui-panel-inner {padding: 0;} /* overflow: hidden; */


/* Pax Info */
.wth2-paxInfoRow {padding-bottom:12px;}
.wth2-genderRadio {margin-top:0 !important;}

.wth2-genderRadio .ui-controlgroup-label {margin-bottom:0;}
.wth2-genderRadio label, .wth2-verticalRadio label, .wth2-radioBtn label {font-size:14px !important;margin-right:10px;padding-top:5px;display:inline-block;}
.wth2-radioBtnVertical label {display:block;text-align:left;}

.wth2-genderRadio label > input[type="radio"], .wth2-diningRadio label > input[type="radio"] {margin-right:10px;}
.ui-page-theme-a .wth2-genderRadio .ui-btn, .ui-page-theme-a .wth2-verticalRadio .ui-btn, .ui-page-theme-a .wth2-radioBtnVertical .ui-btn, .ui-page-theme-a .wth2-genderRadio .ui-btn:hover, .ui-page-theme-a .wth2-verticalRadio .ui-btn:hover, .ui-page-theme-a .wth2-radioBtnVertical .ui-btn:hover {background-color:#fdfdfd  !important;}
.ui-page-theme-a .wth2-paymentRadio .ui-radio-off {border:#fdfdfd 1px solid !important;}
.ui-page-theme-a .wth2-paymentRadio .ui-radio-on, .ui-page-theme-a .wth2-paymentRadio .ui-btn:hover, .ui-page-theme-a .wth2-fullDepositPayment .ui-btn:hover, .ui-page-theme-a .wth2-fullDepositPayment .ui-btn.ui-radio-on, .ui-page-theme-a .wth2-fullDepositPayment .ui-btn.ui-radio-on {border:#a7d49b 1px solid !important;background:#e9f4e1 !important;border-radius:3px !important;border-radius:3px !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important;}
.wth2-fullDepositRadio .ui-controlgroup-controls, .wth2-fullDepositPayment .ui-controlgroup-controls{display:block;}
.wth2-fullDepositPayment  .ui-checkbox {width:100%;}
.ui-page-theme-a .wth2-fullDepositRadio .full_deposit {text-shadow:none !important}
.ui-page-theme-a .wth2-fullDepositRadio .full_deposit:hover { cursor:text !important }

/* uplift radio styles */
.wth2-paymentRadioSection.wth2-radioBtnVertical .ui-radio {position:relative;overflow:hidden;}
.wth2-paymentRadioSection.wth2-radioBtnVertical .ui-radio label {padding-left:30px;white-space:normal;line-height:1.4;padding-top:.7em;border-color:#fff;}
.wth2-paymentRadioSection.wth2-radioBtnVertical .ui-radio #insuranceYesLabel {display: flex; align-items: center;flex-wrap: wrap;justify-content: space-between;}
.wth2-paymentRadioSection.wth2-radioBtnVertical .ui-radio input {position:absolute;left:2px;top:33%;}
.wth2-insuranceRadioGroup.wth2-paymentRadioSection .ui-radio input {position:absolute;left:4px;top:36%;}
.wth2-paymentRadio.uplift-payment-options div.wth2-normal{display:inline-block}
.wth2-paymentRadioSection.wth2-radioBtnVertical #payment-method-pt-radio, #up-payment-method-pm-radio {width:auto !important; opacity:1 !important;}
.wth2-paymentRadioSection.wth2-radioBtnVertical .wth2-radioBtn label {margin-right:0;}
#uplift-pay-monthly-option {padding:0 !important;margin:0 !important;}
#up-pm-pay-montlhly-container {position:relative;}

/*border-color:#a7d49b;background:#e9f4e1;
.wth2-genderRadio .wth2-maleGenderLabel {width:100px !important;} 
.wth2-genderRadio .wth2-femaleGenderLabel {width:120px !important;}   */

/*.wth2-formSectionInner .wth2-radioBtnVertical .ui-radio {width:100%;margin: 0px;} Duplicate of line 300 - Need margin for focus outline*/
.ui-page-theme-a  .ui-btn:hover  {background-color:none !important}
.wth2-radioBtn label.ui-btn:active  {background-color:none !important}
.wth2-seatingTimeGuarantee {padding:5px 0;}

/*.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head+body .ui-btn.ui-btn-a:hover {background-color:none !important;} */

/* Credit Card */
.wth2-selectWrapper legend {margin:0;}
.wth2-creditCardExpWrapper .wth2-creditCardExpMonth {float:left;margin-right:-2px;}
.wth2-creditCardExpWrapper .wth2-creditCardExpMonth select {border-top-right-radius:0;border-bottom-right-radius:0;}
.wth2-creditCardExpWrapper .wth2-creditCardExpYear {float:left;}
.wth2-creditCardExpWrapper .wth2-creditCardExpYear select {border-top-left-radius:0;border-bottom-left-radius:0;}
.wth2-formSection p {line-height:1.4;}
wth2-creditCardForm p {line-height:1.3;}
.wth2-insurance .wth2-headerH4 {padding-bottom:5px;}
.wth2-insuranceInfo {text-shadow:0 1px 0 #ffffff !important;position:relative;padding:15px;margin:15px 0 15px;line-height:1.4;border-style:solid;border-width:1px;border-color:#9cc9d7;background:#eef8fd;font-size:16px;}
.wth2-insuranceInfo .ui-block-b .wth2-insuranceLine {position:relative;padding:3px 35px 10px 25px;}
.wth2-insuranceInfo .ui-block-c .wth2-insuranceLine {position:relative;padding:3px 20px 10px 25px;}

.wth2-insuranceInfo .wth2-insuranceLine .fa-check {position:absolute;left:0;top:5px;font-size:16px !important;}
.wth2-insuranceInfo .ui-block-b, .wth2-insuranceInfo .ui-block-c {width:50%;float:left;}
.wth2-insuranceChosen {line-height:22px;}
.wth2-insuranceChosen .wth2-headerH4 {padding-bottom:0;}
.wth2-insuranceChosen .ui-block-b {float:left;}
.wth2-insuranceChosen .ui-block-c {width:60%;float:left;}

.wth2-insuranceChosen .ui-block-c {text-align:right} 
.wth2-insuranceRadioGroup {border-bottom: 1px solid #ddd;margin: 0 0 20px;padding: 0 0 15px;}
.wth2-insurance .wth2-errorMessage, .wth2-insurance .textredsm{display: none;}
.wth2-insurance .wth2-insLabelTextYesAndNo{font-weight: normal;}
.wth2-insurance .wth2-insuranceInfoHeader{margin-top: 10px;}
.wth2-insurance .wth2-insuranceRadioGroup .insurance_yes {position: relative;border:1px solid #ccc !important;-moz-border-radius:5px;border-radius:5px;display:block;padding:5px 10px 5px 30px !important;}
.wth2-insurance .wth2-insuranceRadioGroup .wth2-radioBtn label.wth2-insNoLabelText {padding:15px 10px 15px 30px;}
.wth2-insurance .wth2-insuranceRadioGroup .wth2-radioBtn label.insurance_yes > input[type="radio"] + *, .wth2-insurance .wth2-insuranceRadioGroup .wth2-radioBtn label.wth2-insNoLabelText > input[type="radio"] + * {left:10px;top:15px;}
.wth2-insurance .wth2-insuranceRadioGroup .wth2-insYesLabelText{font-size: 18px;padding: 10px 0;vertical-align: middle;line-height: 1.5;display: inline-block;width: 80%;font-weight:bold;}
.wth2-insurance .wth2-insuranceInfo {margin:15px 0px 15px 38px;background:none;border:none;padding:0px;}
.wth2-insurance .wth2-insuranceRadioGroup .wth2-insNoLabelText.ui-radio-off{font-size: 18px !important;color:#666 !important;padding:15px 38px;}
.wth2-insurance .wth2-insuranceRadioGroup .wth2-insNoLabelText.ui-radio-on {font-size: 18px !important;color:#333 !important;padding:15px 38px;}
.wth2-insurance .wth2-insuranceRadioGroup .wth2-insPricePerPerson {position:absolute;right:0;top:50%;transform: translate(-50%, -50%);line-height:1.1;}
.wth2-insurance .wth2-insuranceRadioGroup #insuranceYesLabel .wth2-insPricePerPerson {position: relative; line-height:1.1; transform: none; top: 0;}
.wth2-insurance .wth2-insuranceRadioGroup .wth2-insPrice{display:block;text-align: center;font-size: 28px;}
.wth2-insurance .wth2-insuranceRadioGroup .wth2-insPerPerson{color:#666;display: block;font-size: 12px;text-align: right;}
.wth2-insurance ul.wth2-insuranceBullets li {width: 47%;position:relative;float: left;line-height: 1.4;padding: 4px 0 6px 25px;list-style:none;}
.wth2-insurance .insuranceViewTermsConditionsNumber{margin-bottom:-10px;font-size:12px;font-weight:normal;color:#666;}
.wth2-insurance .wth2-insPrice {padding-right: 0;}

.wth2-creditcardExpFieldset {margin-top:0 !important;}
.wth2-creditcardExpFieldset .ui-controlgroup-controls .ui-btn.ui-last-child {border-left-width: 0 !important;}

.fa-file-pdf-o {font-size:14px;padding-right:5px;}
.leisure-care-disclaimer {line-height: 1.5;margin: 2px;font-size: small;}
.wth2-popupCreditCardTerms .wth2-printBtnWrapper {position:absolute;right:40px;top:10px;}
.wth2-creditCardTermsContent {padding:10px 20px 10px 0;margin-bottom:15px;line-height:1.3;font-size:13px;}
.wth2-creditCardTermsContent ol {margin-left:25px;}
.wth2-creditCardTermsContent li {padding:0 0 10px 0;}
.wth2-creditCardTermsContent .wth2-headerH5 {padding:10px 0;}
.wth2-creditCardInfo, .wth2-rewardsDisclaimer {line-height:1.4;} 
.wth2-creditCardInfo {padding-top:10px;}
.wth2-fullFuturePaymentDetails{margin-bottom:10px;}
.wth2-memberInformationSection .wth2-selectLarge {width: 253px;}

.wth2-creditCardInputContainer { position: relative;}
.wth2-creditCardInputContainer .wth2-cardTypes { display:flex; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 20px}
.wth2-creditCardInputContainer .wth2-cardTypes i { margin-right: 5px;}

/* insurance ab test */
.travelProtectionNameContainer1 {width:70%;float:left;}
.travelProtectionNameContainer2{width:30%;float:left;}
.insurance_LClogo{width:100%;}
.travelProtectionAddDescContent{line-height:1.4;}
.wth2-insuranceInfo_ab{margin: 15px 0px 15px 0px;background: none;border: none;padding: 0px;clear:both;}
.wth2-insuranceBullets_ab{width: 100%;position: relative;float: left;line-height: 1.6;padding: 4px 0 6px 0px;list-style: none;}
.insuranceabtest_iconpadding{padding-right:0px!important;}
.wth2-insuranceab_selectdirective{padding:10px 0px 10px 0px;clear:both;width:50%;float:left;}
.wth2-insuranceab_selectdirective2{padding:10px 0px 10px 0px;width:50%;text-align:right;float:left;}
.ui-page-theme-a .wth2-paymentRadio_ab .ui-radio-on, .ui-page-theme-a .wth2-paymentRadio .ui-btn:hover, .ui-page-theme-a .wth2-fullDepositPayment .ui-btn:hover, .wth2-fullDepositPayment .uplift-payment-options .ui-btn {border:#FBD773 1px solid !important;background:#FFFDF0 !important;border-radius:3px !important;border-radius:3px !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important;}
.wth2-insRecommended{font-size:18px;}
.wth2-insurance .wth2-insuranceRadioGroup .wth2-insPricePerPerson_ab {width:30%;padding: 10px 0;vertical-align: middle;line-height: 1.5;display: inline-block; float:left;text-align:right;}
.wth2-insurance .wth2-insuranceRadioGroup .wth2-insYesLabelText_ab {font-size: 18px;padding: 10px 0;vertical-align: middle;line-height: 1.5;display: inline-block;width: 70%; float:left;}
.wth2-insuranceRadioGroup_abremove {border-bottom:none!important;margin:0!important; padding:0!important;}
.wth2-formSectionInner_ab {padding-bottom:0px!important;}
/* end insurance ab test */
/*insurance UI ab test */
.wth2-insurance .wth2-insuranceInfoAlt {margin: 15px 0px 15px 38px;background: none;border: none;padding: 0px;}
.wth2-insuranceInfoAlt {text-shadow: 0 1px 0 #ffffff !important;position: relative;padding: 15px;margin: 15px 0 15px;line-height: 1.4;border-style: solid;border-width: 1px;border-color: #9cc9d7;background: #eef8fd;font-size: 16px;}
.wth2-insurance ul.wth2-insuranceBullets_ui_ab li{width: 100%;position: relative;float: left;line-height: 1.6;padding: 4px 0 6px 0px;list-style: none;}
.wth2-insuranceInfoAlt .wth2-insuranceLine .fa-check{position: relative;left: 0;top: 0px;font-size: 16px !important;}
.wth2-sucessMessageHeaderAlt{font-weight: bold;color: #287528;}
/*insurance UI ab test */

/* Confirmation */
.wth2-confirmationSection {line-height:1.3;}
.wth2-confirmationSection .wth2-headerH2 {margin:5px 0 10px;}
.wth2-confirmationSectionBottom {margin:0;}
.wth2-confirmationSection .wth2-confNumber, .wth2-usTravel {white-space:nowrap}
.wth2-scItinerary {border-top:none;}
.wth2-confirmationSection .wth2-scItinerary {padding-bottom:15px;}
.wth2-confirmationSection .ui-block-a .ui-block-b {width:100%;padding-bottom:10px;} 
.wth2-confirmationSection .ui-block-a .ui-block-b .ui-block-b {padding-bottom:0;}
.wth2-confirmationSection .ui-block-a .ui-block-b .ui-block-b {width:auto;padding-right:5px;} 
.wth2-confirmationSection .ui-block-a .ui-block-b .ui-block-c {width:auto;} 
.wth2-itineraryDetailsContent {width:100%}
.wth2-scItinerary .ui-grid-b .ui-block-a {width: 66% !important;}

.wth2-printBookingTerms {line-height:1.3 !important;}
.wth2-printBookingTerms .ui-grid-e {padding:0 15px 20px !important; overflow:hidden;}
.wth2-printBookingTerms .ui-grid-e .wth2-headerH5 {padding:5px 0 10px;}
.wth2-printBookingTerms .ui-grid-e ol, .wth2-printBookingTerms .ui-grid-e ul {margin:0 0 10px 20px;}

.wth2-printConf .wth2-formSection{border-radius:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;background:none !important;border:none !important;margin:0 !important;width:auto !important;margin:0 0 20px !important;float:left;}
.wth2-printConf .wth2-printBtnWrapper, .wth2-printBookingTerms .wth2-printBtnWrapper  {display:none !important;}
.wth2-printPromoContent {display:none;}
.wth2-printConf .wth2-printPromoContent {display:block;padding-bottom:10px;}

/* United Mileage Plus styles  */
.wth2-ccBalanceDueToday {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:10px 0 20px;padding:10px 15px;font-weight:bold;background: #e9f4e1;border: 1px solid #a7d49b;}
/* HTML5 slider */
.wth2-inputMedium-mileage {float:left;}
.wth2-inputMedium.wth2-inputMedium-mileage .wth2-inputText {margin-right:10px;}
.wth2-inputMedium-mileage label {display:block;margin-bottom:5px;}
.wth2-milesSliderCount {line-height:1.2;margin-top:5px;}
.wth2-balanceDueToday {padding:28px 0 0 10px;}
.redeemButton{margin-top:22px;}

.wth2-mileageSliderContainer {max-width:450px;}  /* Width of the outside container */
/* The slider itself */
.wth2-mileageSlider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100% !important; /* Full-width */
  height: 10px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  border: #d4d4d4 2px solid;
  box-shadow: 2px 2px rgba(0,0,0,.3);
  border-radius: 3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

.wth2-mileageSlider:focus {
	outline-color:#fff;;
	outline-style: none;
	outline-offset:0;
}
/* Mouse-over effects */
.wth2-mileageSlider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.wth2-mileageSlider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background:#367ebd; /* slider handle background - brandable */
  border:#155a96 2px solid;  /* slider handle border - brandable */
  border-radius:5px;
  -webkit-border-radius:5px;
  cursor: pointer; /* Cursor on hover */
}

.wth2-mileageSlider::-moz-range-thumb{
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background:#367ebd; /* slider handle background - brandable */
  border:#155a96 2px solid;  /* slider handle border - brandable */
  border-radius:5px;
  -webkit-border-radius:5px;
  cursor: pointer; /* Cursor on hover */
}

.wth2-mileageSlider::-ms-thumb{
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background:#367ebd; /* slider handle background - brandable */
  border:#155a96 2px solid;  /* slider handle border - brandable */
  border-radius:5px;
  -webkit-border-radius:5px;
  cursor: pointer; /* Cursor on hover */
}

/* End slider styles */


@media print {
	.wth2-formSectionInner {margin:0 0 30px 0!important;float:none !important}	
	.wth2-printBookingTerms .ui-grid-e ol, .wth2-printBookingTerms .ui-grid-e ul {margin:10px 0 10px 20px;}
}

@media only screen and (min-width:601px){  /* Keep this as part of the be.css file - disables links on expand collapse on larger screens  */
.wth2-beBucketHeader {pointer-events: none;}
.wth2-beBucketContainer, .wth2-beBucketHidden {display:block !important;}
}

@media only screen and (min-width:768px) { 
.wth2-creditCardTermsContent {min-height:300px;max-height:460px;overflow:auto;}
} 
label#cat_leadPrice_balcony_label{
	width:247px;
}
/* category page goal 1 version 22 */

.wth2-marginbot15{margin-bottom:15px;}
.wth2-catBucketHeader22{border-radius:3px; text-shadow:0px - 1px rgba(0,0,0,0,5);}
.wth2-cat_container22{border:1px solid #ccc; border-bottom-width:3px;margin-bottom:15px;border-radius:3px;}
.wth2-cat_inner22{border-left:none;border-right:none;border-bottom:none;background:none;}
.wth2-cat_bold{font-weight:bold;}
.wth2-cat_separator{clear:both;border-bottom:1px solid #ddd;margin-left:15px;margin-right:15px;}
.wth2-cat_separator2{clear:both;border-bottom:1px dotted #ddd;margin-left:15px;margin-right:15px;}
.wth2-cat_fromtext{font-size:14px; font-weight:normal; color:#666;line-height:25px;text-align:center;}
.wth2-cat_brochure{font-size:14px; font-weight:normal;text-decoration:line-through;}
.wth2-cat_price{font-size:20px;font-weight:bold;}
.wth2-cat_mainInfo{line-height:20px;}
.wth2-cat-roomTypeName{line-height:25px;margin-bottom:3px;}
.wth2-cat_subgroupHeader{font-size:18px;font-weight:bold;color:#333;margin-bottom:5px;}
.wth2-cat_description{font-size:14px;color:#333;margin-bottom:10px!important;clear:both; }
.wth2-cat_additionalChoice{font-size:16px;font-weight:bold;color:#333;line-height:25px;}
.wth2-cat_additionalBonus{font-size:14px;font-weight:bold;color:#333;line-height:18px;}
.wth2-cat_indent{margin-left:15px;}
.wth2-cat_subGroupPrice{font-size:24px; color:#333;font-weight:bold;margin-right: .625em}
.wth2-cat_button_select{min-height:30px; font-size:18px;font-weight:normal;line-height:30px;padding:0 !important;}
.wth2-cat_button_call{background-color:#777777 !important;color:#ffffff!important;height:30px; font-size:18px;font-weight:normal;line-height:30px;padding:0 14px 1px 11px!important;border-radius:3px!important;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0)!important;}
.wth2-cat_button_call:hover{text-shadow:none!important;cursor:auto;}
.wth2-radioBtn .cat_repeater .ui-radio {width:100%}
.wth2-cat_pointer{cursor:pointer;}
.wth2_cat_roomTypeImage{margin-right:15px!important;margin-bottom:15px!important;}
.wth2-cat_nowrap{white-space:nowrap;}
.cat_repeater{clear:both;}
.wth2_cat_termslink{width:auto;font-size:14px;}
.wth2_cat_radio_label{background-color:#ffffff;border-radius:3px;}
.wth2-cat_container22 .ui-block-b{width:85%;border-radius:3px;}
.wth2-cat_container22 .ui-block-e{width:15%; padding:20px 0 0 0;}
.wth2-cat_container22 .ui-block-y{width:80%; padding:20px 0 0 0;float:left;}
.wth2-cat_container22 .ui-block-z{width:20%; padding:20px 0 0 0; float:left;text-align:center}
.wth2-cat_inner22   .wth2-cat_radioLabel:hover  {background-color:#eeeeee !important;border-radius:3px;}
.wth2-cat_inner22 label.wth2-cat_radioLabel:active  {background-color:#eeeeee !important;border-radius:3px;}
.ui-block-b .wth2-cat_inner22{padding:20px 15px 0px 15px;}
.wth2-cat_radioContainer{margin-bottom:10px!important;width:100%;}
.wth2-cat_tandcChoice{margin-left:10px;display:block;float:left;padding:10px 0;}
.wth2-cat_promotionMargin{margin-bottom:5px;}
.wth2-cat_promotionMargin_container{margin-bottom:20px;}
.wth2-cat_inner22 .ui-radio-on{border-radius:3px!important;}
#cat_container_22 .wth2-selectBtn{padding-bottom:10px;}
.fade.in{animation-duration:0s!important;}
.wth2-cat_inner22 .ui-checkbox input, .wth2-cat_inner22 .ui-radio input {height:auto;}
#termsAndCond_subgroup .wth2-simplePopupHeader, #termsAndCond_bonus .wth2-simplePopupHeader, #termsAndCond_choice .wth2-simplePopupHeader{font-size: 20px !important; line-height: 24px !important;}
.wth2-cat-eInner{width:auto;position:relative;display:inline-block;float:right; padding-right:5px;}
.wth2-cat-eInnerMain{width:auto;position:relative;display:inline-block;float:right; width:147px; text-align:center;padding-right:5px;}
.wth2-cat_defaultFilter{font-size:14px!important;margin-left: 6px; display: inline-block; line-height:1.3;}

.wth3-category_balconyFilterRecContainer{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 3px;
}
.wth3-category_recommendedBalcony{float: right;display: flex;font-size: 14px;font-weight: normal;color: #ffffff;margin-right: -35px;text-shadow: none;margin-left: 10px; flex-direction: row; justify-content: center;align-items: center; padding: 4px 8px; gap: 16px; width: 133px; height: 24px; background: #3AA201; border-radius: 100px;}
.wth2-headerH2.wth2-cat_version21 h1 {margin:.25em 0 0.5em;line-height:1.2;font-weight:bold;font-size:22px !important;}
.wth2-cat_filterDesktop.filterOverride2 {transition: transform 0.3s ease, top 0.3s ease;}
div#cat_filterDescription_noRoomTypes{padding: 0.75em;}
.wth2-cat_filterButtonsContainer_unavailable .wth2-cat_filterButtonsContainer  .wth2-cat_filterButtonsContainer{width: 10%;}
.wth2-cat_version21Container .ui-checkbox-on{
    border: 1px solid #000 !important;
    background: #FFFFFF ! important;	
}
#cat_leadPrice_interior.ui-state-disabled span.wth2-cat_normal {
	display: block !important;
}
label#cat_leadPrice_suite_label {
	    margin-left: -2px;
}
.wth2-cat_filterButtonsContainer span{width:auto; display: inline-block; position:relative;}
.wth2-bucketPrice{ padding: 7px;}
.wth2-cat_filterContainer{margin-bottom:15px;border-radius:3px;padding:15px;}
.wth2-cat_deckContainer{border:1px solid #ccc; margin-bottom:15px;border-radius:3px;padding:15px;}
.wth2-cat_version21Container .ui-btn{}
.wth2-cat_version21Container .ui-btn-icon-left::after {left:10px;}
.wth2-cat_Messaging{clear:both; position:static;}
.wth2-cat_Messaging a {text-decoration:underline !important;}

.wth2-cat_Messaging .fa-exclamation-circle{position:relative;top:0px!important;left:0px!important;float:left!important;}

.wth2-cat_roomDetails{font-size:14px;font-weight:normal;cursor:pointer;}
.wth2-cat_icon{font-size:18px!important;}
.wth2-cat_version21Container .wth2-clickPrompt {position:relative;top:100px;width:150px;}
.wth2-cat_roomImage{margin-top:-20px;}
.wth2-cat_normal{font-size: 12px; font-weight: 400; opacity: 0.5; color: #000;}
.wth2-cat_filterButtonsContainer{width:auto;grid-template-rows: 25% 25% 25% 25%;padding: 0.75em 0em 0.75em 0em;display: flex;}
span.wth2-cat_normal_unavailable{ display: block !important;}

#cat_leadPrice_interior.ui-state-disabled{ min-height:44px;}
#cat_leadPrice_oceanview.ui-state-disabled{min-height:44px;}
#cat_leadPrice_balcony.ui-state-disabled{min-height:44px;}
#cat_leadPrice_suite.ui-state-disabled{ min-height:44px;}
.wth2-cat_version21Container .ui-checkbox-off:after{border:#000000 1px solid;}
.wth2-cat_filterButtonsContainer input[type="checkbox"] {margin-top:-24px;margin-right:5px; display: none;} /* was -34px needed -24px to fix Sarari */
.modal-backdrop, .modal-backdrop.fade.in{opacity:0.5 !important;}
.wth2-cat_deckList{padding-bottom:0px;}
.wth2-cat_roomName{margin-right:5px;width:auto;display:inline-block; font-size:18px; font-weight:bold;padding:0px;}
.wth2-cat_leadPricingCatlevel{text-align:center;}
.cat_mobileCall{display:none;}
.cat_desktopCall{display:block;}
.wth2-cat_messageContent{margin-left:23px;}
.wth2-cat_version21Container .wth2-bucketPrice{font-size:14px;white-space:nowrap; display: block;}
.wth2-cat_version21Container .wth2-scBrochurePrice{background-color:#ffffff;border:none;background:none;margin-top:0; padding:0;}
.wth2-cat_fromPrice{font-size:24px !important;}
.wth2-cat_button_call{margin-left:.625em;}
.wth2-cat_version21Container .wth2-deckplansShipCont img {width:auto;}
.wth2-cat_version21Container .wth2-cat_subGroupPrice{margin-right:0;}
.wth2-cat_version21Container  .ui-state-disabled {opacity:.5 !important; }
.wth2-cat_inner22 .wth2-cat_radioLabel {padding:10px 15px 10px 35px !important;margin:0 0 3px;border:none;text-align:left;display:inline-block;float:left;text-overflow:inherit;white-space:normal;position:relative;}
.wth2-cat_inner22 .wth2-cat_radioLabel .wth2_cat_radio {display:none;} /* radio will be shown with span and ::before tag instead */ 
.wth2-cat_roomTypeDetailsPopUpLine{margin-bottom:5px;}
.wth2-cat_filterButtonsContainer .wth2-cat_defaultFilter{font-weight: 700; max-width: 100%;display: grid;border-radius: 8px !important;flex-wrap: wrap;justify-content: start;align-items: center;margin-right: 10px;width:103px;height: 56px;padding: 8px;border: 1px solid #e2e2e2;cursor: pointer;}
.wth2-bucketPrice.wth2-bucketPrice_withRecommendedContainer{
	    margin-left: -8px;
}
 .wth3-category_recommendedBalcony{
         font-weight: 600;
        font-size: 16px;
        line-height: 16px;
        color: #FFFFFF;
  }
  
label#cat_leadPrice_suite_label {margin-left: 6px;}
@media (min-width: 601px) {
 .wth2-bucketPrice_withRecommendedContainer {
        margin-top: 10px;
}

.wth2-cat_version21Container .wth2-bucketPrice{
	margin-top: 0;
}

}
@media screen and (max-width: 601px) {
    div#category_recommendedBalcony {margin: -15px -11px 2px 1px;}
 .wth2-bucketPrice.wth2-bucketPrice_withRecommendedContainer{line-height: 15px !important;}
 .wth2-cat_defaultFilter ui-state-disabled {display: flex;}
}
.wth2-bucketPrice_withRecommendedContainer .wth2-cat_filterButtonsContainer span{
    color: #460ecf;
}
span.wth2-bucketPrice {
    margin-left: -5px;
}

div#cat_filterHeader_RoomTypes {
    display: contents;
}

@media screen and (min-width: 601px) {
  .wth2-cat_filterButtonsContainer{grid-template-columns: 25% 25% 25% 25%; grid-template-rows: none;}
  .wth2-cat_defaultFilter{width:93%;}
  .wth3-category_balconyFilterRecContainer{width:100%;display: block;}
  .wth3-category_recommendedBalcony {
      margin-top: -30px;
  }
#cat_leadPrice_interior.ui-state-disabled .wth2-cat_normal{
    display: flex!important
}
#cat_leadPrice_oceanview.ui-state-disabled .wth2-cat_normal{
    display: flex!important
}
#cat_leadPrice_balcony.ui-state-disabled .wth2-cat_normal{
    display: flex!important
}
#cat_leadPrice_suite .ui-state-disabled .wth2-cat_normal{
    display: flex!important
}
}
@media (max-width: 775px){
    .wth2-cat_filterButtonsContainer {width: 100%; overflow-x: auto; white-space: nowrap; display: flex; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-behavior: smooth;}
}
@media (max-width: 601px) {
    .wth2-bucketPrice_withRecommended .category_recommendedBalcony {
        margin-right: -5px;
    }
    .wth2-bucketPrice_withRecommended .wth2-cat_filterButtonsContainer span {
        margin-top: -15px;
    }
}

.wth2-cat_version21Container .fa-exclamation-circle{position:relative !important; top:16px !important; left:35px !important;}
.wth2-cat_version21Container .wth2-cat_Messaging {padding:0px 10px 10px 0px;}
.wth2-cat_version21Container .wth2-warningMessageHeader{margin-top:15px;margin-left:40px;}
.wth2-cat_version21Container .wth2-cat_messageContent{margin-left:40px;}
.wth2-cat_version21Container .ui-checkbox, .ui-radio{margin-top:0;}
.wth2-cat_upgradeContainer{margin-bottom:10px;clear:both;}
.wth2-cat_uparrow{border-width:2px; border-style:solid; border-radius:9px;padding:1px;font-size:10px !important;}
.wth2-cat_version21Container .ui-radio .ui-btn.ui-radio-on:after{height: 18px;margin: -9px 0 0 !important;width: 18px;}
.wth2-cat_upgradeNotApply{clear:both;margin-left:39px;}
 .wth2-cat_filterOptionsHeader{float:left;}
.wth2-cat_clearFilters{float:right;}
#cat_clearFilters{cursor:pointer;}
.wth2-infoIconAlone{display:none;}

.wth2-cat_viewMore_button_container{display:block;}
.wth2-cat_viewLess_button_container{display:none;}

.wth2-cat_secondary_container{display:none;}
.wth2-cat_filterDesktop{display:block;}
.wth2-cat_promotionList {list-style-type:none;}
.wth2-cat_promotionMargin{clear:both;}
.wth2-cat_promotionLineItem{width:80%;display:inline;margin-left:0px !important;margin-bottom:5px;}
.wth2-cat_bullet{display:inline;margin-left:25px;}
.bs_headerH2{margin-top:0px; margin-bottom:0px; font-size:100%;}
#cat_bucket{font-size:100%;margin:0px;}
#credCardInfoHeader{padding:0px;}
/*Point calculator page styles*/
.wth2-pointscalculatorcontent {
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    line-height: 1.5;
    margin: 0 0 1em;
    padding: 1em 1em 1em 1em;
    position: relative;
    text-shadow: 0 1px 0 #fff;
}

@media (min-width: 600px) {
  [id^="cat_viewMore_"], [id^="cat_viewLess_"] {
    text-align: center; 
  }
  
}
#cat-promotionListLink{display:inline}
#cc_overhaul .wth2-informationMessage {clear:both;}
#deferredText{font-weight:normal;}
.conf_summ_a{width:20%!important;}
.conf_summ_b{width:20%!important;text-align:right;}
.conf_summ_c{width:25%!important;}
.conf_summ_d{width:15%!important;text-align:right;}
.conf_summ_e{width:20%!important;text-align:left; margin-top:20px;margin-left:5px;}
.conf_summ_f{width:20%!important;text-align:left;margin-left:5px;}


/*PricingDetailAB test*/
.guestPricingDetailAB, .cruiseFareAndPortsPricingDetailAB, .taxPricingDetailAB, .wth2-itinDetailsLabelPricingDetailAB, .feeValuesPricingDetailAB {font-size: 14px;float: left;line-height: 1.2;}
.guestPricingDetailAB {width:20%;padding-right: 3%;text-align: center;}
.cruiseFareAndPortsPricingDetailAB {width:43%;padding-right: 3%;}
.taxPricingDetailAB {width:31%;}
.wth2-itinDetailsLabelPricingDetailAB {width: 66%;}
.feeValuesPricingDetailAB {width: 34%;}
.wth2-totalBorder.wth2-totalBorderPricingDetailAB {background-color: #e9f4e1;border-bottom:none;}
.wth2-bookingDetailsItem.wth2-bookingDetailsItemPricingDetailAB {border-top: #ddd 1px solid;padding-top: 8px;margin-top: 8px;}
.formTitlePricingDetailAB {padding-bottom: 8px;}
.wth2-pricingDetailLabelWraper{padding-bottom: 8px;}
.wth2-pricingDetailLabel{font-weight: bold;}
.pricingDetailPerGuest {padding-bottom: 5px;}

/*cuba link*/
.specialReqForCubaContainer {padding-top: 5px;}
.specialReqForCuba {float: right; }

/*Cruiseline Membership Lookup Form*/
.wth2-membershipLookupFirstName{width:40%;float:left;margin-top:10px;margin-right:25px;}
.wth2-membershipLookupLastName{width:40%;float:left;margin-top:10px;}
.wth2-membershipLookupButton{float:right;margin-top:20px;}
.wth2-membershipLookupPrivacy, .wth2-norwegianMembershipLookupPrivacy{padding:2em 0 0;float:left;}
.wth2-membershipLookupResults{clear:both;}
.wth2-membershipLookupbirthdate{float:left;width:40%;margin-top:10px;margin-right:25px;}
.wth2-membershipLookupzip{float:left;width:40%;margin-top:10px;}

span.wth2-bucketPrice { gap: 10px;}
/*member loyalty data driven solution*/
.wth3-memberLoyaltyFlexContainer{display:inline-grid;grid-template-columns: 20% auto;}
.wth3-memberLoyaltyLogo{width:80%;object-fit: contain;height: 100%;}

/*brand movers*/
.wth3-confBrandMoversButtonContainer {display:grid;grid-template-columns: 245px auto;column-gap:15px;align-items: center;margin-top:10px; min-height:45px;}
.wth3-confBrandMoversButtonContainer div{vertical-align:middle;}
.wth3-MemberLoyaltyDesktopInput{display:block;margin-top:10px;}
@media (min-width: 599px) and (max-width: 700px) {
  .wth3-MemberLoyaltyDesktopInput {
    margin-top: 60px;
  }
}
@media (max-width: 598px) {
  .wth3-MemberLoyaltyDesktopInput{margin-top:25px;}
  .wth3-confBrandMoversButtonContainer {display:block;}
  .wth3-confBrandMoversButtonContainer div{width:100%;margin-top:10px;text-align:center;display:block;}
  .wth3-confBrandMoversLink{display:block;}
}
@media (min-width: 600px) {
  .wth3-memberLoyaltyLogo{height: 150px;}
}
@media (min-width: 701px) {
  .wth3-MemberLoyaltyDesktopInput{margin-top:10px;}
}
.wth3-MemberLoyaltyMobileInput{display:none;margin-top:20px;}

.wth3-militaryWrapper{background-color:#f5f5f5;}

@media screen and (min-width: 769px) {
  .wth2-cat_button_select {
    padding: 0 36px 1px 36px !important;
  }
}
 @media (hover:hover) and (pointer:fine){
      .wth2-cat_filterButtonsContainer .wth2-cat_defaultFilter:hover{
     background: #E7E7E7;
      border: 1px solid #E2E2E2;
}
}

.verticalImg-middle {
  vertical-align: middle;
}

.image-roomtype-details {
	outline-offset: -2px !important;
  position: relative;
}

/*  */

.be-infoIcon-container {
  width: 100%;
  display: flex;
  padding: 1rem 0
}

.wth2-infoIcon.outside-summary-section {
  margin-left: auto;
}

.wth2-infoIcon.outside-summary-section > .fa-info-circle {
  margin-left: .7rem;
}

.be-summary {
  padding: .5rem;
  width: auto;
  margin: .5rem;
  border-radius: 10px;
}

.be-summary .wth2-bookingDetailsSection  {
  min-height: auto !important;
  padding: 0 !important;
}

.top-summary-section {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: .5rem;
  margin-bottom: .5rem;

}

.bottom-summary-section {
  display: none;
  margin: .5rem;
  width: auto !important;
  float: none;
}

.top-summary-section .wth2-summary-section-img {
  
}

.bottom-summary-section #bookingDetailsFunction {
  margin: 0 !important;
  padding: 0 !important;
}

.wth2-summary-section-img .wth2-beCruiseLineLogo {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.top-summary-section img {
  width: 55px !important;
  height: auto;
}

.top-summary-section .ui-block-f {
  display: flex;
  align-items: center;
  flex: 0 0 93%;
}

.top-summary-section #bookingDetailsBrochureFunction {
  margin: 0 .5em !important;
  padding-top: 0 !important;
}

.wth2-summary-caret-icons {
  flex: 0 0 5%;
  display: flex;
}

.wth2-summary-caret-icons .fas {
  font-size: 21px;
  margin-left: auto;
}

.wth2-summary-caret-icons .fa-angle-up {
  display: none;
}

.wth2-summary-caret-icons .fa-angle-down {
  display: block;
}

.top-summary-section .wth2-brochureName {
  display: flex;
  flex-direction: column;
}

.top-summary-section .wth2-brochureName h2 {
  font-size: 14px !important;
  color: #8d8d8d !important;
  font-weight: 400 !important;
}

.top-summary-section .wth2-brochureName #itinname {
  font-size: 16px !important;
  font-weight: bold !important;
}

.ui-ship-container {
  display: none;
}

.wth2-bookingOuterDetailsContainer {
  width: 100%;
}

@media screen and (min-width: 1023px) {
  .bottom-summary-section {
    display: flex;
    border-top: none !important;
  }

  .wth2-summary-caret-icons .fa-angle-up {
    display: block;
  }

  .wth2-summary-caret-icons .fa-angle-down {
    display: none;
  }

  .ui-ship-container {
    display: flex;
    flex-direction:column;
    width: 185px;
  }

  .wth2-bookingOuterDetailsContainer {
    border-top: 2px solid #333;
    margin-left: 1rem;
    width: 90%;
  }

  .ui-block-c .wth2-referenceId {
    display: none;
  }

  .top-summary-section img {
    width: 90px !important;
   
  }

  .top-summary-section #bookingDetailsBrochureFunction {
    margin: 0 1em !important;
}

  .top-summary-section .wth2-itinDetailsLabel {
    margin-bottom: 5px;
  }
}

#taxAndFeesInfo {
  float: none;
  display: inline-block;
  margin: 0;
}

.ui-block-b.wth2-infoIntlWrapper {
  margin-bottom: 20px;
}

@media (min-width: 601px) {
  .ui-block-b.wth2-infoIntlWrapper {
    margin-bottom: 45px;
  }
}