/***New Fare Product start***/
/* changes between start tag and end tag are NFP project specific and if we rolled back we would rever this section out and republish without the project specific changes*/
/* Fare Drawer gray outline */
/*Revenue fare drawers*/ 
#flex_sl7uyrvpzz, #flex_vwhn5o8alnp, #flex_7fp7ix7b0pv, #flex_qz3j9kz0eo, #flex_9ijz35uavna,
/*Points fare drawers*/
#flex_4nnyzydnf8s, #flex_53h3ebydj1n, #flex_ly23vlzmef8, #flex_3o2kbnc6aqo, #flex_6ce3jtl21w9, #flex_bg1cdk8qp3,  #flex_9essdandxu, #flex_57txbkfzdnp
{
  border: 1px solid #CCCCCC !important;
}
/***New Fare Product end***/

/* START Right Rail Promo offer - keep */
.air-booking-purchase-page--offer {
  padding: 0px 15px;
}
/* END Right Rail Promo offer */

/* Flight Extras Apply Upgrade button styling */
  .air-booking-price-page .flex-placement .upgrade-upsell-command  > button  
  {
    background-color: #304cb2;
    border: 1px solid #304cb2;
    border-radius: 2px;
    box-shadow: 0 1px #8f8f8f;
    color: #ffffff;
    display: inline-block;
    font: bold 14px/1 Arial;
    min-height: 32px;
    padding: 0 20px 1px;
  }

/* Fare Drawer Revenue and Points Booking */
.air-booking-select-page button.business-upgrade-command, .air-booking-select-page button.business-points-upgrade-command {
background-color: #304cb2;
border: 1px solid #304cb2;
border-radius: 2px;
box-shadow: 0 1px #8f8f8f;
color: #ffffff;
display: inline-block;
font: bold 14px/1 Arial;
min-height: 32px;
padding: 0 20px 1px;
}

/*Mini Cart removal - Booking Flow - Price and Purchase Page*/
  .mini-cart {
    display: none !important;
  }

/*Fare Benefits Table styling */
table#fare_benefits_rai2pvrvkph {
border-spacing: 0;
}
table#fare_benefits_rai2pvrvkph tbody td {
border: 1px solid #8F8F8F;
}

/*Fare Benefits Table styling */
table#fare_benefits_rai2pvrvkph {
border-spacing: 0;
}
table#fare_benefits_rai2pvrvkph tbody td {
border: 1px solid #8F8F8F;
}

/* Fare Product colors */
th#fare_benefits_7la2zzisxy {
border-bottom: 3px solid #304CB2;
}
th#fare_benefits_e4o34yk9j9 {
border-bottom: 3px solid #A4BAF2;
}
th#fare_benefits_fv1k3tzihxu {
border-bottom: 3px solid #FFBF27;
}
#flex_ad_w64c525q3dq {
background-color: #111b40;
}

/*select page middleBanner command styling */
div#flex_content_3fymwzioscf a.actionable {
text-decoration: underline;
color: #304CB2;
position: absolute;
font-size: 13px;
}

/*confirmation paage RR Enroll modal ad*/
  .username--check-availability_link {
    top:30px;
  }

/*confirmation paage RR Enroll modal ad*/
#flex_content_bkg5f0bfae{
margin-left: 469px;
margin-top: -583px;
border: 1px solid #E6E7E8;
border-radius: 2px;
}
#flex_content_3eii46hpt84{
border-radius: 2px;
}
  .paypal-section--text {
    font-size: 12px;
  }

/* Flex CTA underline issue fix */
.actionable_advertisement:hover > .actionable--text {
  text-decoration: none;
}

/* Where we fly modal */
.air-booking-where-we-fly-modal--heading {
  width: 245px;
}

/* Remove Terms and Conditions header text */
.air-booking-purchase-page .purchase-page-legal-text--title {
  display:none
}

/* Terms and Conditions Accordion styling tweaks */
.accordion-panel_light .accordion-panel--details-content {
  font-size: 14px;
  line-height: 1.4;
}

