@charset "utf-8";
@font-face {
    font-family: 'Graphik Web';
    src: url('https://qatarairways.com/content/dam/assets/font/Graphik-Light-Web.woff2') format('woff2'),
         url('https://qatarairways.com/content/dam/assets/font/Graphik-Light-Web.woff') format('woff');
    font-weight:  300;
    font-style:   normal;
    font-stretch: normal;
  }
  @font-face {
    font-family: 'Graphik';
    src: url('https://qatarairways.com/content/dam/assets/font/Graphik-Regular-Web.woff2') format('woff2'),
         url('https://qatarairways.com/content/dam/assets/font/Graphik-Regular-Web.woff') format('woff');
    font-weight:  400;
    font-style:   normal;
    font-stretch: normal;
  }
  @font-face {
    font-family: Graphik Web;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(https://www.qatarairways.com/content/dam/assets/font/Graphik-Regular-Web.woff2) format("woff2"),url(https://www.qatarairways.com/content/dam/assets/font/Graphik-Regular-Web.woff) format("woff")
}
 
  @font-face {
    font-family: 'Graphik Web';
    src: url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Medium-Web.woff2') format('woff2'),
         url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Medium-Web.woff') format('woff');
    font-weight:  500;
    font-style:   normal;
    font-stretch: normal;
  }
/*Popup CSS starts (mujib)*/
.popupMargin{ padding:4em 3.5em 3em 3.5em;}
.Tspace5{ margin-top:10px;}
.Tspace10{ margin-top:10px;}
.Tspace20{ margin-top:0;}
.popupButn, .popupButn:hover, .popupButn:active{ background:#900652; font-family:'Open Sans', Arial; text-transform:uppercase; /*margin-top:25px; */color:#FFF; outline:none;}
.middleCont{ margin-top:10em;}
.spanSpacer{ padding:1em 0 1em 0;}
.frmSpacer{ padding-top:0.5em;}
.frmSpacer2{ padding-top:7.3em;}
/*Popup CSS Ends*/

/*Calender Starts*/
.row.squeez {margin: 0; border-bottom:1px solid #f0f0f0; }
.squeez div {width: 14.25%; padding:0; border-top:0px solid #f0f0f0; border-left:1px solid #f0f0f0; border-bottom:0px solid #f0f0f0; border-right:0px solid #f0f0f0; border-collapse:inherit; }
.DayStyle div { background-color:#f1f1f1; padding:.6em 0 .6em 0; margin-top:1em; text-align:center; text-transform:uppercase; font-size:12px; border:0;;}
.DateStyle div { height:7em; vertical-align:middle;  cursor:pointer;}
.squeez div:last-child {border-right: 1px solid #f0f0f0;}
.squeez div:first-child {border-left: 1px solid #f0f0f0;}
.DateStyle div:hover {background: #ebebeb;}
.col-md-2.noDate, .col-md-2.noDate:hover {border: none;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}

.DateSelected , .DateSelected:hover { background-color:#900653 !important; color:#FFF;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}
.noDate, .noDate div:hover{ background-color:#fff!important; cursor:default!important;}
.DateStyle h5 {  font-weight:bold;  font-size:14px;margin: 0.5em 0 0; font-family:'Open Sans', Arial, Helvetica, sans-serif;}
.squeez span{ text-align: center;  padding-left:.1em;}
.TRTicker{ width:20px; height:37px; position: absolute;right: 1px;top: 1px;}
.BLTicker{width:20px; height:25px; /*margin: 77px 0 0 0px;*/ position: absolute; left: 0;top: 1px;}
.q-TRTicker{ width:20px; height:37px; position: absolute;right: 1px;bottom: 1px;}
/*.lowPriceTik{ width:20px; height:20px;   background:url(../images/spirte_icons.png) -805px 119px; }*/
/*.QmilesTik{  float:right; background:url(../images/spirte_icons.png) -805px 154px; position: absolute;}*/
.WaterMark{ font-size:13px; color:#CCC; margin-top:1.3em;}
.legendIcon {width: 20px; height: 25px; display: inline-block; margin: -1px 10px 0 0; float: left;}
.IconlowPrice{background:url(../images/spirte_icons.png) -392px 125px;}
.IconQmiles{background:url(../images/spirte_icons.png) -805px 130px; height:37px;}
.q-star {background:url(../images/q-star.png) top left no-repeat; height:19px;}
.noIcon{ background:#faf8c5;}
.GrayArrow{ background-position: -581px -35px; width: 20px; height: 25px; display: inline-block;}
.calenderTitle{ font-size:20px; color:#900652;font-family: 'Open Sans', Arial,sans-serif;}
.navButton{ 
 left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 48%;
}

/*.modal-dialog.g-login {width: 405px;}*/
.modal-dialog.g-login.ibe-login {width: 1120px;}
.modal-dialog.cal-fly-details {/*width: 980px;*/ margin: 0 auto; width:1170px;}
.cal-fly-details .modal-content  {padding: 0 0 20px;}
.modal-dialog.cal-fly-details .modal-body {display: inline-block; overflow: hidden;}
.modal-dialog.cal-fly-details .modal-header {border: none}
.modal-dialog.g-login .container {width: 350px;}
.g-login label {background: none; color: #555555 !important;}
.modal-dialog.g-login .modal-header {margin: 0px; padding: 15px; border-bottom: 0px solid #630036;}
.modal-dialog.g-login.ibe-login .form-group {margin-bottom: 15px;}
.modal-dialog.g-login .form-group {margin-bottom: 15px; }
.ibe-login .small {font-size: 12px;}
.modal-dialog.g-login .popupMargin{ padding:0 30px;}


.modal-dialog.g-login.ibe-login .popupMargin {padding: 0}
.modal-dialog.g-login.ibe-login .main-heading h1 {font-size: 30px;}
.ibe-login .forgot {width: 100%}
.ibe-login .forgot-txt, .ibe-login .sgn-up-txt {font-size: 12px;}
.ibe-login .forgot-txt a, .ibe-login .sgn-up-txt a {padding: 2px 6px;}
.ibe-login .sgn-up-txt {text-align: right; float: right; margin-top: 10px;}

.ibe-login .sign-social {margin: 20px 0 0}
.ibe-login .sign-social span {width: 100%}
.ibe-login .sign-social span a {display: block;float: left; vertical-align: middle; margin-top: 20px; }
.ibe-login .sign-social span span {width:  auto;}
.ibe-login .sign-social .s-f-icon {background: url("../images/f-icon.png");width: 37px;  height: 30px; vertical-align: middle;}
.ibe-login .sign-social .s-g-icon {background: url("../images/g-icon.png");width: 37px;  height: 30px;vertical-align: middle;}
.ibe-login .sign-social .s-t-icon {background: url("../images/t-icon.png");width: 37px;  height: 30px;vertical-align: middle;}

.ibe-login .sign-social .f-txt, .ibe-login .sign-social .g-txt, .ibe-login .sign-social .t-txt {margin-left: 2px;  padding: 6px 16px 7px;  text-align: center;  text-transform: uppercase;  color: #fff;  font-size: 12px;
  vertical-align: middle; min-width: 120px; }
  .ibe-login .sign-social .f-txt { background: #3b5998;  }
  .ibe-login .sign-social .g-txt { background: #dd4b39;  }
  .ibe-login .sign-social .t-txt { background: #00aced;  }
.ibe-login .guest-block {border-top: 1px solid #cccccc; padding: 30px 0; margin: 0 }
.ibe-login .guest-block span {padding-right: 20px;}
.heading .l-note {font-size: 11px; margin: 0; width: 100%; display: block; float: left;}
/*Calender Ends*/
/* 15 days calendar pop up start here*/
.fifteenCalendar{ display:none; position:absolute; z-index:9999; background:#fff; right:20px; top:68px}
.fifteenCalendar section{ box-shadow:0 5px 15px rgba(0, 0, 0, 0.5); background:#fff; border:1px solid rgba(0, 0, 0, 0.2);    background-color: #fff;  border: 1px solid rgba(0, 0, 0, 0.2);outline: 0 none;position: relative; border-radius:6px;}

.fifteenCalendar section .close { position:absolute; display:block;  background-position: -806px -3px; width: 26px; height: 26px; right: 7px; top:7px }
.fifteenCalendar section .close:hover {/*border: 1px solid #8e969e;*/ background-position: -772px -3px; background-color: #000000}

.fifteenCalendar .content-summary{ width:800px; background:#fff; padding:20px 10px 20px 20px; border-radius:6px;  overflow:hidden;}
.fifteenCalendar .col-md-12{ width:867px; overflow:hidden }
#leftData, #leftData1{ float:left; width:100%; overflow:hidden}
#rightData, #rightData1{ float:left; width:100%; overflow:hidden; margin-right:-110%; margin-left:30px;}
/*15 days calendar pop up end here*/

.Tspace20 h6{ font-size: 12px;margin: 0; text-transform: uppercase; margin-left:15px;}
#test h6 {text-transform: uppercase;}
#test .modal-header {margin-bottom: 0;margin-left: 29px;}
.calenderTitle2{ color:#333333; /*padding-top:10px;*/ position:relative;  font-size: 16px;margin-top:20px; font-family:'Open Sans', Arial, sans-serif}
.calenderTitle2 span{ color:#65707b; font-size:11px; text-transform: uppercase;}
.okButton{ float:right; text-align:right;}






.fifteenCalBtn .pop30days{ width:550px}
/*thirty Days Calendar css*/
.thirtyDaysCal .pop30days{ width:863px;}
.thirtyDaysCal .modal-dialog.cal-fly-details{ width:900px;}
.thirtyDaysCal .DateStyle div{height: auto}
/* .thirtyDaysCal .squeez span{ text-align:center; padding:0} */
/* .thirtyDaysCal .squeez span.cDate{padding-left:18px; text-align:left} */
.thirtyDaysCal .DateStyle h5{margin: 0.5em 0 0;}
.thirtyDaysCal .BLTicker{ /*margin-top:54px*/}
.thirtyDaysCal .navButton{ width:30%; top:18px}
.thirtyDaysCal .calenderTitle2{ margin-top:0}
.thirtyDaysCal .close{ top:5px}

.fifteenCalBtn h2{ margin:25px 0; font-size:17px; font-family:'Open Sans', Arial, sans-serif; font-weight:normal; color:#333333; text-transform:uppercase;border-bottom: 1px solid #900653;line-height:34px;}

/* if the price character more than 8*/
.priceLimit .modal-dialog.cal-fly-details{ width:900px;}
.priceLimit .DateStyle div{ height:8em}
.priceLimit .BLTicker{ /*margin-top:54px*/}
.priceLimit .pop30days{ width:863px;}
.priceLimit .outbound-fifteendays-cal, .priceLimit .return-fifteendays-cal{ width:100% !important; margin-bottom:30px;}
.priceLimit .navButton{ width:30%}
@media (min-width: 320px) and (max-width: 1169px){
	.DateStyle div{ height:8em}
    .BLTicker{ margin-top:54px}
	.modal-dialog.cal-fly-details{ width:900px;}
	.outbound-fifteendays-cal, .return-fifteendays-cal{ width:100% !important; margin-bottom:30px;}
	.fifteenCalBtn .pop30days{ width:863px;}
	.navButton{ width:35%}
	
	
	
}
#nextMonthCal  .modal-dialog{ min-height:400px;}

 @media print { 
   .noDisplayInPrint {
    display: none;
  }
 .flight-content .iti-cont-margin {
    padding-top: 35px; 
}
.loginLink { 
    display: none;
}
body #qrlogo{
    display :none
}
#qrlogo a {
    display: none;
}
.flight-content a.viewTicketIternerary.flR {
    display: none;
}
.flight-content span.ur-icons.u-icons {
    display: none;
}
.flight-content .col-sm-6.confirmation-pnr {
    width: 50%; 
    float: left;
    }
.flight-content .col-md-9 {
    width: 90%;
} 
span.ur-icons.r-icons {
    display: none;
}
html body.at-hide {
    padding-top: 0px;
}
.flight-content .review-price-details {
    margin-top: 0px;
}
.flight-content .mbVoucherBlock {
    margin-top: 0px;
}
body.at-hide #footer { 
    padding: 10px 0 0;
    margin-top: 0;
 }
 /* removing qualtrics from print screen */
.QSIFeedbackButton{
    display: none!important; 
}
.noDisplayInPrint.purchaseAddOnbanner {
    display: none!important; 
  }

}
 
 .otherAirline .desc.notes {
    line-height: 1.7;
}

.payByW58{width:58%;}
.gbpw42{width:42%;}
.gbpFont{font-size:12px !important;}

/*golden ticket*/
.goldenTicket{ background-color:#d1b359; color:#000; font-size:15px !important;}
.goldenticketText{
    width: 100%!important;
    color: #65707b !important;}
  
ul.fly-class li.box6, ul.fly-class li.box7, ul.fly-class li.box8, ul.fly-class li.box9  {display: none}
.multi-cont-center.flexpricer > div{ border-top:0px!important;}
#outbound .nextResult,#return .nextResult{background: url("../images/Next_arrow.png") no-repeat top left; right: -16px; width: 36px; height: 36px; }
#outbound .prevResult,#return .prevResult{background: url("../images/Previous_arrow.png") no-repeat top left; left: 528px; width: 36px; height: 36px;}

.sortnew .w-sort a.duration.active,.sortnew .w-sort a.arrival.active,.sortnew .w-sort a.departure.active {
	background-color:#49b44a;
}

.dep-details, .arr-details {
    width: 39% !important;
}
.family-yrs {
    width: 50px !important;
}

/* Promo Banner styles */
.bannerwrap {
    margin:20px 0;
}
.banner {
    padding: 5px 0px 10px 0px;
    font-size: 13px;
    font-family: 'Open Sans', Arial,sans-serif;
    background:#f8f8f8;
    border:3px solid #630036;
    position: relative;
}
.banner p {
     margin-top: 5px!important;
     color:#333333;
}
.banner p.title {
    font-size: 14px;
    font-weight: bold;
}
.banner span {
    color:#333;
    font-weight: bold;
}
.banner p.desc {
    color:#860849!important;
}
.banner p.desc b {
    color:#860849!important;
}
.banner p.tclink a {
    text-decoration: underline;
}
.banner div.promo_image {
    position: absolute;
    top: 50%;
    transform: translate(300%, -50%);
}

/* Upgrade Banner styles */

.upgradewrap {
    margin:20px 0;
    padding-bottom: 10px; 

}
.flight-itinerary + .row .dark-line{
    display: none;
}
.upgrade-loader {
    background:url("../images/upgrade-banner.png") no-repeat 0 0;
    min-height: 120px;
    padding:30px;
}
.upgrade-option {
    background:url("../images/upgrade-banner.png") no-repeat 0 0;
    min-height: 120px;
    color: #fff;
    padding:30px;
}

.upgrade-option.alwayson-banner { 
    background: url("../images/aougb.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.alwayson-banner-outside h3{
font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
}
.alwayson-banner-outside {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 25px 45px;
    border-bottom-left-radius: 20px;
    border: 1px solid #cbcbcb;
    border-top: 0;
    border-bottom-right-radius: 20px;
}
a.btn-round-oug:hover {
    color: #fff!important;
}
.alwayson-banner-outside .col-md-4.no-gutter {
    text-align: right;
}
html:lang(ar) .upgrade-option.alwayson-banner {
    background: url(../images/araougb.png)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%!important;
}
html:lang(ar) .alwayson-banner-outside .col-md-4.no-gutter {
    text-align: left;
}
.alwayson-banner-outside p {
    font-size: 16px;
    display: inline-block;
    max-width: 47%;
    color: #1F212B;
    font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
}
a.btn-round-oug {
    background: #8E2157;
    color: #fff;
    min-width: 170px;
    display: inline-block;
    border-radius: 20px;
    padding: 13px;
    text-align: center;
    font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
}
.superwifi-option-new{
    background:url("../images/imagewifien.png") no-repeat 0 0;
    min-height: 120px;
    color: #fff;
    padding: 25px 30px 20px 30px; 
    background-position: -147px 0px;
    background-size: cover;
}
.superwifi-option-new svg {
    position: absolute;
    left: -60px;
    top: 20%;
}
.superwifi-option-new h2 {
    font: normal normal normal 19px/22px Noto Sans;
    letter-spacing: 0px;
    color: #FFFFFF; 
    margin-bottom: 0px;
    border: 0px;
    padding: 0px; 
    max-width: 286px;
    }
.superwifi-option-new a.superwifi {
    border-radius: 10px;
    padding: 7.5px 24px;
    width: 134px;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 11px;
    letter-spacing: 0.5px;
}

/* Al Maha banner  Styles */
@font-face{font-family:Jotia;src:url(../fonts/jotia.eot);src:url(../fonts/jotia.eot?#iefix) format("embedded-opentype"),url(../fonts/jotia.woff) format("woff"),url(../fonts/jotia.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family: 'Noto Sans';src:url(../fonts/Noto-Sans-regular.eot);src:url(../fonts/Noto-Sans-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Noto-Sans-regular.woff) format("woff"),url(../fonts/Noto-Sans-regular.ttf) format("truetype");font-weight:400;font-style:normal}

.almaha-card-img {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  max-width:100%;
}

.conf-next-step h4.almaha-card-title {
  margin-bottom: 7px; 
  font-size: 20px;
  font-family: Jotia; 
    font-weight: 300;
letter-spacing: 0px;
color: #5C0931;
font-weight: 400;
line-height: 24px;
}
.ins-banner h4.almaha-card-title {
    margin-bottom: 12px;
}
.conf-next-step.almahaBannerDisplay img{
margin-bottom: 0;
}
.almaha-card {
    max-width: 262px;
    background: #fff;
	border:1px solid #e0e0e0;
	margin-bottom: 40px;
}
body .almaha-card .btnYellow { 
    padding: 12px 25px 11px;
	}
.almaha-card-body {
    padding: 12px 15px 15px 15px;
    font-family:'Noto Sans'
}
p.almaha-card-text {
  font-size: 12px;
  font-family:'Noto Sans';
  margin-bottom:20px!important;
  color:#707070;
  line-height:1.3;
}

body .btnYellow{
    display: block; 
    padding: 13px 25px 9px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    color: #460c2e;
    border-radius: 5px;
    background: #ffa903;
    border: 2px solid #ffa903;
    outline: 0;
    font-family:'Noto Sans'
}
body .btnYellow:hover {
    color: #460c2e !important;
    border-color: #F8981D;
    background: #F8981D;
    background: linear-gradient(0deg, #F8981D 0%,#F8981D 100%);
} 

a.superwifi {     
    font-size: 12px Arial;
    color: #FFFFFF;
	margin:15px 0px 0px;
	border: 1px solid #FFFFFF;  
    padding: 15px 27.5px;	
}
.upgrade-option .fare {
    border-left:#7d3a5a 1px solid;
    font-family: 'Open Sans', Arial,sans-serif;
    padding: 0 0 0 20px;
}
.upgrade-option .fare span {
    font-size: 12px;
    font-family: 'Open Sans bold', Arial,sans-serif;
}
.upgrade-option .fare p {
    font-size: 27px;
    font-family: 'Open Sans light', Arial,sans-serif;
}
.upgrade-option .fare small {
    font-size: 10px;
}
.upgrade-option a{
    border:1px solid #dad1d9;
    color: #fff;
    padding:15px;
    margin-top:15px;
    display: inline-block;
    -webkit-transition: all .75s linear 0s;
    -moz-transition: all .75s linear 0s;
    -o-transition: all .75s linear 0s;
    transition: all .75s linear 0s;
}
.upgrade-option a:hover{
    text-decoration: none;
    background: #84084a;
    color:#fff !important;
}

.loaderupgrade{
    background:url("../images/ajax-loader.gif") no-repeat center center;
    min-height:120px;
    width:100%;
    text-align:center;
    font-family: 'Open Sans light', Arial,sans-serif ;
    font-size:24px;
}

.noUpgradeOptionTxt {
    min-height:120px;
    width:100%;
    text-align:center;
    font-family: 'Open Sans light', Arial,sans-serif ;
    font-size:24px;
    padding-top: 33px;
}
.loungeLoaderImg{
    background:url("../images/ajax-loader.gif") no-repeat center center;
    min-height:120px;
    width:100%;
    text-align:center;
    font-family: 'Open Sans light', Arial,sans-serif ;
    font-size:24px;
}

/* Personal information law */

.review-box p.review-title {
    font-family: sans-serif;
    font-size: 18px;
    color: #333;
}

.white-gray-box {
    border: 1px solid #ccc;
    height: 100px;
    overflow: auto;
	color: #333;
	padding:10px;
}

.white-gray-box p {
    margin: 0px;
}

.review-box-content{
padding: 10px;
}

.review-box-content p{ 
	margin: 0px;
}

.review-box ul {
    margin:0 10px;
	padding-left:5px;
}

.review-box li {
    list-style-type: disc;
}

.review-gray-box{
    padding: 13px 10px 4px 10px;
    border: 1px solid #ccc;
    background: #f2f2f2;
}


.custom-box{
	background: #f2f2f2;
    margin: 10px 0px;
    padding: 15px 10px 7px 12px;
	border: 1px solid #ccc;
}

.custom-box-contact label{
    color: #333;
}



/* Start Disassociation box */


.disassociation-heading {
    color: #900652;
    font-size: 40px;
    font-family: 'Open Sans', Arial,sans-serif;
    margin-bottom: 12px;
    font-weight: 300;
	
	font-family: sans-serif;
    font-size: 18px;
    color: #333;
	margin-top:30px;
}

.destinations-margin{
	margin-bottom:34px;
}

.disassociation{
    padding: 30px 10px 10px 10px;
    border: 1px solid #ccc;
    margin: 0px;
}

.disassociation .destinations header span{
	font-size: 16px;
	font-weight:400;
}

.disassociation .destinations header .sprit-icons {
	width: 8px;
    height: 16px;
    background-position: -529px -6px;
    vertical-align: -3px;
    margin: 2px 2px 2px 5px;
}

.info-bar {
    padding: 15px 20px;
    margin-bottom: 20px;
	background-color:#2F9FD6;
}
.info-bar .info-msg {
    font-size: 16px;
    color: #000000;
    background: url(../images/Info_icon.png) no-repeat center left;
    padding: 9px 0;
}
.info-bar .info-msg p {
    font-size: 13px;
    padding-left: 60px;
    margin-bottom: 0;
}

.box-margins{
margin-top: 30px;
}

.alertmsg-bar {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     border-style: solid;
     border-color: rgb(242, 242, 242);
     border-width: 1px;
     border-radius: 6px;
     box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 3px;
     padding: 13px;
     display: block;
     background-color: #00aeef;
     font-size: 14px;
     color: #000000;
     margin-bottom: 20px;
     margin-top:10px;
}
.alertmsg-bar .alertmsg-msg {
    font-size: 16px;
    color: #000000;
    background: url(../images/Alert_icon.png) no-repeat center left;
    padding: 9px 48px;
}
.alertmsg-bar .alertmsg-msg p {
    font-size: 13px;
    padding-left: 60px;
    margin-bottom: 0;
}

.alertmsg-bar .alertmsg-msg a, .alertmsg-bar .alertmsg-msg a:hover, .alertmsg-bar .alertmsg-msg a:active{
color:#000000 !important;
text-decoration:underline;
}

.terms-option-box{
	background: #f2f2f2;
    padding: 15px 10px;
    border: 1px solid #ccc;
    margin-left: 0px;
    margin-right: 0px;
}

.terms-option-box span {color: #ff0000; }

/* End Disassociation box */

/* Start Cross Icon */

body a {
    cursor: pointer;
    transition: color 350ms, background-color 350ms, border-color 350ms;
}


a.policyNumber, a.policyNumber:hover,  a.policyNumber:active {
    color: #5c0931  !important;
    text-decoration: none;
}


[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-cross:before, .input-file--with-icon.filled .input-file-button .icon:before {
    content: "\e918";
}

.ins-price-section {
    margin-top: 12px;
}

/* End Cross Icon */


#ancillaryOffloadMoal.modal .modal-dialog {
    width: 840px;
}

/*hold-booking changes*/

/* #ancillaryOffloadMoal .modal-dialog h1 {
    color:#63003d;
}
#ancillaryOffloadMoal.modal ul li {
    list-style:disc;
    list-style-position: inside;
    padding:2px 0;
} */


#ancillaryOffloadMoal .modal-dialog h1 {
    color:#1F212B;
    font-family:'Jotia_thin';
    font-size: 48px;
}
#ancillaryOffloadMoal .modal-dialog p {
    color:#4A525D;
    font-family: 'Noto Sans';
    font-size: 16px;
}
#ancillaryOffloadMoal.modal ul li {
    list-style:disc;
    list-style-position: inside;
    padding:2px 0;
    color: #29293F;
    font-size: 16px;
 font-family: 'Noto Sans';
}
#ancillaryOffloadMoal.modal button.btn{
    padding-left:15px;
}
.ibe-nav li span.i-addon current {
    background-position: -1144px -30px;
}
.ibe-nav li span.i-addon {
    background-position: -1144px 0px;
}

.con-tabs-right.hiddenleft{
    float: left;
    padding-left: 30px;
    border-left: 0px solid #e3e3e3;
}

.collapsetext{
	color: #747f8a;
}

ul.con-text {
    padding-bottom: 20px;
}

ul.con-text li, ul.con-text {
    list-style: disc outside none !important;
    padding: 6px 0;
    float: none;
    margin-left: 8px;
}
#priceTax button.close {
    /*right: -15px;*/
}

.alertmsg-bar .alertmsg-msg1 {
    font-size: 16px;
    color: #000000;
    padding: 9px 0;
}
.alertmsg-bar .alertmsg-msg1 p {
    font-size: 13px;
    padding-left: 60px;
    margin-bottom: 0;
}

div#exampleCaptcha_CaptchaDiv{    border: 1px solid #ccc;  background: #f2f2f2; padding-top: 5px !important;display: flex;}
div#exampleCaptcha_CaptchaImageDiv{    padding: 0px 5px !important;}
div#exampleCaptcha_CaptchaDiv img{    width: 80%; }
input#captchaCode { margin-top: 10px;  width: 211px !important;}

@media (max-width: 1169px) and (min-width: 320px)
.session-btn {
    padding: 6px 30px;
}
.session-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.session-btn-4 {
    border-radius: 3px;
    color: #fff;
    overflow: hidden;
}
.session-btn-style {
    font-size: 14px;
    color: #fff;
    background: #900652 !important;
    float: right;
    padding: 7px 30px !important;
}
.session-btn-style:before{
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
 }
/* Button 4 */
.session-btn-4 {
  border-radius: 3px;
  color: #fff;
  overflow: hidden;
}

.session-btn-4:active {
  color: #ccc;
}
.session-btn-4:before {
  position: absolute;
  height: 100%;
  font-size: 125%;
  line-height: 3.5;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.session-btn-4:active:before {
  color: #17954c;
}

.radiobtn input[type=radio][disabled], .radiobtn input[type=radio][disabled] + label{ display: block; }

/*feedback popup css start */
.modalTitle-sm{  font-size: 18px;  color: #333333;  border-bottom: 1px solid #900653;padding-bottom: 10px;}
#feedBackModal .modal-sm{width: 470px;}
.fb-StarList{ float: left; margin-bottom: 15px;}
.fb-StarList li{ display: block; float: left; margin-right: 20px;}
.fb-StarList li a{display: block;width:32px; height:32px; overflow: hidden; text-indent: -999px; position: relative;
  background: url("../images/fb-starIco.png") no-repeat 0 center;
  background-size: 32px;
}
.fb-StarList li a.active{background-image: url("../images/fb-starHoverIco.png");}
#feedBackModal .confirm-box p{ margin: 20px 0 0 0}
#feedBackModal .selectbox{width:100%; }
#feedBackModal label{width:100%; margin:10px 0; font-weight: bold}
.showFBForm{  float: left; display: none;}
.showFBBtn{  float: right; display: none; margin-top: 8px}
.starContent{ margin-top: 8px;}
.feedbackBtn{ position: fixed; top: 50%; right:0; }
.feedbackConfirm{ float: left; width:100%; display: none; margin-top: 30px;}
.fbHead{    color: #900652;  font-size: 22px;  border: none;  padding: 0;  text-transform: none;  margin-bottom: -10px;}

.carbon-notes-li li{
 	list-style-type: disc;
 	list-style-position: inside;
 }
  .outbound-fifteendays-cal .navButton{ width:50% !important}  
  .return-fifteendays-cal .navButton{ width:50% !important}
  
/*css for fixflydetail header start*/

.commonFixHeader .fixedFlyDetail{
    height: 53px;
    overflow: hidden;
    width: 100%;   
}
.commonFixHeader  .sel-fly-details {
    background: #153243;
    overflow: hidden;
	height: 53px;
}
.stickyOn .header-line{ margin-bottom:53px}
.stickyOn  .commonFixHeader .fixedFlyDetail{
    position: fixed;
    top: 72px;
    width: 100%;
    z-index: 1;
}

/*.stickyOn  .commonFixHeader .sel-fly-details {
    background: #630036;
}

.commonFixHeader  .sel-fly-details .divider {
    background: url(../fafi/images/sep-Border.gif) repeat-y right 0;
}*/
.commonFixHeader  .sel-fly-details .divider-tab .col-lg-4 {   
    min-height: 52px;
    width: 33.33333333%;
    float: left;
    padding-top: 7px;
    white-space: nowrap;
}

.commonFixHeader   .sel-des .ur-icons {
    margin-top: 8px;
    margin-right: 15px;
   
}

.commonFixHeader  .divider-tab {    
    padding: 0px 0 0;
}

.commonFixHeader .sel-Total{    margin-top: -5px;}

.commonFixHeader .no-divider .sel-Total .ttl{
    font-size: 20px;
    display: block;
    line-height: 27px;
    font-weight: 500;
}
.commonFixHeader .no-divider .sel-Total .ttl abbr {
    font-size: 16px;
    font-weight: 300;
}
.commonFixHeader .no-divider .sel-Total .ttl sup {
    font-weight: 300;
    font-size: 60%;
}

@media (min-width: 769px) {
	.headingg{ z-index:0; transition: none;}
	.stickyOn .headingg{     position: fixed;  top: 72px; margin-top:0; z-index:2}
	
	.stickyOn .Pre-retrive{ margin-top:53px;}
	.stickyOn.cS .headingg{     position: fixed;  top: auto; margin-top: -50px; z-index:1}
	.stickyOn.eS .headingg{     position: fixed;  top: 125px; margin-top:auto; z-index:555;}
	
	.stickyOn.cS .Pre-retrive{ margin-top:92px;}
}

@media (max-width: 768px) {
	.commonFixHeader{ display:none;}
	.stickyOn .header-line{ margin-bottom:0}	
	
}
  /*css for fixflydteail header end*/
  
.confirmation-name .usStopoveConfirmationMessage {
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    padding-left: 0px;
}

.confirmationHeight{
	height: 125px;
}

/*css for at.js start*/
.at-hide{
	opacity:1 !important;
}
/*css for at.js end*/

/* CSS for calender */
	.taxInMonthCal {
    display: block;
    width: 100%;
    margin: 0 !important;
}
.taxInMonthCal > span{ display:inline-block;     margin: 0;}
.cDate {
    display: block;
    line-height: normal;
    margin: -5px 0 8px;
}
.squeez .cPrice {
    font-weight: bold;
    font-size: 12px !important;
}
.cPlus{display:block;margin-top: -2px;    text-align: right !important;
    line-height: 12px;}
.DateSelected strong{ color:#fff}
.squeez .BLTicker{ margin-top:0}
/* CSS for calender End*/
body, html{min-width: auto;}
@media (max-width:767px){
.iframe-component iframe{width:92vw}
.iframe-component iframe body{   padding-top: 0;}
.iframe-component #cugBody, .iframe-component .search-box-main{background-color: transparent;}
.showpremium{    padding: 0;margin-left: 4px;}
margin-bottom: 10px;
}
/*15 days cal for User Story 125617 style start */

a.LeftArrow, a.RightArrow{ font-size: 13px;color: #747474; height: 25px; float:right; border-style:none; background-color:#FFF; text-decoration:none; cursor:pointer;}
.navButton a span{ display: inline-block;width:23px; height:25px;margin: 0 7px;    vertical-align: middle;}
a.RightArrow{ float: left;}
.LeftArrow .sprit-icons{ background-position:-862px -164px;}
.RightArrow .sprit-icons{ background-position:-906px -164px;}
.disable .sprit-icons{ background-position:-906px -36px ; cursor:default !important}
a:first-child.disable{background-position:-862px -36px ;}
/*.col-md-2.noDate, .col-md-2.noDate:hover {border: none}*/

/*15 days cal for User Story 125617 style end */

.mainContainer {padding-top:25px;}
.sel-fly-details.fixed{top:72px}

.balertContent a{color:#fff; text-decoration:underline}

.diningmmbnew-banner {
    background: url(../images/diningmmbnew.png) no-repeat 0 0;
    min-height: 250px;
    color: #fff;
    padding: 88px 30px 0px 5px;
    background-size: contain;
    background-position: center center;
    margin: 0 15px;
    max-width: 847px;
}
.diningmmbnew-banner h2{
    font-size: 32px;
    color: #5C0931;
    border-bottom: 0px;
    margin-bottom: 18px;
    word-spacing: 4px;
}
.diningmmbnew-banner span {
    color: #4A525D;
    font-size: 18px;
    margin-bottom: 4px;
    display: block;
}
a.diningmmb {
    border: 1px solid #5C0931;
    color: #5C0931;
    border-radius: 8px;
    padding: 14px 15px;
    font-size: 15px;
    line-height: 1;
    width: 143px;
    height: 44px;
    display: block;
    text-align: center; 
    transition: 0.1s;
    text-decoration: none!important;
}
a.diningmmb:focus {
    outline: #5C0931 solid 0px !important;
    background: #5C0931; 
    color: #fff!important;
}

a.diningmmb:hover {
    background: #5C0931; 
    color: #fff!important;
    text-decoration: none; 
    padding: 15px 21px;
}
  #dining_banner_div + .iti-cont-margin  .passDet{
    line-height: 1.2;
}
html:lang(ar) .diningmmbnew-banner {
    background: url(../images/diningmmbnewar.png) no-repeat 0 0;
    background-size: contain;
    background-position: center center;
}
.errorPaxMsgVal + .errorPaxMsgVal{
    display: none;
}

/* Added below CSS to handle ineligible PNRs Refund page */

.refundIneligibleCls .refund-para {
    padding-left: 20px;
}

.refundIneligibleCls .refund-wrap table {
    margin-top: 16px;
}
 #cancelFlight .refundIneligibleCls .refund-wrap input {
    margin-top: 15px;
    width: 19px;
    height: 19px;
    margin: 0;
    top: -2px;
    position: absolute;
}

.refundIneligibleCls .refund-para td  {
display:block;
position:relative
}
.refundIneligibleCls #cancelFlight .refund-para td input {
    position: absolute;
    left: -26px;
    top: 0;
    margin: 0px;
}
#cancelFlight .refundIneligibleCls .refund-wrap label {
    padding-left: 27px;
}


.refundIneligibleCls .refund-para {
    padding: 0;
    border: 0px;
}
#cancelFlight .refundIneligibleCls .refund-wrap {
    border: 0px;
    margin: 0px;
    padding: 20px 0;
}
.refundIneligibleCls .refunc-mesg.refunc-mesg-casetwo {
    display: none;
}
.voucher-active .refunc-mesg {
    display: none;
}
.voucher-active .refunc-mesg.refunc-mesg-casetwo {
    display: block;
}
.refunc-mesg {
    background: #F2F3F9;
    padding: 25px;
    border-radius: 4px;
    line-height: 26px;
    color: #1F212B;
    padding-left: 70px;
    position: relative;
}
.refunc-mesg p.boldLabel {
    font-weight: 600;
    font-family: 'Noto Sans';
	margin-bottom: 10px;
}
.refundIneligibleCls .refund-wrap table {
    margin-bottom: 30px;
}
.refundIneligibleCls .refund-wrap{
	    padding-top: 0px;
}
.refundIneligibleCls .refund-wrap p{
    padding-bottom: 8px;
    line-height: 1.5;
}

.refundIneligibleCls #cancelFlight .refund-wrap p { 
    max-width: 724px;
    color: #1f212bfa;
    font-weight: 400;
    font-family: 'Noto Sans';
    color: #65707B;
}
.refundIneligibleCls #cancelFlight .refund-wrap p + p {
    font-weight: 400;
    font-family: 'Noto Sans';
}
.refundIneligibleCls p.boldLabel {
    font-weight: 600;
}
.refundIneligibleCls .refund-wrap img { 
    width: 29px;
    position: absolute;
    left: 25px;
}
.refund-section.refundIneligibleCls > div {
    padding: 0px;
}
#cancelFlight .refundIneligibleCls .refund-wrap label{
font: normal normal bold 16px/22px Noto Sans;
}

.mb-up-confirmation-note .ineligbleRefundConfCls p {
    font-size: 14px;
    color: #1F212B;
    margin-bottom: 16px;
    text-indent: 20px;
	 position: relative;
}
.mb-up-confirmation-note .ineligbleRefundConfCls p + p:before {
    content: "—";
    position: absolute;
    left: -19px;
    top: -2px;
}
.mb-up-confirmation-note .ineligbleRefundConfCls h2 + span {
    margin-bottom: 14px;
    display: block;
}
.mb-up-confirmation-note .ineligbleRefundConfCls p:first-child {
    font-weight: 600;
    margin-bottom: 15px;
}
.ineligbleRefundConfCls {
    margin-top: 30px;
    font-family: 'NotoSansMedium';
    font-weight: 500;
}
.mmb-oug-baggage > div > div {
   display: block;
   /* color: #000;
   font-weight: 600; */
}

.mmb-oug-baggage > div > div + div + div {
   text-decoration: line-through;
   color: #282828;
   font-weight: 400;
}

.mmb-lable-oug {
    display: block!important;
    color: #5c0931;
}

/* Previlege Club User Popover for Swift - start */
.user-pc-card-container {
    height: 208px;
    width: 100%;
    background-position: center center !important;
    background-size: cover !important;
    padding: 24px 20px;
    position: relative;
    color: #ffffff;
  }
  
  .user-pc-card-container.BURGUNDY, .pc-user-account-icon.BURGUNDY {
    background-color: rgb(92,9,49);
    background-image: url("https://www.qatarairways.com/content/dam/images/ui/tier/burgundy-tier-bg.jpg");
    background: linear-gradient(130deg, rgba(92,9,49,1) 0%, rgba(142,33,87,1) 32%, rgba(92,9,49,0) 100%), url("https://www.qatarairways.com/content/dam/images/ui/tier/burgundy-tier-bg.jpg");
  }
  
  .user-pc-card-container.SILVER, .pc-user-account-icon.SILVER {
    background-color: rgb(74,82,93);
    background-image: url("https://www.qatarairways.com/content/dam/images/ui/tier/silver-tier-bg.jpg");
    background: linear-gradient(130deg, rgba(74,82,93,1) 0%, rgba(140,145,155,1) 32%, rgba(0,0,0,0) 100%), url("https://www.qatarairways.com/content/dam/images/ui/tier/silver-tier-bg.jpg");
  }
  
  .user-pc-card-container.GOLD, .pc-user-account-icon.GOLD {
    background-color: rgb(100,67,22);
    background-image: url("https://www.qatarairways.com/content/dam/images/ui/tier/gold-tier-bg.jpg");
    background: linear-gradient(130deg, rgba(100,67,22,1) 0%, rgba(194,147,82,1) 32%, rgba(0,0,0,0) 100%), url("https://www.qatarairways.com/content/dam/images/ui/tier/gold-tier-bg.jpg");
  }
  
  .user-pc-card-container.PLATINUM, .pc-user-account-icon.PLATINUM {
    background-color: rgb(65,74,76);
    background-image: url("https://www.qatarairways.com/content/dam/images/ui/tier/platinum-tier-bg.jpg");
    background: linear-gradient(130deg, rgba(65,74,76,1) 0%, rgba(47,55,57,1) 32%, rgba(0,0,0,0) 100%), url("https://www.qatarairways.com/content/dam/images/ui/tier/platinum-tier-bg.jpg");
  }
  
  .user-pc-card-container.STUDENT, .pc-user-account-icon.STUDENT {
    background-image: url("https://www.qatarairways.com/content/dam/images/ui/tier/student-club-bg.jpg");
    background-position: left 28% top 50%;
  }
  
  .user-pc-account-container {
      background-color: #ffffff;
  }
  
  .user-pc-details {
      padding: 24px 20px 20px;
  } 
  
  .user-pc-details .user-pc-title {
      font: 14px/18px Arial;
      color: #4A525D;
  }
  
  .user-pc-details .user-pc-desc {
      font: 18px/24px Arial;
      color: #1F212B;    
      margin-top: 12px;
  }
  
  .user-pc-card-contents-bottom {
    position: absolute;
    bottom: 20px;
  }
  
  .user-pc-card-name {
    font: 18px/24px 'Noto Sans', sans-serif;
  }
  
  .user-pc-card-tier {
    font: 100 28px/37px Jotia;
    text-transform: capitalize;
  }
  
  .user-pc-card-benefits-lg, .user-pc-card-benefits-lg > span {
    font: 18px/24px 'Noto Sans', sans-serif;
    margin-top: 4px;
  }
  
  .user-pc-account-popover {
    border-radius: 12px 12px;
    width: 400px;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 52px;
    right: 0;
    box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.12);
  }
  
  *[dir="rtl"] .user-pc-account-popover{
    right: unset;
    left: 0;
  }
  
  .user-pc-account-menu {
    display: flex;
  }
  
  .user-pc-account-menu > a {
    flex-grow: 1;
    text-align: center;
    border-top: 1px solid #ECEEF5;
    border-right: 1px solid #ECEEF5;
    font: 14px/18px Arial;
    color: #4A525D;
    padding: 20px 16px 20px;
  }
  
  .user-pc-account-menu > a:last-child {
    border-right: none;
  }
  
  .pc-user-account-icon {
    border-radius: 50%;
    cursor: pointer;
    float: right;
    position: relative;
    margin-top: 10px;
  }
  
  *[dir="rtl"] .pc-user-account-icon {
    float: left;
  }
  /* Previlege Club User Popover for Swift - end */
  
  .disableClick {
	pointer-events: none !important;
	cursor: default;
	text-decoration: none;
	color: black;
	opacity: 0.5;
}
#initiatechatwindow {
    margin: 10px;
}
#initiatechatwindow{
    display: none;
}
button#initiatechatwindow {
    text-transform: initial;
}

/*newriphub */
.newtrip-section{
	background: transparent linear-gradient(312deg, #494A65 0%, #0D1423 100%) 0% 0% no-repeat padding-box;
	border-radius: 12px; 
	padding: 20px 20px;
    width: 100%; 
	display: block;
    display: flex;
    justify-content: space-between;
}
.newtrip-section * {
    color: #fff;
}
.heading .newtrip-section h3 {
	font-size: 18px;
    color: #fff;
	margin-bottom: 8px;
    font-family: 'Graphik', 'Noto Sans',sans-serif; 
}
.newtrip-section h2 { 
    font-size: 32px;
    border: 0px;
    font-family:'jotia_thin'; 
    font-weight: 300;
}
a.link.newTripHub-link { 
    border: 1px solid white;
    height: 57px;    
    max-width: 300px; 
    margin-top: 30px;
    padding: 17px 25px;
    border: 1px solid #FFFFFF;
    border-radius: 31px;
    text-decoration: none;
    font-size: 15px;
    font-family: 'Graphik', 'Noto Sans',sans-serif; 
    z-index: 9;
    position: relative;
}
.newtrip-wrap.notlogin a.link.newTripHub-link { 
    margin-top: 27px;
}

body a.link.newTripHub-link:hover {
    color: #e3e2e2!important; 
    text-decoration: none;
}
.newtriphubInner {
    width: 60%;
    float: left;
	position: relative;
}
.newtriphubInner:after {
    content: ""; 
    content: url(../images/crew.png); 
    position: absolute;
    top: -62px;
    left: 88%;
}
.newtrip-wrap{
    overflow: hidden;
    padding: 19px 0px 0px 0px;
}
a.link.newTripHub-link:hover {
    color: #fff!important;
}
body[dir*="rtl"] .newtriphubInner:after {
    left: auto;
    right: 88%;
} 
body[dir*="rtl"] .newtrip-section h2 {
    font-size: 23px;
}
body[dir*="rtl"]  .newtrip-section h2 { 
    text-transform: initial;
}
body[dir*="rtl"] .heading .newtrip-section h3 { 
    direction: ltr;
    text-align: right;
    text-transform: inherit;
}
.newtrip-section{
    display:none;
}
html:lang(en) .newtrip-section{
    display:flex;
}
/*newriphub banner end */

.chkbox.chkbox-cancel input[type=checkbox].disableCheckBox + label {
    background-position: 0 -19px;
    opacity: 0.5;
    background-image: url(../images/checkbox.jpg);
    background-repeat: no-repeat;
    pointer-events: none;
}
.disableCheckBox{
	cursor:none;
}

.flight-content .blueAlert { 
    margin: 0 0 24px;
   -moz-box-shadow: 0px 5px 5px rgba(68, 68, 68, 0.1);
   -webkit-box-shadow: 0px 5px 5px rgb(68 68 68 / 10%);
   box-shadow: 0px 5px 5px rgb(68 68 68 / 10%);
}
.flight-content .blueAlert:before{
    top: -1px;
    background: url(/cms/resourcesCPM/images/Blueinfon.svg) no-repeat center center; 
}
.flight-content .blueAlert p{
    font-size: 16px;
}


/*New PC Banner */
.pc-image img {
  width: 100%;
  height: auto;
  border-radius: 20px 0px 0px 20px;
}
.pc-banner {
background: #F4F4F4 0% 0% no-repeat padding-box;
border-radius: 20px;
opacity: 1;
padding: 0;
}
.pc-banner .pc-image {
  padding: 0;
}
.pc-desc {
  padding: 24px;
}
.pc-desc .title {
font: normal normal 300 24px/34px Jotia;
font-weight: 100;
letter-spacing: 0px;
color: #8E2157;
opacity: 1;
margin-bottom: 16px;
}
.pc-desc .subtitle {
font-family: Noto Sans;
font-size : 16px;
letter-spacing: 0px;
color: #1F212B;
opacity: 1;
margin-bottom: 16px;
}
.pc-desc .desc {
  color: #4A525D;
  font-size: 14px;
  font-family: 'Noto Sans';
  margin-bottom: 24px;
}
.pc-desc .tclink {
  text-align: right;
  padding-top: 16px;
}
.pc-desc .tclink a{
    background: #8E2157 0% 0% no-repeat padding-box;
    border-radius: 100px;
    font-family: Noto Sans;
                font-size : 16px;
                font-weight: medium;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 16px 24px;
}
.pc-desc .tclink a:hover {
    color: #FFFFFF !important;
    text-decoration: none;
}
/*New QR Code Styles*/
.app-download-wrapper {
  text-align: center;
  margin-bottom: 24px;
}
.app-download-wrapper .title {
  margin-top: 16px;
  color: #630036;
  font-size: 18px;
  font-family: 'Noto sans',sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
}
.app-download-wrapper .banner-captions {
  padding-left: 10px;
}
.banner-captions ul {
  text-align: left;
}
.banner-captions ul li {
  font-size: 16px;
  font-family: 'Noto sans',sans-serif;
  color: #726E70;
  margin-left: 12px;
}
.banner-captions ul li span {
    margin-right: 12px;
}
.disruptFltCncl .cellDiv{
    float: right;
    width: auto;
    padding: 0;
}




/* disruption  */
body.disruptionFltBody #scheduleChange{
    border-color: #FDE900;
    margin-top: 30px;
}
body.disruptionFltBody #scheduleChange.ostf-disruption ,body.disruptionFltBody #disruptionFltCancel.error-box-Orange.ostf-disruption{
  border-color: #DBDEE8; 
  border-radius: 20px;
  border-width: 1px;
 }
 body.disruptionFltBody #disruptionFltCancel.error-box-Orange.ostf-disruption{
    margin-top: 30px;
 }
 body.disruptionFltBody #scheduleChangeForm\:refundAmountBtn {
     background: none;
     color: #900652;
   
 }
 
 body.disruptionFltBody a#scheduleChangeForm\:refundAmountBtn , body.disruptionFltBody input#scheduleChangeForm\:scheduleChangeBtn ,
 body.disruptionFltBody a#scheduleChangeForm\:cancelflightRefundPopup{
     background: none;
     color: #900652;
     font-weight: 600;
     text-decoration: underline;
 }
 body.disruptionFltBody .b-status-confirmed.REACCOMMODATED ,
 body.disruptionFltBody .b-status-confirmed.CANCELLED ,
 body.disruptionFltBody .b-status-confirmed.PARTIALLY_CONFIRMED {
     background: #FDE900;
     padding: 11px 0 11px 10px;
     color: #282828;  
     margin-top: 38px;
     margin-right: 24px;
     font-size: 22px;
     line-height: 1;
 }
 body.disruptionFltBody .b-status-confirmed.REACCOMMODATED span, 
    body.disruptionFltBody .b-status-confirmed.CANCELLED span, 
    body.disruptionFltBody .b-status-confirmed.PARTIALLY_CONFIRMED span {
     color: #282828;
     font-weight: 600;
    position: relative;
     padding-left: 7px;
     color: #4A525D;
     font: normal normal bold 22px/26px Arial;
 }
 body.disruptionFltBody .b-status-confirmed.REACCOMMODATED span:before ,
 body.disruptionFltBody .b-status-confirmed.CANCELLED span:before ,
 body.disruptionFltBody .b-status-confirmed.PARTIALLY_CONFIRMED span:before{
    
     content: ":";
     right: 99%; 
     position: absolute;
     top: 0px;
      color: #282828;
 }
 
 .row.disrupted-segments{
      border: 3px solid #FDE900;
      display: flex;

 }
 body.disruptionFltBody .col-sm-6.cellDiv.empty-dev {
     display: none;
 }
 body.disruptionFltBody .row.empty-dev-parent {
    display: flex; 
    align-items: center;
 }
 body.disruptionFltBody .row.empty-dev-parent > div.cellDiv {
     text-align: left;
     display: flex;
     padding-left: 0;
     width: auto;
 }
 body.disruptionFltBody .col-sm-6.cellDiv.empty-dev + div { 
    padding-left: 73px;
    padding-right: 0;
    margin-right: 24px;
    max-width: initial;
    width: auto;
 }
 .row.disrupted-segments + .flight-itinerary .flight-details-header {
     border-top: 0px;
 }
 
 body[dir*="rtl"].disruptionFltBody #scheduleChangeForm a#scheduleChangeForm\:refundAmountBtn,  body[dir*="rtl"].disruptionFltBody #scheduleChangeForm input#scheduleChangeForm\:scheduleChangeBtn{
    font-size: 17px;
 }
 body.disruptionFltBody #scheduleChangeForm a#scheduleChangeForm\:refundAmountBtn:hover{
     color: #3f0022!important;
    font-weight: 800;
 }
 
 body.disruptionFltBody .b-status-confirmed.CANCELLED span {
     color: #B4071C;
 }
 
 
 .row.disrupted-segments.disrupted-segments-cancel + div {
     opacity: 0.3; 
 }
 .row.disrupted-segments .destinations .heading { 
     display: block;
 }
 body.disruptionFltBody .ostf-disruption .row.empty-dev-parent , body.disruptionFltBody .ostf-disruption .row.disruptFltCncl {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
 }
 .ostf-disruption-segments {
    border: 1px solid #DBDEE8;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 22px;
}
.ostf-disruption p.segments-timechanges {
    display: flex;
    justify-content: space-between;
}
.ostf-disruption span.disruption-batch {
    background-color: #F2F3FA;
    padding: 5px 10px;
    border-radius: 64px;
    font-size: 14px;
    padding-left: 30px;
    font-weight: 600;
    position: absolute; 
    display: inline-block;
    right: 10px;
    top: -51%;
    font-family: 'Graphik Web';
    font-weight: 500;
    color: #1F212B;
}
.ostf-disruption span.disruption-batch:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 12px;
    width: 7px;
    height: 7px;
    background: #FCC500;
    border-radius: 50%;
}
.ostf-disruption .segments-timechanges.disruption-Cancelled span.disruption-batch:before {
    background: #D95757;
}
.ostf-disruption .segments-timechanges.disruption-Cancelled span {
    text-decoration: line-through;
    color: #9099A2;
    margin-right: 12px;
}
.ostf-disruption .segments-timechanges.disruption-Cancelled span.disruption-batch {
    color: #4A525D;
    text-decoration: none;
}
.error-box-Orange.ostf-disruption p span {
     display: inline-block;
}
 body.disruptionFltBody .ostf-disruption .error-box-Orange-info2 {
     background-position: top left;
     background-image: url("../images/alert-triangle.png"); 
    background-size: 19px;
    padding: 0px;
    background-position: left 8px;
 }
body.disruptionFltBody .ostf-disruption .error-box-Orange-info2 p {
    padding-left: 37px;
    padding-top: 5px;
    font-size: 16px;
    color: #4A525D;
    position: relative;
    font-family: Graphik Web, Noto Sans, Verdana, Geneva, sans-serif;
    font-weight: 400;
}
body.disruptionFltBody .ostf-disruption .error-box-Orange-info2 p strong{ 
    font-size: 18px;
    color: #1F212B;
    font-family: 'Graphik Web';
    font-weight: 500;
}
body.disruptionFltBody .ostf-disruption .error-box-Orange-info2 p br {
    display: none;
}
body.disruptionFltBody .ostf-disruption .error-box-Orange-info2 p a {
    color: #4A525D;
    text-decoration: underline;
    font-weight: 500;
    font-family: Graphik Web, Noto Sans, Verdana, Geneva, sans-serif;
}
.ostf-disruption a#scheduleChangeForm\:nbxRefundAmountBtn , .ostf-disruption a#disruptionFltCancelForm\:nbxRefundAmountBtn{
    border: 1px solid #8E2157;
    background: #8E2157;
    border-radius: 32px !important;
    padding: 10px 30px 10px 30px;
    font-family: 'Graphik Web';
    font-weight: 500;
}
.ostf-disruption a#scheduleChangeForm\:nbxRefundAmountBtn:hover , .ostf-disruption a#scheduleChangeForm\:nbxRefundAmountBtn:focus,
.ostf-disruption a#disruptionFltCancelForm\:nbxRefundAmountBtn:hover ,.ostf-disruption a#disruptionFltCancelForm\:nbxRefundAmountBtn:focus{
    color: #ffffff !important;
    box-shadow: 0px 3px 6px #00000040;
}
body.disruptionFltBody .ostf-disruption .ostf-disruption-segments p s{
    color: #9099A2;
    margin-right: 12px;
}
.ostf-disruption .okButton button{
    font-family: 'Graphik Web'!important;
    font-weight: 500!important;
}
 
body.disruptionFltBody .ostf-disruption .ostf-disruption-segments p {
    padding-left: 12px;
}
.ostf-disruption .okButton {  
    margin: 0px !important;
    padding: 0px !important;
    margin-right: 10px !important;
}
 body.disruptionFltBody .view-itinerary-bg .b-status-confirmed {
     background: none;
     padding: inherit;
     margin-top: 0;
     margin-right: 0;
 }
 
 body.disruptionFltBody a#scheduleChangeForm\:refundAmountBtn { 
     opacity: 0;
 }
 
 body.disruptionFltBody input#scheduleChangeForm\:scheduleChangeBtn { 
     opacity: 0;
 }
 body.disruptionFltBody .arrow-right-btn:before {
     opacity: 0;
 }
 body[dir*="rtl"] .error-box-Orange.ostf-disruption p span {
    display: inline-block;
    right: auto;
    left: 0;
}
 body[dir*="rtl"].disruptionFltBody .b-status-confirmed span{
        line-height: 1;
        padding: 0 10px;
        font-size: 17px;
 }
 body[dir*="rtl"].disruptionFltBody .b-status-confirmed span:before{
     right: -5px;
     content: ":";
     top: 0;
 }
 body[dir*="rtl"].disruptionFltBody .col-sm-6.cellDiv.empty-dev + div { 
     padding-left: 0;
     padding-right: 73px;
 }
 
 body[dir*="rtl"].disruptionFltBody .error-box-Orange-info2 {
  background-position: right 11px; 
 }
 
 .disruptionFltBody .col-sm-4.b-status-pr {
    width: 49%;
}

body.disruptionFltBody .b-status-confirmed.FLOWN {
    font-size: 16px;
}

body.disruptionFltBody .b-status-confirmed.FLOWN span{
    font-size: 16px;
}
body.disruptionFltBody .b-status-confirmed.FLOWN {
    font-size: 16px;
    background: none;
}
.disruptionFltBody .col-sm-4.b-status-pr.flightstatus-flown {
    width: 33%;
    padding: 0;
}
.disruptionFltBody .error-box-Orange{
    border: 3px solid #FDE900;
    padding: 15px 26px;
}

body.disruptionFltBody .b-status-confirmed.CONFIRMED {
    background: transparent;
    padding: initial;
    font-size: inherit;
    font-size: initial;
    color: initial; 
}

body.disruptionFltBody .row.non-disrupted-segments .col-sm-4.b-status-pr {
    width: auto;
}
body.disruptionFltBody .row.non-disrupted-segments .b-status-confirmed span:before{
    display: none;
}

body.disruptionFltBody .row.non-disrupted-segment .b-status-confirmed span{
    color: inherit;
    font-size: initial;
}

body.disruptionFltBody .row.disruptFltCncl button#disruptionFltCancelForm\:initiatechatwindow , 
body.disruptionFltBody .row.disruptFltCncl a#disruptionFltCancelForm\:refundAmountBtn1 {
    color: #900652;
    font-weight: 600;
    opacity: 1;
    transition: none;
    background: none;
    text-transform: capitalize;
    font-family: 'Jotia';
}
body.disruptionFltBody .row.disruptFltCncl a#disruptionFltCancelForm\:refundAmountBtn1{
    padding: 0px; 
    text-decoration: underline; 
}

.row.disruptFltCncl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 46px;
}
.disruptFltCncl .okButton {
    text-align: inherit;
        padding-left: 0;
        width: auto;
}
#disruptionFltCancel.error-box-Orange p{
    padding-left: 32px;
    font-family: 'Jotia';
}
#disruptionFltCancel.error-box-Orange{
    padding: 15px 23px;
}
body .mge-booking li .checkinEgl span{
	background: url(../images/ic_badge_checkin.svg) no-repeat top left;
    background-position: 0px 0px!important;
    background-size: 83%;
}

.mge-booking li span.ic_porting_equipment{
    background: url(../images/ic_porting_equipment.svg) no-repeat top left;
    background-position: 0px 5px !important;
    background-size: 83%;
}
.mge-booking li span.ic_porting_equipment.icon-purchase-addon{
    background: url(../images/activities_ic_nav_shopping.svg) no-repeat top left;
    background-position: 0px 5px !important;
}
.mge-booking li span.ic_nav_legal{
    background: url(../images/ic_nav_legal.svg) no-repeat top left;
    background-position: 0px 5px !important;
}
button#disruptionFltCancelForm\:initiatechatwindow,a#disruptionFltCancelForm\:refundAmountBtn1{
    opacity: 0;
}
.doNotSelect{
	pointer-events: none;
}

html:not([lang="en"]) body .iti-cont-margin .conf-passen-mar-t .indicates-arrow .icon, html:not([lang="en"]) body .iti-cont-margin .conf-passen-mar-t .indicates-arrow .icon1 {
    left: calc(100% - 22px);
}

.duplicate-message {
    min-height: 60vh;
}
.duplicate-message  h2{
    font-family: 'Open Sans', Arial,sans-serif;
    color: #555555; 
    line-height: 32px;
}



.ctaactive{
    width: auto;
    color: #ffffff;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    text-shadow: #333 2px 2px 10px;
    border: 1px solid #8E2157;
    background: #8E2157;
    border-radius: 32px !important;
    padding: 10px 30px 10px 30px;
    margin: 0;
    font-family: 'Jotia';
} 
.ctaactive:hover, .ctaactive:focus {
    color: #ffffff !important;
    text-decoration: none;
    font: normal normal medium 16px/22px Graphik;
    box-shadow: 0px 3px 6px #00000040;
    border-radius: 32px;
}
div#scheduleChangeForm\:scheduleChange .cellDiv {
    opacity: 0;
}
body.disruptionFltBody div#scheduleChangeForm\:scheduleChange .cellDiv {
    opacity: 1;
}
body.disruptionFltBody  div#scheduleChangeForm\:scheduleChange .ctadeactive , 
body.disruptionFltBody div#disruptionFltCancelForm\:disruptionCancel .ctadeactive ,body.disruptionFltBody .row.disruptFltCncl button#disruptionFltCancelForm\:initiatechatwindow{
    width: auto;
    color: #8e2157;
    font-weight: 600;
    font-size: 14px !important;
    line-height: 1.5;
    text-align: center;
    text-decoration: none; 
    border: 1px solid #8E2157;
    background: #ffffff;
    border-radius: 32px !important;
    padding: 10px 30px 10px 30px;
    margin: 0; 
    opacity: 1;
    transition: none;
    overflow: visible;
    font-family: 'Jotia';
}
body.disruptionFltBody  div#scheduleChangeForm\:scheduleChange .ctadeactive:hover,
body.disruptionFltBody  div#scheduleChangeForm\:scheduleChange .ctadeactive:focus {
    text-decoration: none;
    font-family: 'Jotia';
    box-shadow: 0px 3px 6px #00000040;
    border-radius: 32px;
}
body.disruptionFltBody  a#scheduleChangeForm\:refundAmountBtn{
    opacity: 1;
    transition: none;
    padding: 0;
    font-family: 'Jotia';
}
.cellDiv.middiletext { 
    vertical-align: middle; 
}
 
a#disruptionFltCancelForm\:eligibleForChangeFlightPlus {
    margin-right: 20px;
}


/*hold-booking popup*/

#ancillaryOffloadMoal .modal-content{
	border-radius:20px !important;
}
#ancillaryOffloadMoal .modal-dialog h1 {
    color: #63003d;
    margin-top: 45px;
    border-top: 1px solid #DBDEE8;
	padding-top:22px;
}
#ancillaryOffloadMoal .modal-content .modal-header .close{
	    margin-top: -5px !important;
}

@font-face{font-family:Jotia_thin;src:url(../fonts/jotia_thin.eot);src:url(../fonts/jotia_thin.eot?#iefix) format("embedded-opentype"),url(../fonts/jotia_thin.eot) format("woff"),url(../fonts/jotia_thin.eot) format("truetype");font-weight:400;font-style:normal}
.ui_voucher.disabled {
    pointer-events: none;
}
#cancelFlight li.ui_refundplus_wrap p , #cancelFlight .ui_voucher_wrap p{
    z-index: 9;
    position: relative;
    pointer-events: all;
    color: #65707B;
    font-size: 16px;
    font-family: Arial;
    margin-bottom: 18px;
    color: #65707B;
    line-height: 1.4;
}
.review-price-details .re-fund-width {
    display: none;
}
.review-price-details.voucher-active .re-fund-width{
    display: none;
}

.voucher-active .re-fund-width.refund-voucher-payment {
    display: block!important;
}
.re-fund-width:not(.refund-voucher-payment){
    display: block;
}
#cancelFlight .flight-content .ui_voucher_inner p {
    font-size: 14px;
}
.ui_voucher_wrap.refundplus .ui_voucher.active:before{
    top: 47.5%;
}