/* WCM-16758 */
.air-booking-select-depart-summary .depart-summary-details--departure-section {
  width: 60px;
}

/* purchase page LUV reg mark superscript font size decrease */
.travel-funds-accordion--title sup {
  font-size: 13px;
}

/* Winning A/B Test See Packages Border Update 241009*/
.see-packages button{
  border: 1px solid #304cb2;
}
.see-packages button:hover{
  border: 1px solid #304cb2;
  background-color: #e8ecf9;
}

/* Hide NEW label next to stacked payments */
.air-booking-purchase-page span.stacked-payments--new-label {
  display: none;
}

/* 3.11 Policy Updates - price page hide disclaimer */
.checkout-price-bags--conditions {
  visibility: hidden;
}

/* Implementation of Horizontal Fare Headers */

.air-booking-select-price-matrix .price-matrix--details-titles {
  margin-top:40px;
}
.air-booking-select-price-matrix .price-matrix--details-titles-without-sticky-header-secondary {
  margin-top:40px;
}
.price-matrix--change-fare-badge > .horizontal-fare-type-badge:nth-of-type(1), .price-matrix--change-fare-badge > .horizontal-fare-type-badge:nth-of-type(2), .price-matrix--change-fare-badge > .horizontal-fare-type-badge:nth-of-type(3), .price-matrix--change-fare-badge > .horizontal-fare-type-badge:nth-of-type(4) {
  position:relative
}
.air-booking-select-price-matrix .price-matrix--change-fare-badge > .horizontal-fare-type-badge:nth-of-type(1)::before {
  border:0 none;
  border-radius:4px 4px 0 0;
  clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);
  content:"Go for Less";
  background-color:#abc7fe;
  color:#111c36;
  font:bold 12px/1 Arial;
  left:47%;
  position:absolute;
  padding:6px;
  top:-29px;
  transform:translateX(-50%);
  width:77px;
  white-space:nowrap
}
.air-booking-select-price-matrix .price-matrix--change-fare-badge > .horizontal-fare-type-badge:nth-of-type(2)::before {
  border:0 none;
  border-radius:4px 9px 0 0;
  clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);
  content:"Top Pick";
  background-color:#304cb2;
  color:#fff;
  font:bold 12px/1 Arial;
  left:45%;
  position:absolute;
  padding:6px;
  top:-29px;
  transform:translateX(-50%);
  width:83px;
  white-space:nowrap
}
.air-booking-select-price-matrix .price-matrix--change-fare-badge > .horizontal-fare-type-badge:nth-of-type(3)::before {
  border-left: 2px solid #1a2c80;
  border-radius: 4px 9px 0 0;
  clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);
  content: "Earlier Access";
  background-color: #1a2c80;
  color: #fff;
  font: bold 12px / 1 Arial;
  left: 45%;
  position: absolute;
  top: -29px;
  transform: translateX(-50%);
  width: 79px;
  white-space: nowrap;
  border-right: 2px solid #1a2c80;
  padding: 6px;
}
.air-booking-select-price-matrix .price-matrix--change-fare-badge > .horizontal-fare-type-badge:nth-of-type(4)::before {
  border-left: 2px solid #111b40;
  border-radius: 4px 4px 0 0;
  content: "All In";
  background-color: #111b40;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);
  color: #fff;
  font: bold 12px / 1 Arial;
  left: 48%;
  position: absolute;
  text-align: center;
  top: -29px;
  transform: translateX(-50%);
  width: 90px;
  white-space: nowrap;
  border-right: 2px solid #111b40;
  padding: 6px 4px;
}
.air-booking-select-price-matrix .price-matrix--change-fare-badge > .horizontal-fare-type-badge:nth-of-type(1)::after {
  clip-path: polygon(0 0, 99% 0, 100% 100%, 1% 100%);
  content: "";
  position: absolute;
  top: -6px;
  left: 2px;
  width: 91%;
  height: 2px;
  background-color: white;
  box-sizing: border-box;
  z-index: 1;
}
.air-booking-select-price-matrix .price-matrix--change-fare-badge > .horizontal-fare-type-badge:nth-of-type(2)::after {
  clip-path: polygon(0 0, 99% 0, 100% 100%, 1% 100%);
  content: "";
  position: absolute;
  top: -6px;
  left: 2px;
  width: 91%;
  height: 2px;
  background-color: white;
  box-sizing: border-box;
  z-index: 1;
}
.air-booking-select-price-matrix .price-matrix--change-fare-badge > .horizontal-fare-type-badge:nth-of-type(3)::after {
  clip-path: polygon(0 0, 99% 0, 100% 100%, 1% 100%);
  content: "";
  position: absolute;
  top: -6px;
  left: 2px;
  width: 91%;
  height: 2px;
  background-color: white;
  box-sizing: border-box;
  z-index: 1;
}
.air-booking-select-price-matrix .price-matrix--change-fare-badge > .horizontal-fare-type-badge:nth-of-type(4)::after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 1% 100%);
  content: "";
  position: absolute;
  top: -6px;
  left: 2px;
  width: 97%;
  height: 2px;
  background-color: white;
  box-sizing: border-box;
  z-index: 1;
}
.air-booking-select-price-matrix .price-matrix--details-titles-without-sticky-header-secondary {
margin-top:40px;
}
.air-booking-select-price-matrix .price-matrix--sticked-content {
margin-bottom:25px;
}
                       