.manage_booking_flow .content-summary h2.paxheading { 
    border-bottom: 0px solid #630036; 
}
 
.manage_booking_flow a.header-back span.h-arrow{
    background: url(../images/arrow-grey.png) no-repeat;
    background-size: 100%;
}
.manage_booking_flow .header-back { 
    color: #1F212B;
    font-weight: 600;
    margin-top: 14px!important;
}
 
.manage_booking_flow a.header-back:hover, .manage_booking_flow a.header-back:focus { 
    color: #1F212B!important;
}
.manage_booking_flow .btn-info:hover, .manage_booking_flow .btn-info:focus {
    background-color: #ffa903;
    background-position: 0 -15px;
}
.manage_booking_flow a.header-back:hover, .manage_booking_flow a.header-back:focus {
    color: #1F212B !important; 
}
.manage_booking_flow .DateSelected a:focus, .manage_booking_flow select:focus,.manage_booking_flow a:focus, .manage_booking_flow button:focus,
.manage_booking_flow form:focus,.manage_booking_flow textarea:focus ,
.manage_booking_flow input:focus,.manage_booking_flow select:focus,.manage_booking_flow a:focus, .manage_booking_flow button:focus, 
.manage_booking_flow form:focus, .manage_booking_flow textarea:focus { 
	outline:1px solid #999!important;
}
.manage_booking_flow h2.aoug-title {
    font-size: 24px;
    border: 0px;
}
.manage_booking_flow .conf-mge-booking h3 {
    font-size: 20px;
    color: #fff;
    background: #630036;
    padding: 11px 23px;
}
.manage_booking_flow .travel-req a.close{
    font-size: 0px;
}

.manage_booking_flow h2.popUpHeading{
    border: 0px;
    font-size: 18px;
}
.spanTravellerMMB span{
    font-size: 14px !important;
    padding: 0 0 5px;
    font-weight: bold;
}
.upgrade-title{
    font-size: 24px;
    line-height: 1.2;
    margin: 0;
}
.lounge-page h2{
    margin-top: 0;
    padding-bottom: 0;
}
a#login_join {
    margin-top: 10px;
    display: inline-block;
}
.mfa-card-header {
    font-family: 'jotia_thin';
}
.mfa-otp-wrap input {
    line-height: 1.5;
}

.nbxPopupbody .modal-dialog.modal-dialog {
    top: 30%;
    
}
.nbxPopupbody .modal-dialog.modal-dialog .modal-content{
	min-height: 250px;
    border-radius: 15px;
    padding: 0px 28px 30px 12px;
}
.nbxPopupbody #nbxCancelflightPopup button#cancelFlightPopupOkBtn {
    border-radius: 25px;
    min-width: auto;
    width: auto;
    padding: 13px 32px;
    font-weight: 500; 
    font-size: 16px;
    background-color: #8E2157;
	font-family: Graphik Web;
}
.nbxPopupbody #nbxCancelflightPopup button#cancelFlightPopupOkBtn:hover {
    background-color: #5C0931;
}
.nbxPopupbody  .modal-header {
    font-size: 36px;
    margin-top: 68px;
    font-weight: 100;
    font-family: 'jotia_thin';
    color: #1F212B;
    margin-bottom: 0px;
}
.nbxPopupbody .modal-body {
    max-height: 950px;
    font-size: 20PX; 
}
.nbxPopupbody .modal-body p { 
    display: block;
    margin-bottom: 43px;
    font-size: 16px;
    line-height: 1.5;
    color: #4A525D;
    font-family:Graphik Web;
    padding-left: 0;
}
.nbxPopupbody button.close {
    right: -10px;
    top: 21px;
    transform: scale(0.8);
}
.nbxPopupbody button.close:hover {
 
    outline: dotted 0.5px #00000059;
}
.nbxPopupbody  .col-md-3.okButton{
    padding: 0;
}
.nbxPopupbody .popupButn, .nbxPopupbody .popupButn:hover, .nbxPopupbody .popupButn:active {
    text-transform: capitalize;
}