@media (max-width:960px) {
  .flight-select-fare--container div[data-qa=flight-products] .flight-product-section:nth-of-type(1) .flight-product-section--header, .flight-select-fare--container div[data-qa=flight-products] .flight-product-section:nth-of-type(2) .flight-product-section--header, .flight-product-section--header, .flight-select-fare--container div[data-qa=flight-products] .flight-product-section:nth-of-type(3) .flight-product-section--header, .flight-select-fare--container div[data-qa=flight-products] .flight-product-section:nth-of-type(4) .flight-product-section--header {
    position:relative;
  }
  .air-booking-select-price-matrix .flight-select-fare--container div[data-qa=flight-products] .flight-product-section:nth-of-type(1) .flight-product-section--header > div::after {
    border:0 none;
    background-color:#abc7fe;
    color:#fff;
    content:"Go for Less";
    font:bold 12px/1 Arial;
    left:195px;
    padding:6px;
    position:absolute;
    top:-6px;
    white-space:nowrap
  }
  .air-booking-select-price-matrix .flight-select-fare--container div[data-qa=flight-products] .flight-product-section:nth-of-type(2) .flight-product-section--header > div::after {
    border:0 none;
    background-color:#304cb2;
    color:#fff;
    content:"Top Pick";
    font:bold 12px/1 Arial;
    left:195px;
    padding:6px;
    position:absolute;
    top:-6px;
    white-space:nowrap
  }
  .air-booking-select-price-matrix .flight-select-fare--container div[data-qa=flight-products] .flight-product-section:nth-of-type(3) .flight-product-section--header > div::after {
    border:0 none;
    background-color:#1a2c80;
    color:#fff;
    content:"Earlier Access";
    font:bold 12px/1 Arial;
    left:195px;
    padding:6px;
    position:absolute;
    top:-6px;
    white-space:nowrap
  }
  .air-booking-select-price-matrix .flight-select-fare--container div[data-qa=flight-products] .flight-product-section:nth-of-type(4) .flight-product-section--header > div::after {
    border:0 none;
    background-color:#111b40;
    color:#fff;
    content:"All In";
    font:bold 12px/1 Arial;
    left:195px;
    padding:6px;
    position:absolute;
    top:-6px;
    white-space:nowrap
  }
}
    
/* Fix for routemap inset */
.svg-zoom--cta-shown img{
  width: 121px;
}
    
/* Cursor change on hover for fare product */
.horizontal-fare-type-badge--title:hover {
  cursor: pointer;
}
    
/* WCM-20616 */
.checkout-confirmation-payment .payment-summary--type {
    display: inline-block;
    min-height: 44px;
}

/* Fare Modal Button Width Fix */
.fare-upsell-modal button.upgrade-fare-command {
  padding: 0px 25px;
}