.nbxPopupbody .btn-4c:hover:before{
    opacity: 0!important;
}
.nbxPopupbody button.close:hover {
    background-color: transparent;
    outline: none;
    background-position: -733px 2px;
}
#nbxCancelflightPopup .modal-body .row{
	 margin: 0;
}
#nbxCancelflightPopup .modal-body .row +.row{
    margin-right: -15px;
    margin-left: -15px;
}
#nbxCancelflightPopup.nbxCancelfailure:before{ 
    content: "";
    background: #1F212B;
    opacity: 0.8;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute; 
}
div#nbxCancelflightPopup {
    z-index: 999999;
}
#nbxPopup_refund p:not(:blank) + div{
	display: none;	
}
#nbxPopup_refund p:blank + div{
	display: block;	
}

div#scheduleChangeForm\:nbxPopup_refund p:not(:blank) + div{
	display: none;	
}
div#scheduleChangeForm\:nbxPopup_refund p:blank + div{
	display: block;	
}

.loadernbxPopup {
    background: url(../images/ajax-loader.gif) no-repeat center center;
    min-height: 120px;
    width: 100%;
    text-align: center;
    font-family: 'Open Sans light', Arial, sans-serif;
    font-size: 24px;
}

.sportingequipment-kg{
    direction: ltr;
}
#disruptionFltCancel.error-box-Orange .modal-body p {
    padding: 0px;
}


.nbxPopupbody #nbxCancelflightPopup button.popupButn {
    border-radius: 25px;
    min-width: auto;
    width: auto;
    padding: 13px 32px;
    font-weight: 500;
    font-size: 16px;
    background-color: #8E2157;
    font-family: Graphik Web;
}

#disruptionFltCancel.error-box-Orange .modal-body p {
    padding: 0px;
}

.nbxPopupbody #nbxCancelflightPopup button.popupButn {
    border-radius: 25px;
    min-width: auto;
    width: auto;
    padding: 13px 32px;
    font-weight: 500;
    font-size: 16px;
    background-color: #8E2157;
    font-family: Graphik Web;
}
.nbxPopupbody #nbxCancelflightPopup button.close { 
    font-size: 0px;
}

.mge-booking li span.ic_pet_carriage{
    background: url(../images/ic_nav_pet_carrier.svg) no-repeat top left;
    background-position: center;
    background-size: 83%;
}
.mge-booking li span.ic_nav_family{
    background: url(../images/ic_nav_family.svg) no-repeat top left;
    background-position: center;
    background-size: 83%;
}
.mge-booking li span.ic_nav_pen{
    background: url(../images/ic_nav_pen.svg) no-repeat top left;
    background-position: center;
    background-size: 83%;
}
.mge-booking li span.ic_nav_special_needs{
    background: url(../images/ic_nav_special_needs.svg) no-repeat top left;
    background-position: center;
    background-size: 83%;
} 
.purchaseAddOnbanner header span {
    display: block;
    font-size: 28px;
    color: #1F212B;
    font-family: 'Jotia';
    margin-bottom: 8px;
}
.purchaseAddOnbanner .flex-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px;
}
.purchaseAddOnbanner .flex-container .text-content { 
  max-width: 250px;
  font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
}
.purchaseAddOnbanner .content-para {
    font-size: 16px;
    margin-bottom: 23px;
    color: #4A525D;
}
a.component-btn-primary {
    padding: 13px;
    text-align: center; 
    background-color: transparent;
    border: 1px solid #8E2157;
    color: #8E2157;
    font-weight: 500;
    min-width: 112px;
    border-radius: 100px;
    display: inline-block;
    font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
    font-size: 16px;
}
a.component-btn-primary:hover{
    border: 1px solid #8E2157;
    background-color: #8E2157;
    color: #FFFFFF!important; 
    text-decoration: none !important;
}
.purchaseAddOnbanner .image-collage img { 
    height: 225px;
    margin: 0 4px;
    object-fit: cover;
    background-color: #e7e7e7;
    border-radius: 10px;
}
.purchaseAddOnbanner {  
  border-radius: 16px; 
  border: 1px solid #DBDEE8;
  margin-top: 30px;
}
.purchaseAddOnbanner:has(img + img) img{
	width: 214px;
} 
.purchaseAddOnbanner:has(img + img +img) img{
	width: 150px;
} 

.purchaseAddOnbanner:not(:has(.image-collage img + img)) .flex-container .text-content{
	max-width: max-content;
}
.purchaseAddOnbanner:has(.image-collage img + img + img + img) .flex-container {
	display: block;
    position: relative; 
}
.purchaseAddOnbanner:has(.image-collage img + img + img + img) .flex-container .text-content {
    display: block;
    max-width: fit-content; 
}
.purchaseAddOnbanner:has(.image-collage img + img + img + img) .flex-container .text-content a.component-btn-primary {
    position: absolute;
    right: 32px;
    top: 32px;
}
.purchaseAddOnbanner:has(img + img +img+img) .image-collage img {
    width: 184px;
    height: 160px;
}
.purchaseAddOnbannerLoader {
    display: block;
    min-height: 129px;
    padding-top: 35px;
}
.purchaseAddOnbanner .image-collage {
    display: flex;
}
*[dir="ltr"]  .purchaseAddOnbanner:has(img + img) img +img {
    margin-left: 19px !important;
}
*[dir="ltr"] .purchaseAddOnbanner:has(img + img +img)  img +img {
    margin-left: 8px !important;
}
*[dir="ltr"] .purchaseAddOnbanner:has(img + img +img +img) img +img {
    margin-left: 6px !important;
}
*[dir="rtl"] .purchaseAddOnbanner:has(img + img) img +img {
    margin-right: 19px !important;
}
*[dir="rtl"] .purchaseAddOnbanner:has(img + img +img)  img +img {
    margin-right: 8px !important;
}
*[dir="rtl"] .purchaseAddOnbanner:has(img + img +img +img) img +img {
    margin-right: 6px !important;
}

.qwallet-message {
    font-size: 16px;
    font-weight: 500;
    color: #4A525D;
    border: 1px solid #DBDEE8;
    padding: 16px 16px;
    border-radius: 16px;
    position: relative;
    margin-bottom: 48px;
}
.qwallet-message .cardMesssage {
    color: #4A525D; 
    padding-left: 13px;
    font-family: 'Graphik Web';
    font-weight: 400;
    line-height: 24px;

}
.qwallet-message svg {
    position: absolute;
    top: 30%;
}
 
*[dir="rtl"] .qwallet-message .cardMesssage { 
    padding-left: 0px; 
    padding-right: 30px; 
}
.horizonMealBanner {
    min-height: 295px;
    color: #fff;
    padding: 39px 30px 62px 25px;
    background-size: contain;
    background-position: center center;
    margin: 45px 0 15px 0;
    max-width: 847px;
}
.horizonMealBanner.horizon-poml {
    background: url(../images/Banner-PromotionalPOML.svg) no-repeat 0 0;
    background-size: auto;
    border-radius: 25px;
    background-size: cover;
}
body[dir*="rtl"] .horizonMealBanner.horizon-poml {
    background: url(../images/Banner-PromotionalPOML-RTL.png) no-repeat 0 0;
    background-size: cover;
}
.horizonMealBanner.horizon-spml {
    background: url(../images/Banner-PromotionalSPML.svg) no-repeat 0 0;
    background-size: auto;
    border-radius: 25px;
    background-size: cover;
}
body[dir*="rtl"] .horizonMealBanner.horizon-spml {
    background: url(../images/Banner-PromotionalSPML-RTL.png) no-repeat 0 0;
    background-size: cover;
}

a.horizonMealcta {
    border: 1px solid #5C0931;
    color: #5C0931;
    border-radius: 32px;
    padding: 20px 15px;
    font-size: 15px;
    line-height: 1;
    width: 164px;
    height: 56px;
    display: block;
    text-align: center;
    transition: 0.1s;
    text-decoration: none !important;
    background-color: #8E2157;
    color: #ffffff;
    font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
    font-weight: 400;
}
a.horizonMealcta:hover {
    color: #fff !important;
    background-color: #5C0931;
}
.horizonMealBanner h2{
    border: 0px;
    font-size: 36px;
    font-family:'Jotia_thin';
}
.horizonMealBanner span{ 
    font-size: 16px;
    margin-bottom: 32px;
    display: inline-block;
    font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
    font-weight: 400;
}
.qdf-card-img {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  max-width:100%;
}

.conf-next-step h4.qdf-card-title {
    margin-bottom: 16px;
    font-size: 24px;
    font-family: Jotia;
    font-weight: 300;
    letter-spacing: 0px;
    color: #1F212B;
    font-weight: 400;
    line-height: 24px;
}
.qdf-card-title {
  margin-bottom: 12px;
}
.conf-next-step.qdfBannerDisplay img{
  margin-bottom: 16px;
}
 
body .qdf-card .qdfbtnYellow {
  padding: 12px 25px 11px;
}
.qdf-card-body { 
  font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
  padding: 5px 16px 16px 16px;
}
p.qdf-card-text {
  font-size: 12px;
  font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
  margin-bottom:20px!important; 
  line-height:1.3;
  color: #4A525D;
  font-size: 14px;
  margin-bottom: 16px;
}
.qdfBannerDisplay .qdf-card-title {
    color: #1F212B;
    font-size: 24px; 
    font-family: Jotia; 
    font-weight: 100;
  } 
  a.qdfbtnYellow {
    width: 100%;
    background: #fff;
  }
  a.component-btn-primary.qdfbtnYellow:hover {
    background: #842554;
  }
  img.qdf-card-img {
    margin-bottom: 16px;
  }
  .qdf-card {  
    border: 1px solid #DBDEE8;
    border-radius: 25px;
    padding-bottom: 8px;
  }