html {
    font-family: Arial;
    direction: rtl
}

body {
    font-family: Arial;
    color: #65707b;
    font-size: 13px;
    min-width: 970px;
    direction: rtl
}

h1, h2, h3, h4, h5, h6, .destHeading, .mainHeading, .modal-title, .recentHeading, .firstHeading {
    font-family: 'Open Sans', Arial, sans-serif;
    margin: 0;
    font-weight: 300;
}

h6 {
    font-family: 'Open Sans', Arial, sans-serif;
}

ul, li {
    text-decoration: none;
    list-style: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

label {
    color: #555555;
    font-weight: normal;
    font-size: 13px;
}

img {
    border: 0;
}

a {
    color: #0088cc;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #0088cc !important;
  text-decoration: underline;
}

a:focus {
 outline: thin dotted;
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:active,
.btn.active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#preloader {
    background: url("../images/loading_default_ten.gif") no-repeat center #ffffff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

#status {
    font-size: 32px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    position: absolute;
    top: 50%;
    width: 30px;
}

/* Arabic Styles */

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: right;
  }

  }

@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

  float: right;
}
}

.detailsHeader .p-data a:first-child span.radiobtn {
    border-right: 1px solid #f2f2f2;
}

.detailsHeader .p-data a span.radiobtn {
    border-left: 1px solid #f2f2f2;
}

@media (min-width: 970px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: right;
}
}

.slick-track {
    float: left
}

.w-nav-item .lowfare-icon {
    right: 0
}

/* Select Drop Down */

.s-hidden {
    visibility: hidden;
    padding: 6px 10px;
}

    .selectbox {
    cursor: pointer;
    display: inline-block;
    position: relative;
   /* font:normal 11px/22px Arial, Sans-Serif;*/
    color: #333333;
    border: 1px solid #d2d2d2;
    font-size: 14px;
}
 
.styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 6px 10px;
    /*font-weight:bold;*/
    line-height: 18px;
}

.styledSelect:after {
    content: url("../images/dropdownArrow.jpg");
    width: 0;
    height: 0;
    border-color: #d2d2d2 transparent transparent transparent;
    position: absolute;
    top: 0px;
    left: 14px;
   line-height: 30px;
   padding: 0 7px;
}

.styledSelect:active, .styledSelect.active {
    background-color: #ffffff;
}

.options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 9999999999;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    border: 1px solid #d2d2d2;
    background-color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.options li {
    
    margin: 0 0;
    padding: 6px 10px;
}

.options li:hover {
    background-color: #900652;
    color: #ffffff;
} 

.flight-booking li .options li {
    margin-bottom: 0px;
}

/* timetable */
.timetable {
}

.timetable span.find-another-booking a {
    padding-left: 15px;
    font-size: 13px;
}

.timetable span.find-another-booking a:first-child {
    border-right: 1px solid #cccccc;
    padding-right: 15px;
}

.timetable .search-main-label .inner-addon {
    width: 100%;
}

.timetable .multi-arrow {
    position: relative !important;
}

.form-group.timetable-arrow {
    margin-right: 0 !important;
}

.form-group.timetable-space {
    margin-right: 33px !important;
}

.form-group.timetable-space:first-child {
    margin-right: 0px !important;
}

.timetable-head {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0
}

.timetable-head .or-f-heading {
    padding: 0
}

.fly-class-timetable {
    height: 25px;
    overflow: hidden;
}

.fly-class-timetable li {
    display: inline-block;
    color: #333333;
    width: 81px;
    text-align: center;
}

.timetable .p-data span {
    width: 84.6px;
}

.timetable .p-data span.radiobtn label {
    margin-top: 19px !important;
}

.timetable .p-data span.radiobtn label.txt {
    padding-top: 4px !important
}

.timetable .p-data span.radiobtn span.tickmark {
    margin-top: 22px
}

.timetable .p-data span.radiobtn:hover {
    border: 1px solid #900653 !important
}

.timetable .p-data a.active span, .timetable .p-data a.activeTickmark span.radiobtn {
    background-color: #900653 !important;
    border: 1px solid #900653 !important
}

.timetable .p-data a.activeTickmark span.radiobtn span.tickmark {
    background-color: #900653 !important;
}

.timetable .pn-adjust {
    margin-top: 43px;
}

.timetable .indicates-arrow {
    line-height: 15px;
}

.timetable .passen-inline .form-group.family-select-box {
    float: right;
}

.timetable .detailsHeader a:first-child.active span, .timetable .detailsHeader a:first-child.active span:link {
    border: 0px solid #ae394e !important
}

.timetable .margin-top15 {
    margin-top: 30px;
}

.timetable .view-itinerary {
    float: left;
    width: 100%;
}

.time-table-print a {
    line-height: 35px;
}

.time-table span.txR a.pre {
    background: url("../images/p-b-arrow.png") no-repeat top left;
    padding: 0 4px 0 16px;
}

.time-table span.txR a.nex {
    background: url("../images/b-arrow.png") no-repeat top right;
    padding: 0 16px 0 4px;
}

.time-table span.txR a, .time-table span.txR a:link {
    color: #0088cc;
    text-transform: none;
    font-size: 12px
}

.time-table span.txR {
    padding: 6px 0px 6px;
    float: right;
    width: 100%;
    text-align: right;
}

.fixedtablehead {
    position: fixed;
    top: 0px;
    width: 1139px !important;
    z-index: 9999999;
    background-color: #ffffff;
    border-bottom: 1px solid #630036
}

.timetable .margin-top15 button.flR {
    float: left;
}

.timetable .margin-top15 button.flL {
    float: right;
}

.modify-search-context .selectbox, .modify-search-context .options {
    font-size: 18px;
}

.loading-bg {
    background: url(../images/loading-img.jpg) no-repeat center bottom;
    height: 100%;
    max-width: 100%;
    position: absolute;
    background-size: 100%;
    clear: both;
    width: 100%;
	margin-top: -72px;
}

 .loading-content {
    top: 20%;
    background: url(../images/loading.GIF) no-repeat scroll center top;
    left: 50%;
    padding: 6px 0 0;
    position: absolute;
    width: 800px;
    margin-left: -400px;
}

.loading-content h1 {
    font-size: 18px;
    text-transform: uppercase;
    color: #333333;
    border-bottom: 1px solid #d6d9dc;
    padding-bottom: 10px;
}

.loading-content p {
    color: #65707b;
    padding-top: 20px;
    font-family: 'Open Sans', Arial;
}

.loading-content img {
    float: right;
    margin-right: 30px;
}

.loading-content p span {
    float: left;
    display: inline-block;
    width: 500px;
    padding-top: 6px;
    
}

.loading-content p span span {
    color: #900652;
    float: none;
}

.loading-content p strong {
    display: block;
    font-size: 32px;
    color: #900652;
    line-height: 34px;
    font-weight: 300;
    padding-bottom: 20px;
}

span.a-logo-icon {
    background: url("../images/small-logo.png") no-repeat left center;
    padding: 20px 12px;
}

span.a-logo-icon.logo-1 {
    background-position: -30px 7px;
    margin-left: 27px;
}

span.a-logo-icon.logo-2 {
    background-position: 35px 2px;
    margin-right: 35px;
}

.padding-65 {
    padding-right: 53px;
}

/* recent Search Box */
.main-recent-box-slide {
    padding: 10px 15px;
    background: url("../images/a_spirte_icons.png") no-repeat scroll -450px -33px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.main-recent-box-slideup {
    background-position: -960px -37px;
}

.main-recent-box-slidedown {
    background-position: -960px -70px;
}

/* Navigation Flight Details Global */
#flyViewDetails, #flyFullDetails {
    display: none;
    overflow: hidden;
}

.fly-view-details a.active {
    color: red
}

.active1 {
    background: #ae394e !important;
    color: #fff;
}

  .active1 input[type="radio"], .active2 input[type="radio"], .active3 input[type="radio"], .active4 input[type="radio"], .active5 input[type="radio"], .active6 input[type="radio"], span.tickmark, .detailsHeader a.active span input[type="radio"], .detailsHeader a.active span 
label, .detailsHeader a.activeTickmark span input[type="radio"], .detailsHeader a.activeTickmark span label {
    display: none;
    border: 0 !important
}

.active1 span.tickmark, .active2 span.tickmark, .active3 span.tickmark, .active4 span.tickmark, .active5 span.tickmark, .active6 span.tickmark, .detailsHeader a.active span.tickmark {
    display: block;
    padding: 15px 0;
    background-position: -450px -64px !important;
    width: 30px;
    margin: 0 auto;

    border: 0 !important
}
  
.detailsHeader a.activeTickmark span.tickmark, .qmiles-totalarrow {
    display: block;
    padding: 15px 0 20px;
    background: url("../images/a_spirte_icons.png") no-repeat scroll -450px -64px;
    width: 30px;
    margin: 0 auto;
    border: 0 !important
}

.fifteenCalendar .modal-backdrop {
    opacity: 0
}
  
.active1 span.tickmark:hover, .active2 span.tickmark:hover, .active3 span.tickmark:hover, .active4 span.tickmark:hover, .active5 span.tickmark:hover, .active6 span.tickmark:hover {
    background-position: -460px 2px;
}

.p-data span.active1:hover, .p-data span.active2:hover, .p-data span.active3:hover, .p-data span.active4:hover, .p-data span.active5:hover, .p-data span.active6:hover {
    border: none;
}

 /*   .active1 label, .active2 label, .active3 label, .active4 label, .active5 label, .active6 label { color: #ffffff}
  .active2{ background:#880b26 !important;color:#fff}
  .active3{ background:#680b11 !important; color:#fff}
  .active4{ background:#58595b !important; color:#fff}
  .active5{ background:#414042 !important; color:#fff}
  .active6{ background:#9d7337 !important; color:#fff} */
.detailsHeader a:first-child.active span {
    color: #fff;
    border: 1px solid #ae394e
}

.detailsHeader .da-data970 a.active span {
    background: #fff !important;
    color: #747f8a
}

.detailsHeader a.viewDetailsBtn:first-child.active span {
    border: 0px solid #ae394e !important
}

.detailsHeader .da-data970 a.active span.time {
    color: #333333
}

.detailsHeader .da-data970 a.active span.time-icon {
    background: url("../images/clock_icon.png") center no-repeat !important;
}

.detailsHeader .da-data970 a.active span.fly-view-details {
    color: #0088cc;
}

 /* .detailsHeader a:first-child + a.active span{ background-color:#880b26 !important;color:#fff; border: 1px solid #880b26}
 .detailsHeader a:first-child + a + a.active span{ background-color:#680b11 !important; color:#fff; border: 1px solid #680b11}
 .detailsHeader a:first-child + a + a + a.active span{ background-color:#58595b !important; color:#fff; border: 1px solid #58595b}
 .detailsHeader a:first-child + a + a + a + a.active span{ background-color:#414042 !important; color:#fff; border: 1px solid #414042}
 .detailsHeader a:first-child + a + a + a + a + a.active span{background-color:#9d7337 !important; color:#fff; border: 1px solid #9d7337;} */
.fly-result {
    position: relative
}
  
.fly-class, .p-data {
    overflow: hidden
}

.detailsHeader .p-data a:first-child span.radiobtn {
    border-right: 1px solid #f2f2f2 !important;
}

.detailsHeader .p-data a span.radiobtn {
    border-left: 1px solid #f2f2f2 !important;
}

.detailsHeader .p-data a span.radiobtn {
    border: 1px solid #fff;
    display: inline-block;
    line-height: 16px;
    position: relative;
}

/* .detailsHeader .p-data a:hover:nth-child(1) span.radiobtn, .detailsHeader a:first-child.active span {border: 1px solid #ae394e !important;} 
.detailsHeader .p-data a:hover:nth-child(2) span.radiobtn {border: 1px solid #880b26 !important;}
.detailsHeader .p-data a:hover:nth-child(3) span.radiobtn {border: 1px solid #680b11 !important;}
.detailsHeader .p-data a:hover:nth-child(4) span.radiobtn {border: 1px solid #58595b !important;}
.detailsHeader .p-data a:hover:nth-child(5) span.radiobtn {border: 1px solid #414042 !important;}
.detailsHeader .p-data a:hover:nth-child(6) span.radiobtn {border: 1px solid #9d7337 !important;} */

.detailsHeader .p-data a.activeTickmark span {
    color: #fff !important
}

/* .detailsHeader .p-data a.activeTickmark:nth-child(1) span.radiobtn {background: #ae394e; border: 1px solid #ae394e;} 
.detailsHeader .p-data a.activeTickmark:nth-child(2) span.radiobtn {background: #880b26; border: 1px solid #880b26;}
.detailsHeader .p-data a.activeTickmark:nth-child(3) span.radiobtn {background: #680b11; border: 1px solid #680b11;}
.detailsHeader .p-data a.activeTickmark:nth-child(4) span.radiobtn {background: #58595b; border: 1px solid #58595b;}
.detailsHeader .p-data a.activeTickmark:nth-child(5) span.radiobtn {background: #414042; border: 1px solid #414042;}
.detailsHeader .p-data a.activeTickmark:nth-child(6) span.radiobtn {background: #9d7337; border: 1px solid #9d7337;}


 */
.fly-result .or-f-details:last-child {
    border-bottom: 1px solid #8c1b59;
}

.fly-view-data-viewdetails .or-f-details {
    border-bottom: 1px solid #dee2e5 !important;
}

  /*more flight calendar style*/  
.or-f-head {
    position: relative
}
  
#moreFlyDetails {
    overflow: hidden;
    z-index: 9999;
    background: #fff;
    position: absolute;
    width: 80%;
    border: 1px solid #333;
    right: 0;
    top: 44px;
    height: 339px;
}

.moreFlyDate {
    margin: 0;
    float: left;
    width: 13.20%;
    padding: 0;
}

.moreFlyDate li {
    border: 1px solid #555;
    border-collapse: collapse;
    text-align: center
}

.moreFlyDate li a {
    display: block;
    padding: 20px;
    margin: 0;
}

#moreFlyDetails p {
    position: absolute;
    right: 0;
    top: 10px;
}

/* End Navigation Flight Details Global */
/* Sprite Icons */
.caret, .close, .sprit-icons, .ibe-nav li span, .active1 span.tickmark, .active2 span.tickmark, .active3 span.tickmark, .active4 span.tickmark, .active5 span.tickmark, .active6 span.tickmark, .slick-prev, .slick-next, span.sh-icon1, .nextResult, .prevResult,
span.sh-icon30, span.sh-icon7, span.sh-icon50, span.sh-icon3, span.sh-icon4, span.sh-icon5, span.sh-icon6, .active1 span.tickmark:hover, .active2 span.tickmark:hover, .active3 span.tickmark:hover, .active4 span.tickmark:hover, .active5 span.tickmark:hover, .active6 span.tickmark:hover, .p-data .radiobtn label, .detailsHeader a.active span.tickmark {
    background: url("../images/a_spirte_icons.png") no-repeat top left;
}

.slick-prev, .slick-next {
    overflow: hidden;
    position: absolute;
    display: block;
    height: 34px;
    width: 30px;
    cursor: pointer;
    color: transparent;
    padding: 0;
    border: none;
    top: 22px;
}

.slick-prev {
    background-position: -417px 0;
    right: 25px;
}

.slick-next {
    background-position: -380px 0;
    left: 20px;
}

.nextResult, .prevResult {
    display: none;
    position: absolute;
    height: 34px;
    width: 30px;
    cursor: pointer;
    color: transparent;
    padding: 0;
    border: none;
    top: 25px;
    z-index: 1
}

.nextResult em, .prevResult em {
    visibility: hidden
}

.nextResult {
    background-position: -424px 0;
    right: -34px;
}

.prevResult {
    background-position: -393px 0;
    left: 494px;
}

/* Global Appicaltion Styles */
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

hr {
    width: 100%;
    border-top: 1px solid #c1c1c1;
    margin: 10px auto;
    float: left
}
  
.r-txt {
    text-align: right;
}

.display-block {
    display: block;
}

.fixed {
    position: fixed;
    top: 0px;
}

.col-lft-rft {
    padding-left: 0;
    padding-right: 0;
}

.flL {
    float: right;
}

.flR {
    float: left;
}

.txR {
    text-align: left;
}

.txL {
    text-align: right;
}

.no-padding {
    padding: 0
}

.padding-right0 { /*padding-right: 0;*/
}

.padding-left0 {
    padding-left: 0;
}

.clear {
    height: 1%;
    clear: both;
}

.sel-fly-details .fixed {
}

  .slideUp {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  }

/*  .slideUp{ -webkit-transition: all .75s linear 0s;
  -moz-transition: all .75s linear 0s;
  -o-transition: all .75s linear 0s;
  transition: all .75s linear 0s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);}*/
  .slideDown {
    top: -155px !important;
    -webkit-transition: all .75s linear 0s;
  -moz-transition: all .75s linear 0s;
  -o-transition: all .75s linear 0s;
  transition: all .75s linear 0s;
  -webkit-transform: translateY(155px);
  -ms-transform: translateY(155px);
  transform: translateY(155px);
  }
  
.returnToFlight {
    margin-top: 20px;
     background: none repeat scroll 0 0 #fff;
     transition: all 0.75s linear 0s;
   transform: translateY(0);
    -webkit-transition: all .95s linear 0s;
    -moz-transition: all .95s linear 0s;
    -o-transition: all .95s linear 0s;
    transition: all .95s linear 0s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    }

.v-align-t {
    vertical-align: top;
}

.v-align-m {
    vertical-align: middle !important;
}

.v-align-b {
    vertical-align: bottom !important;
}

.padding-t-0 {
    padding-top: 0
}

.padding-l-0 {
    padding-left: 0
}

.padding-r-0 {
    padding-right: 0
}

.padding-lr-0 {
    padding-left: 0;
    padding-right: 0
}

.padding-tb-0 {
    padding-top: 0;
    padding-bottom: 0
}

.padding-b-0 {
    padding-bottom: 0
}

.padding-0 {
    padding: 0
}

.border-t-0 {
    border-top: 0;
}

.border-l-0 {
    border-left: 0;
}

.border-r-0 {
    border-right: 0;
}

.border-b-0 {
    border-bottom: 0;
}

.margin-l-r-0 {
    margin-left: 0;
    margin-right: 0
}

.buttons-l-r-margin {
    margin-left: 5px;
    margin-right: 5px;
}

/* heading */
body{padding-top:72px;}
#header{display: block;  display: inline-block;  width: 100%;   background: #ffffff;  z-index: 999;  opacity: 1; padding: 14px 0; min-height:72px;
position:fixed; top:0;box-shadow: 0 0 20px #0000003d;}
.flL.mblinkheader {
    float: left;
}
.logo {
    background: url("../images/one-world.png") no-repeat;
    display: block;
}

.logo a, .logo a:hover {
    width: 200px;
    height: 68px;
    float: left;
    text-decoration: none;
}

.header-back {
    float: left;
    margin-top: 13px;
    color: #ffffff;
    text-transform: uppercase;
}

a.header-back:hover, a.header-back:focus {
    color: #f9f9f9 !important;
}

a.header-back span.h-arrow {
    padding: 12px;
    background: url("../images/a_spirte_icons.png") no-repeat -899px -71px;
    float: left;
}

#heading {
    display: block;
}

.row.content.q-dashboard {
    text-align: center;
    padding: 15px;
    background-color: #900653
}

.q-dashboard a.header-back {
    float: none;
    text-align: center;
    text-transform: uppercase;
}

.q-dashboard a.header-back:hover {
    text-decoration: none;
}

/* Social Media Icons */
.f-icon, .t-icon, .g-icon, .y-icon, .p-icon {
    background: url("../images/social-icon.png") top left no-repeat;
    padding-right: 20px;
    padding-bottom: 17px;
    display: inline-block;
}

.f-icon {
    background-position: 0px 0px
}

.g-icon {
    background-position: -33px 0px
}

.y-icon {
    background-position: -70px 0px
}

.p-icon {
    background-position: -109px 0px
}

.t-icon {
    background-position: -146px 0px
}

/* Footer tabs */
#footer {
    display: block;
    width: 100%;
    padding: 65px 0 0;
    margin-top: 100px;
    background: url("../images/footer-bg.png") top center no-repeat;
}

.footer {
    background: #e0e0e0;
    width: 100%;
    padding: 20px 0;
    margin-top: 2px;
}

.footer .f-logo {
    background: url("../images/f-logo.png") bottom center no-repeat;
    padding: 34px 34px 22px;
    display: inline-block;
    width: 200px;
    height: 103px;
}

.footer .col-md-2, .footer .col-lg-2 {
    width: 19%
}

.footer .f-row2 {
    padding: 20px 0;
    font-size: 12px;
}

.footer .f-row2 p {
    padding: 0;
    margin: 0;
    line-height: 28px;
    text-align: center;
}

.footer ul.f1, .footer ul.f2 {
    margin: 0;
    padding: 4px 6px;
    font-size: 12px;
}

.footer ul.f1 li.head {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 28px;
}

.footer ul.f1 li a, .footer ul.f2 li a {
    text-decoration: none;
    color: #65707b
}

.footer ul.f1 li a:hover, .footer ul.f2 li a:hover {
    text-decoration: underline;
}

.footer ul.f2 li {
    font-size: 11px;
    padding: 0px 2px;
}

ul.f2 li {
    display: inline;
}

/* Margin Global */
.or-f-head, .or-f-heading, .or-f-details {
    padding: 0;
}

.header-line {
    border-bottom: 1px solid #dadada;
    margin-bottom: 35px;
}

.or-f-details.rowpadding { /*padding: 27px 0 0px*/
}

.da-data970 {
    padding: 27px 0 10px
}

.da-data970 a {
    color: #65707b
}

.da-data970 a:hover {
    text-decoration: none;
    color: #65707b !important
}

.or-f-details.rowpadding .arr-details {
    padding-right: 36px;
}

.md-details { /*border-bottom: 1px solid #aaaaaa;  margin-bottom:40px;*/
    padding-bottom: 10px;
}

.or-f-heading .dep-details, .or-f-heading .arr-details {
    text-transform: uppercase;
    color: #333333
}

.or-f-heading .arr-details {
    padding-right: 36px;
}

/* ibe-navigation */
.ibe-nav {
    margin: 5px -4px 10px -3px;
    float: right;
}

.ibe-nav .sprit-icons {
    width: 32px;
    height: 32px;
    padding-right: 35px;
    display: inline-block;
    vertical-align: -10px;
}

.ibe-nav li {
    display: inline-block;
    text-transform: uppercase;
    margin-left: 25px;
}

.ibe-nav li:last-child {
    margin-right: 0;
}

.ibe-nav li a, .ibe-nav li a:link {
    text-decoration: none;
    color: #65707b;
    display: block;
    cursor: text;
}

.ibe-nav li a:hover {
    color: #65707b !important;
}

.ibe-nav li span.d-icon {
    background-position: -160px 0px
}

.ibe-nav li span.d-icon.current {
    background-position: -160px -32px
}

.ibe-nav li span.d-icon.manage.current {
    background-position: -1021px -96px
}

.ibe-nav li span.f-icon {
    background-position: -32px 0px
}

.ibe-nav li span.f-icon.current {
    background-position: -32px -32px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.ibe-nav li span.p-icon {
    background-position: -64px 0px
}

.ibe-nav li span.p-icon.current {
    background-position: -64px -32px
}

.ibe-nav li span.o-icon {
    background-position: -96px 0px
}

.ibe-nav li span.o-icon.current {
    background-position: -96px -32px
}

.ibe-nav li span.i-icon {
    background-position: -128px 0px
}

.ibe-nav li span.i-icon.current {
    background-position: -128px -32px
}

.ibe-nav li span.pay-icon {
    background-position: -992px 0px
}

.ibe-nav li span.pay-icon.current {
    background-position: -992px -32px
}

.ibe-nav li span.conf-icon {
    background-position: -1024px 0px
}

.ibe-nav li span.conf-icon.current {
    background-position: -1024px -32px
}

.ibe-nav li span.fd-icon {
    background-position: -1024px -64px
}

.ibe-nav li span.fd-icon.current {
    background-position: -1024px -96px
}

.ibe-nav li span.sel-icon {
    background-position: -1056px 0px
}

.ibe-nav li span.sel-icon.current {
    background-position: -1056px -32px
}

.ibe-nav li span.can-icon {
    background-position: -1024px 0px
}

.ibe-nav li span.can-icon.current {
    background-position: -1024px -32px
}

.ibe-nav li span.completed {
    background-position: 0px 0px
}

.ibe-nav li span.cabin-icon {
    background-position: -1086px -96px
}

.ibe-nav li span.cabin-icon.current {
    background-position: -1086px -127px
}

.help {
    float: left;
    font-size: 11px;
    margin-top: 10px;
    padding: 5px;
}

.ibe-nav li span.s-w-icon {
    background-position: -1055px -64px
}

.ibe-nav li span.s-w-icon.current {
    background-position: -1087px -64px
}

/* Modify Search */
.modify-search {
    display: block;
    width: 100%;
    padding: 10px;
    background: #f2f2f2;
    border-bottom: 1px solid #dadada;
}

.modify-search {
}

.sort-txt {
    line-height: 24px;
    clear: both;
    padding: 6px 0 0
}

.sort-txt a {
    padding: 0 6px;
}

/* modify-search-box */
.modify-search-box {
    border-bottom: 1px solid #a1a1a1;
}

.modify-search-context {
    padding: 10px 35px 18px 64px;
}

.modify-search-context .radiobtn {
    margin-top: 0 !important
}

.modify-search-box label {
    font-size: 12px;
    color: #333333
}

/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .form-icon {
  position: absolute;
  padding: 17px 16px;
    pointer-events: none;
    right: 4px;
}

.form-icon {
    background: url("../images/a_spirte_icons.png") no-repeat top left;
}

.form-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  line-height: 1;
}

.col-xs-5.from-align {
    width: 44.1%
}

.passen-inline .form-group.family-select {
    margin-left: 3px;
    margin-top: 2px;
}

.passen-inline .form-group.family-select-box {
    float: right;
    margin-bottom: 0
}

#Multi .passen-inline .form-group.family-select-box {
    float: right;
    margin-bottom: 0
}

.passen-inline .form-group.family-select-box .form-group {
    float: right;
    display: inline-block;
    vertical-align: top;
}

#Multi .passen-inline .form-group.ibe-ms {
    float: right;
    margin-bottom: 0
}

.passen-inline .form-group.family-select-box .form-group label {
    display: block;
    font-size: 12px;
}

.passen-inline .form-group.family-select-box .selectbox .form-control {
    height: 33px;
    font-size: 24px;
    color: #333333;
    padding: 3px 4px;
}

.passen-inline .form-group.family-select-box.cabin .selectbox .form-control {
    font-size: 16px;
}

.inner-addon.two-input input {
    display: inline-block;
    margin-right: 10px;
    width: 46%
}

.family-yrs {
    display: block;
    font-size: 9px;
    padding-left: 2px;
}

.showpremium {
    padding: 25px 0 0 30px;
    font-size: 13px;
    line-height: 13px;
}

.showpremium .small {
    font-size: 11px;
    color: #65707b;
}

.inner-addon.showpremium.left-addon.chkbox label {
    margin-bottom: 0;
    line-height: 13px;
}

.date-change .inner-addon.showpremium.left-addon.chkbox label {
    line-height: 21px;
}

.date-change.modify-search-context {
    padding: 0;
    margin-top: 10px;
    margin-right: 35px;
}

.inner-addon .btn {
    padding: 5px 38px;
}

/* align glyph */
.from-icon {
    background-position: -835px 0px;
    -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
    -ms-filter: "FlipH";
}

.to-icon {
    background-position: -865px 0px;
    -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
    -ms-filter: "FlipH";
}

.cal-icon {
    background-position: -891px 0px;
}

.multi-arrow {
    background-position: -927px 0px;
    display: block;
    margin-top: 28px;
}

.col-xs-1.multi-arrow-box {
    width: 5% !important;
}

/* add padding  */
.left-addon input {
    padding-right: 38px;
    height: 35px;
    border-radius: 0;
    font-size: 18px;
    color: #333333;
    line-height: 23px;
    padding-left: 23px;
}

.Recent-search-box {
    margin: 0;
    padding: 0;
    width: 24%;
    float: right;
    right: 16px; /*top: 47px;*/
}

.Recent-search-box .recentHeading {
    font-size: 14px;
    border-bottom: 1px solid #bbbbbb;
    padding: 0 0 7px;
    margin: 0;
    color: #333333;
    font-family: Arial
}

.Recent-search-box ul {
    padding: 15px;
    border-bottom: 1px solid #bbbbbb;
    color: #65707b;
    float: left;
    width: 100%
}

.Recent-search-box ul li { /*display: inline; padding: 0;*/
    float: right;
    padding-left: 6px;
}

.Recent-search-box ul li:nth-child(4), .Recent-search-box ul li:nth-child(5) {
    clear: both
}

.Recent-search-box ul li span.date {
    display: block;
    width: 100%;
    font-size: 11px;
    line-height: 14px;
    color: #65707b
}

.search-box-main .Recent-search-box .iti-meals {
    width: 100%
}

.search-box-main {
    width: 705px;
    padding: 0 20px;
    margin: 0 auto;
    float: none;
    background: #f2f2f2;
}

.modify-search-context.search-box-main {
    padding: 0 15px 20px;
}

.search-box-main .row {
    margin: 0
}

.search-box-main .form-group.family-select-box {
    float: right;
    margin-bottom: 0
}

.search-box-main .form-group.family-select-box .form-group {
    float: right;
    display: inline-block;
}

.search-box-main .form-group.family-select-box .form-group label {
    display: block;
    font-size: 12px;
}

.search-box-main .form-group.family-select-box .selectbox .form-control {
    height: 33px;
    font-size: 24px;
    color: #333333;
    padding: 3px 4px;
}

.search-box-main-divider {
    border-bottom: 1px solid #d1d1d1;
}

.main-divider-shadow {
    border-bottom: 1px solid #fbfbfb;
    margin-bottom: 10px;
    float: right;
    width: 100%
}

.modify-search-context .inner-addon .form-group.col-xs-5 {
    float: right
}

.search-box-main .inner-addon .btn {
    padding: 5px 30px;
    float: none
}

.search-main-label label {
    display: inline-block;
    width: 70px;
}
.insideIframe .inner-addon.left-addon {display: block;width:60%}
.search-main-label .inner-addon {
    display: inline-block;
    width: 82%
}

.multi-arrow-box.search-main-label {
    top: 27px;
    left: 0px;
    position: absolute;
}

.multi-arrow-box.search-main-label .inner-addon {
    position: absolute;
    right: 0
}

.multi-arrow-box.search-main-label .multi-arrow {
    margin: 0;
    background-position: -959px 0px;
}

.multi-arrow-box.search-main-label .multi-arrow-close {
    margin: 0;
    background-position: -800px 0px;
    right: 21px;
    cursor: pointer;
    position: relative;
}

#test .modal-body .Tspace20.small {
    padding-top: 20px;
}

.recent-color {
    color: #333333;
}

/*login swap button fix*/
.swapicon {
  float: right;
  margin-right: -18px;
  background-position: -966px -3px;
  height: 25px;
  width: 23px;
  border: 0;
  outline: none;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  overflow: hidden;
}

.swapicon2 {
 
  background-position: -932px -5px;
  height: 25px;
  width: 25px;
    margin: 30px 0 0 6px;
  border: 0;
  outline: none;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  overflow: hidden;
}

.multi-arrow-box.search-main-label.qaHomeIcons {
    position: absolute;
    right: 20px;
    top: -3px;
}

.qaHomeIcons .swapicon {
    background: url("../images/qa-m-arrow.png") no-repeat scroll 4px 3px;
    height: 25px;
    width: 25px;
}

.swapicon:hover, .swapicon2:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #cccccc;
    font-size: 16px;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #cccccc;
    opacity: 1;
   font-size: 16px;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cccccc;
    opacity: 1;
   font-size: 16px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #cccccc;
   font-size: 16px;
}

input.form-control::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: #cccccc;
    font-size: 12px;
}

input.form-control:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #cccccc;
    opacity: 1;
   font-size: 12px;

}

input.form-control::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cccccc;
    opacity: 1;
   font-size: 12px;
}

input.form-control:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #cccccc;
   font-size: 12px;
} 

#SharethisQuotation label {
    line-height: 33px;
}

.passen-inline.multi-form-input .search-main-label .inner-addon ::-webkit-input-placeholder { /* WebKit browsers */
    color: #cccccc;
    font-size: 12px;
    line-height: 23px;
}

.passen-inline.multi-form-input .search-main-label .inner-addon :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #cccccc;
    opacity: 1;
    font-size: 12px;
    line-height: 23px;

}

.passen-inline.multi-form-input .search-main-label .inner-addon ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cccccc;
    opacity: 1;
    font-size: 12px;
    line-height: 23px;
}

.passen-inline.multi-form-input .search-main-label .inner-addon :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #cccccc;
    font-size: 12px;
    line-height: 23px;
}

.search-box-main .close { /*position: absolute;*/
    left: 0;
    z-index: 7777;
    direction: rtl;
    right: 15px;
}

.form-group.multi-main {
    padding-top: 20px;
}

.passen-inline.multi-form-input {
    width: 100%
}

.passen-inline.multi-form-input .col-xs-3 {
    width: 30%
}

.passen-inline.multi-form-input .col-xs-1 {
    width: 5%;
    position: relative;
    top: 27px;
    right: 0;
    height: 32px;
    cursor: pointer
}

.passen-inline.multi-form-input .search-main-label .inner-addon {
    width: 100%
}

.multi-input .btn-light {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Flight Search Details */

/* Message */
.msg {
    padding: 10px;
    margin: 20px 0;
}

.msg p {
    font-size: 11px;
    padding-right: 5px;
}

.msg .form-group {
    margin-bottom: 0;
    padding-left: 29px;
}

.msg label {
    color: #0088cc !important;
    text-transform: uppercase;
    font-size: 14px !important;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 500 !important
}

.msg .chkbox {
    float: left;
}

/*.msg label input {border: none; background: none;}*/
.cal-btn {
    text-align: right;
}

.cal-btn .btn {
    border-radius: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Open Sans', Arial, sans-serif;
}

.cal-btn a {
    color: #0088cc;
}

.cal-btn a.btn span.icon {
    background: url("../images/a_spirte_icons.png") no-repeat -194px -33px;
    padding: 7px 16px;
    margin: 0 4px 0 8px;
}

.cal-btn a.btn span.icon-30 {
    background: url("../images/a_spirte_icons.png") no-repeat -290px -33px;
    padding: 7px 16px;
    margin: 0 4px 0 8px;
}

.cal-btn a.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);
}

#currentlyinactive .modal-dialog {
    width: 720px
}

#needmoretime .modal-dialog {
    width: 461px;
}

#needmoretime .modal-content, #currentlyinactive .modal-content, #Airportsdonotmatch .modal-content {
    padding: 0px 0px 48px 50px
}

#currentlyinactive .confirm-box, #Airportsdonotmatch .confirm-box {
    padding-left: 50px
}

#currentlyinactive .confirm-box {
    padding-right: 50px;
    padding-top: 30px;
}

#needmoretime .modal-content .btn-style, #currentlyinactive .modal-content .btn-style {
    float: right;
    margin-left: 50px;
}

#needmoretime .modal-content .btn-light, #Airportsdonotmatch .modal-content .btn-light {
    float: right;
}

#Airportsdonotmatch .modal-content .btn-style {
    float: left;
}

#Airportsdonotmatch .modal-dialog {
    width: 494px
}

#needmoretime .modal-content {
    padding: 0px 50px 73px 0px
}

.confirm-box {
    text-align: right;
    color: #65707b;
}

.confirm-box p {
    font-size: 12px;
    padding: 6px 0 15px 0;
    color: #65707b;
}

.confirm-box span {
    font-size: 12px;
    padding: 6px 0 15px 0;
    display: block;
    color: #65707b;
}

.confirm-box b {
    color: #65707b;
}

/* selected Flight Details */
.sel-fly-details {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0; /*background: #f2f2f2; border-bottom: 1px solid #dadada;*/
    color: #cdbbc7; /*background: #e6e6e6; /* Old browsers background: -moz-linear-gradient(top,  #56002f 0%, #56002f 50px, #630036 50px, #630036 100%); */ /* FF3.6+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56002f), color-stop(50px,#56002f), color-stop(50px,#630036), color-stop(100%,#630036)); *//* Chrome,Safari4+ background: -webkit-linear-gradient(top,  #56002f 0%,#56002f 50px,#630036 50px,#630036 100%); /* Chrome10+,Safari5.1+ background: -o-linear-gradient(top,  #56002f 0%,#56002f 50px,#630036 50px,#630036 100%); /* Opera 11.10+background: -ms-linear-gradient(top,  #56002f 0%,#56002f 50px,#630036 50px,#630036 100%); /* IE10+ background: linear-gradient(to bottom,  #56002f 0%,#56002f 50px,#630036 50px,#630036 100%); /* W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56002f', endColorstr='#630036',GradientType=0 ); /* IE6-9 -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56002f', endColorstr='#630036',GradientType=0 ); /* IE6-9 */
    background: url("../images/TopFloat_bg.png") repeat-x #630036;
    font-family: 'Open Sans', Arial;
    font-weight: 300;
}

.sel-fly-details.qmiles-fly .sel-des .ttl {
    color: #f1e0ac
}

.sel-fly-details .time-icon {
    background: url("../images/a_spirte_icons.png") no-repeat -263px -168px;
}

.fixed {
    position: fixed;
    top: 0px;
    margin: 0;
    z-index: 9999;
}

.sel-des, .sel-Total {
    margin: 0;
    padding: 0; /*display: inline-block;*/
    width: 100%;
}

.sel-Total {
    text-align: left;
    color: #f1e0ac;
    padding-left: 12px;
}

.sel-des .ttl, .sel-des .dt, .sel-des .cu, .sel-Total .ttl, .sel-Total .txt {
    display: inline-block; /*width: 145px;*/
    vertical-align: middle;
}

.sel-des .dt {
    width: 80px;
    margin-left: 25px;
}

.sel-des .ttl {
    width: 110px;
}

.sel-des .dt, .sel-des .ttl, .sel-Total .ttl {
    line-height: 30px;
}

.sel-des .ttl, .sel-Total .ttl {
    font-size: 11px;
    color: #ffffff;
    text-transform: uppercase;
}

.sel-des .cu {
    font-size: 12px;
    color: #ffffff;
    width: 118px;
}

.sel-des .date {
    font-size: 11px;
}

.sel-des .time-head {
    font-size: 16px;
    color: #ffffff;
    line-height: 16px;
    font-family: 'Open Sans', Arial;
    font-weight: 300;
}

.sel-des .city {
    padding-top: 4px;
}

.sel-Total .ttl {
    color: #f1e0ac;
}

.no-divider .sel-Total .ttl {
    font-size: 20px;
    display: block;
    line-height: 16px;
}

.sel-des .dt {
    font-size: 12px;
    text-align: center;
}

.dt .dt-clr, .sel-des .time, .sel-des .time-icon {
    color: #ffffff;
}

.sel-Total .txt {
    color: #cdbbc7;
    font-size: 11px;
}

.sel-des .dep-details, .sel-des .arr-details {
    width: 130px;
    vertical-align: top;
    display: table-cell;
}

/*.sel-des .dep-details {width: 30%;}*/
.sel-des .arr-details { /*padding-left: 57px;*/
    padding-right: 29px;
    width: 152px;
}

.sel-des .dep-details {
    padding-right: 0
}

.sel-des .ttl-time {
    width: 76px;
    vertical-align: middle;
    display: table-cell;
}

.sel-des .txt {
    display: inline-block; /*vertical-align: middle;*/
    text-align: center; /*width: 38%;*/
    left: 13%;
    position: relative;
    line-height: 14px;
    font-size: 14px;
    top: -21px;
}

.divider-tab {
    display: table;
    width: 100%;
    padding: 6px 0
}

.col-md-4.divider {
    border-left: 1px solid #4b002b; /*width: 100%;width: 100%*/
    display: table-cell;
    float: none;
}

.col-md-4.no-divider {
    border-right: 0px solid #4b002b; /*width: 100%;width: 100%*/
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding-left: 28px
}

.divider.spacer-sel-blk {
    padding-right: 21px;
}

/*.col-md-2.divider {display: table-cell; float: none; vertical-align: top}*/
.sel-fly-change {
    display: block;
    width: 100%;
    padding: 0;
    background: #f8edce; /*border-bottom: 1px solid #dadada;*/
    text-align: left;
}

.sel-fly-change p {
    font-size: 12px;
    padding: 0;
    color: #333333;
    margin: 0;
    line-height: 35px;
}

.sel-fly-change p span {
    text-transform: uppercase;
    font-weight: bold;
}

.sel-fly-change p a {
    color: #0577b2
}

.sel-fly-change p .close {
    right: 0;
    height: 30px;
    width: 30px;
    background-position: -799px 0px;
}

.qa-lang-select {
    padding: 0
}

.qa-lang-select .qa-lang-icon {
    float: left;
    display: inline;
    width: 24px;
    height: 14px;
}

.qa-lang-select .selectbox {
    border: none;
}

.qa-lang-select .styledSelect {
    background: transparent;
    padding-left: 26px;
    line-height: 13px;
    color: #ffffff;
    font-size: 12px;
}

.qa-lang-select .styledSelect:after {
    left: 0;
    top: -2px;
    content: url("../images/qa-w-arrow.png");
}

.qa-lang-select .options {
    top: 28px;
    overflow-y: auto;
}

.qa-menu {
    display: block;
    width: 100%;
    padding: 0;
    background: #ffffff;
    border-bottom: 1px solid #cccccc
}

.qa-menu ul {
    padding: 8px 0;
    text-transform: uppercase;
}

.qa-menu ul li {
    display: inline;
    padding: 5px 25px;
    position: relative;
}

.qa-menu ul li:first-child {
    padding-left: 0
}

.qa-menu ul li span.m-arrow {
    background: url("../images/m-arrow.png") no-repeat bottom right;
    width: 16px;
    height: 16px;
    padding: 0 9px;
    position: relative;
    top: -4px;
}

.qa-menu ul li a, .qa-menu ul li a:link {
    line-height: 20px;
    color: #333333;
    font-weight: bold;
    font-size: 13px;
}

.qa-menu ul li a:hover, .qa-menu ul li a:focus {
    color: #900652 !important;
    text-decoration: none;
}

.qa-menu ul li.active {
    border-bottom: 2px solid #900652;
}

.qa-search {
    width: 250px
}

.qa-search INPUT[type="text"] {
    border: none;
    border-bottom: 1px solid #acb2b9;
    font-size: 12px;
    color: #65707b;
    line-height: 16px;
    float: left;
    width: 85%;
    height: 25px;
    text-transform: capitalize;
    margin-top: 4px;
}

.qa-search a span {
    float: right;
    width: 20px;
    height: 20px;
    background: url("../images/qa-search.png") no-repeat bottom right;
    position: relative;
    top: 6px;
    margin-left: 8px;
}

.qa-tabs {
    margin: 0;
    padding: 0 20px;
}

.qa-tabs-box { /*padding-top: 30px;*/
}

.qa-tabs-box ul { /*background: #b5b5b5;*/
    width: 100%
}

.qa-tabs-box ul li {
    width: 20%;
    display: inline;
    margin: 0;
    color: #606060;
    background: #e2e4e6;
    float: left;
    border-left: 1px solid #ffffff;
    text-transform: uppercase;
}

.qa-tabs-box ul li a, .qa-tabs-box ul li a:hover { /*padding: 11px 31px; padding: 11px 27px 11px 28px\9;*/
    color: #606060 !important;
    padding: 15px 15px;
    font-size: 95%;
}

.qa-tabs-box ul li.active {
    color: #900651;
    background: #ffffff;
}

.qa-tabs-box ul li.active a { /*padding: 11px 33px*/
    color: #900651 !important;
    background: #ffffff;
}

.qa-tabs-box ul li:first-child {
    border-left: 0px
}

.qa-tabs-box .compare-panel {
    background: #f6f6f6;
}

.qa-tabs-box .tab-content {
    padding: 20px 17px;
}

.qa-tabs-box .tab-content .tab-content {
    padding: 10px 0
}

.qa-sprite {
    background: url("../images/qa-search-icons.png") no-repeat top left;
    width: 32px;
    height: 32px;
    padding: 13px 22px;
    margin-right: 2px;
}

.book-icon {
    background-position: 0px -43px;
}

.manage-icon {
    background-position: -42px -43px;
}

.check-icon {
    background-position: -88px -43px;
}

.flight-status-icon {
    background-position: -134px -43px;
}

.hotel-icon {
    background-position: -180px -43px;
}

.qa-tabs-box ul li.active .book-icon {
    background-position: 0 -1px;
}

.qa-tabs-box ul li.active .manage-icon {
    background-position: -42px -1px;
}

.qa-tabs-box ul li.active .check-icon {
    background-position: -88px -1px;
}

.qa-tabs-box ul li.active .flight-status-icon {
    background-position: -134px -1px;
}

.qa-tabs-box ul li.active .hotel-icon {
    background-position: -180px -1px;
}

.q-login-join {
    background-position: 0px -125px;
}

.q-calculator {
    background-position: -42px -125px;
}

.q-r-qmiles {
    background-position: -88px -125px;
}

.q-o-partners {
    background-position: -134px -125px;
}

.q-h-icon {
    background-position: -180px -125px;
}

.qa-tabs-box ul li.active .q-login-join {
    background-position: 0 -83px;
}

.qa-tabs-box ul li.active .q-calculator {
    background-position: -42px -83px;
}

.qa-tabs-box ul li.active .q-r-qmiles {
    background-position: -88px -83px;
}

.qa-tabs-box ul li.active .q-o-partners {
    background-position: -134px -83px;
}

.qa-tabs-box ul li.active .q-h-icon {
    background-position: -180px -83px;
}

#BookFlight ul li {
    background: none;
    color: #333333;
    padding: 2px 6px;
    width: auto;
    margin-right: 16px;
    border-left: 0;
    font-size: 12px;
}

#BookFlight ul li a, #BookFlight ul li a:hover {
    color: #333333 !important;
    text-transform: none;
    padding: 0;
    background: none;
    border-left: 0;
    font-size: 12px;
}

#BookFlight ul li.active {
    border-bottom: 2px solid #900651;
    background: none;
    border-left: 0;
}

#BookFlight ul.options li {
    font-size: 18px;
    padding: 6px 10px;
}

#BookFlight .styledSelect {
    font-size: 18px;
}

#BookFlight ul.options li:hover {
    background: #900651;
    padding: 6px 10px;
    color: #ffffff
}

.qa-main-container {
    margin: 0 auto
}

.qa-main-container .qa-main-bg-img {
    margin-top: 275px;
}

#qa-main-bg-carousel {
    position: absolute;
    top: 114px;
    width: 100%;
    height: 100%;
    z-index: 0;
    min-height: 500px;
}

.qa-note-b {
    background: url("../images/qa-img1.jpg") center -119px no-repeat;
    width: 100%;
    min-height: 1637px;
    position: relative;
    margin-bottom: 4px;
}

.qa-note-f {
    background: url("../images/qa-img2.jpg") center -119px no-repeat;
    width: 100%;
    min-height: 1637px;
    position: relative;
    margin-bottom: 4px;
}

/*.qa-note-s {background: url("../images/qa-img3.png") top center no-repeat; width: 100%; min-height: 1637px; position: relative; margin-bottom: 4px;}*/
.qa-note {
    margin: 0;
    padding: 10px 20px 10px 0;
    color: #2b3349;
    width: 400px;
    position: relative;
    top: 54px;
    left: 0;
    float: left;
}

.qa-note h1 {
    font-size: 40px;
    line-height: 34px;
    text-transform: uppercase;
    color: #2b3349;
    line-height: 50px;
}

.qa-note h1 b {
    border-top: 2px solid #900651;
    font-weight: normal;
    display: block;
    float: left;
    font-weight: 600
}

.qa-note h1 span {
    display: block;
    float: left;
}

.qa-note p {
    font-size: 12px;
    line-height: normal;
    width: 100%;
    float: left;
    padding: 30px 0 0
}

.qa-note p a {
    color: #a0a6ad;
    padding: 6px 15px;
    border: 1px solid #a0a6ad;
    text-transform: uppercase;
}

.qa-note p a:hover {
    text-decoration: none;
}

.qa-main-container .qa-flight-search {
    background: #ffffff;
    margin-bottom: 10px;
    position: relative;
    bottom: 0;
}

.qa-main-container .qa-sep-carousel {
    background: #ffffff;
    padding: 50px 0px;
    float: left
}

.qa-sep-carousel .carousel-indicators {
    bottom: 1% !important
}

.qa-main-container #qa-great-carousel {
    padding-bottom: 40px;
}

.qa-main-container .carousel-indicators {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.qa-main-container #qa-main-bg-carousel .carousel-indicators {
    top: 242px;
}

.qa-main-container .carousel-indicators li {
    background: #eeeeee;
    border: 1px solid #bdbdbd;
    width: 14px;
    height: 14px
}

.qa-main-container .carousel-indicators li.active {
    background: #900652;
    border: 1px solid #fff;
    width: 14px;
    height: 14px;
    top: -1px;
    position: relative;
}

.qa-great {
    margin: 0 0 10px
}

.qa-great .heading h3, .qa-great .heading .contentHeading {
    width: 100%;
    font-size: 40px;
    color: #900651;
    text-transform: none;
}

.qa-great .heading span.from {
    font-size: 18px;
    font-family: 'Open Sans';
    font-weight: 300;
    position: relative;
    cursor: pointer
}

.qa-great .heading span.from span {
    color: #0577b2;
    text-transform: capitalize;
    font-weight: bold;
    background: url("../images/m-arrow.png") no-repeat right 10px;
    padding-right: 15px; /*line-height: 15px;*/
    margin-left: 5px;
    float: right;
    min-width: 270px;
}

.qa-great .heading a:hover {
    text-decoration: underline;
}

div.fly-out-offers {
    position: absolute;
    top: 70px;
    width: 320px;
    border-top: 1px solid #900651;
    z-index: 9;
    background: #ffffff;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.fly-out-offers ul {
    padding: 10px 0
}

.fly-out-offers ul li {
    font-size: 14px;
    line-height: 18px;
    padding: 10px 20px;
}

.fly-out-offers ul li:hover {
    background: #f2f2f2;
    cursor: pointer;
}

.offer-details {
    padding: 0;
    margin: 0 0 20px;
    float: left;
    width: 100%
}

.offer-details .offer-details-context {
    background: #eeeeee;
    float: left; /*margin-right: 20px;*/
}

.offer-details .offer-details-context.no-mrgin {
    margin-right: 0px;
    width: 100%
}

.offer-details .offer-img {
    float: left;
    display: inline;
    background: url("../images/city-img2.png") no-repeat top right;
    width: 285px;
    height: 308px; /*margin-right: 7px;*/
}

.offer-details .offer-context {
    padding: 15px 15px 7px;
    float: left; /*width: 218px;*/
}

.offer-details .offer-context h2 {
    border: none;
    font-size: 22px;
    color: #333333;
    text-transform: none;
}

.offer-details .offer-context p {
    font-size: 12px;
}

.offer-details .offer-context p.txt {
    min-height: 140px;
    overflow: hidden;
    line-height: 17px;
    font-size: 13px;
}

.offer-details .offer-context p.offer-from {
    width: 100%;
    padding-bottom: 20px;
    font-family: 'Open Sans';
}

.offer-details .offer-context ul {
    padding: 10px 0 0 15px;
    min-height: 221px;
}

.offer-details .offer-context ul li {
    list-style: disc;
    list-style-position: outside;
    font-size: 12px;
    color: #65707b;
    padding: 4px 0
}

.offer-details-price {
    padding: 0
}

.offer-details-price div.box {
    background: #eeeeee;
    padding: 0;
    display: inline-block;
    width: 100%
}

.offer-details-price div.box h3 {
    border-left: 2px solid #900651;
    margin: 14px 0 0;
    color: #333333;
    font-size: 24px;
    padding-left: 17px;
}

.offer-details-price div.box div.offer-from {
    padding: 20px 20px 0;
}

.offer-details-price div.box div.offer-from p {
    width: 100%;
    font-size: 12px;
    margin: 0;
    padding-bottom: 20px;
}

.offer-details-price div.box div.offer-from p span.price, .offer-details .offer-context p.offer-from span.price {
    font-size: 32px;
    color: #900651;
    display: block;
    width: 100%;
    line-height: 32px;
    font-weight: 300;
    font-family: 'Open Sans', Arial;
}

.offer-details-price div.box div.offer-from p span.flL {
    float: none;
    text-align: left;
    display: inline-block;
    width: 50%
}

.offer-details-price div.box div.offer-from p span.flR {
    float: none;
    text-align: right;
    display: inline-block;
    width: 50%
}

.offer-details-price div.box div.offer-from p span.text, .offer-details .offer-context p.offer-from span.text {
    font-size: 18px;
    color: #900651;
    display: block;
    width: 100%;
    line-height: 22px;
    font-weight: 300;
    font-family: 'Open Sans', Arial;
}

.qa-flight-search .passen-inline .form-group.family-select-box .form-group label {
    font-size: 13px;
}

.qa-Exc {
    float: left;
    padding: 30px 0 0;
    width: 100%
}

.qa-Exc-offer {
    background: #eeeeee;
    float: left;
    width: 100%
}

.qa-Exc-offer .offer-context {
    padding: 41px 30px 18px 68px;
}

.qa-Exc-offer .offer-context h3 {
    width: 100%;
    font-size: 40px;
    color: #900652
}

.qa-Exc-offer .offer-context p { /*padding-bottom: 60px;*/
    font-size: 12px;
    min-height: 65px;
}

.qa-Exc-offer .offer-context span {
    width: 100%;
    text-align: right;
    display: inline-block;
    padding-right: 20px;
    position: relative;
    bottom: 0
}

.qa-Exc-offer .offer-img {
    background: url("../images/exc-img.png") no-repeat top right;
    width: 100%;
    height: 100%;
    padding: 0;
    float: left
}

.qa-Exc.padding-bottom {
    padding-bottom: 40px
}

.qa-Exc .offer-context .fly-access {
    padding: 0
}

.qa-Exc .offer-context .fly-access ul li {
    font-size: 12px;
}

.qa-Exc .offer-context .tab-content .context ul {
    min-height: 150px;
    padding: 20px 0;
    font-size: 13px;
}

.qa-Exc .offer-context .tab-content .context ul.h137 {
    min-height: 137px !important;
}

.qa-Exc .offer-context .tab-content .context ul li {
    width: 45%;
    float: left;
    padding: 4px 0;
    list-style: disc;
    list-style-position: outside;
    margin-left: 20px;
}

ul.qm-benifits {
    min-height: 229px !important;
    width: 250px;
}

.qa-quick-links {
    padding: 70px 0 0;
    width: 100%;
    float: left;
    font-size: 12px;
}

.qa-quick-links h2 {
    width: 100%;
    font-size: 24px;
    color: #900652;
    padding: 0;
    border-bottom: 0;
    text-transform: none;
}

.quick-links {
    padding: 0;
    width: 100%
}

.quick-links ul, .quick-news ul {
    padding: 10px 0 0
}

.quick-links ul li, .quick-news ul li {
    padding: 4px 0
}

.quick-links ul li {
    padding-bottom: 12px;
}

.quick-links ul li a, .quick-links ul li a:link, .quick-news ul li a, .quick-news ul li a:link {
    color: #058fb2
}

.quick-news ul li {
    display: table;
}

.quick-news ul li span.date, .quick-news ul li span.news-context {
    display: table-cell;
    vertical-align: top
}

.quick-news {
    font-size: 13px;
    line-height: 14px;
}

.quick-news ul li a {
    padding: 6px 0
}

.quick-news ul li span.date {
    width: 85px;
    float: left;
    line-height: 14px;
    font-size: 12px;
    position: relative;
    top: 4px;
}

.quick-news ul li span.date span.day {
    font-size: 40px;
    float: left;
    line-height: 40px;
    position: relative;
    top: -6px;
    padding-right: 3px;
}

.quick-news .news-context {
    display: inline-block;
}

.quick-news .news-context a, .quick-newsletter ul li a {
    display: block;
}

.quick-newsletter ul li {
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px
}

.quick-newsletter ul li:last-child {
    border-bottom: 0;
}

.quick-newsletter ul li h2 {
    padding-bottom: 17px;
}

.quick-newsletter ul li a {
    margin-top: 15px
}

.i-con-qa, .i-con-rm, .i-con-nl {
    background: url("../images/qa-ar-icons.png") no-repeat 0 0;
    width: 37px !important;
    float: left;
    margin-right: 14px;
}

.i-con-qa {
    background-position: 0 0;
    height: 50px;
}

.i-con-rm {
    background-position: 0 -49px;
    height: 40px;
}

.i-con-nl {
    background-position: 0 -89px;
    height: 48px;
}

.quick-newsletter ul li span {
    display: table;
    width: 100%
}

.quick-newsletter ul li span span {
    display: table-cell;
    vertical-align: top
}

.news-form-control {
    padding: 10px 0 0 50px;
}

.news-form-control input {
    width: 60%;
    float: left
}

.news-form-control button {
    width: 39%;
}

.news-form-control button.btn {
    padding: 6px 9px;
}

.qa-main-container .carousel .carousel-inner {
    padding: 0
}

.qa-flight-search .passen-inline .form-group.family-select-box {
    float: left
}

.qa-flight-search .passen-inline .form-group.family-select-box.qa-form {
    float: right;
    width: 35.8%;
    margin-right: 0;
}

.qa-promo-input {
    width: 47.2%;
    float: left !important;
}

.qa-form .btn-style {
    padding: 5px 40px;
}

.qa-flight-search .passen-inline .form-group.family-select {
    margin-right: 10px;
}

.qa-flight-search .showpremium {
    margin-left: 137px;
}

.qa-flight-search .showpremium .small {
    display: block
}

.qa-flight-search .passen-inline.qa-input-adjust .form-group {
    width: 17%
}

.qa-flight-search #Multi-city .passen-inline.qa-input-adjust .form-group {
    width: 30%
}

.qa-flight-search .passen-inline.qa-input-adjust .form-group:first-child, .qa-flight-search .passen-inline.qa-input-adjust .form-group:nth-child(3) {
    width: 30%;
    margin-right: 22px;
}

.qa-flight-search #Multi-city .passen-inline.qa-input-adjust .form-group:first-child {
    margin-right: 10px !important;
}

.qa-flight-search .inner-addon .arrow-right-btn:before {
    background: url(../images/arrow_right.png) 0px 9px no-repeat !important;
}

.qa-flight-search .inner-addon .btn-4c:before {
    right: 5px
}

.qa-flight-search .inner-addon .btn-4c:hover:before {
    right: -5px
}

/* q-miles-home */
.p-news {
    padding: 20px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-top: 30px;
}

.p-news p {
    font-size: 12px;
    margin: 0
}

.p-news p span {
    font-size: 18px;
    color: #900651;
    padding-right: 20px;
    font-family: 'Open Sans';
    font-weight: 300
}

.p-news p a {
    padding-left: 10px;
}

.qa-timetable-arrow {
    position: absolute;
    left: 30.8%;
    top: 21%
}

.qa-multi-arrow {
    background: url(../images/qa-m-arrow.png) top left no-repeat;
    width: 15px;
    height: 20px;
    float: left;
}

/* week-nav */
#w-nav {
}

.w-nav {
    z-index: 999;
    padding: 0;
    display: block;
    width: 90%;
    margin: 0 auto 2px; /*height:85px;*/
    float: none; /* border:1px solid #fff*/
}

/*.w-nav div.w-nav-item {display: inline-block; padding: 10px 18px; width: 140px;text-align: center; line-height: normal; margin:0 }*/
.w-nav .w-nav-item {
    text-align: center;
    line-height: 14px;
    display: block;
    cursor: pointer;
    padding: 21px 10px 22px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    position: relative;
    font-weight: 300;
    color: #65707b;
}

/*.w-nav div.a-left,  .w-nav div.a-right  {width: 60px; font-size: 50px;}*/
.w-nav .w-nav-item:hover {
    background: #f2f2f2;
    cursor: pointer;
    color: #65707b !important;
    text-decoration: none;
}

/*.w-nav div.a-left:hover,  .w-nav div.a-right:hover {background: none;}*/
.w-nav .w-nav-item span {
    display: inline-block;
}

.w-nav .slick-center {
    background: #f2f2f2;
    color: 900652;
    border-top: 2px solid #900652;
}

.w-nav .slick-center .w-nav-item {
    padding: 10px;
    line-height: 17px;
    color: #900652;
}

.w-nav .slick-center .w-nav-item:hover {
    color: #900652 !important;
}

.w-nav .slick-center span {
    font-size: 18px;
    display: block;
    font-weight: 700
}

.w-nav .slick-center span.from, span.from {
    font-size: 11px;
    font-weight: normal;
}

.w-nav .w-nav-item span span.year {
    display: none
}

.w-nav .slick-center span span.year {
    display: inline-block;
}

.lowest {
    position: relative;
    float: left;
}

.lowest span {
    font-size: 10px;
    padding-right: 45px;
    display: inline-block;
    margin-top: 28px;
    display: inline-block;
    line-height: normal;
}

.lowest span .lowfare-icon, span.promo-icon {
    right: 0;
}

.lowfare-icon {
    background: url("../images/spirte_icons.png") no-repeat -377px -66px;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -1px;
    left: 0;
}

.promo {
    position: relative;
    float: left;
}

.qmilesTopIcon {
    float: right;
    margin-top: 28px;
}

.promo span {
    font-size: 10px;
    padding-right: 36px;
    display: inline-block;
    margin-top: 36px;
    display: inline-block;
    line-height: normal;
}

.promo-icon {
    background: url("../images/promo.png") no-repeat left 0;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -1px;
    left: 0;
}

.p-data span span.promo-icon-i, .p-data span span.promo-icon-i:hover {
    background: url("../images/promo.png") no-repeat left 0;
    width: 12px;
    height: 18px;
    position: absolute;
    bottom: -1px;
    left: 40px;
    border: none !important;
}

.lowest.qmiles-low {
    float: left;
}

.p-data span span.q-lowfare-icon, .p-data span span.q-lowfare-icon:hover {
    background: url("../images/a_spirte_icons.png") no-repeat -813px -62px;
    width: 12px;
    height: 37px;
    position: absolute;
    top: -1px;
    right: -1px;
    border: none !important;
}

.w-nav-empty {
    color: #bbbbbb;
    cursor: text !important;
}

.p-data span span.lowfare-icon, .p-data span span.lowfare-icon:hover {
    background: url("../images/spirte_icons.png") no-repeat -392px -68px;
    width: 20px;
    height: 32px;
    position: absolute;
    top: 0px;
    right: 0px;
    border: none !important;
}

ul.fly-class.manage-flight-box li, .p-data span.manage-flight-data {
    min-width: 101.4px;
}

.p-data span.manage-flight-data span {
    width: auto;
}

.p-data span.radiobtn.manage-flight-data span, .p-data span.radiobtn.manage-flight-data span:hover {
    background: none;
    border: 0px;
}

.p-data span.radiobtn.manage-flight-data span {
    color: #6c6e6f;
    width: auto;
    display: block;
    vertical-align: bottom;
    height: auto;
    float: none;
    font-size: 11px;
    line-height: normal;
}
 
.p-data span.radiobtn.manage-flight-data span.price {
    font-size: 16px;
    color: #333333;
}

.p-data span.radiobtn.manage-flight-data span.currency {
    font-size: 11px;
    padding: 3px 0
}

.p-data span.radiobtn.manage-flight-data span.Refund {
    font-size: 10px;
    border: 0
}

.detailsHeader a.activeTickmark span.radiobtn.manage-flight-data span.tickmark, .detailsHeader a.active span.radiobtn.manage-flight-data span.tickmark {
    display: block;
    background: url("../images/a_spirte_icons.png") no-repeat scroll -450px -64px;
width: 30px;
margin: 0 auto;
    border: 0 !important;
    padding: 15px 0 16px;
}

.detailsHeader span.radiobtn.manage-flight-data input[type="radio"] + label {
    height: 27px
}

.p-data .radiobtn.manage-flight-data {
    padding: 10px 0
}

/*.w-nav div.active {background: #f2f2f2; color: #333333 }
.w-nav div.active span {font-size: 22px; display: block;}*/
.detailsHeader .p-data a.activeTickmark:nth-child(1) span.radiobtn.manage-flight-data, .detailsHeader .p-data a.active:nth-child(1) span.radiobtn.manage-flight-data {
    background: #ae394e;
    border: 2px solid #ae394e;
}

.detailsHeader .p-data a.activeTickmark:nth-child(2) span.radiobtn.manage-flight-data {
    background: #880b26;
    border: 2px solid #880b26;
}

.detailsHeader .p-data a.activeTickmark:nth-child(3) span.radiobtn.manage-flight-data {
    background: #680b11;
    border: 2px solid #680b11;
}

.detailsHeader .p-data a.activeTickmark:nth-child(4) span.radiobtn.manage-flight-data {
    background: #58595b;
    border: 2px solid #58595b;
}

.detailsHeader .p-data a.activeTickmark:nth-child(5) span.radiobtn.manage-flight-data {
    background: #414042;
    border: 2px solid #414042;
}

.detailsHeader .p-data a.activeTickmark:nth-child(6) span.radiobtn.manage-flight-data {
    background: #9d7337;
    border: 2px solid #9d7337;
}
 
/* .detailsHeader a:first-child.active span.manage-flight-data span {background-color:#ae394e !important; color:#fff; border: 0px solid #ae394e}
 .detailsHeader a:first-child + a.active span.manage-flight-data span { background-color:#880b26 !important;color:#fff; border: 0px solid #880b26}
 .detailsHeader a:first-child + a + a.active span.manage-flight-data span { background-color:#680b11 !important; color:#fff; border: 0px solid #680b11}
 .detailsHeader a:first-child + a + a + a.active span.manage-flight-data span { background-color:#58595b !important; color:#fff; border: 0px solid #58595b}
 .detailsHeader a:first-child + a + a + a + a.active span.manage-flight-data span { background-color:#414042 !important; color:#fff; border: 0px solid #414042}
 .detailsHeader a:first-child + a + a + a + a + a.active span.manage-flight-data span {background-color:#9d7337 !important; color:#fff; border: 0px solid #9d7337;}
 */
/* Weekly Result */  
#fly-results {
    width: 100%;
    overflow: hidden;
}

.fly-result {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%
}

.w-r-h {
    margin: 0;
    width: 100%;
    display: inline-block;
}

.w-r-h-s {
    background: #f2f2f2;
    display: inline-block; /*margin-right: 3px;*/
    padding: 0px
}

.w-r-h .col-md-5, .or-f-details .col-md-5 {
    width: 48%
}

.w-r-h .col-md-7, .p-data.col-md-7.col-lg-7, .or-f-details .col-md-7 {
    width: 52%
}

.w-sort {
    background: #eaeaea;
    padding: 14px 20px 12px 35%;
    margin: 0;
    font-size: 12px;
    color: #333333;
    line-height: 21px;
    float: right;
    width: 100%;
}

.w-sort a {
    padding: 4px 8px;
    background: #ffffff;
    margin: 0 1px;
    color: #65707b;
    line-height: 14px;
    float: left;
}

.w-sort a:last-child {
    margin-right: 10px;
}

.w-sort a:hover {
    background: #900652;
    text-decoration: none;
    color: #ffffff !important;
}

.w-sort a.active {
    background: #900652;
    text-decoration: none;
    color: #ffffff;
}

/* Flight Details Based on Class */
ul.fly-class, .p-data {
    margin: 0;
    padding: 0px;
    text-align: center;
}

ul.fly-class {
    color: #ffffff;
    overflow: hidden;
    height: 91px;
}

ul.fly-class li, .p-data span {
    padding: 3px 0;
    width: 98.8px;
    display: inline-block;
    text-align: center;
    float: right; /*border-left: 1px solid #ffffff;*/
}

.p-data span label {
    width: 68px;
    display: block;
    margin: 0 auto
}

ul.fly-class li span, .p-data span {
    display: block;
}

ul.fly-class.one-column-fare {
    height: 85px;
}

.p-data.one-column-fare {
    min-height: 128px
}

ul.fly-class.one-column-fare li, .p-data.one-column-fare span {
    width: 100%;
}

.p-data.one-column-fare span.radiobtn span.seats {
    width: 100%
}

ul.fly-class.one-column-fare li .sh-icon { /*margin: 0 4px 4px 0;*/
    background-position: right 31px;
}

ul.fly-class.one-column-fare li.box2, ul.fly-class.one-column-fare li.box3, ul.fly-class.one-column-fare li.box4, ul.fly-class.one-column-fare li.box5, ul.fly-class.one-column-fare li.box6 {
    display: none
}

ul.fly-class.two-column-fare {
    height: 85px;
}

.p-data.two-column-fare {
    min-height: 128px
}

ul.fly-class.two-column-fare li, .p-data.two-column-fare span {
    width: 50%;
}

.p-data.two-column-fare span.radiobtn span.seats {
    width: 100%
}

ul.fly-class.two-column-fare li .sh-icon { /*margin: 0 4px 4px 0;*/
    background-position: right 31px;
}

ul.fly-class.two-column-fare li.box3, ul.fly-class.two-column-fare li.box4, ul.fly-class.two-column-fare li.box5, ul.fly-class.two-column-fare li.box6 {
    display: none
}

ul.fly-class.three-column-fare {
    height: 85px;
}

.p-data.three-column-fare {
    min-height: 128px
}

ul.fly-class.three-column-fare li, .p-data.three-column-fare span {
    width: 33.3%;
}

.p-data.three-column-fare span.radiobtn span.seats {
    width: 100%
}

ul.fly-class.three-column-fare li .sh-icon { /*margin: 0 4px 4px 0;*/
    background-position: right 31px;
}

ul.fly-class.three-column-fare li.box4, ul.fly-class.three-column-fare li.box5, ul.fly-class.three-column-fare li.box6 {
    display: none
}

ul.fly-class.four-column-fare {
    height: 85px;
}

.p-data.four-column-fare {
    min-height: 128px
}

ul.fly-class.four-column-fare li, .p-data.four-column-fare span {
    width: 25%;
}

.p-data.four-column-fare span.radiobtn span.seats {
    width: 100%
}

ul.fly-class.four-column-fare li .sh-icon { /*margin: 0 4px 4px 0;*/
    background-position: right 31px;
}

ul.fly-class.four-column-fare li.box5, ul.fly-class.four-column-fare li.box6 {
    display: none
}

ul.fly-class.five-column-fare {
    height: 85px;
}

.p-data.five-column-fare {
    min-height: 128px
}

ul.fly-class.five-column-fare li, .p-data.five-column-fare span {
    width: 20%;
}

.p-data.five-column-fare span.radiobtn span.seats {
    width: 100%
}

ul.fly-class.five-column-fare li .sh-icon { /*margin: 0 4px 4px 0;*/
    background-position: right 31px;
}

ul.fly-class.five-column-fare li.box6 {
    display: none
}

.f-class-head {
    text-transform: uppercase;
    font-size: 24px;
    color: #ffffff;
    line-height: 55px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

/*.sh {text-transform: lowercase;}*/
ul.fly-class li.box1, ul.fly-class li.box2, ul.fly-class li.box3, ul.fly-class li.box4, ul.fly-class li.box5, ul.fly-class li.box6 {
    border-left: 1px solid #ffffff
}

ul.fly-class li.box1 {
    background: #ae394e
}

ul.fly-class li.box2 {
    background: #880b26
}

ul.fly-class li.box3 {
    background: #680b11
}

ul.fly-class li.box4 {
    background: #58595b
}

ul.fly-class li.box5 {
    background: #414042
}

ul.fly-class li.box6 {
    background: #9d7337
}

ul.fly-class li a {
    text-decoration: none;
    color: #ffffff !important
}

ul.fly-class li a:hover {
    text-decoration: none;
    color: #ffffff !important
}

.qmiles-search {
}

.qmiles-search .fly-view-data .or-f-details {
    margin-top: 0px;
    position: relative;
    right: -1px;
    padding: 20px 0;
}

.qmiles-search .col-md-9, .qmiles-search .col-sm-9 {
    width: 74%
}

.qmiles-search .col-sm-9.total-duration {
    width: 77%
}

.qmiles-search .col-md-3, .qmiles-search .col-sm-3 {
    width: 26%
}

.qmiles-search .ttl-time {
    width: 11%
}

ul.fly-class.qmiles-three {
    height: 85px;
}

.qmiles-search .p-data span {
    width: 98px;
}

.qmiles-search .p-data .radiobtn {
    padding: 40px 0; /*min-height: 112px;*/
    margin: auto;
}

.qmiles-search .p-data .radiobtn label.txt, .radiobtn label.txt {
    padding-top: 4px;
    background: none;
    text-align: center;
    width: 100% !important;
    cursor: default;
    font-size: 11px;
    color: #cccccc;
}

.p-data .radiobtn label.txt, .radiobtn label.txt {
    padding-top: 22px;
}

/*.qmiles-search .p-data a {display: inline;clear: both;width: 99px;padding: 0;text-decoration: none;}*/
.qmiles-search .p-data a {
    clear: both;
    display: inline-block;
    padding: 0;
    text-decoration: none;
    width: 32.5%;
}

.qmiles-total-amount {
    border-top: 1px solid #d5d5d5;
    border-bottom: 2px solid #900652;
    padding: 5px 0;
    position: relative;
    right: 1px;
}

.qmiles-total-amount span.txt {
    text-align: center;
    width: 50%;
    display: block;
    line-height: normal;
    margin: 0 auto;
}

.qmiles-search .p-data {
    text-align: left;
    display: inline-block;
    padding-left: 1px;
    width: 100%;
    float: left
}

.detailsHeader a:first-child.active span {
    border: 1px solid #ae394e
}

.detailsHeader .qmiles-cabin-review .p-data a:hover:nth-child(1) span.radiobtn {
    border: 1px solid #680b11
}

.detailsHeader .qmiles-cabin-review .p-data a:hover:nth-child(2) span.radiobtn {
    border: 1px solid #414042
}

.detailsHeader .qmiles-cabin-review .p-data a:hover:nth-child(3) span.radiobtn {
    border: 1px solid #9d7337
}

.detailsHeader .qmiles-cabin-review .p-data a:nth-child(1).active span {
    color: #fff;
    border: 1px solid #680b11
}

.detailsHeader .qmiles-cabin-review .p-data a:nth-child(2).active span {
    color: #fff;
    border: 1px solid #414042
}

.detailsHeader .qmiles-cabin-review .p-data a:nth-child(3).active span {
    color: #fff;
    border: 1px solid #9d7337
}

.total-pdata-two {
    width: 216px;
    margin: 0 auto;
}

.p-s-cont .price-details.total-pdata-two {
    color: #333333;
}

.p-s-cont .price-details.total-pdata-two span {
    line-height: normal;
    font-size: 12px;
}

.p-s-cont .price-details.total-pdata-two span.price {
    font-size: 24px;
}

.qmiles-totalarrow {
    padding: 10px 20px;
    position: relative;
    top: -10px;
    right: 0px;
    margin-right: 46px;
    margin-top: -19px;
    float: left;
}

.qmiles-totalarrowup {
    background-position: -955px -64px;
}

.qmiles-totalarrowdown {
    background-position: -955px -32px;
}

.qmiles-total-details-box {
    display: table;
    width: 100%
}

.qmiles-total-details-box .row {
    margin: 0;
}

.qmiles-total-details-box .col-sm-9 {
    width: 78%
}

.qmiles-total-details-box .col-md-3, .qmiles-total-details-box .col-md-9 {
    display: table-cell;
}

.qmiles-total-details-box .col-md-3 {
    width: 222px;
    margin: 0 auto;
    text-align: center;
}

.qmiles-total-details-box .col-md-9 {
    width: 80%
}

.qmiles-ttl-box.fly-access ul {
    margin: 0;
    padding: 0
}

.qmiles-ttl-box.fly-access ul li {
    width: 95px;
    text-align: center;
    padding: 8px 1px;
}

.qmiles-ttl-box.fly-access ul li label {
    width: auto;
    line-height: normal;
}

.ttl-box-top-lft {
    width: 3px;
}

.row.bg-box-h {
    background: #eaeaea;
}

.col-top {
    border-left: 4px solid #c4c4c4;
    padding: 30px 0
}

.col-eco {
    border-left: 4px solid #ebb259;
    padding: 30px 0
}

.col-bus {
    border-left: 4px solid #1679a2;
    padding: 30px 0
}

.col-fir {
    border-left: 4px solid #1679a2;
    padding: 30px 0
}

.qmiles-ttl-box.context-box {
    padding: 30px 0
}

.ttl-box-top-middle {
    width: 222px;
}

.col-eco .brd, .col-bus .brd {
    border-right: 1px solid #c4c4c4;
    padding: 0px 30px 0;
}

.col-eco .col-eco-txt, .col-bus .col-bus-txt {
    font-size: 36px;
}

.col-eco .col-eco-txt {
    color: #ebb259
}

.col-bus .col-bus-txt {
    color: #1679a2
}

.qmiles-ttl-box.fly-access ul li span, .qmiles-ttl-box.fly-access ul li label {
    display: block;
}

.qmiles-ttl-box.fly-access ul li label.header {
    width: 80px;
    line-height: normal;
}

.or-f-details > .qmileData {
    border: none; /*max-height: 374px;*/
    border-top: 1px solid #8b1c59;
    vertical-align: bottom;
}

.qmileData .fly-view-data-viewdetails {
    display: inline;
}

.classHeading {
    display: none;
    padding: 15px 0 15px 20px;
    font-size: 14px;
    color: #ebb259;
    text-transform: uppercase;
    font-weight: 400;
    border: none;
    margin: 0;
}

.qmileData .classHeading {
    display: block;
}

/*.fligt1-economy {border-right: 5px solid #680b11}
.fligt1-economy h5 {padding:25px 20px 10px 0; font-size: 14px; color: #ebb259; text-transform: uppercase; }
.fligt2-business {border-right: 5px solid #414042}
.fligt2-business h5 {padding:25px 20px 10px 0; font-size: 14px; color: #1679a2; text-transform: uppercase; }
.fligt3-first {border-right: 5px solid #9d7337}
.fligt3-first h5 {padding:25px 20px 10px 0; font-size: 14px; color: #9d7337; text-transform: uppercase; }
.qmileData .des-row span.con-line {margin: 0px 0 -1px; padding: 8px 0;}
.qmileData .des-row span.con-time {top: 12px;}*/
.qmileData .arr-details {
    width: 41%;
}

.qmileData .ttl-time {
    width: 18%
}

.qmileData .des-row span.con-line {
    width: 95%
}

.qmileData .con-line.tt-border {
    padding: 0 0 28px !important
}

.qmileData .fly-access .tab-content { /*min-height: 292px;*/
}

/*.left-fare-arrow {display: none}*/
#carousel-example-generic3 .left-fare-arrow, #carousel-example-generic3 .right-fare-arrow { /*top: 29%;*/
    height: 100%
}

.left-fare-arrow {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 8px;
    height: 125px;
    width: 23px;
}

.left-fare-arrow span.slick-prev {
    position: absolute;
    top: 43%;
    left: -9px;
    right: 0;
    background-position: -420px 0;
}

#carousel-example-generic .left-fare-arrow span.slick-prev, #carousel-example-generic2 .left-fare-arrow span.slick-prev, #carousel-example-generic .right-fare-arrow span.slick-next, #carousel-example-generic2 .right-fare-arrow span.slick-next {
    top: 32%;
}

.right-fare-arrow {
    position: absolute;
    top: 0;
    margin-top: 8px;
    background: #f6f6f6;
    height: 125px;
    width: 32px;
    left: 0px;
}

.right-fare-arrow span.slick-next {
    position: absolute;
    top: 43%;
    right: 0px;
}

/* Flight Details Based on Price Data */
.p-data span INPUT {
    display: block;
    margin: 0 auto;
}

.p-data span { /*height: 104px;border: 1px solid #ffffff;padding: 4px;*/
}

.p-data span:hover { /*background: #f2f2f2;*/
    border: 1px solid #900652;
    cursor: pointer;
}

.p-data span.active, ul.fly-class.active {
    background: #950f59; /*border: 1px solid #950f59; */
    cursor: default;
    color: #ffffff;
    display: inline-block;
}

.p-data span.active label {
    color: #ffffff;
}

.p-data span.active input[type="radio"], ul.fly-class.active input[type="radio"] {
    display: none
}

.p-data { /*margin-left: 2px;*/
}

/* Multi Select Flight CSS - Starts*/
.m-head {
    border-bottom: 1px solid #8c1b59;
    padding: 30px 0 0px;
}

.flightHeader {
    border-bottom: 1px solid #aaaaaa;
    vertical-align: top;
    line-height: 20px;
    padding: 15px 0px;
    margin: 0;
}

.flightNo {
    font-size: 13px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: bolder;
    text-transform: uppercase;
    color: #900652;
    line-height: 32px;
    font-weight: 300;
}

.flightHeader header span {
    font-size: 30px;
    color: #900652;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

.Date {
    font-size: 15px;
    display: inline-block;
    margin-left: 35px;
    color: #65707b;
}

.GrayBotBorder {
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    padding: 20px 0 5px 0px;
    margin: 0;
}

.BurBotBorder {
    border-bottom: 1px solid #900652;
    vertical-align: top;
    padding: 20px 0 20px 0px;
    float: left;
    width: 100%;
}

.FlightExp {
    margin: 0;
}

.FlightExp .city, .FlightExp time-total {
    margin-top: 4px;
}

.FlightExp .selected {
    background-position: 0px 0px;
    width: 32px;
    height: 32px;
    margin: 10px;
}

.FlightStop {
    line-height: 0;
}

.vSmall {
    font-size: 11px;
}

.SqueezWidth {
    width: 7%;
}

.BrdrBotBlk {
    border-bottom: 1px solid #32001b;
}

.BrdrTopWht {
    border-top: 1px solid #780141;
}

.BrdRitBlk {
    border-right: 1px solid #32001b;
}

.BrdrLftWht {
    border-left: 1px solid #780141;
}

.Padding10 {
    padding: 12px 0 12px 10px;
    color: #FFF;
}

.spliterGray {
    border-bottom: 1px solid #ececec;
}

.flightContainer {
    padding: 5px 0 5px 0;
}

.txtitalic {
    font-style: italic;
    font-size: 11px;
}

.Multi_QAIcon {
    background: url("../images/QatarAW_logo.png") no-repeat right;
}

/* Multi Select Flight CSS*/
.destinations header .sprit-icons, .flightHeader header .sprit-icons {
    width: 32px;
    height: 32px; /*margin: 0 2px; margin-top: -13px;*/
    background-position: -512px 3px;
    vertical-align: -6px;
}

.ms-info div {
    display: inline-block;
    vertical-align: top;
}

.city_name span.m-date, .MultiCity_name span.m-date {
    display: block;
    font-size: 11px;
    color: #65707b;
    line-height: 11px
}

.ms-info .MultiCity_name, .header-double {
    padding-left: 30px;
    background: url("../images/a_m-Doubledivider.png") no-repeat left;
    display: inline-block;
    margin-left: 18px;
}

.yellowMsg {
    padding: 7px 15px;
    font-size: 11px;
    color: #666;
    background: #faf8d0;
    margin: 0;
}

.sprit-icons.red-icon {
    background-position: -231px -29px !important;
    width: 24px !important
}

.iconspace {
    background-position: left 25px;
}

.arrow_icon {
    content: "-->";
    padding: 0 20px;
}

.arrow-one {
    background: url("../images/arrow-one.png") no-repeat top left;
    padding: 0 20px;
    display: inline-block;
    width: 27px;
    height: 11px;
    margin-left: 20px;
}

/* .city_name label {font-size: 14px; padding: 0 0 0 40px;} */

.b-st-info {
    width: 225px;
    padding-top: 15px;
}

.b-st-info span {
    display: block;
    clear: both;
    font-size: 15px;
    line-height: 14px;
    text-align: right
}

.b-st-info span label {
    color: #630036;
    font-weight: 600;
    width: 87px;
    text-align: left;
    padding-left: 4px;
}

/* Flight Details Based on Choose Boarding Data */
.des-row {
    display: block;
    padding: 0px 20px 0px 0;
    font-size: 12px;
}

.des-row .dep-details, .des-row .arr-details { /*width: 195px;*/
    padding-right: 0
}

.des-row span.con-line {
    width: 98%;
    text-align: center;
    border-bottom: 1px solid #d6d6d6;
    line-height: 1px;
    margin: 0;
    display: inline-block;
    margin: 20px 0px;
}

.des-row span.con-time {
    background: #f6f6f6;
    padding: 5px 10px;
    position: relative;
    top: 4px;
    font-size: 11px;
}

.des-row span.con-time label {
    margin-bottom: 3px;
}

.con-line.tt-border {
    border-bottom: 0px solid #d6d6d6 !important;
}

.boarding-data ul.fly-class li {
    padding: 5px 10px
}

ul.fly-class.active li {
    border-left: 0;
}

.p-data span span, .p-data span span:hover {
    background: none;
    border: 0px none !important;
    text-decoration: none !important;
}

.p-data span span {
    color: #ff0000;
    width: auto;
    display: block;
    vertical-align: bottom;
    height: auto;
    float: none;
}

.fly-view-data, .fly-view-data-viewdetails {
    display: inline-block;
    width: 100%;
    margin: 0px;
    z-index: 9999;
}

.fly-view-data .w-r-h {
    background: #950f59;
    padding: 0px
}

.fly-view-data .w-r-h-s {
    background: none;
}

.fly-view-data .w-r-h ul.fly-class li {
    border: none;
}

.fly-view-data .or-f-details {
    padding: 0;
    border-bottom: 0;
    margin-top: -5px;
    background: #f6f6f6;
}

.boarding-data {
    display: table-column-group;
}

.boarding-data ul {
    display: inline-block;
}

.boarding-data ul.fly-class {
    color: #333333;
    font-size: 11px;
    width: 98.6px;
    display: table-cell;
    vertical-align: top;
}

.fly-v-head {
    color: #fff;
}

.fly-v-head .dep-details {
    width: 322px;
}

.fly-v-head span span.dep, .fly-v-head span span.city_name {
    display: inline-block;
}

.fly-v-head span span.city_name span {
    color: #fff;
    font-size: 24px;
    line-height: normal;
    display: inline-block;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

.fly-v-head span span.dep-date {
    display: block;
    font-size: 11px;
}

.fly-v-head span span.arr {
    width: 146px;
    display: inline-block;
    font-size: 12px;
    padding-top: 8px;
    margin-left: -15px;
}

.fly-v-head span span.city_name span.sprit-icons {
    background-position: -223px -69px;
    padding: 0 18px;
    height: 20px;
}

/* Flight View Details Right Access */
.or-f-details .close, .multicity-content .close {
    position: relative;
    text-align: right;
    display: inline-block;
    font-size: 11px;
    color: #630036;
    padding: 11px;
    background-position: -799px 6px;
    width: 40px;
    height: 40px;
    right: 0px;
    z-index: 6666;
    float: left;
}

.or-f-details .close {
    top: 0;
}

.view-access span.close {
    width: 20px;
    height: 20px;
    top: -8px;
}

.multicity-content .close {
    left: 0;
    top: -1px;
}

.or-f-details .close:hover, .multicity-content .close:hover { /*border: 1px solid #8e969e;*/
    background-position: -766px 6px;
    background-color: #000000;
    opacity: 1;
}

.or-f-details .fly-access {
    position: relative;
    top: -19px;
}

.qmileData .or-f-details .fly-access {
    top: -23px;
}

.fly-access {
    margin: 0;
    padding: 0;
}

.fly-access ul {
    padding: 14px 0 0px;
    width: 100%
}

/*.fly-access .tab-content {height: 650px;overflow: auto;width: 496px;/*margin-left: -44px;}*/
.modify-seat-bg .fly-access .tab-content {
    height: 650px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 496px;
    margin-left: -44px;
}

.fly-access .tab-content.multi-train-three {
    min-height: 380px;
}

.tab-content.multi-train-three .left-fare-arrow, .tab-content.multi-train-three .right-fare-arrow {
    margin-top: 0
}

.tab-content.multi-train-three .left-fare-arrow span.slick-prev, .tab-content.multi-train-three .right-fare-arrow span.slick-next {
    top: 45% !important
}

.fly-access ul.nav {
    border-bottom: 1px solid #d6d6d6;
    padding: 0
}

.fly-access ul.nav li {
    width: auto;
    padding: 0 12px 0px 17px;
    color: #65707b
}

.fly-access ul.nav li a {
    background: none;
    padding: 0;
}

.fly-access ul.nav li a, .fly-access ul.nav li a:link {
    color: #65707b;
    text-transform: uppercase;
}

.fly-access ul.nav li.active a, .fly-access ul.nav li.active a:link, .fly-access ul.nav li.active a:hover {
    color: #8b1c59 !important;
    text-transform: uppercase;
}

.fly-access ul.nav li.active {
    border-bottom: 3px solid #8b1c59;
    padding: 0 12px 4px 17px;
}

.multicity-content-view .fly-access .tab-content {
    min-height: auto;
}

.fly-access ul.nav li.active {
  position: relative;
}

.fly-access ul.nav li.active:after, .fly-access ul.nav li.active:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
 
.fly-access ul.nav li.active:after {
/*  border-color: rgba(136, 183, 213, 0);*/
  border-top-color: #8b1c59;
  border-width: 10px;
  margin-left: -10px;
}

.fly-access ul.nav li.active:before {
/*  border-color: rgba(194, 225, 245, 0);*/
  border-top-color: #8b1c59;
  border-width: 10px;
  margin-left: -10px;
}
 
.fly-access {
    width: 100%;
    padding: 20px 0 0 20px
}
 
.fly-access ul li {
    display: inline-block;
    width: 272px; /*font-size: 11px;*/
    padding: 13px 0 4px 6px;
}

.fly-access ul li label {
    margin: 0; /*padding: 0 10px 0 5px;*/
    font-size: 11px;
    display: block;
    color: #8d969e;
    text-transform: uppercase;
}

.fly-access ul li span {
    float: right;
    display: block;
    color: #333333;
    font-size: 14px;
}
 
.fly-access ul li span.icon1, .fly-access ul li span.icon2, .fly-access ul li span.icon3, .fly-access ul li span.icon4, .fly-access ul li span.icon5, .fly-access ul li span.icon6, .fly-access ul li span.icon7, .fly-access ul li span.icon8, .fly-access ul li span.icon9, .fly-access ul li span.icon10, .fly-access ul li span.icon11, .fly-access ul li span.icon12 {
    background: url("../images/a_spirte_icons.png") top right no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 27px;
}

.fly-access ul li span.icon1 {
    background-position: -193px -165px;
}

.fly-access ul li span.icon2 {
    background-position: -67px -165px;
}

.fly-access ul li span.icon3 {
    background-position: -193px -165px;
}

.fly-access ul li span.icon4 {
    background-position: -322px -165px;
}

.fly-access ul li span.icon5 {
    background-position: -33px -165px;
}

.fly-access ul li span.icon6 {
    background-position: -322px -165px;
}

.fly-access ul li span.icon7 {
    background-position: -33px -165px;
}

.fly-access ul li span.icon8 {
    background-position: -193px -165px;
}

.fly-access ul li span.icon9 {
    background-position: -33px -165px;
}

.fly-access ul li span.icon10 {
    background-position: -164px -162px;
}

.fly-access #CabinFeatures ul {
    padding: 10px 0; /*margin: 0 33px;*/
    width: auto;
}

.fly-access .productSection ul li {
    vertical-align: top;
}

.fly-access .productSection ul li span ~ span {
    width: 80%;
    font-size: 13px;
}

.fly-access .productSection ul li span span {
    color: #8d969e;
    display: block;
    font-size: 11px;
    margin: 0;
    width: 100%
}

.fly-access .productSection ul li span {
    display: inline-block;
    vertical-align: top;
    color: #65707b;
}

.bdr hr {
    margin: 2px 33px;
    width: 91%;
    border-color: #d6d6d6
}

.fly-access #CabinFeatures ul li {
    width: 251px;
    padding: 13px 0 3px 25px;
}

.fly-access #CabinFeatures ul li span.icon1 {
    background-position: -705px -163px;
}

.fly-access #CabinFeatures ul li span.icon2 {
    background-position: -611px -36px;
}

.fly-access #CabinFeatures ul li span.icon3 {
    background-position: -546px -165px;
}

.fly-access #CabinFeatures ul li span.icon4 {
    background-position: -64px -165px;
}

.fly-access #CabinFeatures ul li span.icon5 {
    background-position: -33px -165px;
}

.fly-access #CabinFeatures ul li span.icon6 {
    background-position: -322px -165px;
}

.fly-access #CabinFeatures ul li span.icon7 {
    background-position: -33px -165px;
}

.fly-access #CabinFeatures ul li span.icon8 {
    background-position: -193px -165px;
}

.fly-access .access-rates {
    width: 49%;
    display: inline-block;
    vertical-align: top
}

.fly-access .access-rates h4 {
    color: #950f59;
    font-size: 15px;
    padding: 0;
    margin: 0
}

.fly-access .access-rates ul {
    padding: 10px 0 27px
}

.fly-access .access-rates ul li {
    display: inline-block;
    width: 100%;
    font-size: 11px;
}

.fly-access span.txR a {
    background: url("../images/a_b-arrow.png") no-repeat top left;
    padding-left: 24px;
}

.fly-access span.txR a, .fly-access span.txR a:link {
    color: #0088cc;
    text-transform: uppercase;
    font-size: 14px
}

.fly-access span.txR {
    padding: 6px 0px 6px;
    float: right;
    border-top: 1px solid #d6d6d6;
    width: 100%;
    text-align: left;
}

ul.fly-class.view li {
    width: 84px;
    font-size: 12px;
    padding: 4px;
}

ul.fly-class.view li .sh {
    border: none
}

.f-class {
    text-transform: uppercase;
    display: block;
    margin: 0;
    font-size: 12px;
}

.sh {
    text-transform: capitalize;
    font-size: 11px;
}

.sh-icon p, .sh-icon > p {
    margin: 0 0 0 2px;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 0px;
    font-size: 11px;
}

.sh-icon > p {
    padding: 0px;
}

.sh.f1top {
    border-bottom: 1px solid #9c2e42;
    margin: 0;
    display: block;
}

.sh-icon.f1bottom {
    border-top: 1px solid #be465c;
    width: 100%;
}

.sh.f2top {
    border-bottom: 1px solid #7a0720;
}

.sh-icon.f2bottom {
    border-top: 1px solid #94102c;
    width: 100%;
}

.sh.f3top {
    border-bottom: 1px solid #55070c;
}

.sh-icon.f3bottom {
    border-top: 1px solid #7a1118;
    width: 100%;
}

.sh.f4top {
    border-bottom: 1px solid #4a4c4f;
}

.sh-icon.f4bottom {
    border-top: 1px solid #676768;
    width: 100%;
}

.sh.f5top {
    border-bottom: 1px solid #2f2d30;
}

.sh-icon.f5bottom {
    border-top: 1px solid #555555;
    width: 100%;
}

.sh.f6top {
    border-bottom: 1px solid #88622b;
}

.sh-icon.f6bottom {
    border-top: 1px solid #ae8244;
    width: 100%;
}

.sh-icon {
    font-size: 12px; /*background: url("../images/down-arrow.png") no-repeat bottom right;*/
    text-align: center;
    min-height: 40px;
    margin: 0 0px 4px 0;
    background-position: 81px 31px;
}

.sh-icon span {
    display: inline-block !important;
    padding: 1px 4px;
    font-size: 10px;
}

span.sh-icon1 {
    background-position: -3px -70px;
}

span.sh-icon30 {
    background-position: -518px -70px;
    width: 18px;
    height: 15px;
    vertical-align: -2px;
    margin-left: 2px;
}

span.sh-icon7 {
    background-position: -552px -70px;
    width: 16px;
    height: 15px;
    margin-left: 2px;
    vertical-align: -1px
}

/*
span.sh-icon50 {background-position: -643px -70px;width: 43px; height: 15px;}*/

span.sh-icon3 {
    background-position: -36px -70px;
    padding-right: 12px !important
}

span.sh-icon4 {
    background-position: -66px -72px;
    padding-right: 16px !important;
}

span.sh-icon5 {
    background-position: -104px -72px;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
}

span.sh-icon6 {
    background-position: -136px -70px;
}

ul.fly-class.view li .f-class {
    text-transform: uppercase;
}

ul.fly-class.view li .sh {
    text-transform: lowercase;
}

.view-access {
    display: table;
    width: 100%
}

.view-access .box1, .view-access .box2 {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.view-access.popup {
    margin-bottom: 20px;
}

.popup .box1 {
    width: 20%
}

.popup .box2 .row ul li {
    width: 16%;
}

.table-caption {
    display: table-caption;
    margin-left: 181px;
}

.table-caption ul, .table-caption ul li ul {
    width: 100%
}

.table-caption ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 6px 0 0
}

.table-caption ul li.economy {
    width: 48%;
    background: #e2993b;
    color: #ffffff;
}

.table-caption ul li.business {
    width: 35%;
    background: #2198b1;
    color: #ffffff;
}

.table-caption ul li.first {
    width: 15%;
    background: #900652;
    color: #ffffff;
}

.table-caption ul li span {
    padding: 0 0 6px;
    text-transform: uppercase;
}

.table-caption ul li ul {
    background: #f2f2f2;
    padding: 2px 8px;
    color: #65707b;
}

.table-caption ul li ul li {
    display: inline-block;
    padding: 4px 15px;
    text-align: center;
}

.box1 {
    width: 80px;
    background: #e7e7e7;
}

.box2 {
    margin: 0
}

.box2 .row {
    padding: 8px 0;
    margin: 0
}

.box2 .row.alternate {
    background: #ebebeb;
}

.box2 .row ul, .box1 ul {
    margin: 0;
    padding: 0
}

.box1 ul li, .box2 ul li {
    display: block;
    padding: 8px;
    font-size: 11px;
    text-align: center;
}

.box2 ul.two, .box2 ul li {
    padding: 15px 8px 8px
}

.view-access span {
    width: 100%;
    height: 24px;
    display: block;
}

.view-access span.icon1, .view-access span.icon2, .view-access span.icon3, .view-access span.icon4, .view-access span.icon5, .view-access span.icon6, .view-access span.icon7 {
    background: url("../images/fly-access.png") top center no-repeat;
}

.view-access span.icon1 {
    background-position: center 4px
}

.view-access span.icon2 {
    background-position: center -33px
}

.view-access span.icon3 {
    background-position: center -72px
}

.view-access span.icon4 {
    background-position: center -72px
}

.view-access span.icon5 {
    background-position: center -72px
}

.view-access span.icon6 {
    background-position: center -72px
}

.view-access span.icon7 {
    background-position: center -72px
}

.box2 .row ul li {
    display: inline-block;
    width: 67px;
}

.train-fare {
    height: 208px;
    padding: 30px 0;
    border-bottom: 1px solid #d6d6d6;
}

.train-fare ul {
    height: 125px;
    overflow: hidden;
}

.fly-fare1 {
    height: 105px;
    border-bottom: 1px solid #d6d6d6
}

.multi-train-three .fly-fare1 {
    height: 117px;
}

.fly-fare1 ul {
    height: 104px;
    overflow: hidden;
}

.fly-fare1 ul li, .fly-fare2 ul li {
    padding-top: 2px !important
}

.fly-fare2 {
    height: 105px; /*border-bottom: 1px solid #d6d6d6*/
}

.fly-fare2 ul {
    height: 104px;
    overflow: hidden;
}

/* Modal Popup */
.modal-content {
    box-shadow: 0 0px 0px rgba(0, 0, 0, .5);
    border: 3px solid #900653;
    border-radius: 0px; /*padding: 0px 0 20px 15px;*/
}

#COMPARE .modal-content {
    padding: 0px 24px 20px 24px;
}

#COMPARE button.close {
    right: 39px !important;
}

.modal {
    z-index: 99999
}

.popup-content {
    padding-bottom: 20px;
}

#accordion {
    height: 350px;
    overflow: auto;
}

.modal-dialog {width: 671px;}

.modal-body {
    padding: 0 15px 15px;
}

.popup-head {
    border-bottom: 1px solid #900652;
}

.popup-head h3 {
    font-size: 18px;
    margin: 16px 0 0 0
}

.popup-head a {
    color: #555;
    padding: 4px 0;
}

.popup-head a:hover {
    text-decoration: none;
}

.modal-footer {
    border: 0;
}

.p-20 {
    padding-left: 24px;
}

.modal-header {
    margin: 15px;
    padding: 0;
    border-bottom: 0px solid #630036;
}

.sec-tabs-context {
    display: table
}

.tabs-left, .tabs-content-right {
    display: table-cell;
    vertical-align: top;
}

.tabs-left ul {
    width: 100%;
}

.tabs-left ul.nav-tabs {
    border: 0;
    margin: 0
}

.tabs-left ul li.logoleft img {
    width: 103px;
    height: 30px;
    padding: 0 13px
}

.tabs-left {
    background: #f5f5f5
}

.tabs-left > .nav-tabs > li {
    float: none;
    width: 161px;
    text-align: center;
}

.tabs-left > .nav-tabs > li > a {
    min-width: 161px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
}

.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
    border-left: 4px solid #900653;
    border-right: 0px solid #630036;
    border-top: 0px solid #630036;
    border-bottom: 0px solid #630036;
}

.ope-details {
    display: table;
    padding: 20px;
    font-size: 12px;
}

.ope-details h2 {
    display: table-caption;
    padding: 20px 0 0;
    margin: 0 20px;
    color: #900854;
    text-transform: capitalize;
}

.ope-details .left, .ope-details .right {
    display: table-cell;
    padding: 0 12px 0 0;
    width: 50%;
    vertical-align: top;
}

.ope-details .left p, .ope-details .left h4, .ope-details .left ul {
    padding: 0 0 20px;
    margin: 0
}

.ope-details .left ul li {
    list-style-type: disc;
    margin-left: 20px;
}

.ope-link {
    padding: 20px;
}

.ope-link a {
    background: url("../images/b-arrow.png") no-repeat top right;
    padding-right: 16px;
}

.on-video, .on-slide {
    border: 1px solid #f1f1f1;
    padding: 2px;
    margin-bottom: 10px;
}

.on-video img, .on-slide img {
    width: 100%;
    border: 0px;
}

.modal-title {
    font-size: 36px;
    color: #900652;
    border: none; /*padding-left: 20px;*/
    padding-bottom: 5px
}

.popup-left {
    background: #f6f6f6;
}

ul.popup-left li.popup-left-head {
    border-bottom: 1px solid #ffffff;
    padding: 14px 25px 15px 50px;
    line-height: normal;
}

ul.popup-left li {
    padding: 21px 25px;
    line-height: 32px;
    vertical-align: top;
    font-size: 12px;
}

ul.popup-left li span.icon1, ul.popup-left li span.icon2, ul.popup-left li span.icon3, ul.popup-left li span.icon4, ul.popup-left li span.icon5, ul.popup-left li span.icon6 {
    background: url("../images/a_spirte_icons.png") 0 0 no-repeat;
    width: 32px;
    height: 32px;
    padding: 16px;
    vertical-align: top;
    float: right;
    margin-left: 8px;
}

ul.popup-left li span.icon1 {
    background-position: -1px -160px
}

ul.popup-left li span.icon2 {
    background-position: -288px -160px
}

ul.popup-left li span.icon3 {
    background-position: -353px -160px
}

ul.popup-left li span.icon4 {
    background-position: -511px -160px
}

ul.popup-left li span.icon5 {
    background-position: -162px -160px
}

ul.popup-left li span.icon6 {
    background-position: -96px -160px
}

.popup-right-box {
    margin: 0;
    padding: 0;
    border-left: 1px solid #ececec
}

.popup-right-box h2 {
    font-size: 12px;
    color: #ffffff;
    line-height: normal;
    padding: 7px 25px;
    text-align: center;
    border: none;
    height: 44px;
}

.popup-right-box h2.economy-v {
    background: #880b26
}

.popup-right-box h2.economy-s {
    background: #ae394e
}

.popup-right-box h2.economy-f {
    background: #680b11
}

.popup-right-box h2.business-v {
    background: #58595b
}

.popup-right-box h2.business-f {
    background: #414042
}

.popup-right-box h2.first-v {
    background: #b38a48
}

.popup-right-box h2.first-f {
    background: #9d7337
}

.compareFlights h2 span {
    display: block;
    text-transform: none;
    line-height: 14px;
}

.popup-right-box ul li {
    padding: 30px 25px 29px;
    text-align: center;
    font-size: 12px;
    line-height: normal;
    border-bottom: 1px solid #ececec;
    height: 74px;
}

.compare-tabs {
    margin: 0;
    padding: 0 20px;
}

.compare-tabs-box {
    padding-top: 30px;
}

.compare-tabs-box ul { /*background: #b5b5b5;*/
    width: 100%
}

.compare-tabs-box ul li {
    width: 20%;
    display: inline;
    margin: 0;
    color: #606060;
    background: #b5b5b5;
    float: right;
    border-left: 1px solid #ffffff;
    text-transform: uppercase;
}

.compare-tabs-box ul li a, .compare-tabs-box ul li a:hover { /*padding: 11px 31px; padding: 11px 27px 11px 28px\9;*/
    color: #606060 !important;
    text-align: center;
}

.compare-tabs-box ul li.active {
    color: #333333;
    background: #f6f6f6;
}

.compare-tabs-box ul li.active a { /*padding: 11px 33px*/
}

.compare-tabs-box ul li:first-child {
    border-left: 0px
}

.compare-tabs-box ul li:last-child {
    width: 40%
}

.compare-tabs-box .compare-panel {
    background: #f6f6f6;
}

.compare-tabs-box .tab-content {
    padding: 30px;
}

.compare-slide-img {
    background: url("../images/compare-img1.png") top left no-repeat;
    width: auto;
    height: 234px;
    position: relative;
    margin-bottom: 4px;
}

.compare-slide {
    margin: 0;
    padding: 10px 20px;
    background: #838382;
    color: #ffffff;
    width: 400px;
    position: absolute;
    bottom: 0;
    right: 0
}

.compare-slide .mainHeading {
    font-size: 18px;
    line-height: 34px;
    text-transform: uppercase;
}

.compare-slide p {
    font-size: 12px;
    line-height: normal;
}

.compare-products-list {
    margin: 0;
    padding: 0;
    float: left
}

.compare-products-list .box {
    min-height: 180px;
    border: 1px solid #f6f6f6;
    border-radius: 0;
    min-width: 260px;
    margin: 1px;
}

.compare-products-list .box.img1 {
    background: url("../images/compare-img_box1.png") top right no-repeat;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
}

.compare-products-list .box.img2 {
    background: url("../images/compare-img_box2.png") top right no-repeat;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
}

.compare-products-list .box.img3 {
    background: url("../images/compare-img_box3.png") top right no-repeat;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
}

.compare-products-list .box.img4 {
    background: url("../images/compare-img_box4.png") top right no-repeat;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
}

.compare-products-list .box.img5 {
    background: url("../images/compare-img_box5.png") top right no-repeat;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
}

.compare-products-list .box.img6 {
    background: url("../images/compare-img_box6.png") top right no-repeat;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
}

.compare-products-list .col-md-4.col-lg-4 {
    width: auto
}

.compare-products-list .box span {
    background: #000000;
    color: #ffffff;
    display: inline;
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    opacity: 0.7;
    font-size: 12px;
}

.compare-products-list .box span span {
    display: block;
    float: none;
    text-align: right;
    padding: 0;
    position: relative;
    width: auto;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

video {
width: 100%;
}

body .modal-open {
    padding-right: 0 !important
}

.cap-1, .cap-2, .cap-3 {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    height: 167px;
    text-align: center;
    vertical-align: bottom;
    color: #ffffff
}

.cap-1 {
    background: url("../images/slider1.png") no-repeat top left;
}

.cap-2 {
    background: url("../images/slider2.png") no-repeat top left;
}

.cap-3 {
    background: url("../images/slider3.png") no-repeat top left;
}

.carousel-indicators {
    width: 100%;
    left: 0%;
    margin-left: 5%;
    text-align: left;
    bottom: -2%
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 8%;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 8%;
}

/*search main page */
h2 {
    text-transform: uppercase;
    font-size: 22px;
    border-bottom: 1px solid #630036;
    padding: 0 0 16px
}

h2 a.r-float {
    line-height: 29px;
    text-transform: none;
}

/* Outbound and Returns block */
.jr-details {
    padding: 47px 0 0;
}

.flight-padding.jr-details {
    padding-top: 47px;
}

.multicity-content .left-fare-arrow span.slick-prev, .multicity-content .right-fare-arrow span.slick-next {
    top: 37%
}

.multicity-content .fly-access #CabinFeatures ul li {
    border-bottom: 0px;
}

.or-details {
    border-bottom: 1px solid #630036;
    padding: 20px 0;
}

.or-f-head, .or-f-heading, .or-f-details {
    display: block;
    clear: both;
}

.f-head {
    border-bottom: 1px solid #8c1b59;
    padding: 10px 0 0px;
}

.f-head-top {
    padding-top: 30px;
    text-transform: uppercase;
    color: #0088cc;
}

.cal-btn.f-head-top {
    float: left;
}

.chkbox.f-head-top input[type="checkbox"] + label {
    color: #0088cc;
}

.chkbox.f-head-top {
    padding-top: 40px;
}

.or-info, .ms-info {
    margin: 0;
}

.or-info h3, .f-head h3 {
    margin: 0;
    padding-bottom: 6px;
}

.ms-info .city_name {
    padding-left: 30px;
    background: url("../images/a_m-divider.png") no-repeat top left;
    display: inline-block;
    margin-right: 18px;
}

.city_name span, .city_name label, .MultiCity_name span, .MultiCity_name label {
    font-size: 18px;
    color: #0e0e0e;
    padding-right: 2px
}

.city_name.h-title span {
    font-size: 40px;
    color: #900652;
}

.city_name span span, .city_name label span, .MultiCity_name span span, .MultiCity_name label span {
    font-size: 12px;
}

label.date {
    padding-left: 15px;
    margin-right: 15px;
}

.city_name.dividernone {
    background: none;
    margin-right: 0
}

.arrow_icon {
    content: "-->";
    padding: 0 20px;
}

.arrow-two {
    background: url("../images/arrow-two.png") no-repeat top left;
    padding: 0 20px;
    display: inline-block;
    width: 27px;
    height: 13px;
    margin: 0 10px;
}

/* .city_name label {font-size: 14px; padding: 0 0 0 40px;} */

.b-st-info {
    width: 225px;
    padding-top: 15px;
}

.b-st-info span {
    display: block;
    clear: both;
    font-size: 15px;
    line-height: 14px;
    text-align: right
}

.b-st-info span label {
    color: #630036;
    font-weight: 600;
    width: 87px;
    text-align: left;
    padding-left: 4px;
}

.or-f-heading {
    padding: 8px 0;
}

.or-f-heading .dep, .or-f-heading .arr {
    width: 230px;
    display: inline-block;
    text-transform: uppercase;
    color: #333333;
    line-height: normal;
}

.or-f-details {
    padding: 0;
    float: left;
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
}

.dep-details, .ttl-time, .arr-details, .fly-view-details {
    display: inline-block;
    clear: both;
    vertical-align: top
}

.ttl-time {
    vertical-align: middle;
}

.ttl-time-center {
    padding-top: 20px;
}

.dep-details, .arr-details {
    width: 38%;
}

.dep-details {
    padding-right: 20px;
}

.dep-details .dep-date {
    line-height: 16px;
}

.ttl-time {
    width: 20%;
    text-align: center;
}

.time-head, .city, .flight {
    display: block;
}

.city {
    font-size: 12px;
}

.flight {
    font-size: 11px;
}

.flight a {
    color: #0088cc;
}

.time-head {
    font-size: 24px;
    color: #65707b;
    line-height: 23px;
}

.plus-one {
    font-size: 11px;
}

.time, .time-icon {
    color: #333333;
    padding-left: 6px;
    font-weight: 700;
}

.ttl-time span {
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 11px;
    padding-top: 4px;
}

.time-icon {
    background: url("../images/clock_icon.png") center no-repeat;
    width: 20px;
    height: 20px;
}

.ttl-time .small {
    font-size: 11px;
}

.ttl-time .small, .flight {
    padding: 8px 0 6px
}

.sel-des .ttl-time .small {
    padding: 0px 0 6px
}

.fly-view-details {
    margin: 0px;
    padding: 0px 0 0 10px;
    text-align: left;
    cursor: pointer;
    width: 100%;
    color: #0088cc;
    font-size: 12px;
}

.fly-view-details a {
    color: #0088cc;
    font-size: 12px;
}

.fly-view-details a:hover {
    color: #630036;
}

/* Buttons style */
.close, button.close {
    overflow: hidden;
    float: left;
    display: block;
    clear: both;
    background: url("../images/a_spirte_icons.png") no-repeat top right;
    width: 40px;
    height: 40px;
    position: relative;
    top: 0px;
    right: -15px;
    background-position: -733px 2px;
    opacity: 1
}

.close:hover, .close:focus {
    opacity: 1;
}

button.close:hover, .modify-search-context .close:hover {
    background-position: -701px 2px;
    background-color: #000000;
    opacity: 1;
}

.close a, .close a:link {
    border: 1px solid #333333;
    padding: 4px 6px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
}

a:hover {
    color: #333333;
}

.btn-default {
    background: #333333;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 13px;
    border: none;
    box-shadow: none;
    text-shadow: none;
}

.btn-default:hover {
    background: #464545;
    color: #f1f1f1;
}

.modal-header .close {
    margin-top: -15px;
    right: 15px;
}

/* ### Bootstrap ### */
.form-control {
    padding: 6px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 12px;
    color: #65707b;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn {
    font-family: 'Open Sans', Arial, sans-serif;
    padding: 8px 40px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    position: relative;
    font-weight: 300;
}

textarea {
    resize: none;
    width: 100%;
    padding: 6px;
    height: 34px;
    font-size: 12px;
}

select.form-control {
    line-height: 30px
}

.has-error .form-control, .has-error .selectbox {
    border-color: #ff0000;
}

#qmilesbreakdown .modal-title, #PurchaseConditions h4.modal-title, #farerules .modal-title, #SharethisQuotation .modal-title, #CurrencyConverter .modal-title, #priceTax .modal-title, #ontimeperformance .modal-title {
    font-size: 18px;
    color: #333333;
    border-bottom: 1px solid #900653;
    padding-bottom: 8px;
    text-transform: uppercase;
}

#qmilesbreakdown .modal-header {
    margin-left: 0;
    margin-bottom: 30px;
}

#qmilesbreakdown .modal-body {
    padding-left: 0
}

#qmilesbreakdown .modal-content {
    padding: 0 15px
}

#qmilesbreakdown .cellDiv {
    padding: 6px 0
}

#qmilesbreakdown .table-content .cellDiv {
    border-bottom: 1px solid #f1f1f1
}

#qmilesbreakdown .break-total {
    color: #900653;
    font-size: 24px;
    font-weight: normal;
    padding-top: 10px
}

#qmilesbreakdown .break-total .palign {
    text-align: right;
}

#qmilesbreakdown .p-s-cont .price {
    font-weight: normal;
}

.con-context .modal-title {
    font-size: 18px;
    color: #333333;
    border-bottom: 1px solid #900653;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.email-price {
    margin: 0 17px 0 0;
}

.email-price li, ul.email-price {
    list-style: disc;
}

/* ### Main Heading ### */
.heading h3, .heading .contentHeading {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #555555;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
}

.heading hr {
    border-top: 1px solid #900652;
    margin-bottom: 20px;
}

.extrabaggage-hr {
    border-bottom: 1px solid #900652;
    display: inline-block;
    width: 100%
}

.extrabaggage-hr h3 {
    line-height: 32px;
}

/* ### Main Heading ### */
.main-heading {
    margin-bottom: 30px;
    float: right;
}

.main-heading .firstHeading {
    font-size: 40px;
    color: #900652;
    margin: 0 0 12px 0;
    border: none;
    text-transform: none;
}

.main-heading span {
    color: #65707b;
    margin: 0;
    font-size: 12px;
}

.main-heading .spanSpacer {
    margin-bottom: 10px;
}

.main-heading .frmSpacer2 {
    float: right;
}

/* ### Sub Heading ### */
.sub-heading {
    margin-bottom: 10px;
}

.sub-heading header {
    display: block;
    margin-bottom: 2px;
}

.sub-heading h3 {
    display: inline-block;
    color: #900652;
    margin: 0;
}

.sub-heading span {
    display: inline-block;
    color: #65707b;
    font-size: 14px;
    margin-left: 5px;
}

.sub-heading .desc {
    font-size: 12px;
}

/* ### Table ### */
.tableDiv {
    display: table;
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

/* Don't change */
.rowDiv {
    display: table-row;
}

/* Don't change */
.cellDiv {
    display: table-cell;
    vertical-align: top;
    float: none;
}

/* Don't change */

.converter {
    padding-top: 10px;
}

.after-convert {
    padding: 0;
    margin: 10px 0;
    display: inline-block;
}

.after-convert .after-convert-amount {
    font-size: 40px;
    color: #900652;
    font-family: 'Open Sans', Arial;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.after-convert .after-convert-amount span {
    font-weight: 300;
}

.after-convert .after-convert-amount, .after-convert p {
    border-top: 1px solid #e3e3e3;
    padding: 10px 0
}

/*.after-convert p {border-top: 1px solid #e3e3e3; padding: 10px 0;}*/

/* ### Box ### */
.box {
    border: 1px solid #ececec;
    padding: 18px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* ### Passenger details ### */

.passen-box {
    padding: 0;
    background: #f8f8f8;
}

.passen-left {
    background: #f8f8f8;
    padding: 0;
}

.passen-left, .passen-details-bg {
    position: inherit;
}

.passen-details-form {
    float: right;
}

.pp-normal {
    margin: 0;
}

.req-fields {
    font-size: 12px;
    color: #65707b;
}

.asterisk {
    color: #ff0000 !important;
}

.passen-tab > li {
    border-bottom: 1px solid #e6e6e6;
}

.passen-tab > li + li {
    margin-top: 0;
}

.passen-tab > li.active > a, .passen-tab > li.active > a:hover, .passen-tab > li.active > a:focus {
    background-color: #fff;
    border-left: 0;
    margin-left: -2px;
    font-weight: 700;
    color: #900652 !important;
}

.passen-tab > li > a {
    font-size: 16px;
    color: #36393b;
    padding: 20px 15px;
}

.passen-tab > li > a:hover {
    color: #900652 !important;
}

.passen-tab > li > a h5 {
    font-size: 16px;
    display: inline-block;
    margin: 0;
}

.passen-tab > li > a .sprit-icons {
    background-position: -619px -8px;
    width: 16px;
    height: 14px;
    display: inline-block;
    margin-left: 14px;
}

.passen-tab > li > a span {
    font-size: 11px;
    color: #65707b;
    display: block;
    font-weight: normal;
}

.passen-details-bg {
    background: #fff;
    border-right: 1px solid #e6e6e6;
    min-height: 300px;
    padding-bottom: 30px;
}

.passen-details {
    margin: 15px 10px 35px 10px;
}

/*.passen-details-header{margin-top: 7px;}*/
.passen-details select option {
    padding: 5px 0;
}

.passen-details .form-group {
    margin-bottom: 26px;
}

.passen-details .form-group select, .passen-details .form-group input {
    width: 199px;
}

.contact-details .form-group select, .contact-details .form-group input, .contact-details .selectbox {
    width: 220px;
}

.contact-chkbox {
    margin-bottom: 6px;
}

.emer-contact input {
    width: 240px !important;
}

.passengers {
    width: auto !important;
    min-width: 250px;
}

.freq-flyer {
    width: 259px;
}

.width-100-per {
    width: 100% !important;
}

.doe-month {
    width: 100px !important;
}

.redress-no {
    width: 248px !important;
}

.p-no {
    width: 176px;
}

.passen-details form {
    overflow: visible;
    color: #65707b;
}

.passen-details .form-group, .passen-dot-line {
    margin-bottom: 25px;
}

.passen-details .form-group label {
    font-size: 14px;
    color: #333;
}

.passen-details .form-group span {
    color: #65707b;
}

.passen-inline {
    overflow: visible;
    float: left;
    width: 100%
}

.passen-inline .form-group {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.passen-name .form-group input {
}

.birth .form-group {
    margin-left: 16px;
}

.birth .form-group:last-child {
    margin-right: 0;
}

.resetsetwidth {
    width: auto !important;
}

.passen-details .form-group {
    overflow: visible;
    float: right;
}

.passen-dob label {
    display: block;
}

.passen-dob select {
    float: left;
    margin-right: 10px;
}

.gender label {
    display: block;
}

.passen-dot-line {
    border-top: 1px solid #f2f2f2;
    float: left;
    width: 100%
}

.passen-line {
    border-top: 1px solid #900652;
    height: 1px;
    margin-top: 14px;
    margin-bottom: 30px;
    float: left;
    width: 100%
}

.qmiles-passen-line {
    margin-top: 30px;
}

.passen-btn-align {
    margin-right: 20px;
    float: right;
}

.passen-error {
    background: #fff4f4;
    border: 1px solid #dfb1b1;
    color: #ff0000;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    clear: both;
    padding: 10px 20px;
    margin: 25px 0 35px 0;
}

.passen-error .sprit-icons {
    background-position: -520px -39px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 10px;
}

.info-button {
    vertical-align: -5px;
}

.info-button .sprit-icons {
    background-position: -386px -34px;
    width: 26px;
    height: 26px;
    display: inline-block;
}

.spl {
    vertical-align: -8px;
}

/* ### total summary ###*/
.content-summary {
    position: relative;
}

.total-summary {
    position: absolute;
    top: 0;
    left: 15px;
    margin-right: 15px;
    margin-top: -27px;
    z-index: 1;
}

.total-summary em {
    visibility: hidden
}

.summary-box {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 11px;
    background: #8f215c;
    padding: 5px 20px;
    color: #fff;
    float: left;
    cursor: pointer;
    font-weight: 300;
}

.summary-box .sprit-icons {
    background-position: -644px -9px;
    width: 24px;
    height: 16px;
    overflow: hidden;
}

.summary-box .sprit-icons:focus {
    outline: 2px solid #fff !important;
}

.sprit-icons-down {
    background-position: -648px -41px !important;
}

.summary-box .price {
    font-size: 22px;
}

.summary-box .price .units {
    font-size: 14px;
}

.summary-box .section {
    display: inline-block;
}

.total-sum-details {
    background: #ececec;
    border-top: 1px solid #8f215c;
    border-bottom: 5px solid #8f215c;
    padding: 35px 40px;
    clear: both;
    width: 970px;
}

.sum-dest .section {
    overflow: hidden;
}

.sum-dest .destHeading {
    font-size: 11px;
    margin: 0;
    color: #65707b;
}

.sum-dest header {
    margin-left: 20px;
}

.sum-dest header span {
    color: #000;
    font-size: 20px;
}

.sum-dest header .sprit-icons {
    width: 12px;
    height: 16px;
    margin: 0 2px;
    margin-top: -5px;
    background-position: -552px -39px;
    vertical-align: middle;
    display: inline-block;
}

.sum-dest .section div {
    font-size: 12px;
    color: #65707b;
}

.date-time {
    margin-top: 2px;
}

.country-code {
    width: 60px !important;
}

.passen-icon label {
    display: block;
}

.passen-icon input {
    display: inline-block;
}

.cont-input {
    width: 100% !important;
}

.m-subhead {
    margin-bottom: 17px;
}

.meal-pref {
    margin-bottom: 16px;
    overflow: visible;
    float: right;
}

.meal-pref .desig .form-group {
    display: inline-block;
}

.desig {
    overflow: visible;
    margin-bottom: 12px;
    clear: both
}

.desig h4 {
    font-family: arial;
    font-size: 14px;
    margin: 0;
    margin-bottom: 6px;
    color: #333;
}

.desig .places, .ffp {
    width: 70%;
}

.desig .chkbox {
    width: 30%;
    margin-top: 33px;
}

.desig .places li {
    width: 48%;
    float: right;
    margin-left: 2%;
    margin-bottom: 10px;
}

.desig .places li div {
    display: block;
}

.desig .places li label {
    color: #65707b;
}

.desig .places li img {
    margin: 0 10px;
}

.desig .places li ul.options li {
    width: 100%;
    float: left;
    margin: 0;
    margin-left: 17px;
}

.desig .places .sprit-icons {
    background-position: -556px -8px;
    width: 8px;
    height: 15px;
    display: inline-block;
    margin: 0 10px;
    vertical-align: -3px;
}

.ffp .form-group { /*width: 48%;float: left;margin-right: 2%;*/
}

.ffp .form-group input, .ffp .form-group select {
    width: 100%;
}

.cont-info {
    margin-bottom: 10px; /* overflow: hidden; border:1px solid #fff; */
    float: right;
    width: 100%;
}

.cont-info label {
    font-size: 14px !important;
    color: #333 !important;
}

.qbiz img, .qbiz input {
    display: inline-block;
}

.qbiz img {
    margin-left: 5px;
}

.add-info .sprit-icons {
    background-position: -679px -6px;
    width: 18px;
    height: 21px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px;
    float: left;
}

.add-info {
    font-size: 13px;
    margin-bottom: 50px;
}

.add-info .section {
    margin-left: 30px;
}

.add-info p {
    margin: 0 25px 0 0;
    font-size: 13px;
}

.add-info img {
    float: right;
}

.ontimeperformance {
    margin: 0;
    padding: 4px 0;
}

.ontimeperformance p {
    border-bottom: 1px solid #cccccc;
    padding: 18px 0;
    font-size: 12px;
}

.ontimeperformance p:first-child {
    padding-top: 0
}

.ontimeperformance p:last-child {
    border-bottom: 0px solid #cccccc;
    padding-bottom: 0
}

.ontimeperformance p span {
    display: block;
}

.ontimeperformance p span span {
    display: inline;
    padding: 4px 10px;
    font-weight: bold;
    color: #333333
}

.ontimeperformance p span.heading {
    font-weight: bold;
    text-transform: uppercase;
    color: #333333
}

/* ### Buttons style ### */
.btn-style {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #900652;
}

.btn-style:hover, .btn-style:focus, .btn-style.focus {
    color: #fff;
    background: #630036;
}

/*.arrow-right-btn { 
  background: #7d124d url(../images/arrow_right.png) 15px 0px no-repeat !important;
  display: block;
  content: ".";
 -webkit-transition: all 0.3s;
  -moz-transition:  all 0.3s;
  transition: all 0.3s;  
  right: 0px;
}*/
.btn {

  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-style:before, .popupButn:before, .btn-dark:before {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
 }

.arrow-right-btn:before {
  background: url(../images/a_arrow_right.png) 0px 13px no-repeat !important;
  width: 32px;
  height: 32px;
  display: block;
  /*content: ".";
  /*margin-top: 13px;*/
  font-size: 0px;
    z-index: 8888;
 
}

.search-box-main .inner-addon .arrow-right-btn:before {
    background: url(../images/a_arrow_right.png) 0px 9px no-repeat !important;
}

.search-box-main .inner-addon .btn-4c:before {
    left: 15px
}

.search-box-main .inner-addon .btn-4c:hover:before {
    left: 5px
}

.timetable .inner-addon .arrow-right-btn:before {
    background: url(../images/arrow_right.png) 0px 9px no-repeat !important;
}

.timetable .inner-addon .btn-4c:before {
    right: 5px
}

.timetable .inner-addon .btn-4c:hover:before {
    right: -5px
}

.btn-white:before {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
 }

.arrow-left-btn:before {
  background: url(../images/a_arrow_gray_left.png) 0px 13px no-repeat !important;
  width: 32px;
  height: 32px;
  display: block;
  /*content: ".";
  /*margin-top: 13px;*/
  font-size: 0px;
    z-index: 8888;
 
}

/* Button 4 */
.btn-4 {
  border-radius: 3px;
  color: #fff;
  overflow: hidden;
}

.btn-4:active {
  color: #ccc;
}

.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;
}

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

/* Button 4c */
/* Button 4c */
.btn-4c:before {
  left: 20px;
  opacity: 0;
  top: 0;
}

.btn-4c:hover:before {
  left: 12px;
  opacity: 1;
}

/* Button 4d */
.btn-4d:before {
  right: 10px;
  opacity: 0;
  top: 0;
}

.btn-4d:hover:before {
  right: 2px;
  opacity: 1;
}

/*
.inner-addon .arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 141px 9px no-repeat !important;}
.passen-details .arrow-right-btn, .modify-search-box .btn-style.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 152px 9px no-repeat !important;}
.passen-details .arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 167px 11px no-repeat !important;}
#contInfo .passen-btn-align.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 123px 11px no-repeat !important;}
.book-later button.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 85px 11px no-repeat !important; display: inline;}
.book-later button.btn-dark.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 90px 11px no-repeat !important; display: inline;}
.popupButn.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 92px 11px no-repeat !important;}
.frmSpacer2 button.popupButn.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 123px 11px no-repeat !important;}
.arrow-left-btn {background: #7d124d url(../images/arrow_left.png) 17px 11px no-repeat !important; color: #ffffff !important}
.fifteenCalBtn .popupButn.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 70px 11px no-repeat !important; background-image: none !important}*/
.col-md-3.okButton {
    float: left;
    width: auto
}

.fifteenCalBtn .pop30days {
    width: 863px;
    overflow: hidden;
    padding: 0
}

.btn-dark {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #333333;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background: #630036;
}

.btn-light {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #92999e;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-light:hover, .btn-light:focus, .btn-light.focus {
    color: #fff;
    background: #838a8e;
}

.btn-white {
    font-size: 14px;
    color: #65707b;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #e1e1e1;
}

.btn-white:hover, .btn-white:focus, .btn-white.focus {
    color: #65707b;
    border-color: #900652;
}

.btn-transparent {
    padding: 0;
    background: transparent;
    border: 0;
}

.btn-transparent:focus, .btn-transparent:active:focus, .btn-transparent.active:focus, .btn-transparent.focus, .btn-transparent:active.focus, .btn-transparent.active.focus {
outline: thin dotted;
outline: 0 -webkit-focus-ring-color; 
 outline-offset: 9; 
}

.popover-title {
    display: none !important;
}

.p-data .radiobtn {
    margin-top: 0px; /*border: 1px solid #ffffff;*/
    padding: 27px 0 0px;
    min-height: 128px;
}

.p-data .radiobtn label {
    margin: 0 auto !important;
    width: 28px;
    position: relative;
    background-position: -770px -34px !important
}

.p-data .radiobtn span.price, .p-data .radiobtn span.currency { /*width: 67px;*/
    width: auto;
    padding: 0px;
    margin: 0 auto;
    border: 0px solid #ffffff !important;
}

.p-data .radiobtn span.price {
    font-weight: bold;
    color: #333333;
    font-size: 16px;
}

.p-data .radiobtn span.currency {
    color: #65707b;
    font-size: 12px;
}

.p-data .radiobtn span.seats {
    padding-top: 8px;
    color: #ff0000;
    font-size: 11px;
}

.active1 label, .active2 label, .active3 label, .active4 label, .active5 label, .active6 label {
    display: none !important
}

.active1 span.price, .active2 span.price, .active3 span.price, .active4 span.price, .active5 span.price, .active6 span.price, .active1 span.currency, .active2 span.currency, .active3 span.currency, .active4 span.currency, .active5 span.currency, .active6 span.currency, .active1 span.seats, .active2 span.seats, .active3 span.seats, .active4 span.seats, .active5 span.seats, .active6 span.seats {
    color: #ffffff !important;
}

.p-data .radiobtn span.currency {
    color: #65707b;
}

/* ### Radio Buttons ### */
.radiobtn {
    margin-top: 10px;
    position: relative;
    z-index: 0;
}

.radiobtn input[type=radio] {
    position: absolute;
    z-index: -1;
    height: 21px;
    width: 24px;
    margin: 1px 0 0 -2px;
    right: 0;
}

.radiobtn input[type=radio] + label {
  padding-right: 28px;
  height: 24px;
  display: inline-block;
  line-height: 26px;
  background-repeat: no-repeat;
  background-position: right 0;
  vertical-align: middle;
  cursor: pointer;
    margin-left: 20px;
  color: #65707b;
  font-weight: normal;
}

.radiobtn input[type=radio]:checked + label {
    background-position: right -24px;
}

.radiobtn.selected input[type=radio] + label {
    background-position: right -48px;
    cursor: default;
}

.radiobtn label {
    background: url(../images/radioButton.png);
}

/* ### Checkbox ### */
.chkbox input[type=checkbox] + label {
  padding-right: 26px;
  height: 19px;
  display: inline-block;
  line-height: 21px;
  background-repeat: no-repeat;
  background-position: right 1px top 0;
  vertical-align: middle;
  cursor: pointer;
  color: #65707b;
  font-weight: normal;
  font-size: 12px;
}

.chkbox input[type=checkbox]:checked + label {
    background-position: right -19px;
}
.chkbox input[type=checkbox]:disabled + label{background:none;}
.chkbox label {
    background: url(../images/checkbox.jpg) no-repeat;
    padding-left: 25px;
}

.chkbox .terms-cond {
    display: inline-block;
}

/* ### Selectbox ### */
.selectbox-main label {
    display: block;
}

.selectbox select {
    width: 100% !important;
    border: none;
    padding: 0 10px;
}

.selectbox {
  position: relative;
  display: inline-block;
  border: 1px solid #d2d2d2;
}

.selectbox select option {
    padding: 15px 3px;
}

.selectbox .form-control {
    height: 32px;
}

 /* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.selectbox select {
  /*padding-right: 30px;*/
}
}

/* Select arrow styling */
.selectbox:after {
  /*content: url("../images/dropdownArrow.jpg");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 30px;
  padding: 0 7px;
  background: #fff; 
  color: white;
  /*border: 1px solid #d2d2d2;
  border-left: 0;
  pointer-events: none;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;*/
}

/* ### Popup Heading ### */
.popup-heading h3 {
    font-family: "Segoe UI";
    color: #555555;
    text-transform: uppercase;
}

.popup-heading hr {
    border-top: 1px solid #630036;
    margin-bottom: 20px;
}

.popup-h-margin {
    margin: 0 20px;
}

.pu-ob-tab {
    border-bottom: 6px solid #ddd;
}

.pu-ob-tab:focus {
    border-bottom: 6px solid yellow;
}

.pu-ob-tab li {
    margin-right: 1px;
}

.pu-ob-tab > li {
    margin-bottom: 0;
}

.pu-ob-tab > li > a,
.pu-ob-tab > li > a:focus {
    text-transform: uppercase;
  font-size: 15px;
  margin-right: 0;
  border: 0;
  border-radius: 0;
  color: #fff !important;
}

.pu-ob-tab > li.active > a,
.pu-ob-tab > li.active > a:hover,
.pu-ob-tab > li.active > a:focus {
  cursor: default;
  border: 0;
  background-color: transparent;
  border-bottom-color: transparent;
}

.pu-ob-tab > li.economy > a,
.pu-ob-tab > li.economy > a:focus {
    background: #e77c26;
}

.pu-ob-tab > li.economy > a:hover {
    background: #e2993b;
}

.pu-ob-tab > li.business > a,
.pu-ob-tab > li.business > a:focus {
    background: #1683a2;
}

.pu-ob-tab > li.business > a:hover {
    background: #2198b1;
}

.pu-ob-tab > li.first > a,
.pu-ob-tab > li.first > a:focus {
    background: #900652;
}

.pu-ob-tab > li.first > a:hover {
    background: #a8005d;
}

.content-space {
    margin-top: 40px;
}

.flight-content {
    color: #65707b;
    font-size: 12px;
}

.flight-content p {
    margin: 0;
}

.destinations {
    margin-bottom: 10px;
}

.destinations .destHeading {
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
    line-height: 20px;
}

.destinations .section header, .destinations .section div, .destinations header span, .flightHeader header span {
    display: inline-block;
}

.destinations header {
    margin-left: 20px;
}

.destinations header span {
    color: #900652;
    font-size: 40px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

.destinations .section div {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.date-change { /*padding: 30px 36px 0 15px*/
    padding-top: 20px;
}

.destinations header span.head-des {
    font-size: 28px;
}

.dep-left-datechange {
    border: 1px solid #cccccc;
    padding: 20px;
}

.dep-right-datechange {
    border: 1px solid #cccccc;
}

.datechange-destination {
    padding: 0 0 10px;
    border-bottom: 1px solid #cccccc
}

.datechange-destination .destHeading {
    color: #333333;
    font-size: 18px;
    text-transform: uppercase;
}

.destinations.datechange-destination header span {
    font-size: 12px;
    color: #363636
}

.destinations.datechange-destination header span.gt {
    vertical-align: -2px
}

.upgrade .datechange-destination {
    padding: 0;
    border: none;
}

.upgrade .dark-line-margin-b {
    margin-bottom: 30px
}

.upgrade .itinerary-heading span {
    font-size: 12px;
    color: #65707b;
    display: block;
    font-family: Arial;
    padding-bottom: 10px
}

.upgrade .notes p {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px
}

.dark-line-margin-b-15 {
    margin-bottom: 20px
}

/* Upgrade Styles */
.upgrade-destinations .datechange-destination .destHeading {
    font-size: 12px;
}

.upgrade-destinations .datechange-destination header {
    font-size: 24px;
    color: #900652;
    font-family: 'Open Sans', Arial;
    font-weight: 300;
}

.upgrade-destinations .chkbox-cancel {
    margin-top: 22px;
    width: 34px;
}

.upgrade-date {
    margin-top: 23px;
}

.upgrade-s-checkbox .chkbox-cancel {
    text-align: center;
}

.u-a-cabin-class {
    padding: 30px 0
}

.u-a-text .destinations header span { /*font-size: 24px;*/
    font-family: 'Open Sans', Arial;
}

.u-a-text .flight-review-main .rowDiv .cellDiv {
    padding-top: 8px;
}

.u-a-text .leg-duration {
    margin-top: 16px;
}

.seat-select .tableDiv {
    text-align: center;
}

.seat-select .tableDiv .total-price .section {
    height: 110px;
    padding-top: 30px
}

.seat-select .p-s-cont {
    margin-bottom: 0
}

.seat-select .qmiles-total-amount {
    border-bottom: 0
}

.seat-select .qmiles-total-amount span.txt {
    font-size: 14px;
    width: 80%;
    color: #65707b
}

.upgrade-review .u-a-cabin-class {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 7px;
}

.upgrade-review .qmiles-total-amount {
    border: none;
}

.upgrade-review .p-s-cont {
    margin-bottom: 0;
}

/*.upgrade-review .p-s-cont .price-details {color: #333333}*/
.upgrade-review .p-s-cont .price-details span {
    font-size: 12px;
    line-height: normal;
}

.upgrade-review .p-s-cont .price-details span.price {
    font-size: 24px;
    line-height: 24px;
}

.upgrade-review .qmiles-total-amount .section {
    display: block;
}

.upgrade-review .flight-padding:first-child {
    border-left: 1px solid #f2f2f2;
}

.upgrade-review .flight-padding { /*padding-top: 50px;*/
    padding-right: 0
}

.upgrade-review .itinerary-heading {
    margin-bottom: 0
}

.upgrade-flight-review {
    padding-top: 35px;
    padding-bottom: 10px;
}

.u-a-cabin-review-total {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.u-a-cabin-review-total p {
    padding: 0;
}

.u-a-cabin-review-total p span {
    display: block;
}

.u-a-cabin-review-total h2 {
    color: #333333;
    font-family: 'Open Sans', Arial;
    font-weight: 300;
    border: none;
    padding: 8px 0 0;
    text-transform: none
}

.u-a-cabin-review-total h2 span {
    padding-left: 30px;
}

.u-a-cabin-review-total .total-qmiles-price {
    color: #8f215c;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

.u-a-cabin-review-total .total-qmiles-price .price {
    font-size: 24px;
    line-height: 24px;
}

.review-price-details .p-s-cont-total, .review-price-details .p-s-cont .price-details span.price {
    font-size: 18px;
}

.review-price-details .p-s-cont .palign {
    padding: 2px 0 6px;
}

.review-price-details .p-s-cont-total.review-total {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 24px
}

.review-price-details .p-s-cont.review-total .palign span {
    display: block;
    font-size: 12px;
    line-height: 12px
}

.price-details.b-color span.price {
    font-size: 24px !important;
}

.price-details.b-color span.price span {
    font-size: 18px !important
}

.up-redeem {
    width: 100%
}

.cellDiv.up-redeem {
    vertical-align: bottom;
}

.up-redeem span {
    margin-right: 20px;
    float: left;
    display: inline-block !important;
    line-height: 35px;
    font-size: 13px;
    padding: 0 !important
}

.up-redeem .selectbox {
    float: left;
    font-size: 12px;
    font-family: Arial
}

.mb-review-price {
    position: relative;
}

#upgrade-fare-pref {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 6666;
    text-transform: none;
    font-weight: normal;
}

#upgrade-fare-pref .modal-dialog {
    margin-top: 0
}

#upgrade-fare-pref .cellDiv {
    font-weight: normal;
    color: #65707b;
    text-align: left;
    font-size: 12px;
}

#upgrade-fare-pref .modal-dialog {
    width: 490px;
}

#upgrade-fare-pref .modal-title {
    font-size: 18px;
    line-height: 18px;
    text-align: left
}

#upgrade-fare-pref .table-header .cellDiv {
    vertical-align: top;
    min-height: 60px;
    font-weight: normal;
    text-align: left;
    line-height: normal;
    color: #333333;
    font-size: 12px;
}

#upgrade-fare-pref .seats-sel {
    text-align: center !important;
}

#upgrade-fare-pref .seats-sel span {
    color: #8f215c;
    font-size: 11px;
    text-transform: none;
    display: block;
}

#upgrade-fare-pref .chkbox {
    text-align: center;
}

#upgrade-fare-pref .table-content:last-child .cellDiv {
    border-bottom: 1px solid #f1f1f1 !important;
}

#upgrade-fare-pref .tableDiv {
    margin-bottom: 20px;
}

#upgrade-fare-pref button.btn {
    margin-left: 30px;
}

.terminal {
    padding: 2px 0 0 0;
    font-size: 11px;
    float: right
}

.terminal span {
    padding-left: 10px;
    float: right;
}

.indicates-arrow {
    display: inline-block;
    font-size: 12px;
    color: #333333;
    line-height: 32px;
    font-family: Arial
}

.indicates-arrow .icon, .indicates-arrow .icon1 {
    background: url("../images/a_spirte_icons.png") -608px 0px no-repeat;
    width: 32px;
    height: 32px;
    float: right;
    display: inline;
    margin-right: 2px
}

.indicates-arrow .icon1 {
    float: left;
}

.mb-up-confirmation-note {
    padding: 20px 0;
    margin: 10px 0 20px
}

.mb-up-confirmation-note h2 {
    font-size: 24px;
    text-transform: uppercase;
    border: 0;
    color: #88ba57;
}

.mb-up-confirmation-note h2 span {
    padding: 1px 16px 0;
    margin-right: 5px;
}

.mb-up-confirmation-note span, .mb-confirmation-note span a {
    color: #333333;
}

.mb-up-confirmation-pnr { /*padding: 20px 17px 0 0;*/
    margin: 10px 0 20px;
    text-align: right;
}

.mb-up-confirmation-pnr a {
    line-height: 32px;
    padding-left: 30px;
}

.print-icon {
    background: url("../images/spirte_icons.png") -704px -32px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: top
}

.email-icon {
    background: url("../images/spirte_icons.png") -736px -32px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: top
}

.query-icon {
    background: url(../images/spirte_icons.png) no-repeat -480px -161px;
    transform: rotateY(180deg);
    width: 30px;
    height: 30px;
}

.itinerary-heading-subheading {
    font-size: 18px;
    color: #900652;
    font-family: 'Open Sans', Arial, sans-serif;
    margin: 20px 0 12px;
    font-weight: 600
}

.retrive {
    background: #e0e0e0;
    border: 1px solid #cccccc;
    padding: 10px;
}

.retrive div { /*display: inline-block;*/
    clear: both;
    vertical-align: middle;
}

.Pre-retrive {
    background: #f2f2f2;
    border: 1px solid #cccccc;
    padding: 10px;
    margin-bottom: 20px; /* font-size: 12px;*/
}

.Pre-retrive b {
    color: #900652;
    font-weight: bold;
    font-size: 13px;
    padding-right: 10px;
}

.Pre-retrive div { /*display: inline-block;*/
    vertical-align: middle;
    line-height: 35px;
}

.original-details {
    width: 100%;
    float: left;
    border-top: 1px solid #cccccc;
    margin-top: 4px;
    font-size: 12px;
    padding: 8px 0 0;
}

span.org, span.org-name {
    font-size: 12px;
    color: #65707b;
    font-weight: 600;
    padding-right: 10px;
}

span.org-name label {
    font-size: 12px;
    color: #65707b;
}

.original-details span.arrow-two {
    margin-left: 0;
    padding-right: 13px;
}

.org-name label.date span {
    color: #65707b;
}

.privacy-retrive {
    background: #e0e0e0;
    border: 1px solid #cccccc;
    padding: 10px;
    margin-bottom: 20px; /*font-size: 13px;*/
}

.privacy-retrive h2 {
    color: #313131;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 0;
    text-transform: uppercase;
    line-height: 20px;
    padding-bottom: 0
}

.privacy-retrive p {
    color: #65707b;
    padding: 10px 0;
    font-size: 12px;
    margin-bottom: 0
}

.privacy-retrive p a {
    padding: 0 2px
}

/* sign-up-now */
.sign-up-membership {
    margin: 20px 0
}

.sign-up-membership h3 {
    font-size: 32px;
    color: #900652;
    padding-bottom: 20px;
}

.sign-up-membership h2 {
    font-size: 24px;
    color: #900652;
    text-transform: none;
    border: none;
    padding: 0;
    margin-bottom: 16px;
}

.sign-up-membership .note {
    padding: 15px 0
}

.sign-up-membership .book-later button {
    margin-left: 0;
}

.sign-up-membership .left-border {
    border-left: 1px solid #cccccc;
    padding-left: 30px;
}

.sign-up-membership .right-border {
    padding-right: 30px;
}

.sign-social {
    margin: 0;
    padding: 0px 0 10px;
}

.sign-social span {
    display: inline-block;
    padding-right: 5px;
}

.sign-social span a {
    display: inline;
    float: left;
}

.s-f-icon, .s-t-icon, .s-g-icon {
    background: url("../images/social-icons.png") top left no-repeat;
}

.s-f-icon {
    background-position: 0 0;
    width: 45px;
    height: 42px;
}

.s-t-icon {
    background-position: -94px 0;
    width: 45px;
    height: 42px;
}

.s-g-icon {
    background-position: -50px 0;
    width: 45px;
    height: 42px;
}

.or-sign-up {
    background: url("../images/or-signup.png") top left no-repeat;
    width: 100%;
    float: left;
    height: 13px;
    margin-bottom: 30px;
}

.sign-up-membership-side {
    background: #900652;
    padding: 18px 23px;
    color: #ffffff;
    font-size: 12px;
}

.sign-up-membership-side p {
    padding: 4px 0;
}

.sign-up-membership-side .enroll {
    padding: 10px 0 0
}

.sign-up-membership-side b {
    color: #ffffff
}

.sign-up-membership-side .selectbox {
    width: 100%
}

.enroll-bottom {
    padding: 18px 23px
}

.enroll-bottom h2 {
    font-size: 17px;
    font-weight: 600
}

.enroll-bottom .form-group {
    float: none;
    margin-right: 0
}

.enroll-bottom button {
    width: 100%
}

.sign-up-membership ul.s1-con-text {
    padding: 0;
    width: 100%;
    margin: 0
}

.sign-up-membership ul.s1-con-text li {
    display: inline-block;
    width: 19%;
    vertical-align: top;
    margin: 0;
    text-align: center;
}

.sign-up-membership ul.s1-con-text li span {
    text-align: center;
}

.s-sprite {
    background: url("../images/signup-icons.png") top left no-repeat;
    width: 43px;
    height: 44px;
    display: block;
    margin-bottom: 4px;
}

.s-lounge-icon {
    background-position: 0px 0px;
}

.s-baggage-icon {
    background-position: -45px 0px;
}

.s-flexi-icon {
    background-position: -91px 0px;
}

.s-priority-icon {
    background-position: -137px 0px;
}

.s-empty {
    background-position: -181px 0px;
}

.sign-up-membership .con-text-head {
    padding: 20px 0
}

.sign-up-membership .con-text-head li {
    font-size: 17px;
    color: #900652;
}

.sign-up-membership .con-text-head li b {
    color: #cccccc;
    font-size: 14px;
}

.remove-flights {
    margin-top: 25px;
}

.remove-flights a {
    font-size: 12px;
    display: block;
}

.remove-flights .sprit-icons {
    background-position: -352px -2px;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
}

.flights .f-date {
    font-size: 11px;
    color: #65707b;
}

.flights .f-t-place {
    min-width: 135px;
}

.flights .f-t-place span {
    font-size: 24px;
    text-transform: uppercase;
    display: inline-block;
}

.flights .f-t-place span:first-child {
    font-weight: 700;
    color: #333333;
    margin-left: 8px;
}

.flights .f-t-place span:nth-child(3) {
    font-size: 11px;
    color: #333333;
    margin-right: 8px;
    text-transform: none;
}

.flights .f-addr {
    font-size: 12px;
    color: #65707b;
    margin-top: -5px;
}

.flights .f-name span {
    font-size: 11px;
    color: #838282;
}

.padding-l-0.cellDiv.flight-padding {
    padding-right: 0px;
}

.flight-details-header .cellDiv {
    vertical-align: middle;
}

.flights aside span, .flights aside p {
    font-size: 24px;
    text-transform: uppercase;
    display: inline-block;
}

.flights aside p {
    font-weight: 700;
    color: #333333;
    margin: 0;
    margin-right: 10px;
}

.leg-duration {
    text-align: center;
    margin-top: 2px;
    font-size: 11px;
}

.leg-duration .sprit-icons {
    background-position: -256px 0px;
    display: block;
    margin: 0 auto;
    margin-bottom: -3px;
    width: 32px;
    height: 32px;
}

.leg-duration span {
    display: block;
}

.flight-operation {
    margin-top: 15px;
}

.flight-operation .section {
    width: 100%;
    float: left;
    font-size: 11px;
}

.flight-operation aside span {
    display: block;
}

.flight-operation .operator span {
}

.flight-operation img {
    margin-right: 15px;
}

.operator {
    font-size: 11px;
}

.view-on {
    line-height: 20px;
}

/*.remove-flights a { background:url(../images/Close.gif) 2px no-repeat; padding-left: 20px; font-size:12px;}*/

.flights aside span, .flights aside p {
    font-size: 24px;
    text-transform: uppercase;
    display: inline-block;
}

.flights aside p {
    font-weight: 700;
    color: #333333;
    margin: 0;
    margin-right: 10px;
}

/*.leg-duration{ background:url(../images/clock_icon.png) top center no-repeat; text-align:center; padding-top:23px;margin-top: 12px;}*/

.vertical-top {
    vertical-align: top !important;
}

.padding-none {
    padding: 0;
}

.flight-booking li {
    margin-bottom: 46px;
}

.flight-booking li:last-child {
    margin-bottom: 0;
}

.connection-time {
    font-size: 11px !important;
    margin-bottom: 18px;
}

.total-duration {
    text-align: center;
    margin-top: 13px;
    font-size: 11px;
    float: right;
}

.total-duration div {
    background: #fff;
    padding: 0 10px;
    display: inline-block;
}

.total-duration span {
    display: inline-block;
}

.total-duration .pline {
    border-top: 1px solid #ccc;
    margin-top: -8px;
}

.flight-details-header {
    text-transform: uppercase;
    font-size: 13px;
    color: #333333;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.flight-header-border {
    padding-top: 6px;
    padding-bottom: 6px;
}

.padding-l-0.flight-header-border.flight-h-single {
    padding-right: 0px;
}

.flight-header-small {
    font-size: 11px;
    text-transform: lowercase;
    color: #65707b;
}

.cabin-class {
    text-align: center;
    font-size: 11px;
    position: relative;
    right: 3px;
}

.cabin-class p {
    font-size: 14px;
    margin-bottom: 11px;
    color: #333333
}

.flight-cont-center, .total-price {
    text-align: center;
}

.chk-baggage {
    font-size: 11px;
    display: block;
    margin-bottom: 25px;
}

.total-price .section {
    color: #900652;
}

.total-price .section div {
    font-size: 18px;
    font-weight: 700;
}

.total-price .section span {
    font-size: 12px;
}

.total-price p {
    font-size: 11px;
    margin-top: 11px;
}

.total-price .plus {
    font-size: 18px;
    font-weight: 700;
    color: #900652
}

.total-price .mb-review-price div {
    font-size: 14px;
}

.total-price .pmargin {
    margin-top: 25px;
}

.total-price .pmargin-0 {
    margin-top: 0;
}

.flight-padding {
    padding-top: 10px;
    padding-bottom: 10px;
}

.promoBox {
    margin-bottom: 50px;
}

.dark-line {
    border-bottom: 1px solid #900652;
}

.dark-line-margin {
    margin: 36px 0 0 0;
}

.dark-line-margin-b {
    margin-bottom: 50px;
}

.flight-no-margin {
    margin-left: -15px;
    margin-right: -15px;
}

.gray-line {
    border-bottom: 1px solid #cccccc !important;
}

.promo-box {
    background: #f2f2f2;
    Padding: 30px 60px;
}

.promo-box-header h2, .promo-box-header h3 {
    font-size: 40px;
    text-transform: none;
    border: 0;
    padding: 0;
    color: #900652;
    margin: 0;
    margin-left: -4px;
}

.promo-box-header h3, .promo-box-header h4 {
    font-family: 'Open Sans', Arial, sans-serif;
}

.promo-box-header h4 {
    font-size: 17px;
    color: #900652;
    display: inline-block;
    margin: 0;
}

.promo-box-header h4 span {
    font-weight: 700;
}

.promo-box-header label {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #333333;
    font-size: 13px;
    margin-left: 5px;
    font-weight: 300;
}

.promo-box-padding {
    padding: 0;
}

.promo-features {
    vertical-align: bottom;
    padding-bottom: 5px;
    text-align: right;
}

.promo-features a {
    font-size: 12px;
    color: #65707b;
    text-decoration: none;
    margin: 0 7px;
    display: inline-block;
}

.upgrade-heading {
    font-size: 18px;
    margin-top: 27px;
    color: #333333;
}

.promo-table-border {
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 20px;
}

.promo-table-header {
    background: #e5e5e5;
    text-transform: uppercase;
    color: #111111;
}

.promo-table-header .cellDiv {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
}

/*.promo-table-content .cellDiv{padding-top: 15px;padding-bottom: 15px;color: #333333;font-weight: 700;}*/
.promo-table-content .cellDiv {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #333333;
    font-weight: 700;
}

.promo-table-content .cellDiv .chkbox label {
    font-weight: 700;
    color: #333;
}

.promo-table-content .cellDiv .chkbox label span {
    font-weight: 400;
    color: #666666;
}

.promo-qmiles {
    font-size: 14px;
}

.promo-price aside {
    margin-bottom: 13px;
}

.promo-price aside p {
    display: inline-block;
    font-size: 16px;
    color: #333;
}

.promo-price aside em {
    font-weight: 400;
}

.promo-price p {
    font-size: 14px;
    color: #900652;
}

.review-price-details {
    float: left;
	width:100%;
}

.review-price-details h3 {
    font-size: 40px;
    color: #900652;
    margin: 0;
}

.review-features {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #f1f1f1;
    padding: 6px 0;
    margin: 0 0 7px 0; /*margin-right: -15px;*/
}

.review-features ul {
    width: 395px;
}

.review-features li {
    display: inline-block;
    width: 49%;
}

.review-features a {
    line-height: 1.6
}

.hide {
    display: none;
}

.promo-padding {
    padding: 0;
}

.f-buttons .btn {
    margin: 0 25px;
}

/* ### Itinerary ### */
.itinerary-heading {
    color: #900652;
    font-size: 40px;
    font-family: 'Open Sans', Arial, sans-serif;
    margin-bottom: 12px;
    font-weight: 300;
}

.flight-iti {
    margin-top: 28px;
}

.flight-operation-itinerary img {
    display: block;
    margin: 0 auto;
}

.c-c-itinerary {
    text-align: right;
}

.flight-itinerary { /*margin-bottom: 25px;*/
}

.flight-review-main {
    margin-bottom: 34px;
}

.view-itinerary-align {
    vertical-align: bottom;
}

.view-itinerary-bg, .itinerary-time div {
    background: #f6f6f6;
}

.view-itinerary { /*margin-bottom: -25px;*/
}

/* this margin should be same in .flight-itinerary class bottom margin */
.flight-h-single, .flight-view-h-single {
    padding-top: 11px;
    padding-bottom: 11px;
}

.flight-view-h-single {
    background: #900652;
    color: #fff;
}

.view-itinerary .flight-operation {
    margin-top: 0
}

.table-header .cellDiv {
    padding-top: 11px;
    padding-bottom: 11px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333333;
    text-transform: uppercase;
    font-size: 13px;
    vertical-align: middle;
}

.table-content .cellDiv {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 13px;
}

.table-content:last-child .cellDiv {
    border-bottom: 0;
}

.tbl-cont-conf .cellDiv {
    border-bottom: 1px solid #f2f2f2 !important;
}

.iti-cont-margin {
    margin-top: 34px;
    margin-bottom: 34px;
}

.iti-meals .sprit-icons {
    background-position: -556px -8px;
    width: 8px;
    height: 15px;
    display: inline-block;
    vertical-align: -3px;
}

.iti-meals {
    margin-bottom: 10px;
}

.iti-meals:last-child {
    margin-bottom: 0;
}

.book-later {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    color: #65707b;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: 300;
}

.book-later span {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 24px;
    color: #333333;
    font-weight: 700;
    vertical-align: -4px;
    margin-right: 5px;
    font-weight: 300;
}

.book-later button {
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: inherit;
}

.book-later button:last-child {
    margin-right: 0;
}

.iti-destination div {
    display: inline-block;
    width: 35px;
}

.iti-destination .sprit-icons {
    background-position: -556px -8px;
    width: 8px;
    height: 15px;
    display: inline-block;
    vertical-align: -2px;
    margin-left: 6px;
}

.iti-destination {
    margin-bottom: 10px;
    display: block;
    position: relative;
}

.iti-destination:last-child {
    margin-bottom: 0;
}

.padding62 {
    padding-right: 62px;
}

.iti-destination a.mb-tooltip.reffer-icon > span.flightTooltip {
    margin-bottom: 7px;
    left: -132px !important
}

/* ### Confirmation ### */
.conf-heading {
    color: #88ba57;
    font-size: 24px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

.conf-heading .sprit-icons {
    width: 32px;
    height: 32px;
    background-position: 0px 0px;
    display: inline-block;
    vertical-align: -6px;
    margin-right: 4px;
    margin-left: -3px;
}

.confirmation-pnr {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 18px;
    color: #333; /*text-align: right;*/
    font-weight: 300;
    line-height: 24px;
    padding: 20px 12px;
}

.confirmation-pnr span {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 24px;
    color: #900652;
    font-weight: 600;
    float: left;
    width: 50% !important;
    text-align: right;
    margin-left: 10px;
    margin-top: -5px
}

.confirmation-pnr .booking-status {
    font-size: 14px;
}

.confirmation-pnr .confirmed {
    font-size: 14px;
    color: #88ba57
}

/* .confirmation-name {
    font-size: 13px;
    margin-top: 18px;
}

.confirmation-name p {
    padding: 20px 15px;
    color: #333333;
    background: #e0e0e0;
    border: 1px solid #cccccc;
} */

.confirmation-name p span {display: block;font-size: 14px;color: #4A525D;}

.confirmation-name p span span {
    display: inline;
}

.confirmation-name div {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 18px;
    color: #333333;
    font-weight: 300;
}

.conf-line {
    border-bottom: 1px solid #900652;
    margin: 14px 0 20px 0;
}

.conf-passen-details {
    margin-top: 26px;
    margin-bottom: 10px;
}

.conf-passen-mar-t {
    margin-bottom: 14px;
}

.flight-number-disp {
    padding: 0 15px 0 0;
}

.conf-passen-details header span {
    color: #900652;
    font-size: 24px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

.conf-passen-details header .sprit-icons {
    width: 32px;
    height: 32px;
    margin: 0 2px;
    margin-top: -13px;
    background-position: -576px -32px;
    vertical-align: -8px;
    display: inline-block;
}

.conf-link {
    text-align: center;
}

.conf-link a, .conf-link a:link {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 25px;
    font-weight: 300;
}

.conf-link-margin {
    margin-bottom: 0;
}

.conf-r-box {
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.conf-mge-booking {
    background: #f6f6f6;
    border-bottom: 1px solid #e0e0e0;
}

.conf-mge-booking h4 {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    background: #900652;
    padding: 11px 23px;
}

.mge-booking {
    margin: 0;
}

.mge-booking .sprit-icons {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: -10px;
    margin-left: 7px;
    margin-right: 4px;
}

.mge-booking li a, .mge-booking li a:link, .mge-booking li a:focus {
    font-size: 14px;
    text-decoration: none;
    color: #555555 !important;
    display: block;
    padding: 4px 15px 4px 5px;
    cursor: pointer;
}

.mge-booking li a:hover {
    color: #900652 !important;
    background: #e6e6e6;
}

.mge-booking li span.print {
    background-position: -608px -96px
}

.mge-booking li a:hover > span.print {
    background-position: -608px -128px
}

.mge-booking li span.email {
    background-position: -640px -96px
}

.mge-booking li a:hover > span.email {
    background-position: -640px -128px
}

.mge-booking li span.date {
    background-position: -672px -96px
}

.mge-booking li a:hover > span.date {
    background-position: -672px -128px
}

.mge-booking li span.cancel {
    background-position: -704px -96px
}

.mge-booking li a:hover > span.cancel {
    background-position: -704px -128px
}

.mge-booking li span.modify {
    background-position: -736px -96px
}

.mge-booking li a:hover > span.modify {
    background-position: -736px -128px
}

.mge-booking li span.baggage {
    background-position: -768px -96px
}

.mge-booking li a:hover > span.baggage {
    background-position: -768px -128px
}

.mge-booking li span.meals {
    background-position: -800px -99px
}

.mge-booking li a:hover > span.meals {
    background-position: -800px -131px
}

.mge-booking li span.special {
    background-position: -960px -96px
}

.mge-booking li a:hover > span.special {
    background-position: -960px -128px
}

.mge-booking li span.qmiles {
    background-position: -832px -96px
}

.mge-booking li a:hover > span.qmiles {
    background-position: -832px -128px
}

.mge-booking li span.passenger {
    background-position: -864px -96px
}

.mge-booking li a:hover > span.passenger {
    background-position: -864px -128px
}

.mge-booking li span.check-in {
    background-position: -732px -158px
}

.mge-booking li a:hover > span.check-in {
    background-position: -763px -158px
}

.mge-booking li span.check-flight {
    background-position: -638px -158px
}

.mge-booking li a:hover > span.check-flight {
    background-position: -671px -158px
}

.mge-booking li span.sub-offer {
    background-position: -576px -158px
}

.mge-booking li a:hover > span.sub-offer {
    background-position: -607px -158px
}

.mge-booking li span.change-fl {
    background-position: -638px -158px
}

.mge-booking li a:hover > span.change-fl {
    background-position: -671px -158px
}

/* edu-help */
.edu-help { /*border-top: 1px solid #900652;*/
    border-bottom: 1px solid #900652;
    padding: 35px 20px;
    background: #f2f2f2 url("../images/edu-bg.png") 15px bottom no-repeat;
    margin-top: 8px;
}

.edu-help h4 {
    font-size: 28px;
    color: #900652;
    padding-bottom: 16px;
    font-weight: normal;
}

.edu-help p {
    color: #65707b;
    font-size: 12px;
}

.edu-price {
    color: #333333
}

.edu-help > h4 + p {
    width: 80%;
    padding-bottom: 15px;
}

.edu-price .selectbox {
    margin: 0 6px;
}

.edu-price label {
    color: #65707b; /* font-size: 10px;*/
}

.edu-help .chkbox {
    padding: 8px 0 0
}

.edu-remove a {
    padding: 0 12px;
    text-align: right;
    float: left
}

.edu-remove a img {
    display: inline;
    padding: 4px
}

b, strong {
    color: #333333
}

.edu-help .confirmation-name {
    margin: 0
}

.edu-help .confirmation-name p {
    margin: 0 0 20px;
    background: none;
    border: 0;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 15px;
}

.upgrade-rev {
    padding-bottom: 30px;
}

.promo-features.fly-access {
    padding: 0
}

.promo-features.fly-access .left-fare-arrow, .promo-features.fly-access .right-fare-arrow {
    background: #f2f2f2;
}

.promo-features.fly-access a {
    margin: 0;
    padding-right: 7px;
    padding-left: 7px;
    width: 30px;
}

.promo-features.fly-access ul {
    height: 100px;
    padding-top: 17px;
    padding-right: 20px;
}

.promo-features.fly-access ul li {
    width: 33%;
    padding-top: 0
}

.promo-features.fly-access ul li span {
    text-align: right
}

.up-price {
    font-size: 13px;
    font-weight: 700;
    color: #900652;
}

.up-price span.price {
    font-size: 16px;
}

.up-price p {
    font-size: 11px;
    color: #65707b;
    line-height: 11px;
}

/* ### Next Steps ### */
/*.conf-next-step h4{font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; color: #630036; text-transform: uppercase;margin-bottom: 10px;font-weight: 300;}
.conf-next-step img{margin-bottom: 15px;width: 100%;max-width: 100%;}*/
/* ### Next Steps ### */
.conf-next-step h4 {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 20px;
    color: #630036;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 300;
}

.conf-next-step img {
    margin-bottom: 15px;
    width: 100%;
    max-width: 100%;
}

.next-box {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 13px;
}

.next-box ul {
    margin: 0;
    padding: 0;
}

.next-box ul li {
    margin-bottom: 10px;
    padding: 15px;
    background: #900652;
    display: block;
}

.next-box ul li.hotel-bg {background: url("../images/bookhotel.png") no-repeat center top; width: 262px; height: 189px;}
.next-box ul li.car-bg {background: url("../images/rentacar.png") no-repeat center top; width: 262px; height: 189px;}
.next-box ul li.travel-bg {background: url("../images/buyinsurance.png") no-repeat center top;width: 262px; height: 189px;}
.next-box ul li.lounge-bg {background: url("../images/QR_Banner_Lounges.png") no-repeat center top;width: 262px; height: 370px;}
.next-box ul li.blacklane-bg {background: url("../images/Blacklane-Qatar Airways-10.jpg") no-repeat center top;width: 262px; height: 189px;}
.next-box ul li.qa-visa-bg {background: url("../images/qr-visa.png") no-repeat center top;width: 262px; height: 189px;}
.next-box ul li.uae-visa-bg {background: url("../images/uae-visa.png") no-repeat center top; width: 262px; height: 189px;}


.next-icons {background: url("../images/next-icons.png") no-repeat top left; width: 63px; height: 63px; }

.hotel-icon {
    background-position: -5px 0px;
}

.car-icon {
    background-position: -75px 0px;
}

.insurance-icon {
    background-position: -145px 0px;
}

.qtourist-icon {
    background-position: -214px 0px;
}

.uaetourist-icon {
    background-position: -284px 0px;
}

.next-box ul li div.header {
    width: 100%;
    position: relative;
    top: 10%
}

.header span {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.header span.htxt {
    padding-left: 15px;
    font-size: 22px;
    color: #fff;
    font-family: 'Open Sans';
    line-height: 24px;
    font-weight: 300;
    text-align: right;
    display: block;
}

.header span.htxt span, div.header span.htxt span b {
    font-size: 20px;
    color: #900652;
    padding-top: 10px;
}

.header span.htxt span {
    display: block;
}

.context-section {width: 100%}
.header span.link-txt {vertical-align: bottom; text-align: center; font-size: 13px;  border: 1px solid #ffffff;   display: block;   padding: 7px; min-width: 60px;  float: right;  margin-top: 20px;}
.header span.link-txt a, div.header span.link-txt a:link {color: #ffffff; width: 100%}
.header span.link-txt a:hover {color: #d9d8d8 !important; text-decoration:  none;}
.header span.text span {display: block; float: left;width: 100%}

/* ### Manage Booking ### */
.find-another-booking {
    margin-top: 6px;
    font-size: 14px;
}

.manage-booking-status {
    font-size: 13px;
    text-align: right;
    line-height: 1.6;
}

.manage-booking-status .section span {
    color: #900652;
    font-weight: 700;
}

.manage-booking-status .big {
    font-size: 16px;
    margin-bottom: 5px;
}

.manage-booking-status .section .confirmed {
    color: #88ba57
}

.reffer-icon {
    background: url("../images/spirte_icons.png") no-repeat top left;
    background-position: -965px -170px;
    padding: 0px 18px 0px;
    vertical-align: bottom;
}

.mb-tooltip.reffer-icon {
    position: static;
}

a.mb-tooltip.reffer-icon > span.flightTooltip {
    left: -92px !important;
    margin-bottom: -3px
}

a.mb-tooltip.reffer-icon:hover {
    text-decoration: none
}

a.mb-tooltip.reffer-icon > span.flightTooltip span {
    width: 327px;
    text-align: right;
}

a.mb-tooltip.reffer-icon > span.flightTooltip span span {
    display: inline-block;
    width: auto;
}

.tool-tip-reffer {
    position: relative;
}

.tool-tip-reffer a.mb-tooltip.reffer-icon > span.flightTooltip {
    left: -177px !important;
    margin-bottom: 8px;
}

/* ### Qmiles ### */
#qmileData {
    display: none;
}

.qmiles-cabin p:last-child {
    margin-bottom: 0;
}

.qmiles-head-main {
    text-align: center;
}

.qmiles-head-line {
    padding-top: 11px;
    padding-bottom: 11px;
}

.qmiles-head-line .line {
    border-bottom: 1px solid #f2f2f2;
}

.qmiles-head-small {
    font-size: 12px;
    text-align: right;
}

.qmiles-content {
    text-align: right;
}

.qmiles-table-content:nth-last-child(2) .cellDiv {
    border-bottom: 1px solid #ccc;
}

.qmiles-table-content:nth-last-child(1) .cellDiv {
    font-weight: bold;
    color: #900652;
    font-size: 14px;
}

.cash-option {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.cash-option-box {
    background: #f2f2f2;
    padding: 15px 45px 20px 45px;
    margin-bottom: 7px;
    border-top: 2px solid #e2e2e2;
}

.qmiles-cash-formgroup {
}

.qmiles-cash-entry div {
    display: inline-block;
    font-size: 24px;
    vertical-align: top;
}

.qmiles-cash-entry .plus {
    font-size: 24px;
    margin: 0 20px;
    vertical-align: top;
}

.qmiles-cash-formgroup label {
    font-size: 13px;
    color: #65707b;
    margin-bottom: 0;
    margin-top: 3px;
}

.qmiles-cash-formgroup .form-control {
    font-size: 18px;
    font-weight: 700;
    color: #900652;
    width: 150px;
    text-align: center;
}

.qmiles-range {
    height: 250px;
}

.price-summary {
    min-width: 495px;
    margin-right: 15px;
}

.p-s-qmiles {
    min-width: 520px;
}

.p-s-qmiles-review {
    min-width: 602px;
}

.p-s-cont {
    font-size: 24px;
    color: #333333;
    margin-bottom: 25px;
}

.p-s-cont-without-margin {
    margin-bottom: 5px !important;
}

.p-s-cont .total-passengers {
    color: #65707b;
    font-size: 12px;
}

.p-s-cont .price-details {
    color: #900652;
    font-size: 18px
}

.p-s-cont .price {
    font-weight: 700;
    font-size: 24px
}

.p-s-cont .add {
    font-size: 24px;
    color: #900652;
    padding: 0 15px;
}

.p-s-cont .line {
    border-top: 1px solid #f1f1f1;
    margin-right: -15px;
    margin-bottom: 4px;
}

.p-s-cont .colon {
    font-size: 22px !important;
    margin-left: 15px;
}

.p-s-cont .colon-qmiles {
    vertical-align: middle;
    display: inline-block;
}

.p-s-cont .palign {
    margin-top: 2px;
}

.p-s-cont-normal {
    font-size: 18px;
    margin-bottom: 13px;
}

.p-s-cont-normal .price-details {
    color: #65707b;
    font-size: 16px
}

.p-s-cont-normal .palign { /*margin-top: 8px;*/
}

.p-s-cont-flight {
    margin-bottom: 13px;
}

.p-s-cont-tax {
    font-size: 17px;
    margin-bottom: 13px;
    margin-top: -8px;
}

.p-s-cont-tax .price-details {
    color: #65707b;
    font-size: 14px
}

.p-s-cont-tax .price {
    font-weight: 700;
    font-size: 20px
}

.p-s-cont-tax .palign {
    margin-top: 6px;
}

.p-s-cont-tax .remove-tax {
    margin-left: 20px;
    font-size: 11px;
    float: left;
    margin-top: 6px
}

.p-s-cont-tax .remove-tax .sprit-icons {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -359px -5px;
    vertical-align: -5px;
}

.p-s-cont-small {
    font-size: 14px;
    margin-bottom: 13px;
    color: #65707b;
}

.p-s-margin-0 {
    margin-bottom: 0;
}

.p-s-cont-small .colon {
    font-size: 14px !important;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
}

.p-s-cont-small .price-details {
    color: #65707b;
    font-size: 14px;
}

.p-s-cont-small .price {
    font-size: 14px;
    font-weight: 400;
}

.p-s-cont-bold {
    color: #333;
    font-weight: 700;
}

.p-s-cont-bold .price-details {
    color: #333;
    font-weight: 700;
}

.p-s-cont-bold .price {
    color: #333;
    font-weight: 700;
}

.p-s-cont-total {
    margin-bottom: 3px;
}

.total-qmiles-price .section {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.total-qmiles-price .plus {
    font-size: 18px;
    font-weight: normal;
    vertical-align: 1px;
    margin: 0 20px;
}

.total-qmiles-price .section span {
    display: inline-block;
    vertical-align: middle;
}

.qmiles-cabin-review p {
    margin-top: 42px;
}

.qmiles-cabin-review p:last-child {
    margin-top: 82px;
}

.p-s-cont-slider {
    font-size: 20px;
    margin-top: 33px;
}

.p-s-cont-slider .total-passengers {
    font-size: 11px;
}

.p-s-cont-slider .price-details {
    color: #900652;
    font-size: 20px
}

.p-s-cont-slider .price-details .section {
    display: inline-block;
    text-align: center;
}

.p-s-cont-slider .price {
    font-size: 20px;
}

.p-s-cont-slider .units {
    font-size: 14px;
    display: block;
}

.p-s-cont-slider .plus {
    font-size: 18px;
    font-weight: normal;
    vertical-align: 15px;
    margin: 0 2px;
}

.p-s-cont-slider .colon-qmiles {
    vertical-align: 23px;
}

.slider-r-f {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    padding: 5px 0;
    margin: 13px 0 3px 0;
    line-height: 1;
}

.slider-r-f ul {
    width: 395px;
}

.slider-r-f li {
    display: inline-block;
    width: 49%;
}

.total-sum-details a {
    font-size: 11px;
}

/*### Login Info Set  ###*/
.total-UserInfo {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin-right: 15px;
}

.user-info {
    overflow: hidden;
    float: right;
    min-width: 300px;
}

.user-details {
    float: right;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.name-membership .sprit-icons {
    background-position: -162px -66px;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: -15px;
}

.name-membership {
    display: inline-block;
    color: #333333;
    text-decoration: none
}

.name-membership:focus, .name-membership:hover {
    color: #333333;
}

.name-membership .l-line, .name-membership .r-line {
    display: block;
    float: left;
    vertical-align: middle;
}

.name-membership .l-line {
    border-left: 1px solid #780141;
    padding-left: 15px;
}

.name-membership .r-line {
   /* border-right: 1px solid #32001b;*/
    padding-right: 12px;
}

.name-membership .l-line > span {
    display: block;
    padding: 2px 0
}

.membership-details {
    margin-top: -2px;
}

.membership-details .sprit-icons {
    background: url("../images/tier.png") no-repeat top left;
    width: 21px;
    height: 18px;
    display: inline-block;
    vertical-align: -2px;
    margin-left: 5px;
}

.tier-b {
    background-position: 0px 0px !important;
}

.tier-g {
    background-position: -19px 0px !important;
}

.tier-s {
    background-position: -39px 0px !important;
}

.tier-p {
    background-position: -59px 0px !important;
}

.membership-details .small-content {
    color: #b78ba4;
}

.logout {
    float: left;
    margin-left: 15px;
}

.logout a, .logout a:link {
    font-size: 11px;
    color: #fff;
}

.logout a:hover {
    color: #fff !important;
}

.mem-details {
    position: absolute;
    left: 0px;
    margin-top: 53px;
    width: 400px;
}

.view-mem-details {
    clear: both;
    font-size: 11px;
    color: #b78ba4;
    float: left; /*width: 356px;*/
}

.view-mem-details .sprit-icons {
    background-position: -993px -100px;
    width: 24px;
    height: 20px;
    display: inline-block;
    margin-left: 25px;
    margin-bottom: -4px;
}

.sp-arrow {
    background-position: -993px -100px;
    width: 24px;
    height: 20px;
    display: inline-block;
    position: absolute;
    margin-top: 29px;
}

.sp-arrow-down {
    background-position: -993px -68px;
}

.view-mem-details span {
    font-size: 14px;
    color: #fff;
    display: block;
}

.view-mem-details span.bold {
    font-weight: 700;
    display: inline-block;
}

.view-mem-details span.date {
    color: #b78ba4;
    font-size: 12px;
    display: inline-block;
}

.view-mem-details span.separator {
    margin: 0 15px;
    color: #b78ba4;
    font-size: 11px;
    display: inline-block;
    vertical-align: 1px;
}

.view-mem-details .content {
    padding: 10px 15px;
    background: #630037;
}

.view-mem-details .cont-current {
    background: #4c012a;
}

.view-mem-details .content .cellDiv {
    padding: 15px 30px;
    border-top: 1px solid #780141;
    border-bottom: 1px solid #32001b;
}

.view-mem-details .content .cellDiv:first-child { /*padding-right: 0;*/
}

.view-mem-details .cont-current .cellDiv {
    border-top: 0;
}

.view-mem-details .close-btn {
    position: absolute;
    left: 0;
    cursor: pointer;
}

.view-mem-details .close-btn .sprit-icons {
    background-position: -355px -66px;
    width: 28px;
    height: 24px;
    display: inline-block;
    margin: 0;
}

.view-mem-details .close-btn:hover {
    background: #000;
}

/*### Range Slider  ###*/

.range-slider {
    margin-bottom: 100px;
}

.range-slider .section {
    display: inline-block;
    float: left;
}

.qmiles-require {
    width: 50%;
    margin-top: 38px;
    margin-right: -7px;
}

.qmiles-range-select {
    width: 50%;
    margin-top: 30px;
}

.require-bg {
    background: #bfc5cb;
    height: 13px;
}

/* ============================================================
  SWITCH 1 - ROUND
============================================================ */
.switch label {
    font-size: 14px;
    background: none;
    text-decoration: none;
    padding-right: 11px;
}

.switch > #isQmilesEnabled + label {
    width: 70%;
    padding-left: 0px
}

.switch input.cmn-toggle-round + label {
  padding: 2px;
  
  height: 25px;
/*  background-color: #dddddd;*/
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
    border-radius: 60px;
    background: none;
  padding: 0px;
font-size: 14px !important;
margin-right: 1px;
  
}

.switch input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: relative;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
  width: 60px;
    background: #ccc;
    border: 1px solid #ddd;
    padding: 2px 8px;
}

.switch input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
    content: "OFF";
  text-align: left;
  padding: 3px 8px;
    color: #666;
    line-height: 15px;
    font-size: 11px;
}

.switch input.cmn-toggle-round + label:after {
  width: 20px;
    height: 20px;
    background: url("../images/toggle-button.png") #FFF 1px 1px no-repeat;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
  margin-top: 1px;
  margin-left: 2px;
  border: 1px solid #FFF;
  top: -22px;

}

.switch input.cmn-toggle-round + label.active:before {
  background-color: #41a7da;
  content: "On";
  text-align: left;
  padding: 3px 8px;
  color: #F9F9F9;
    line-height: 15px;
    font-size: 11px;

}

.switch input.cmn-toggle-round + label.active:after {
  margin-left: 38px;
}

/*### date change confirmation  ###*/

.light-line {
    border-bottom: 1px solid #ececec;
}

.header-line-confirm {
    margin: 36px 0;
}

.mb-content-confirm {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    color: #333;
    margin-top: 10px;
    font-weight: 300;
}

.nav-d-conf {
    margin-left: -5px;
}

.buttons-nav .sprit-icons {
    width: 32px;
    height: 32px;
    padding-right: 35px;
    display: inline-block;
    vertical-align: -10px;
}

.buttons-nav li {
    display: inline-block;
    margin-right: 35px;
}

.buttons-nav li:last-child {
    margin-right: 0;
}

.buttons-nav li a, .buttons-nav li a:link {
    font-family: arial;
    font-size: 14px;
    text-decoration: none;
    color: #0088cc;
    display: block;
    cursor: pointer;
}

.buttons-nav li a:hover {
    color: #0088cc !important;
}

.buttons-nav li span.print-icon {
    background-position: -704px -32px
}

.buttons-nav li span.email-icon {
    background-position: -736px -32px
}

.nav-flights-main {
    display: inline-block;
    margin-right: 75px;
    vertical-align: middle;
}

.nav-flights {
    margin: 5px 0;
}

.nav-flights:first-child {
    margin-top: 0;
}

.nav-flights:last-child {
    margin-bottom: 0;
}

.nav-flights .flt-details {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    color: #0e0e0e;
    display: inline-block;
    border-right: 1px solid #dbdbdb;
    padding: 0 15px;
    font-weight: 300;
}

.nav-flights .flt-details:first-child {
    padding-left: 0;
}

.nav-flights .flt-details:last-child {
    border-right: 0;
}

.nav-flights .flt-details .section {
    display: inline-block;
    min-width: 80px;
}

.nav-flights .flt-details .big {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    color: #0e0e0e;
    font-weight: 700;
    margin-right: 6px;
}

.nav-flights .flt-details .sprit-icons {
    background-position: -582px -35px;
    width: 18px;
    height: 24px;
    display: inline-block;
    vertical-align: -7px;
    margin: 0 10px;
}

.buy-excess-content {
    text-align: right; /*float: left;*/
}

.buy-excess-select {
    width: 100px;
}

.meal-pref-selectbox {
    width: 250px;
    margin-left: 30px;
}

.meal-pref-chkbox {
    margin-top: 8px;
}

.meal-li-m-b-10 {
    margin-bottom: 10px !important;
}

.mb-spl-service .selectbox-bg, .mb-spl-service .multiselect-container {
    min-width: 250px;
}

.mp-selectbox-content .btn-group {
    float: left;
    margin-right: 30px;
}

.update-passenger {
    margin-top: 40px;
}

.display-none {
    display: none;
}

.modal-body .seat-selection-main {
    margin-top: 0;
    padding-top: 20px;
    max-height: 420px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.destinations-small {
    border-bottom: 1px solid #900652;
    overflow: hidden;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    padding-bottom: 5px;
    font-weight: 300;
}

.destinations-small span {
    float: left;
    text-transform: uppercase;
}

.destinations-small div {
    float: right;
}

.seat-selection-main {
    margin-top: 20px;
    margin-bottom: 40px;
}

/*.seat-selection-main  .col-sm-12 {width: 75%;}*/
.seat-selection-main .col-sm-5 {
    width: 35.667%;
    padding-top: 29px;
}

.seat-selection-main .col-sm-12 {
    width: 98%
}

.seat-selection-main .col-sm-7 {
    width: 64.3333%
}

.seat-selection-main .col-sm-7 .col-sm-12 {
    width: 68%
}

.s-dest-cont .col-sm-12 {
    width: 100%;
}

.buyExcess .price-summary .p-s-cont p.palign {
    font-size: 20px !important;
}

.buyExcess .price-summary .p-s-cont.p-s-cont-small {
    padding-bottom: 15px
}

.buyExcess .price-summary .p-s-cont.p-s-cont-small p.palign {
    font-size: 14px !important;
}

.gray {
    color: gray;
    font-weight: normal !important;
}

/*.modify-seat-bg {background: url(../images/seats-bg.png) right bottom no-repeat; position: relative;}*/

.fly-seats-tab {
    padding: 0;
    position: relative;
    margin: 30px 30px 0px;
    width: 373px;
}

.fly-seats-tab .innerDiv {
    position: relative;
}

.fly-seats-tab ul.nav {
    text-align: right;
    border-bottom: 1px solid #900652;
}

.fly-access.fly-seats-tab ul.nav li {
    margin-left: 8px;
    border: 1px solid #ebebeb;
    border-bottom: 0px solid #900652;
    line-height: 24px;
    padding: 0 8px 0px 8px;
}

.fly-seats-tab ul.nav li.active {
    border: 1px solid #900652;
    border-bottom: 0px solid #900652;
    background: #900652;
    color: #ffffff
}

.fly-access.fly-seats-tab ul.nav li.active a {
    color: #ffffff !important; /*padding: 6px;*/
}

.fly-access.fly-seats-tab ul.nav li.active::before, .fly-access.fly-seats-tab ul.nav li.active::after {
    border-top-color: #8b1c59;
    border-width: 0px;
    margin-left: 0px;
}

.next-seats, .front-seats {
    width: 371px;
    margin: 0 auto;
    height: 61px;
    line-height: 21px;
    text-transform: uppercase;
    color: #0577b2;
    position: absolute;
    background-color: #ffffff;
    z-index: +999;
}

.front-seats {
    top: 26px;
    height: 88px;
}

.next-seats {
    bottom: 0px;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 7px;
}

.front-seats .uparrow, .next-seats .downarrow {
    background: url("../images/spirte_icons.png") no-repeat top left;
    width: 100%
}

.next-seats .downarrow {
    background-position: -962px -67px;
    width: 32px;
    height: 32px;
    float: none;
    margin: 0 auto;
}

.front-seats .uparrow {
    background-position: -962px -27px;
    width: 32px;
    height: 32px;
    float: none;
    margin: 0 auto;
}

#LowerDeck, #UpperDeck {
    padding-left: 81px;
    margin-left: -37px;
    background: url(../images/seats-bg-new.png) no-repeat 39px center;
}

#LowerDeck ul, #UpperDeck ul {
    width: 100%;
    padding: 0px;
}

#LowerDeck ul li, #UpperDeck ul li {
    display: block;
    text-align: center;
    width: 373px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0px;
}

.seat-colheads {
    width: 100%;
    height: 25px;
    padding-left: 17px;
    position: absolute;
    z-index: 999;
    top: 88px;
}

.seat-colheads ul {
    width: 100%;
    margin: 0 auto;
}

.seat-colheads ul li {
    width: 27px !important;
    float: left;
    margin-left: 1px;
    font: Arial 14px bold;
    display: inline;
    border: 0px !important;
}

.flight-seating {
    margin: 85px 0 0;
    padding: 0;
    display: inline-block;
}

.flight-seating .seats-design .seats-left {
    float: left;
    width: 110px;
    margin-left: 19px;
    margin-right: 0px;
}

.flight-seating .seats-design .seats-middle {
    float: left;
    width: 148px;
}

.flight-seating .seats-design .seats-right {
    float: left;
    width: 80px;
}

.seats-right .seat-signle {
    height: 32px;
}

.seats-left div, .seats-middle div, .seats-right div {
    float: left;
    display: inline;
}

.seat-signle {
    cursor: pointer;
    display: inline-block;
}

.md-seat-number {
    font-size: 14px;
    padding: 0 8px;
    display: inline-block;
    line-height: 32px;
}

.seats-a-bg, .seats-a-l, .seats-a-r, .seats-s-bg, .seats-s-l, .seats-s-r, .seats-n-a-bg, .seats-n-a-l, .seats-n-a-r, .seats-n-a-co-bg, .seats-t, .seats-g, .seats-th, .seats-EL, .seats-ER {
    background: url("../images/seatsImg.png") no-repeat top left;
}

span.seats-a-bg, span.seats-s-bg, span.seats-n-a-bg {
    font-size: 11px !important;
    font-weight: bold;
    color: #ffffff !important;
    line-height: 31px;
}

span.seats-a-bg:hover {
    background-position: -1px -63px;
    background-repeat: repeat-x;
}

.seats-a-bg {
    background-position: -1px -2px;
    background-repeat: repeat-x;
    min-width: 22px;
    height: 24px;
}

.seats-a-l {
    background-position: 0px -36px;
    width: 8px;
    height: 32px;
    float: left;
}

.seats-a-r {
    background-position: -0px -71px;
    width: 8px;
    height: 32px;
    float: right !important;
}

.seats-s-bg {
    background-position: -1px -63px;
    background-repeat: repeat-x;
    min-width: 22px;
    height: 24px;
}

.seats-s-l {
    background-position: 0px -242px;
    width: 8px;
    height: 32px;
    float: left;
}

.seats-s-r {
    background-position: -0px -276px;
    width: 8px;
    height: 32px;
    float: right !important;
}

.seats-n-a-bg {
    background-position: -1px -33px;
    background-repeat: repeat-x;
    min-width: 22px;
    height: 24px;
    cursor: auto;
}
 
.seats-n-a-l {
    background-position: 0px -138px;
    width: 8px;
    height: 32px;
    float: left;
}
 
.seats-n-a-r {
    background-position: -0px -173px;
    width: 8px;
    height: 32px;
    float: right !important;
}
 
.seats-n-a-co-bg {
    background-position: -1px -94px;
    background-repeat: repeat-x;
    min-width: 22px;
    height: 24px;
}
 
.seats-t {
    background-position: 21px -126px;
    background-repeat: no-repeat;
    min-width: 70px;
    height: 24px;
    margin-bottom: 7px;
    background-color: #e5e5e5;
}
 
.seats-g {
    background-position: 33px -195px;
    background-repeat: no-repeat;
    min-width: 92px;
    height: 24px;
    margin-bottom: 7px;
    background-color: #e5e5e5;
}
 
.seats-th {
    background-position: 21px -156px;
    background-repeat: no-repeat;
    min-width: 70px;
    height: 24px;
    margin-bottom: 14px;
    background-color: #e5e5e5;
}
 
.seats-EL {
    background-position: 0px -254px;
    background-repeat: no-repeat;
    min-width: 92px;
    height: 24px;
    margin-bottom: 7px;
    margin-left: -23px;
}
 
.seats-ER {
    background-position: right -226px;
    background-repeat: no-repeat;
    min-width: 98px;
    height: 24px;
}
 
.seats-empty {
    min-width: 92px;
    height: 24px;
    margin-bottom: 7px;
}

.tooltip .tooltip-inner {
    background: white;
    color: black;
    border: 3px solid #8f0753;
    padding: 10px;
    line-height: 1.65em; /*z-index: +9999;*/
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -15px;
    border-right-color: #8f0753;
    border-width: 15px 15px 15px 0;
    border-color: #8f0753;
}

.tooltip.right .tooltip-arrow:after {
    content: " ";
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid black;
    top: -15px;
    left: -3px;
}

.seats-row {
    padding: 1px 0
}

.seats-row div.seat-signle { /*border-right: 1px solid rgba(129, 76, 100, .6); */
    margin-right: 2px;
}

.seats-row div.seat-signle.no-border {
    border-right: 0px solid #925370 !important;
}

.seats-row.seats-space {
    height: 50px;
}

.seat-headding {
    width: 278px;
    z-index: 101;
}

.seats-design {
    float: left;
    z-index: 102;
    position: relative;
    margin-bottom: 10px;
}

.seats-design .bottom { /*background: url(../images/fly-im-bottom1.png) left bottom no-repeat;*/
    width: 373px;
    float: left;
    padding-bottom: 40px;
}

.seats-middle .seats-row {
    padding: 3px 0px 0px;
}

.seats-design .seats-left .seats-row, .seats-design .seats-right .seats-row {
    padding: 3px 0 0
}

.p1 {
    display: inline;
    padding-left: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

.Key {
    margin: 0 0 0 15px;
    padding: 0;
    float: left;
    width: auto;
    min-width: 215px;
}

.Key h2 {
    font-size: 13px;
    text-transform: uppercase;
    color: #65707b;
    padding: 0 0 0 20px;
    border: 0;
    line-height: 24px;
}

.Key ul {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0px;
}

.Key ul li {
    display: block;
    padding: 0;
    font-size: 11px;
    line-height: 32px;
    vertical-align: top;
    width: 100%;
}

.Key ul li span {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    background-image: url("../images/seatsImg.png");
    vertical-align: middle;
}

.icon-selected, .icon-available, .icon-n-available, .icon-lavatory, .icon-lavatory-h, .icon-galley {
    background: url("../images/spirte_icons.png") no-repeat top left;
}

.icon-selected {
    background-position: 8px -59px
}

.icon-available {
    background-position: 9px 2px
}

.icon-n-available {
    background-position: 9px -29px
}

.icon-lavatory {
    background-position: 9px -121px
}

.icon-lavatory-h {
    background-position: 9px -152px;
    height: 38px !important
}

.icon-galley {
    background-position: 9px -190px
}

.icon-copass {
    background-position: 9px -89px;
    background-repeat: no-repeat;
}

.icon-exit {
    background-position: 9px -222px;
    background-repeat: no-repeat;
}

.icon-Bassinet {
    background-position: 9px -300px;
    background-repeat: no-repeat;
}

.icon-handicap {
    background-position: 9px -277px;
    background-repeat: no-repeat;
}

.icon-Disabled {
    background-position: 9px -277px;
    background-repeat: no-repeat;
    height: 24px !important;
    margin-top: 3px;
}

.selectpassenger {
    float: right;
    width: 500px;
    margin: 45px -86px 20px 0px;
}

.selectpassenger .btn {
    padding: 5px 25px;
}

.btn-prev {
    background-color: #fff;
    border: 1px solid #c0c0c0;
}

.btn-next {
    float: right;
}

.seats-pre-next {
    width: 100%;
    padding: 4px 0
}

.seats-pre-next a {
    width: 50%;
    float: left;
    text-transform: uppercase;
}

.seats-pre-next a.txL span {
    background: url("../images/spirte_icons.png") no-repeat top left;
    padding-right: 24px;
    line-height: 32px
}

.seats-pre-next a.txL span {
    background-position: -900px -169px
}

.seats-pre-next a.txR span {
    background: url("../images/spirte_icons.png") no-repeat top left;
    padding-right: 30px;
    line-height: 32px
}

.seats-pre-next a.txR span {
    background-position: -870px -169px
}

.ss-ul li {
    margin-bottom: 50px;
}

.s-dest {
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0;
    cursor: pointer;
}

.s-dest-active {
    border-bottom: 1px solid #ccc;
}

.s-destination .dest {
    display: inline-block;
    font-size: 24px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

.dest-active {
    color: #900652;
}

.s-destination .pax {
    background: #90bf63;
    color: #fff;
    font-family: arial;
    font-size: 11px;
    font-weight: 700;
    padding: 2px;
    vertical-align: 4px;
    display: inline-block;
    text-align: center;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-left: 23px;
}

.s-destination .dest div {
    display: inline-block; /*width: 70px;*/
}

.s-destination .dest .sprit-icons {
    background-position: -585px -39px;
    width: 12px;
    height: 18px;
    display: inline-block;
    vertical-align: -1px; /*margin-right: 8px;margin-left: -6px;*/
}

.s-plus {
    background-position: -992px -128px;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-top: 2px;
    margin-right: 7px;
    cursor: pointer;
}

.s-minus {
    background-position: -1024px -128px;
}

.s-tbl-header .cellDiv {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid #ccc;
    color: #333333;
    font-size: 12px;
    vertical-align: middle;
}

.s-tbl-content .cellDiv {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 12px;
}

.s-dest-last {
    border-bottom: 1px solid #900652;
    margin-top: -1px;
}

.s-selected {
    background: #900652
}

.s-tbl-content .no-seat {
    color: #cccccc;
}

.s-tbl-content .no-seat {
    color: #cccccc;
}

.s-cont-ul li {
    color: #65707b;
    margin-bottom: 0;
}

.s-cont-ul li:hover {
    background: #f5f5f5;
    cursor: pointer;
}

.s-cont-ul li.selected {
    background: #900652 url("../images/arrowSmallWhite.png") left 15px no-repeat;
    color: #fff;
    position: relative;
    right: 0
}

.s-cont-ul li.selected .cellDiv {
    border: 0;
}

.s-flt-dest { /*margin-bottom: 16px;margin-left: 72px;*/
    border-bottom: 1px solid #900652;
}

.s-flt-dest .dest {
    display: inline-block;
    font-size: 20px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

.s-flt-dest .flt-names {
    font-size: 12px;
}

.s-flt-dest .dest div {
    display: inline-block;
}

.s-flt-dest .dest div span {
    color: #900652;
    font-size: 24px;
    font-family: 'Open Sans', Arial; /*font-weight: 300*/
}

.s-flt-dest .dest .sprit-icons {
    background-position: -585px -39px;
    width: 12px;
    height: 18px;
    display: inline-block;
    vertical-align: -3px;
    margin-right: 8px;
    margin-left: 8px;
}

.cont-placeholder {
    margin: 20px 20px 50px 20px;
}

.cont-placeholder .sprit-icons {
    background-position: -679px -6px;
    width: 18px;
    height: 21px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px;
    float: left;
}

.cont-placeholder p {
    margin-left: 30px;
}

.mb-heading {
    margin-bottom: 14px;
}

.notes {
    font-size: 13px;
}

.notes-bold {
    font-weight: 700;
    color: #333333;
    display: block;
}

.chkbox-cancel {
    font-weight: 14px;
    text-transform: uppercase;
}

.chkbox-cancel label {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #333 !important;
    font-weight: 300;
}

.line-margin {
    margin: 20px 0 36px 0;
}

.chkbox-margin-b {
    margin-bottom: 4px;
}

.chkbox-margin-all-b {
    margin-bottom: -9px;
}

.notes p {
    padding: 20px 0 30px
}

.notes p span {
    display: block;
}

.notes p span a {
    padding: 2px
}

.notes p span.title {
    padding-bottom: 16px
}

.total-price-rht-aln .price {
    min-width: 120px;
    display: inline-block;
    text-align: right;
}

.refund-information {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 18px;
    color: #333333;
    font-weight: 300;
}

.refund-information span {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #900652;
    font-weight: 300;
}

.refund-notes {
    font-size: 11px;
    padding-top: 10px;
}

.refund-details {
    font-size: 13px;
    margin-top: 25px;
}

.refund-details .name {
    color: #333333
}

.change-flt-head {
    margin-top: 36px;
}

.seats-width {
    width: 12%;
}

.name-width-no {
    width: 30%;
}

.meal-width-no {
    width: 19%;
    padding: 0
}

/*### Multicity  ###*/
.multicity-meals li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 33px;
}

.multi-header {
    margin-bottom: 10px;
}

.multi-head, .multi-destination {
    display: inline-block;
}

.multi-head {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #900652;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 15px;
    font-weight: 300;
}

.multi-destination div {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 24px;
    display: inline-block;
    color: #900652;
    font-weight: 300;
}

.multi-destination .sprit-icons {
    background-position: -552px -37px;
    width: 15px;
    height: 20px;
    display: inline-block;
    vertical-align: -2px;
    margin-left: 6px;
    margin-right: 6px;
}

.multi-destination:last-child {
    margin-bottom: 0;
}

.multi-meals-col-3 .multi-head-destination, .multi-meals-col-3 .multi-meals {
    width: 30%;
}

.multi-meals-col-4 .multi-head-destination, .multi-meals-col-4 .multi-meals {
    width: 23%;
}

.multi-meals-col-5 .multi-head-destination, .multi-meals-col-5 .multi-meals {
    width: 18%;
}

.multi-head-destination {
    cursor: pointer;
}

.multi-head-destination, .multi-meals {
    display: inline-block;
    position: relative;
}

.multi-head-destination div {
    display: inline-block;
    width: 35px;
}

.multi-head-destination .sprit-icons {
    background-position: -556px -8px;
    width: 8px;
    height: 15px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 6px;
}

.multi-head-destination:last-child {
    margin-bottom: 0;
}

.multi-transit-icon {
    vertical-align: 2px;
    width: auto;
}

.box-content {
    background: #e0e0e0;
    border: 1px solid #ccc;
    padding: 15px 20px;
    color: #333;
}

.box-content-small {
    background: #e0e0e0;
    border: 1px solid #ccc;
    padding: 15px 20px;
    color: #333;
    font-size: 11px;
}

.box-cont-multi {
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 10px;
}

.multi-term {
    margin-top: 33px;
    margin-bottom: 10px;
}

.white-box {
    border: 2px solid #105987;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.onhold-info {
    font-size: 16px;
    color: #105987;
    background: url("../images/infoIcon.png") no-repeat center right;
    padding: 9px 0;
}

.onhold-info p {
    font-size: 13px;
    color: #105987;
    padding-right: 60px;
    margin-bottom: 0
}

.error-box {
    border: 2px solid #fe0000;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.error-box-info {
    font-size: 16px;
    color: #105987;
    background: url("../images/error-icon.png") no-repeat center right;
    padding: 9px 0;
}

.error-box p {
    color: #ff0100;
    font-size: 13px;
    padding-right: 60px;
    margin-bottom: 0
}

.error-box ul {
    display: inline-block;
    list-style: disc;
    padding-right: 60px;
    margin-bottom: 0
}

.error-box ul li {
    list-style: disc;
    color: #ff0100;
    margin-right: 16px;
    font-size: 12px;
}

.error-box-Orange {
    border: 2px solid #e38c2b;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.error-box-Orange-info {
    font-size: 16px;
    color: #105987;
    background: url("../images/OrangeInfoIcon.png") no-repeat center right;
    padding: 10px 0;
}

.error-box-Orange p {
    color: #e38c2b;
    font-size: 13px;
    padding-right: 60px;
    margin-bottom: 0
}

.error-box-Orange-info2 {
    font-size: 16px;
    color: #105987;
    background: url("../images/alert-icon.png") no-repeat center right;
    padding: 9px 60px 0;
}

.error-box-Orange p span {
    display: block;
}

.Acknowledge p {
    color: #333333
}

.Acknowledge p b {
    color: #ff9200;
}

.Acknowledge p.para {
    padding-bottom: 20px;
}

.error-box-pnr {
    padding: 15px 20px;
}

.error-box-pnr-info3 {
    font-size: 16px;
    color: #105987;
    background: url("../images/b-alert-icon.png") no-repeat top left;
    padding: 0;
}

.error-box-pnr p {
    display: block;
    padding-left: 75px;
    color: #65707b;
    font-size: 12px;
}

.error-box-pnr p span {
    color: #900652
}

.error-box-pnr-info3 p {
    color: #333333;
    padding-bottom: 12px;
}

.finalize-payment img, .finalize-payment .itinerary-heading {
    float: right;
}

.finalize-payment img {
    margin-top: 10px;
}

.finalize-payment .itinerary-heading {
    margin-right: 30px;
}

.finalize-payment .itinerary-heading button {
    display: block;
    margin-top: 25px;
    float: none;
}

.app-exchange {
    margin-left: 13px;
    color: #757f89;
    width: 100%;
    margin-bottom: 25px;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}

.xignite-exchange {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    background: none;
    color: #333;
}

.check-in span {
    background: url("../images/a_spirte_icons.png") no-repeat;
    padding: 8px 12px;
    float: left
}

.check-in .active {
    border: 1px solid #414042;
    padding: 2px 6px;
    color: #414042;
    width: 112px;
    float: left;
}

.check-in .active span {
    background-position: -1059px -104px;
}

.check-in .de-active {
    border: 1px solid #bbbbbb;
    padding: 2px 6px;
    color: #bbbbbb;
    width: 112px;
    float: left;
}

.check-in .de-active span {
    background-position: -834px -41px;
}

.carousel-inner {
    padding-left: 20px;
}

.mb-confirmation-note {
    border: 2px solid #88ba57;
    padding: 30px;
    margin: 10px 0 30px
}

.mb-confirmation-note h2 {
    font-size: 24px;
    text-transform: uppercase;
    border: 0;
    color: #88ba57;
}

.mb-confirmation-note h2 span {
    padding: 1px 16px 0;
    margin-right: 5px;
}

.mb-confirmation-note span, .mb-confirmation-note span a {
    color: #333333;
}

.mb-confirmation-note span a span.mb-down-arrow {
    width: 32px;
    height: 32px;
    background: url("../images/a_spirte_icons.png") no-repeat -835px -164px;
    position: absolute;
}

.mb-confirmation-note button.close {
    top: -30px;
    right: 30px;
}

.re-fund-width {
    max-width: 475px;
    float: left;
    padding-right: 30px;
}

.refund-charges {
    padding: 4px 0 0 4px;
    font-size: 12px;
}

.refund-charges span {
    display: block;
}

.refund-charges span span {
    display: inline;
}

.refund-charges span.re-user-name {
    color: #333333;
}

.refund-charges span.re-user-name span {
    padding-right: 10px;
}

.refund-charges span.re-card-details {
    color: #65707b;
    font-size: 13px;
}

.refund-charges span.re-card-details span {
    padding-right: 6px;
}

.re-text-head {
    color: #333333;
}

.re-text {
    font-size: 13px;
    color: #65707b;
}

.re-text-small {
    font-size: 11px;
    text-align: right;
    padding: 8px 20px;
}

.re-text-small li {
    font-size: 12px;
}

.orange-box {
    border: 2px solid #e18c2b;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.select-info {
    font-size: 14px;
    color: #e18c2b;
    margin: 15px 20px;
    overflow: hidden;
}

.select-info img, .select-info div {
    float: right;
}

.select-info img {
    width: 32px;
    padding-left: 10px
}

.select-info div {
    margin-top: 7px;
    margin-right: 15px;
}

.select-info div span {
    font-weight: bold;
}

.radio-multicity input[type=radio] + label {
    margin: 0
}

.multicity-dest {
    cursor: pointer;
}

.multicity-dest .destHeading {
    font-weight: bold;
    color: #900652;
    font-size: 14px;
    margin-left: 10px;
}

.multicity-dest .destHeading, .multicity-dest section {
    display: inline-block;
}

.dark-grey-line {
    border-bottom: 1px solid #aaa;
}

.multicity-flight-name .section {
    border-bottom: 1px solid #ececec;
    overflow: hidden;
}

.multicity-flight-name .section:last-child {
    border-bottom: 0;
}

.multicity-flight-name .section div {
    float: left;
    line-height: 2.3;
}

.multicity-flight-name .section div:first-child {
    width: 40%
}

.multicity-flight-name .section div:last-child {
    width: 58%;
    text-align: right;
}

.multicity-iti {
    margin-top: 40px;
}

.multicity-main li {
    margin: 0;
    border-top: 1px solid #900652;
}

.multicity-main li:last-child {
    border-bottom: 1px solid #ccc;
}

.multicity-main .multicity-margin {
    margin-bottom: 0;
}

.view-header-destination div {
    display: inline-block;
}

.view-header-destination .sprit-icons {
    background-position: -235px -69px;
    width: 15px;
    height: 20px;
    display: inline-block;
    vertical-align: -2px;
    margin-left: 6px;
    margin-right: 6px;
}

.view-header-destination {
    display: block;
    font-size: 24px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

.view-header-destination:last-child {
    margin-bottom: 0;
}

.view-header-date {
    font-size: 11px;
}

.view-header-time {
    font-size: 12px;
}

.multi-view-header-padding {
    padding-top: 3px;
    padding-bottom: 7;
}

.view-header-class {
    text-transform: uppercase;
    font-size: 24px;
    color: #ffffff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

.multicity-content {
    border-top: 1px solid #ccc;
}

.multicity-content li {
    margin: 0;
    border-bottom: 1px solid #ECECEC;
    border-top: 0;
}

.multi-cont-center {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.multi-cont-center .links {
    margin-top: 10px;
    display: inline-block;
}

.multicity-content .view-itinerary {
    margin-bottom: 0;
}

.mb-permitted-small span {
    display: block;
    font-size: 11px;
    color: #65707b;
    text-transform: lowercase;
}

.mb-permitted-small .iti-destination {
    margin-bottom: 0
}

.mb-permitted-small .iti-destination .sprit-icons {
    margin-right: 0
}

.mb-permitted-small .iti-destination div {
    width: auto;
}

.mb-permitted-small .cellDiv {
    padding-right: 5px;
}

.con-contact {
    font-size: 13px;
    color: #65707b
}

.con-contact span {
    display: block;
}

.con-conditions {
    font-size: 13px;
    color: #65707b;
    padding: 0
}

.con-conditions h2 {
    color: #900652;
    font-size: 24px;
    border: none;
}

.panel.con-head {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    color: #900652;
    border-radius: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .05) !important;
    padding-right: 20px;
}

.con-head .panel-heading {
    padding: 14px 0;
    border-radius: 0;
}

.con-head a, .con-head a:hover, .con-head a h4 {
    color: #900652;
    text-decoration: none;
    font-size: 24px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

.con-links {
    text-align: left;
    font-size: 12px;
    color: #0577b2;
    padding: 8px 0
}

.con-links a {
    padding: 2px 12px;
    text-transform: capitalize;
}

.con-head li a, .con-head li a:hover {
    font-size: 12px;
    color: #0577b2
}
 
.con-head li a:hover {
    text-decoration: underline;
}
 
.panel-group .panel.con-head + .panel.con-head {
    margin-top: -1px;
}
 
#Changeconditions .fly-access ul.nav li.active a, #Changeconditions .fly-access ul.nav li.active a:link, #Changeconditions .fly-access ul.nav li.active a:hover, #Changeconditions .fly-access ul.nav li a:hover {
    text-decoration: none;
}
 
.con-text {
    padding: 10px 0;
    color: #65707b;
}

.con-text li span {
    color: #333333;
    font-weight: bold
}

div.con-text li, div.con-text {
    list-style: disc outside none !important;
    padding: 6px 0;
    float: none;
    margin-left: 8px
}

div.con-text {
    padding-bottom: 20px;
    position: relative;
    right: 16px
}
 
.con-flydetails {
    padding: 20px 0 10px;
    display: inline-block;
}

.con-box {
    padding-top: 30px;
}

.con-box h5 {
    color: #333333;
    font-size: 12px;
}

.con-box h3 {
    color: #900652;
    font-size: 18px;
}

.con-flydetails ul, .con-flydetails ul li ul {
    width: auto !important;
}

.con-flydetails ul li {
    padding: 6px 4px 6px 12px;
    width: 100%;
    float: left;
    color: #333333;
    font-size: 14px;
    list-style: disc;
    list-style-position: inside;
}

.con-flydetails ul li ul li {
    padding: 0 12px;
    color: #65707b;
    font-size: 13px;
    list-style: disc;
    list-style-position: inside;
}

.con-tabs-left ul {
    float: right
}

.con-tabs-left .nav-tabs li {
  float: none; 
}

.con-tabs-left .nav-tabs li a {
  min-width: 74px;
    margin-bottom: 3px;
    font-size: 14px;
    border: 0;
    color: #0577b2;
    padding: 6px 0 6px 20px
}

.radiobtn.confirmation-radio {
    margin-top: 30px;
}

.con-tabs-left .nav-tabs {
    border-bottom: 0;
    margin-top: 30px;
}

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

.con-tabs-left .nav-tabs li a {
  margin-right: 0px;
  -webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
    /*color: #0577b2;*/
    color: #65707b;
}

.con-tabs-left .nav-tabs li a:hover,
.con-tabs-left .nav-tabs li a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
    text-decoration: none;
    border: 0;
    color: #8b1c59 !important;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background: none
}

.con-tabs-left .nav-tabs li.active a,
.con-tabs-left .nav-tabs li.active a:hover,
.con-tabs-left .nav-tabs li.active a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
    border: 0;
    color: #0577b2;
    background: url("../images/a_b-arrow.png") no-repeat left 9px;
    text-decoration: none
}

.con-active {
    background: url("../images/a_b-arrow.png") no-repeat left 9px;
width: 20px;
height: 28px;
    float: left;
    margin-right: 20px;
}

.con-hide {
    background: url("../images/b-arrow-v.png") no-repeat left 9px;
width: 20px;
height: 28px;
    float: left;
    margin-right: 20px;
}

span.b-status-confirmed {
    padding-bottom: 8px;
    margin: 0; /*float: left;*/
    display: inline-block;
    width: 100%;
    text-align: right;
}

.b-status-pr {
    padding: 0 0 0 30px
}

/* executive-context */

.executive-context {
    margin: 0;
    color: #65707b;
}

.executive-context h1 {
    font-size: 14px;
    text-transform: uppercase;
    color: #333333;
    font-family: Arial;
    font-weight: bold;
}

.executive-context h1 span {
    font-size: 13px;
    text-transform: lowercase;
    font-family: Arial;
    font-weight: normal;
    padding-left: 8px;
}

.executive-context p {
    padding: 4px 0;
}

.executive-context a.viewIternerary {
    margin-top: 10px;
    float: left;
}

ul.insurance-padding li {
    padding: 20px 0 0
}

.width-45 {
    width: 45%
}

.width-30 {
    width: 30%
}

.table-content-b .cellDiv {
    padding: 11px 0;
    border-bottom: 1px solid #dfdfdf;
}

.table-content-b:first-child .cellDiv {
    padding-top: 20px;
}

.table-content-b:last-child .cellDiv {
    border-bottom: 0px solid #dfdfdf;
    padding-bottom: 20px;
}

.executive-context-bg {
    background: #f2f2f2;
}

.cellDiv.insurance-m {
    vertical-align: middle;
}

.insurance-m p {
    margin: 0 auto;
    width: 300px;
    font-size: 13px;
    font-family: Arial;
    text-transform: capitalize;
}

.insurance-m p span {
    display: block;
}

.insurance-m p span span {
    display: inline;
    padding-right: 10px;
    width: 105px;
    float: left;
}

/* Nav tabs */
@media (max-width: 1070px) {
    .small-tabs {
        margin: -4px 0 0 0;
}

    .hotel-thumb-view img {
        width: 51px;
        height: 40px
    }
}

/* Media elements */
@media (min-width: 320px) and (max-width: 1169px) {
  .container {
    width: 970px;
  }

    .selectpassenger {
        float: left;
    }

/* QA Home Page */
    .qa-menu ul li {
        padding: 5px 10px
    }

    .qa-Exc-offer .offer-context p {
        min-height: 100%
    }

    .offer-details .offer-img { /*width: 200px;*/
    }

    .offer-details-price ul li div.box div.offer-from p span.price, .offer-details .offer-context p.offer-from span.price {
        font-size: 29px;
    }

    .qa-tabs-box ul li a, .qa-tabs-box ul li a:hover {
        font-size: 75%;
        padding: 15px 2px;
    }

    .qa-flight-search .passen-inline.qa-input-adjust .form-group {
        width: 17%
    }

    .qa-flight-search .passen-inline.qa-input-adjust .form-group:first-child, .qa-flight-search .passen-inline.qa-input-adjust .form-group:nth-child(3) {
        width: 29%;
        margin-right: 22px;
    }

    .qa-flight-search .selectbox {
        min-width: 47px;
    }

    .qa-flight-search .showpremium {
        margin-left: 100px;
    }

    .qa-promo-input {
        width: 46.2%
    }

    .offer-details .offer-img { /*width: 190px;*/
    }

    .qa-form .btn-style {
        padding: 5px 20px;
    }

    .qa-flight-search .passen-inline .form-group.family-select-box.qa-form {
        width: 36.8%
    }

    .qa-timetable-arrow {
        left: 29.8%
    }

    .btn {
        padding: 6px 30px;
    }

    .p-details span {
        width: 120px;
    }

    .dep-details, .arr-details {
        width: 38%;
    }

    .fly-v-head .dep-details {
        width: 281px;
    }

    .des-row .dep-details, .des-row .arr-details {
        width: 179px;
    }

    .ttl-time {
        width: 20%;
    }

    .or-f-heading .dep, .or-f-heading .arr {
        width: 230px;
    }

    .p-details span {
        width: 110px;
        padding: 2px;
    }

    .col-sm-3.cellDiv.v-align-t.qmiles-time {
        width: 12%
    }

  /*.qmiles-search .ttl-time {display: none}*/
    .col-sm-3.cellDiv.flights.qmiles-time-dep, .col-sm-3.cellDiv.flights.qmiles-time-arr {
        width: 29%
    }

    .qmiles-search .row.rowDiv {
        display: table-row-group;
    }

    .qmiles-search .col-md-9, .qmiles-search .col-sm-9 {
        width: 66%
    }

    .qmiles-search .col-sm-9.total-duration {
        width: 70%
    }

    .qmiles-search .col-md-3, .qmiles-search .col-sm-3 {
        width: 34%
    }

    label.date {
        padding-left: 5px;
        margin-right: 5px;
    }

    .inner-addon.showpremium.left-addon.chkbox label {
        line-height: 24px;
        margin-bottom: 14px;
    }

    .inner-addon.showpremium.left-addon.chkbox label .small {
        font-size: 11px;
    }

  /*.w-nav div {width: 108px; padding: 8px;}*/
    .w-nav .w-nav-item {
        padding: 20px 12px;
        color: #65707b;
    }

    .w-nav .slick-center .w-nav-item {
        padding: 8px;
    }

    .or-f-details.rowpadding .arr-details {
        padding-right: 14px;
    }

    ul.fly-class {
        height: 85px;
    }

    ul.fly-class.h48 {
        height: 48px;
    }

    .fly-v-head span span.arr {
        margin-left: 0px;
    }

    .boarding-data ul.fly-class {
        height: auto;
    }

    .p-data {
        height: 128px
    }

    .p-data.manage-flight-p-data {
        height: 154px
    }

    ul.fly-class, .p-data, .boarding-data {
        overflow: hidden;
    }

    ul.fly-class li, .p-data span {
        width: 105.7px;
    }

    .sel-des .ttl, .sel-des .cu {
        width: 99px;
    }

    .sel-des .txt {
        left: 0%;
    }

    span.b-status-confirmed {
        font-size: 11px;
    }

    .fixedtablehead {
        width: 940px !important;
    }

    .timetable .margin-top15 {
        margin-top: 0
    }

    .timetable .margin-top15 button {
        display: block;
        float: right;
        margin-bottom: 10px;
    }

    .qmiles-search .p-data {
        width: 100%;
        text-align: left;
        display: inline-block;
    }

    .qmiles-search .p-data a {
        width: 105px;
        display: inline;
    }

    .qmiles-search .p-data span {
        width: 105px;
    }

    .promo-features.fly-access ul {
        height: 100px;
        padding-top: 17px;
        padding-left: 20px;
    }

    .promo-features.fly-access ul li {
        width: 32.5%;
        padding: 0
    }

    .promo-features.fly-access ul li span {
        text-align: left
    }

    .promo-features.fly-access ul li span label {
        font-size: 9px;
    }

    .multi-train-three .fly-fare1 {
        height: 131px;
    }

    ul.fly-class.manage-flight-box li, .p-data span.manage-flight-data {
        width: 109px;
    }

    #carousel-example-generic3 .carousel-inner ul {
        max-height: 255px;
        overflow: hidden;
    }

    .check-in {
        padding: 6px 0
    }
 
.btn-4c:before {
  right: 2px;
  opacity: 0;
  top: 0;
}

    .passen-inline .form-group.family-select-box .form-group {
        float: left;
    }

.btn-4c:hover:before {
  right: -6px;
  opacity: 1;
}
 
/* Button 4d */
/*.btn-4d:before {
  right: 30px;
  opacity: 0;
  top: 0;
}
 
.btn-4d:hover:before {
  right: 10px;
  opacity: 1;
}*/
    .flightNo {
        padding: 0
    }

    .sel-des .dt {
        width: 13%
    }

/*.sel-des .ttl, .sel-des .dt, .sel-des .cu, .sel-Total .ttl, .sel-Total .txt{display: inline-block; width: 115px; vertical-align: middle;} */
    .sel-des .dep-details, .sel-des .arr-details {
        width: 38%;
    }

    .sel-des .arr-details {
        padding-right: 17px;
    }

    .sel-des .ttl-time {
        width: 20%
    }

    .two970 .sel-des .dt {
        width: 57px;
        margin-left: 9px;
    }

/*.sel-des, .sel-Total { padding: 4px 20px 4px 0;}*/
    .w-r-h .col-md-5, .or-f-details .col-md-5 {
        width: 55%
    }

    .w-r-h .col-md-7, .p-data.col-md-7.col-lg-7, .or-f-details .col-md-7 {
        width: 45%
    }

    .fly-access.links-970 ul li {
        width: 49%;
    }

    .fly-access ul li, .fly-access .access-rates {
        display: inline-block;
        width: 100%; /*font-size: 11px; */
    }

    .conf-mge-booking h4 {
        font-size: 18px;
        padding: 11px 23px 11px 9px;
    }

    .mge-booking li a, .mge-booking li a:link, .mge-booking li a:focus {
        font-size: 13px;
        text-decoration: none;
        color: #555555 !important;
        display: block;
        padding: 4px 5px 4px 40px;
    }

    .iti-cont-margin .col-sm-2, .promo-table-border .col-sm-2 {
        width: 18%
    }

    .destinations header span.head-des {
        font-size: 26px;
    }

    .name-width-no {
        width: 27%
    }

    .multicity-content-view .boarding-data.col-md-3 {
        float: none;
    }

    .Key {
        width: 145px;
        right: 460px;
    }

    .Key h2 {
        padding-left: 9px
    }

    .Key ul {
        padding: 2px;
    }

    .Key ul li {
        font-size: 10px;
    }

    .Key ul li span {
        display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 4px;
        margin-left: -13px;
    }

/*.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 108px 10px no-repeat !important;}
.inner-addon .arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 130px 9px no-repeat !important;}
.passen-details .arrow-right-btn, .modify-search-box .btn-style.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 155px 11px no-repeat !important;}
#contInfo .passen-btn-align.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 113px 11px no-repeat !important;}
.book-later button.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 75px 11px no-repeat !important; display: inline;}
.book-later button.btn-dark.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 80px 11px no-repeat !important; display: inline;}
.popupButn.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 79px 11px no-repeat !important;}
.frmSpacer2 button.popupButn.arrow-right-btn {background: #7d124d url(../images/arrow_right.png) 108px 11px no-repeat !important;}
.arrow-left-btn {background: #7d124d url(../images/arrow_left.png) 10px 11px no-repeat !important; color: #ffffff !important}*/
.arrow-right-btn:before {
        background: url(../images/arrow_right.png) 0px 11px no-repeat !important;
    }

  .arrow-left-btn:before {
        background: url(../images/arrow_gray_left.png) 0px 11px no-repeat !important;
    }

    .modify-search-box .col-md-8, .modify-search-box .col-lg-8 {
        width: 75% !important;
    }

    .modify-search-box .Recent-search-box {
        padding-left: 20px;
    }

    .modify-search-box .iti-meals {
        width: 100%
    }

    .qmiles-cabin-review p:last-child {
        margin-top: 100px;
    }

    .Recent-search-box {
        width: 19%
    }

    .Recent-search-box .iti-meals {
        padding-top: 10px
    }

    .search-box-main .col-md-8.col-lg-8 {
        width: 75%;
    }

    .multi-arrow-box.search-main-label {
        right: 64px
    }

    .fly-access #CabinFeatures ul li {
        width: 166px;
        padding: 13px 0px 4px 10px;
    }

/* Bootstrap Over write */
   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }
 
}
  
div.flightBlock {
    padding: 30px 0px;
}

@media (min-width: 1170px) and (max-width: 1920px) {
  .container {
    width: 1170px;
  }

    .Key {
        margin: 0;
        padding: 0;
        float: right;
        position: absolute;
        bottom: 44px;
        right: 530px;
        top: 20%;
        width: 170px;
}
}
 
.disabled span.slick-prev {
    background-position: -382px -160px;
}

.disabled span.slick-next {
    background-position: -417px -160px;
}

/*.modal-open{ padding-right:0 !important;}
.modal-open .modal{ overflow-y:hidden; padding-right:0;}*/
.modal-open {
    overflow: hidden !important;
    padding-right: 17px !important;
}

.details-text {
    padding: 10px 29px 0px 15px;
    text-align: justify;
    font-size: 11px;
    line-height: normal;
}

.b-status-confirmed {
    font-size: 13px;
    margin-top: 50px;
    text-align: left;
}

.recieptnumber {
    font-size: 13px;
    margin-top: 30px;
    text-align: right;
}

.b-status-confirmed span, .recieptnumber span {
    color: #900652;
    float: left;
    margin-right: 3%;
}

.recieptnumber span {
    padding-left: 4px;
}

.mb-tooltip {
    position: relative;
}

a > span.flightTooltip, .multi-head-destination > span.flightTooltip {
  text-align: left;
 /* line-height: 150%;*/
  color: #333333;
  text-shadow: white 0 1px;
  background: #ffffff;
  background-clip: padding-box;
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5);
  border: 2px solid #900652;
  border: 2px solid rgba(144, 6, 82, 1);
  border-radius: 3px;
  position: absolute;
    width: auto;
    padding: 20px;
  left: -74%;
  bottom: 100%;
  margin-bottom: 0px;
    visibility: hidden;
    opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
    z-index: 999999;
    font-size: 13px;
}

.multi-head-destination > span.flightTooltip {
    left: -22%;
}

a.mb-tooltip > span.flightTooltip {
    left: -22%;
}

a.mb-tooltip > span.flightTooltip span {
    display: block;
    width: 250px;
}

a.mb-tooltip > span.flightTooltip span span {
    display: inline-block;
    width: auto;
}

a > span.flightTooltip:before, a > span.flightTooltip:after, .multi-head-destination > span.flightTooltip:before, .multi-head-destination > span.flightTooltip:after {
  content: "";
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}

a > span.flightTooltip:before, .multi-head-destination > span.flightTooltip:before {
  border-top: 10px solid #900652;
  border-top: 10px solid rgba(44, 6, 82, 0.5);
  margin-top: 1px;
}

a > span.flightTooltip:after, .multi-head-destination > span.flightTooltip:after {
  border-top: 10px solid #900652;
  margin-top: 0px;
  z-index: 1;
}

/*a:hover > span.flightTooltip,.multi-head-destination:hover > span.flightTooltip {
  visibility: visible;
  opacity: 1;
}*/
a > span.flightTooltip, .multi-head-destination:hover > span.flightTooltip {
  visibility: hidden;
  opacity: 0;
}

#closeTooltip {
    line-height: 12px;
    padding: 0;
    text-align: center;
    z-index: 999;
    display: block;
    position: absolute;
    top: 3px;
    left: 2px;
    font-size: 13px;
    color: #999;
    font-family: Tahoma, Geneva, sans-serif;
    width: 16px;
    height: 16px;
}

span.flightTooltip span {
    display: block;
    width: 150px;
    padding: 2px 0;
    font-size: 12px;
    text-transform: none;
    text-align: right;
}

span.flightTooltip span span {
    display: inline-block;
    width: auto;
    font-weight: bold;
    padding-right: 8px;
}

.cabin-brd-right {
    border-right: 1px solid #f1f1f1;
    width: 12%;
    padding: 0 10px 0 0;
}

.cabin-brd-right-con {
    border-right: 1px solid #f1f1f1;
}

.cabin-border-right {
    border-right: 1px solid #f1f1f1;
}

.buy-height, .modal-special-height, .modal-sel-meal-height {
    max-height: 420px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10px;
}

/*27th jan style start here*/
#multiFlightAccordion {
}

#multiFlightAccordion .panel-group, #multiFlightAccordion .panel {
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

#multiFlightAccordion .panel {
    float: left;
    width: 100%;
}

.flightHeader {
    width: 100%;
    float: left
}

#multiFlightAccordion .GrayBotBorder {
    padding-bottom: 0;
}

#multiFlightAccordion .btn-style {
    background: #e5e5e5
}

#multiFlightAccordion .enable {
    background: #900652
}

#multiFlightAccordion .GrayBotBorder .viewDetails {
    display: none;
    float: left;
    width: 100%;
}

#multiFlightAccordion .flR {
    padding-bottom: 10px;
}

.detailText {
    background: #e0e0e0;
    color: #343434;
    margin: 15px 15px 0 15px;
    padding: 15px;
    width: 95%;
    min-height: 96px;
}

.trainItem {
    height: 235px;
    padding-top: 50px !important;
    margin-bottom: 10px;
}

.padding5 {
    padding: 5px 0;
}

.margin-t-l30 {
    margin: 30px 0 0 30px
}

.padding-top10 {
    padding-top: 10px;
}

.padding40 {
    padding-top: 42px;
    padding-bottom: 10px;
}

#multiFlightAccordion .total-duration {
    margin: 20px 0;
}

#multiFlightAccordion .flights .f-addr {
    line-height: 20px;
    margin-top: 4px;
}

#multiFlightAccordion .fly-access #CabinFeatures ul li {
    padding-top: 10px;
}

#multiFlightAccordion .close {
    right: 0px;
}

#multiFlightAccordion .carousel-inner ul {
    border-bottom: 1px solid #d6d6d6
}

#multiFlightAccordion .carousel-inner ul:last-child {
    border-bottom: none
}

#multiFlightAccordion .left-fare-arrow, #multiFlightAccordion .right-fare-arrow {
    height: 95%;
}

#multiFlightAccordion .fly-view-data-viewdetails .or-f-details {
    border-bottom: none !important
}

.flR1 {
    float: right
}

.extraDay {
    font-size: 11px;
    color: #000;
    font-weight: normal;
    padding-left: 10px;
}

#multiFlightAccordion .fly-access ul.nav li.active {
    border: none
}

#multiFlightAccordion .fly-access ul.nav li.active:after, #multiFlightAccordion .fly-access ul.nav li.active:before {
    content: none
}

.changeFlight {
    display: none;
}

.buttonsMarginTop {
    margin-top: 30px;
}

/*1st feb style start here*/
.flight-review-main .rowDiv .cellDiv {
    padding-top: 5px;
    padding-bottom: 5px;
}

.flight-booking .review-price-details ul li {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
}

#priceTax .topHeader {
    margin-bottom: 40px;
    font-size: 24px;
    border-bottom: 1px solid #900652
}

#priceTax .topHeader .cellDiv {
    font-size: 16px;
}

#priceTax .g-login {
    width: 720px;
}

#priceTax .cellDiv {
    padding: 10px 0
}

#priceTax .flight-header-border1 {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}

#priceTax .grandTotalleft {
    text-align: right;
    color: #900652;
    font-size: 24px;
    margin: 0;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
}

#priceTax .showFareDetails .cellDiv {
    padding: 3px 0;
    font-size: 12px;
}

#priceTax .showFareDetails .cellDiv:first-child {
    text-align: right;
    padding-left: 30px;
}

.showTax { /*margin-left:30px;*/
    text-align: right;
    float: right;
    margin-left: 30px;
}

#priceTax .showFareDetails {
    display: none
}

.trainIcon {
    background: url(../images/trainIcon.png) no-repeat 0 0;
    display: inline-block !important;
    height: 32px;
    margin-right: 7px;
    width: 32px;
}

.arrow-right {
    background: url("../images/arrow-right.png") no-repeat top left;
    padding: 0 20px;
    display: inline-block;
    width: 27px;
    height: 11px;
    margin-right: 20px;
    transform: rotate(180deg);
    margin-left: 0;
}

.popupMargin-price {
    margin-top: 30px;
}

#uiIDs {
    padding: 2px;
}

#uiIDs span {
    font-size: 12px;
    text-transform: capitalize;
    padding-right: 8px;
}

.closeseat {
    padding: 4px 6px;
}

.multicity-main .saveBTN {
    background-color: #e5e5e5
}

.multicity-main .enabled {
    background-color: #900652;
}

.multicity-main .changeFlight {
    float: left;
    margin-top: 25px;
    display: none;
}

#multicityMore {
    border-top: none;
    display: none
}

.multicity-content ul.nav li.active:after, .multicity-content ul.nav li.active:before {
    border: none;
    content: ""
}

.multicity-content ul.nav li.active {
    border: 0px;
}

.multicity-content ul.nav li.active a {
    border: 0px;
}

/*--special Request page style*/
.specialRequestOut {
    margin-bottom: 30px !important;
}

.fullwidth {
    width: 100% !important
}

.txtRight {
    text-align: right;
}

#COMPARE_OB em {
    display: none
}

#COMPARE_OB .prevResult {
    left: 8px;
    right: -30px;
}

#COMPARE_OB .compareFlights {
    overflow: hidden;
    width: 642px;
}

#COMPARE_OB .sliding-window {
    min-width: 644px;
    overflow: hidden;
}

#COMPARE_OB .sliding-window .popup-right-box {
    width: 214px;
    float: right;
    overflow: hidden;
}

#COMPARE_OB .nextResult, #COMPARE_OB .prevResult, #COMPARE_IB .nextResult, #COMPARE_IB .prevResult {
    top: 7px;
    border: none;
    background-position: -420px 0;
}

#COMPARE_IB .nextResult {
    left: -25px;
    background-position: -380px 0;
    right: auto;
}

#COMPARE_OB .nextResult {
    left: 0;
    background-position: -380px 0;
    right: 96%;
}

#COMPARE_IB em {
    display: none
}

#COMPARE_IB .prevResult {
    left: 8px;
    right: -30px;
}

#COMPARE_IB .compareFlights {
    overflow: hidden;
    width: 642px;
}

#COMPARE_IB .sliding-window {
    min-width: 644px;
    overflow: hidden;
}

#COMPARE_IB .sliding-window .popup-right-box {
    width: 214px;
    float: left;
    overflow: hidden;
}

/*multicitySelect page style start here*/
.selectDate {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    overflow: hidden;
    min-height: 69px;
}

.selectDate .paddingLR {
    padding: 10px 0;
    position: relative
}
 
.selectDate .noPadding {
    padding: 0;
}

.selectDate h6, .selectDate .destHeading {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: bold;
    text-transform: none
}

.selectDate h6 span, .selectDate .destHeading span {
    font-size: 30px;
    font-weight: 300;
    margin-right: 10px
}

.selectDate .changeFlight, .selectDate .changeDate {
    float: right;
    line-height: 50px;
    display: none
}

.flyDate {
    border-left: 1px solid #ececec;
    margin: 10px 0;
    overflow: hidden
}

.noBorder {
    border: none
}

.flyDate span {
    color: #333333;
    font-size: 14px;
    display: block;
}

.flyDate span:first-child {
    font-size: 12px;
    color: #65707b;
    font-weight: normal
}

.flyDate .sprit-icons {
    background-position: -553px -8px;
    display: inline-block;
    height: 15px;
    vertical-align: -3px;
    width: 15px;
}

.flyDate b {
    font-weight: 700
}

.selectDate .radiobtn {
    position: absolute;
    right: 0;
    background: #fff;
    display: none;
}

.selectFlight .flyDate span {
    float: left;
    color: #65707b;
    font-size: 12px;
}

.selectFlight .flyDate span b {
    font-size: 14px;
    color: #333
}

#selectDateCal .modal-dialog.cal-fly-details {
    margin: 0;
}

#selectDateCal .modal-dialog.cal-fly-details {
    width: 100%;
}

#selectDateCal .pop30days {
    width: 100%
}

#selectDateCal .modal-body {
    padding: 0;
    width: 100%;
}

#selectDateCal .modal-content {
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

#selectDateCal .navButton {
    position: static;
    margin: 0;
    float: left;
    width: auto;
    left: 0;
}

#selectDateCal .navButton a, #selectDateCal .navButton em {
    width: auto;
    line-height: 25px;
    display: inline-block;
    float: right;
    margin-left: 20px;
    font-size: 12px;
}

#selectDateCal .navButton a span {
    width: 25px;
    height: 25px;
    border-style: none;
    background-color: #FFF;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

#selectDateCal .next {
    background-position: -866px -164px; /*border-left: 1px solid #CCC!important;*/
    float: right
}

#selectDateCal .prev {
    background-position: -902px -164px;
    float: left;
}

#selectDateCal .disable {
    color: #65707b;
    cursor: default
}

#selectDateCal .disable:hover {
    color: #65707b !important
}

#selectDateCal .disable .prev {
    background-position: -902px -36px;
}

#selectDateCal .disable .next {
    background-position: -866px -36px;
}

#selectDateCal .DayStyle div {
    color: #333
}

#selectDateCal .Tspace20 {
    margin-top: 20px;
}

#selectDateCal .Tspaceb {
    margin-bottom: 20px;
}

#selectDateCal .DateStyle div {
    height: 7em
}

.calWidth {
    width: 100%;
    overflow: hidden;
}

.fullCalWidth {
    width: 200%;
    overflow: hidden;
}

.fullCalWidth .calItem {
    width: 50%;
    float: left;
    overflow: hidden;
}

.selectDateFly .fly-result .or-f-details:last-child, .selectDateFly .qmiles-total-amount {
    border-color: #f2f2f2
}

.selectDateFly .moreFlight, .moreDate {
    margin: 25px 0 30px;
}

.selectFly .or-f-details .close {
    right: 0;
}

.multiFlySelect .container {
    overflow: hidden;
}

.multiFlySelect .container row {
    overflow: hidden;
    float: left;
}

.multiFlySelect .container .row .col-lg-4 {
    float: left;
}

.multiFlySelect .divider-tab {
    padding: 6px 15px;
}

.ttlPadding {
    padding-left: 15px
}

.sel-fly-details .nextPrev {
    position: absolute;
    display: block;
    margin: auto;
    top: 45px;
    right: 0;
    left: 0;
    height: 25px;
}

.nextPrev a {
    z-index: 9;
    position: absolute;
    right: 0;
    width: 30px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    background: url("../images/arrow-three.png") no-repeat scroll -29px -3px;
}

.nextPrev a.prevOne {
    display: none;
    left: -7px;
    background: url("../images/arrow-three.png") no-repeat scroll -1px -3px;
}

.calSection {
    position: relative;
}

.loaderOne {
    background: url("../images/loading_default_ten.gif") no-repeat center #ffffff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.loaderOne .status {
    font-size: 32px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    position: absolute;
    top: 50%;
    width: 30px;
}

.selectFly {
    position: relative;
}

.flyDate .plus-one {
    margin-top: 20px;
    font-size: 11px;
}

/*manageBookingInsurance style start here*/
.viewPolicy {
    display: inline-block;
    background: url(../images/pdfIcon.jpg) no-repeat 0 0;
    padding-left: 30px;
    line-height: 20px;
    margin-left: 40px;
}

.insurancePayment {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.insurancePayment .flight-padding {
    padding-bottom: 0
}

.insurancePayment .padding-b-20 {
    padding-bottom: 20px;
    border-bottom: 1px solid #900652
}

.insurancePayment .interestedUser {
    padding-top: 20px;
}

.insurancePayment .interestedUser h3 {
    padding-top: 35px;
    border-top: 1px solid #ccc;
    color: #900652;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 10px;
}

.insurancePayment .interestedUser h2 {
    border: medium none;
    color: #900652;
    font-size: 24px;
    margin-bottom: 16px;
    padding: 0;
    text-transform: none;
    margin: 20px 0;
}

.insurancePayment .interestedUser .greyHead {
    border-top: 1px solid #ccc;
    padding-top: 30px;
}

.padding-t-b-30 {
    padding-top: 20px;
    padding-bottom: 30px;
}

.insurancePayment .interestedUser h4 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    margin-bottom: 20px;
}

.cvvNumber {
    display: inline-block;
    background: url(../images/cvvIcon.jpg) no-repeat 0 0;
    line-height: 26px;
    margin-top: 26px;
    padding-left: 41px;
}

.marginLfet-10 {
    margin-left: 10px;
}

.insurancePayment .selectWidth {
    width: 100% !important
}

.insurancePayment .interestedUser .options li {
    margin: 0;
    padding: 6px 10px;
    border: none;
}

.ibe-nav li span.confirmation {
    background-position: -127px 0;
}

.ibe-nav li a.insuranceIcon {
    color: #900652
}

.ibe-nav li a.insuranceIcon span {
    background: url(../images/insuranceIcon.jpg) no-repeat -2px 1px;
}

.insuranceConfirmation {
    border: none;
    padding-top: 30px;
}

.insuranceConfirmation .padding-t-b-30 {
    padding-top: 30px;
}

.insuranceConfirmation h2 {
    color: #88ba57;
    border: none;
    line-height: 32px;
    padding-bottom: 15px;
}

.insuranceConfirmation h2 span.sprit-icons {
    height: 32px;
    width: 32px;
    display: inline-block;
    float: left;
    margin-right: 7px;
}

.insuranceConfirmation h3 {
    color: #900652;
    font-size: 40px;
    font-weight: 300;
    padding-bottom: 15px;
}

.insuranceConfirmation .text-r {
    text-align: right;
    padding-top: 10px;
}

.insuranceConfirmation .text-r a.viewPolicy {
    line-height: 20px;
}

.insuranceConfirmation .text-r a {
    margin-left: 30px;
    line-height: 48px;
}

.printPolicy {
    display: inline-block;
    width: 32px;
    height: 36px;
    vertical-align: middle;
    background-position: -705px -32px;
}

.emailPolicy {
    display: inline-block;
    width: 32px;
    height: 36px;
    vertical-align: middle;
    background-position: -736px -32px;
}

.ibe-nav li a.ConfInsIcon {
    color: #900652
}

.insuranceConfirmation .padd-top-40 {
    padding-top: 40px;
}

.ibe-nav li a.ConfInsIcon span.pay-icon {
    background-position: -128px -32px;
}

@media (min-width: 320px) and (max-width: 1169px) {
    .viewPolicy {
        margin-left: 0;
        margin-top: 10px;
    }
}

.interestedUserHead {
    padding-bottom: 25px;
}

.interestedUserHead hr {
    border-top: 1px solid #900652;
    margin: 0 0 40px;
}

.interestedUserHead label {
    display: inline-block;
    float: right;
    padding: 0;
    margin: 0 10px 0 10px;
    line-height: 35px;
}

.interestedUserHead .resetsetwidth {
    width: 25% !important;
    float: right;
    margin-right: 10px;
}

.interestedUserHead .form-control {
    width: 20%;
    float: right
}

.insuranceConfirmation .tableDiv {
    margin-top: 30px
}

.insuranceConfirmation .tableDiv .rowDiv div {
    padding-top: 10px;
    padding-left: 0;
}

.tableHeader div {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-transform: uppercase;
    font-size: 12px;
    color: #333;
}

/*manageBookingInsurance style end here*/

/*qmilesSelectBooking style start here*/
p.padding-t-b-30 {
    padding: 0 0 20px 0;
    margin: 0;
}

.select-booking {
    padding-bottom: 20px;
    position: relative;
}

.select-booking header {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    overflow: hidden
}

.select-booking p {
    padding: 5px 0
}

.select-booking p span {
    font-size: 14px;
    margin: 0 10px;
}

.select-booking p span:first-child {
    margin-left: 0;
}

.select-booking header div {
    float: left;
    margin-right: 20px;
    line-height: 32px
}

.select-booking .dateTime {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.select-booking .dateTime b {
    font-weight: 400
}

.select-booking header span {
    color: #900652;
    font-size: 24px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

.select-booking header .arrowOne {
    width: 32px;
    height: 32px;
    margin: 0 2px;
    vertical-align: -8px;
    display: inline-block;
    background: url(../images/arrow-oneG.gif) no-repeat 0 8px;
}

.select-booking header .arrowTwo {
    width: 32px;
    height: 32px;
    margin: 0 2px;
    vertical-align: -8px;
    display: inline-block;
    background: url(../images/arrow-twoG.gif) no-repeat 0px 8px;
}

.selectbox-main * {
    /* float: right !important; */
}

.select-booking .btn {
    position: absolute;
    bottom: 30px;
    right: 0;
}

.select-booking .greyLine {
    border: 1px solid red;
    height: 1px;
}

.greyBlock {
    background: none repeat scroll 0 0 #e0e0e0;
    border: 1px solid #ccc;
    margin: 20px 0;
    padding: 20px 20px 10px;
    color: #555
}

.formelement {
    margin-top: 10px;
}

.formelement .btn {
    border-radius: 0;
    background: #92999e;
    margin-top: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.formelement .arrow-right-btn:before {
    background-position: 0 9px !important
}

  /* Parallax base styles
  --------------------------------------------- */

.parallax {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    
    -webkit-perspective: 1px;
    perspective: 1px;
  }

  .parallax__layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

  }

  .parallax__layer--base {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .parallax__layer--back {
    -webkit-transform: translateZ(-1px) scale(2);
    transform: translateZ(-1px) scale(2);
  }

  .parallax__layer {
    padding: 0;
  
  }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /*#qa-main-bg-carousel{  height:1350px; overflow:hidden }*/
}

/* Fade transition for carousel items */
.bg-carousel .carousel-inner .item, .bg-carousel .carousel-inner .left {
    left: 0 !important;
      -webkit-transition: opacity 1s; /*adjust timing here */
         -moz-transition: opacity 1s;
           -o-transition: opacity 1s;
              transition: opacity 1s;
}

.bg-carousel .carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}

/* Fade controls with items */
.bg-carousel .next.left,
.bg-carousel .prev.right {
    opacity: 0;
    z-index: 1;
}

.bg-carousel .active.left,
.bg-carousel .active.right {
    opacity: 0;
    z-index: 2;
}

 /* Parallax base styles end here*/
 
@media (min-width: 320px) and (max-width: 980px) {
    .fly-seats-tab {
        margin: 30px auto 0px 0px;
    }

    .Key {
        width: 110px;
        left: 434px;
    }

    .Key h2 {
        padding-left: 9px
    }

    .Key ul {
        padding: 2px;
    }

    .Key ul li {
        font-size: 10px;
    }

    .Key ul li span {
        height: 33px;
    }

    #LowerDeck, #UpperDeck {
        padding-left: 44px;
        margin-left: 0px;
        background: url("../images/seats-bg-new.png") no-repeat scroll 2px center transparent;
    }

    .fly-access .tab-content {
        width: 475px;
        margin-left: -44px;
    }

    .seat-selection-main .col-sm-7 .col-sm-12 {
        width: 74%;
    }
 
    .selectpassenger {
        width: 374px;
        margin: 25px -45px 20px 0;
    }
 
    .Key ul li span {
        height: 32px;
    }
}

/*manageboking without map start here*/
.fly-nomap {
    margin: 0px;
    padding-right: 0;
}

.blankmap {
    width: 100%;
    float: left;
    background-color: #e0e0e0;
    padding: 15px;
    text-align: center;
}

.fly-nomap h3 {
    float: left;
    color: #900652;
    font-size: 40px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    margin: 30px 0 0 0;
}

.fly-nomap p {
    float: left;
    width: 100%;
    margin: 15px 0;
}

.fly-nomap p span {
    font-weight: bold;
}

.fly-nomap .selectpassenger {
    float: left;
    width: 100%;
    margin: 45px -86px 20px 0px;
}

.seat-selection-main .seatPreference {
    padding: 0;
    margin: 12px 0 40px;
}

.seat-selection-main .seatPreference .selectbox {
    width: 294px
}

.seat-selection-main .seatPreference ul {
    margin: 0;
    padding: 0;
}

.user-space-yes {
    padding-right: 12px;
}

.ur-icons {
    background: url("../images/ur-icons.png") no-repeat top left;
    width: 21px;
    height: 20px;
    float: right;
    margin-left: 6px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.u-icons {
    background-position: 0px 0px;
}

.r-icons {
    background-position: -20px 0px
}

/*css start for qa home page tab content*/
.manageBooking {
}

.manageBooking h3 {
    position: relative;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    padding-top: 10px;
}

.manageBooking h3 p {
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    display: inline-block;
    width: 75%;
    top: 0px;
    right: 0;
    text-transform: none;
    font-size: 13px;
    color: #65707b;
    font-weight: normal;
}

.tabSection a {
    line-height: 24px;
    display: block;
    color: #555;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer
}

.tabSection a span {
    display: inline-block;
    background: url(../images/radioButton.png) no-repeat 0 0;
    height: 24px;
    width: 35px;
    float: left
}

.tabSection a:hover, .tabSection a:focus {
    color: #555 !important;
    text-decoration: none;
}

.tabSection a:hover span, .tabSection a.active span {
    background-position: 0 -24px;
}

.smallEleven {
    font-size: 11px;
    margin-top: 5px;
}

.tabContent .btn {
    float: left;
    margin-top: 23px;
    padding: 6px 40px;
}

.tabContent .arrow-right-btn:before {
    background-position: 0 11px !important
}

.tabContent .selectbox {
    width: 100% !important
}

.tabContent .options li {
    display: block;
    float: none;
    width: 100%;
    background: none;
}

.tabContent .options li:hover {
    background-color: #900652;
}

.tabContent .col-sm-20 {
    width: 18.75%;
    padding: 0 5px;
}

.tabContent .col-sm-3, .tabContent .col-sm-4, .tabContent .col-sm-6 {
    padding: 0 5px;
}

.manageBooking .error-box {
    border: 1px solid #fe0000;
    padding: 10px;
    margin-bottom: 15px;
}

.new-error-box {
    position: absolute;
    right: 15px;
    top: -10px;
    width: 73%;
}

.manageBooking .error-box-info {
    background: url(../images/error-smallIcon.gif) no-repeat 0 0;
    padding: 0;
    min-height: 24px;
}

.manageBooking .error-box p {
    padding-left: 30px;
}

@media (min-width: 320px) and (max-width: 980px) {
    .new-error-box {
        width: 71.5%;
    }

    .manageBooking h3 p {
        top: -5px
    }
}

.outerContainer #header {
    float: left;
    min-height: 77px
}

.outerContainer {
    position: relative;
    width: 100%;
    overflow: hidden
}

.morethen900 .qa-main-container .qa-main-bg-img {
    margin-top: 400px;
}

.morethen900 .qa-note {
    top: 92px
}

.morethen900 .qa-main-container #qa-main-bg-carousel .carousel-indicators {
    top: 363px;
}

/*css end for qa home page tab content*/
/*css start for qa home page content carousel */
#qa-great-carousel .offer-details > .col-md-6 {
    padding: 0 0 0 15px
}

#qa-great-carousel .offer-details > .col-md-6:first-child {
    padding: 0 15px 0 0
}

#qa-great-carousel .offer-details-price .col-lft-rft > .col-md-3:first-child {
    padding-left: 0;
}

#qa-great-carousel .offer-details-price .col-lft-rft > .col-md-3:last-child {
    padding-right: 0;
}

/*css end for qa home page content carousel */

/* Start - Add for select booking page  */
.selectbookingnote {
    padding: 12px 0 5px 0;
}

.manage-flight-review {
    padding: 25px 0px 20px;
}

.manage-passen {
    margin: 0px;
}

.manage-passen .section header {
    margin-right: 15px;
    display: inline-block;
}

.manage-passen .section div {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    border-right: 1px solid #A2A2A2;
    padding-right: 8px;
    height: 18px;
    line-height: 16px;
}

.manage-passen .section div span {
    font-weight: bold;
    color: #333;
}

.timedisplay {
    border: 0px !important;
}

.manage-flight-review p {
    padding: 5px 15px;
    font-size: 13px;
}

.manage-flight-review p span {
    border-right: 1px solid #A2A2A2;
    margin: 0 15px 0 0;
    padding-right: 15px;
}

.manage-flight-review p span.last {
    border-right: 0px solid;
}

.conf-passen-details header .oneway {
    width: 32px;
    height: 32px;
    margin: -13px 2px 0px;
    background: url(../images/arrow-one1.png) no-repeat 9px 12px;
    vertical-align: -8px;
    display: inline-block;
}

.conf-passen-details header .twoway {
    width: 32px;
    height: 32px;
    margin: -13px 2px 0px;
    background: url(../images/arrow-two.png) no-repeat 4px 9px;
    vertical-align: -8px;
    display: inline-block;
}

.retrievebooking {
    margin-top: 18px;
    background: none repeat scroll 0% 0% #E0E0E0;
    border: 1px solid #CCC;
}

.retrievebooking p {
    padding: 20px 15px 5px;
    color: #333;
    font-size: 13px;
}

.retrievebooking form {
    display: inline-block;
    overflow: visible;
    color: #65707b;
}

.retrieveform {
    float: left;
    margin: 0px 15px 15px;
}

.retrieveform .form-group {
    float: left;
    margin: 5px 8px 0 0;
}

.retrieveform .form-group label {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
}

.retrieveform .form-group .form-control {
    width: 250px;
}

button.retrieve {
    float: left;
    margin: 30px 0 0 -13px;
}

/* End - Add for select booking page*/

.qahomeAlert p {
    background: url(../images/alert-small.png) no-repeat 4px center;
    padding-left: 40px;
    line-height: 48px;
}

.qahomeAlert p span {
    margin-right: 5px;
}

.qmHomeCarosel {
    margin-top: 20px;
}

.qmHomeTab .col-sm-20 {
    width: 20%;
    border-right: 1px solid #e2e4e6;
    padding-top: 10px;
    padding-bottom: 10px;
}

.qmHomeTab .tab-content .black {
    color: #333
}

.qmHomeTab .col-sm-80 {
    width: 79%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.qmHomeTab .tab-content .col-sm-80 .btn {
    float: left;
    margin-top: 23px;
    padding: 6px 40px;
    background: #9099a0;
}

.qmHomeTab .tab-content .col-sm-80 .arrow-right-btn:before {
    background-position: 0 11px !important
}

.linkPwd {
    margin-top: 5px;
}

.qmMidTabSec .offer-context {
    padding: 41px 30px 18px;
}

.qmMidTabSec .fly-access ul li {
    font-size: 15px !important
}

/*css start for confirmextrabaggage popUp*/
.popupButn, .popupButn:hover, .popupButn:active {
    background: none repeat scroll 0 0 #900652;
    color: #fff;
    font-family: 'Open Sans', Arial;
    outline: medium none;
    text-transform: uppercase;
}

#farerules button.close, #emailPolicy button.close, #autoCheckIn button.close, #cvvNumber button.close, #upgradeQmiles button.close {
    right: 0px;
}

#priceTax button.close {
    right: 0;
}

#farerules .modal-content, #emailPolicy .modal-content, #autoCheckIn .modal-content, #priceTax .modal-content, #cvvNumber .modal-content, #upgradeQmiles .modal-content {
    padding: 0 10px 20px;
}

#priceTax .qmilesbreakdown {
    width: 900px
}

#emailPolicy .modal-body p {
    margin-bottom: 10px;
}

.total-sum-details h6 {
    font-family: Arial, Helvetica, sans-serif
}

.okButtonRow {
    border-top: 1px solid #e3e3e3;
    margin: 20px 0 0;
    padding: 20px 0 0 0;
}

.okButtonRow .okButton {
    padding-right: 0;
}

.con-box h5 {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.fareRulesLeft .nav-tabs {
    width: 100%;
    float: left;
    border: none;
}

.fareRulesLeft .nav-tabs > li:first-child {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.fareRulesLeft .nav-tabs li {
    width: 100%;
    float: left;
}

.fareRulesLeft .nav-tabs li ul li.active a, .fareRulesLeft .nav-tabs li ul li.active a:hover, .fareRulesLeft .nav-tabs li ul li.active a:focus {
    /*background: url("../images/b-arrow.png") no-repeat scroll right 5px rgba(0, 0, 0, 0);*/
    border: 0 none;
    color: #8b1c59 !important;
    text-decoration: none;
}

.fareRulesLeft .nav-tabs li ul li a { 
  display: inline-block;
    border: 0 none;
    color: #65707b;
    font-size: 14px;
    margin-bottom: 3px;
    min-width: 74px;
    padding: 2px 20px 2px 0;
  
}

.fareRulesLeft .nav-tabs li ul li a:hover {
    text-decoration: none;
    color: #8b1c59 !important;
}

.fareRulesLeft .nav-tabs h3 {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0;
    cursor: default;
    font-family: Arial, sans-serif
}

.fareRulesLeft .nav-tabs h3 a {
    color: #0577b2;
    text-decoration: none;
}

.fareRulesLeft .nav-tabs li ul {
    display: none
}

.fareRulesLeft .nav-tabs > li:first-child ul {
    display: block;
}

.check-in .auto {
    width: 150px;
}

.check-in .auto a {
    color: #414042
}

.check-in .auto a:hover {
    text-decoration: none;
    color: #414042 !important
}

h4.titleHeading {
    border: medium none;
    color: #900652;
    font-size: 36px;
    margin-bottom: 10px;
}

#autoCheckIn .resetsetwidth {
    min-width: 200px !important
}

#autoCheckIn .modal-dialog {
    width: 600px;
}

.cancelButton {
    padding-left: 0
}

.displayTable {
    display: table !important
}

#cvvNumber .modal-title, #upgradeQmiles .modal-title {
    font-size: 18px;
    color: #333333;
    border-bottom: 1px solid #900653;
    padding-bottom: 8px;
    text-transform: uppercase;
}

#cvvNumber .modal-dialog, #upgradeQmiles .modal-dialog {
    width: 700px;
}

.total-sum-details .price-summary {
    min-width: 420px
}

.noPaddingLeft {
    padding-left: 0
}

.noPaddingright {
    padding-right: 0
}

/*css end for confirmextrabaggage popUp*/
/*Travel Insurance top area css start*/
.flight-content .noPaddingLeft {
    padding-bottom: 10px;
}

.topInsArea {
    background: #e0e0e0;
    padding: 20px;
    color: #333;
    margin-bottom: 20px;
}

.topAreaHeading {
    border: medium none;
    color: #900652;
    font-size: 24px;
    margin: 10px 0;
    padding: 0;
    text-transform: none
}
 
/*Travel Insurance top area css end*/

.view-itinerary .minHeight {
    min-height: 98px
}

.slick-prev {
    background-position: -424px 0;
    right: 25px;
    text-indent: -9999px;
}

.slick-next {
    background-position: -380px 0;
    left: 20px;
    text-indent: -9999px;
}

div.w-nav > div {
    
    float: right;
    width: 14.27%;
}

ul.fly-class li {
    min-height: 82px;
}

/***** OR separation *****/
.middleCont {
    background: url("../../resourcesCPM/images/or.jpg") top center repeat-y;
    min-height: 260px;
    position: relative;
}

/****** Check In page - Validation ******/
.error-box-checkin > .error-box-info {
    background: none;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}

.error-box-checkin > .error-box-info > img {
    max-width: 100%;
}

.error-box-checkin + p {
    padding-left: 20px;
}

.checkin-row {
    margin: 40px 0px 0px 0px;
    display: inline-block;
    padding: 0px;
}

.checkin-input {
    min-height: 192px;
    background: url(../images/or.png) no-repeat left 1%;
    padding-right: 20px;
    padding-left: 35px;
}

.checkin-input:last-child {
    background: none;
}

.checkin-input > h2 {
    font-size: 30px;
    color: #900562;
    margin-bottom: 30px;
    font-weight: 300;
    border: none;
    padding: 0;
    text-transform: none;
}

.checkin-input-hint {
    font-size: 11px;
    margin-top: 4px !important;
}

.checkin-input .form-group {
    padding: 0;
}

.checkin-input:first-child {
    padding-right: 0px;
}

.ffp-input-wrapper, .ffp-number-wrapper {
    width: 47%;
    vertical-align: bottom;
    display: inline-block;
}

.ffp-input-wrapper .freq-flyer {
    width: 100%;
    display: inline-block;
}

.ffp-input-wrapper .styledSelect {
    white-space: nowrap;
    padding-right: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ffp-number-wrapper {
    margin-left: 3%;
}

.last-name-margin-top {
    margin-top: 19px;
}

.margin-l-20 {
    margin-left: 20px;
}

.padding-l-70 {
    padding-left: 40px;
}

.checkin-input .padding-t-l {
    padding: 5px
}

.mbErrorBg {
    background: url("../images/or.png") no-repeat scroll right center
}

.checkin-input .form-group .form-group {
    margin: 0;
}

@media (max-width: 1169px) { 
  /*.ffp-input-wrapper, .ffp-number-wrapper { width: 47%; }*/
    .checkin-input {
        min-height: 215px;
        background: url(../images/or.png) no-repeat right -20px;
    }

    .mbErrorBg {
        background: url("../images/or.png") no-repeat scroll right center
}
}

.total-sum-details {
    min-width: 500px;
    width: auto;
}

.total-sum-details .sum-dest {
    
    float: left;
    margin-right: 20px;
    min-width: 200px;
    width: auto;
}

.total-sum-details .price-summary {
    float: right;
    max-width: 500px;
    min-width: 420px;
}

.view-itinerary .minHeight {
    min-height: 98px
}

#selectDateCal .fullCalWidth .calItem {
    width: auto;
    overflow: visible;
    float: none
}

#selectDateCal .fullCalWidth {
    width: auto;
    overflow: visible;
    float: none
}

#selectDateCal .calWidth {
    width: auto !important;
    overflow: visible;
    float: none
}

#selectDateCal .lastSpan {
    font-size: 11px;
    text-align: center;
    padding: 0
}

.col-lft-rft a {
    cursor: default;
}

.boldLabel {
    font-weight: bold
}

select.form-control {
  color: #666;
}

select.form-control.hasValue {
  color: #65707b !important;
}

select.form-control.hasValue option {
  /*color:  #65707b;*/
}

#pnrForm {
    float: right;
    margin-right: 2px;
}

/************ Seat Map - Arabic CSS ************/
.flightMap .exit-right span {
    background: rgba(0, 0, 0, 0) url("../images/seatsImg.png") no-repeat scroll right -225px !important;
    float: right !important;
}

.flightMap .exit-left span {
  background: rgba(0, 0, 0, 0) url("../images/seatsImg.png") no-repeat scroll left -254px !important;
  float: left !important;
}

.wci_bp_white_overlay {	
	border: 1px solid #888888;
    border-radius: 10px 10px 10px 10px;
    background-color: #FFFFFF;       
    min-height: 200px;
    overflow: auto;
    padding: 7px;
    position: fixed;
    width: 840px;
    z-index: 1002;
    box-shadow: 0 0 10px #000000;    
}

.wci_black_overlay {	
	background: url("../images/pageLoadingBg.png") repeat scroll 0 0 transparent;
    height: 100%;
    left: 0;
    overflow: hidden !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.wci_overlay_close {
	background: url("../images/api_x_close.png") no-repeat scroll 0 0 transparent;
    display: block;    
    height: 32px;
    margin-top: -4px;
    width: 32px;
    cursor: pointer;
}

div.form-group.chkbox.has-error {
    float: left;
    width: 100%;
    padding: 10px;
    border: 1px solid #ff0000
}

div.selectbox.has-error {
    border: 1px solid #ff0000;
}

#needmoretime .modal-dialog, #Sessionexpired .modal-dialog {
    width: 500px;
}

.IconlowPriceAr {
    margin-left: 20px !important;
    float: right !important;
}

.modal-header .calClose {
    position: absolute;
    right: 96%;
    top: 20px;
    z-index: 3;
}

.pdfWrap {
    width: 900px;
    margin: 100px auto 0;
}

.selectbox select { 
	padding-left: 0px;
}

.chkbox.meal-pref-chkbox.col-sm-3 {
    width: 30%;
}

#qrlogo.qr_ow_logo {
    background: url("../images/Qatar_Airways_Oneworld.svg") no-repeat scroll 0 0;
}

#qrlogo {
    display: block;
    height: 40px;
    width: 213px;
}

#qrlogo a em {
    width: 1px;
    height: 1px;
    visibility: hidden
}

.printlogo {
    display: none;
}

*::before, *::after {
    box-sizing: border-box;
}

*::before, *::after {
    box-sizing: border-box;
}

.wrapped {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    min-height: 33px;
}

.inputHidden {
    color: #fff !important;
    display: none;
}

.newInput {
    background: #ccc none repeat scroll 0 0;
    border-radius: 5px;
    color: #333;
    direction: rtl;
    display: inline-block;
    float: right;
    line-height: 17px;
    margin: 2px 36px 2px 2px;
    padding: 6px;
}

.newInput a {
    background: url("../images/iberemove.gif") no-repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin-left: 7px;
    margin-right: 3px;
    margin-top: 5px;
    width: 8px;
}

button.btn.btn-style.previousSearchLink.btn-4.btn-4c.arrow-right-btn {
    display: none;
}

form#tripSummId {
    display: inline-block;
}

#mealNotFound .modal-body {
    display: inline-block;
}

.previousSearchLink, .printlogo {
    display: none;
}

.alwaysHide {
    display: none;
}

.or-part {
    min-height: 52px;
    background: url('../images/or-part.jpg') center center no-repeat;
    position: absolute;
    top: 35%;
    padding-top: 19px;
    color: #fff;
    text-align: center;
    width: 45px;
}

.fly-access .productSection ul li span {
    display: inline-block;
    vertical-align: top;
}

.fly-access .productSection ul li span ~ span {
    width: 76%;
}

.navButton {
    width: 49% !important;

	}

.newsLetterBox {
	display: inline-block;
    width: 100%;
}

.narrowPopup .modal-dialog {
    width: 405px;
}

.iBlock {
    direction: ltr;
	unicode-bidi: bidi-override;
}

.cabinClass {
    line-height: 110px;
}

.compare-slide-img {
    background-position: right !important;
}

.cabinSection ul {
    min-height: 120px;
}

.name-membership .sp-arrow {
    background-position: -993px -100px;
    margin-top: 22px;
}

/*For Arabic Cug Iframe */
/*CUG login style start here */
.cug-login p {
    margin-top: 3px;
}

.personaltravel .search-box-main {
    float: right;
    margin-right: 15px;
    width: 56.3333%
}

.personaltravel .search-main-label .inner-addon {
    width: 90%
}

.personaltravel .multi-arrow-box.search-main-label {
    right: 55%;
    top: 66px;
}

.personaltravel .resetsetwidth {
    min-width: 46px;
}

/*CUG login style end here */

#cugLayout {
    width: 498px;
    margin: auto;
}

#cugLayout .container {
    width: 100%;
}

#cugLayout .modify-search-context.search-box-main {
    padding-bottom: 10px !important;
}
 
#cugBody {
    min-width: 500px;
    background-color: #F2F2F2;
}

#cugBody .ui-state-disabled, #cugBody .ui-widget-content .ui-state-disabled, #cugBody .ui-widget-header .ui-state-disabled {
    padding: 1px
}

#cugBody #ui-datepicker-div {
    padding: 10px
}

#cugBody .ui-datepicker .ui-datepicker-next {
    left: 0;
    top: 0;
    cursor: pointer
}

#cugBody .ui-datepicker .ui-datepicker-prev {
    right: 10px;
    top: 0;
    cursor: pointer
}

#cugBody .form-group.multi-main {
    margin-bottom: 5px !important;
    padding-top: 10px;
}

.passen-inline .form-group.family-select-box .form-group {
    float: none;
    display: inline-block;
    width: 29%;
    vertical-align: top;
}

.search-main-label label {
    display: inline-block;
    width: 70px;
}

.search-main-label .inner-addon {
    display: inline-block;
    width: 82%;
    min-height: 34px
}

.multi-arrow-box.search-main-label {
    top: 27px;
    left: 0;
    position: absolute;
}

/* .col-xs-1.multi-arrow-box.search-main-label { right: -10px; position: absolute;} */
.multi-arrow-box.search-main-label .inner-addon {
    position: absolute;
}

span.irs-single {
    direction: ltr;
}

/*DOT Changes*/
.form-control.disabled {
    position: relative;
    background-color: #eee;
}

.pass-height-adjust {
    margin-top: 35px;
}

.close em, button.close em, .slick-prev em, .slick-next em, .clear em, .off em {
    visibility: hidden !important;
}

.radiobtnAnchor span.tickmark, .radiobtnAnchor span.tickmark:hover {
    display: block;
    width: 30px;
    height: 30px;
    padding: 15px 0;
    margin: auto;
    background: url("../images/spirte_icons.png") no-repeat -770px -34px transparent
}
 
.radiobtnAnchor span.tickmark em {
    display: none
}
  
.radiobtnAnchor .txt {
    padding-top: 22px;
    width: 60px !important;
    color: #cccccc;
    cursor: default;
    font-size: 11px;
    margin: auto
}

.conentHeading {
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
 
abbr[title] {
    border: 0px !important
}

.thirtyDaysCal .DateStyle h5 em {
    visibility: hidden
}

.marginTop {
    margin-top: 25px
}

.chkbox {
    position: relative;
    z-index: 0;
    float: right;
}

.chkbox input[type=checkbox] { /*display:none;*/
    border: 0 none;
    display: block;
    position: absolute;
    z-index: -1;
    margin: -4px 0px 0px -4px;
    width: 1px;
    height: 1px;
}

.chkbox .switch input[type=checkbox] {
    height: 23px;
    left: 25px;
    top: 5px;
    width: 68px;
    margin-right: 5px
}

.main-recent-box-slide em {
    display: none
}

input:focus, select:focus, a:focus, button:focus, form:focus, textarea:focus {
    outline: #66afe9 solid 1px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.Recent-search-box .iti-meals > div {
    margin-top: 10px
}

.Recent-search-box .iti-meals > div a:hover, .Recent-search-box .iti-meals > div a:focus, .Recent-search-box .iti-meals > div a {
    text-decoration: none;
    background: none;
    padding: 0;
    border: none;
    text-align: left;
    display: block
}

.DateStyle div a, .DateStyle div a:hover, .DateStyle div a:focus {
    display: inline-block;
    color: #65707b;
    text-decoration: none;
    padding: 8px 0;
    width: 100%
}

.DateSelected a {
    color: #fff
}

fieldset {
    padding: 0 !important;
    border: none !important
}

a.newLink {
    overflow: hidden;
    text-indent: -999px;
}

.DateSelected a {
    color: #fff !important
}

.p-data a.radiobtnAnchor:focus {
    outline: none !important
}

.p-data a.radiobtnAnchor:focus span.radiobtn {
    border: 1px solid #900652 !important;
}

.middleCont {
    background: url("../../resourcesCPM/images/or.jpg") top center repeat-y;
    min-height: 260px;
    position: relative;
}

.or-part {
    min-height: 52px;
    background: url('../images/or-part.jpg') center center no-repeat;
    position: absolute;
    top: 35%;
    padding-top: 19px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 45px;
}

.navButton {
    width: 48% !important;
	}
	
.col-sm-2.cellDiv.price {
    text-align: right;
    vertical-align: middle;
    padding: 0px 15px 0 0 !important;
}

.fontCapitalize {
    	text-transform: capitalize;
	}

.form-control.disabled {
    position: relative;
    background-color: #eee;

	}

.pass-height-adjust {
    margin-top: 35px;
}

.passen-details .form-group legend {
    color: #333;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

/*timetable page style start here*/
.ttModifysearch label {
    width: auto !important;
}

.ttModifysearch label .asterisk {
    float: right;
    margin-left: 5px;
}

.timetable .detailsHeader1 {
    position: relative;
}

.timetable .detailsHeader1 .rightSideOfTt {
    position: absolute;
    right: 0;
    top: 0;
}

.timetable .detailsHeader1 .p-data .radiobtn {
    min-height: 137px;
}

.noVisible {
    visibility: visible;
    height: 1px !important;
    overflow: hidden;
    position: relative;
    text-indent: -999px;
    width: 1px !important;
    float: right;
    border: none !important;
    display: inline-block !important;
}

p.WaterMark.notavail {
    font-size: 10px;
}

.terms-cond p {
    float: left;
}

.newInfoBtn {
    margin-left: 10px;
    position: absolute;
    top: -28px;
}

.qMilesHeading {
    color: #0088cc !important;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
}

/*header css for DOT*/

.mbHeading {
    margin: 0;
    font-size: 1em;
    line-height: 1.42857143;
}

.passDet {
    font-size: 40px;
    font-weight: 300;
    font-family: 'Open Sans', Arial, sans-serif;
    margin: 0;
    line-height: 1.42857143;
}

.passDetSH, .contactSubHeading {
    border-bottom: 0;
    text-transform: initial;
    padding: 0;
    font-size: 12px;
    line-height: 1.42857143;
}

.ciHeading {
    font-size: 40px;
    color: #900652;
    margin: 0;
    line-height: 1.42857143;
}

.exBggHead, .cfHeading, .rafHead, .splReqDest {
    margin: 0;
    font-size: 1em;
    line-height: 1.42857143;
    font-weight: 300;
}

.paymentSumHead, .cancelFd {
    font-size: 40px;
    color: #900652;
    margin: 0;
    font-weight: 300;
}

.cfHead {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #555555;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    border: none;
	line-height: 32px;
}

.mfDestHead {
    border-bottom: 0;
    color: #900652;
    font-size: 28px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    text-transform: initial;
    line-height: 1.42857143;
    padding: 0;
}

.mealPrefHead, .spReqHead {
    font-size: 28px;
    color: #900652;
    font-weight: 300;
    border-bottom: 0;
    line-height: 32px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
}

/*style for new h1 heading on index page*/
.disblock {
    display: block
}

.destinations .heading {
    display: inline-block;
    padding: 5px 0px;
}

.destinations .heading span {
    color: #900652;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 40px;
    font-weight: 300;
}

.destinations .heading .sprit-icons {
	 background: url("../images/spirte_icons.png") no-repeat -512px 0px;  
    height: 32px;
    vertical-align: -6px;
    width: 32px;
    display: inline-block;
        transform: scaleX(-1);
        -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    	-ms-transform: scaleX(-1);
}

.dateWithHead {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.notifiHead {
    line-height: 18.5714px;
    font-size: 13px;
    font-family: arial;
}

.modalHeading {
    font-size: 18px;
    color: #333333;
    text-transform: uppercase;
    font-family: 'Open Sans', Arial, sans-serif;
    line-height: 1.42857143;
}

.articleHeading {
	color: #900652;
    font-size: 12px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
	line-height: 1.42857143;
	border-bottom: 0;
	text-transform: initial;
}

.abContentHeader {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #555555;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    border: none;
    padding: 0;
    margin: 0;
    line-height: 32px;
}

.articleSubHeading {
	border-bottom: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.42857;
    margin: 0;
    padding: 0;
    text-transform: initial;
}

.prevClubHeader {
     font-size: 40px;
     line-height: 1.42857143;
    margin: 0;
 }

 .mealPrefDT {
    font-size: 24px;
}

.modifyFlightHeading {
    line-height: 20px;
    padding: 0;
    border: 0;
}

.disblock.changeDestHeading {
    font-size: 12px;
    color: #949494;
    text-transform: initial;
    font-family: 'Open Sans', Arial, sans-serif;
}

.changeDestHeading {
    line-height: 20px;
    border: 0;
    padding: 0;
    font-weight: 300;
    font-size: 12px;
}

  /* Skip Nav Styles start--------- */
#skip-nav a{
    position: absolute;
    left: -99999px;
    width: 200px;
    top: 0;
    width: 200px;
    border: 1px solid #dadada !important;
    color: #333 !important;
    background: #fff;
    z-index: -1;
    padding: 5px;
    border-radius: 3px;
}
#skip-nav a:focus, #skip-nav a:active{
     position: relative;
    left: 0;
    top:-68px;
    width: 100px;
    border: 1px solid #dadada !important;
    color: #333 !important;
    background: #fff;
    z-index: 999 !important;
    padding: 5px;
    border-radius: 3px;
	text-decoration:none !important;
}
 /* Skip Nav Styles end--------- */
/*fare and cabin details css start */
/* .fly-access{ padding: 7px 20px 0 0;} commented for dot fix */
.fly-access .tabs {
    border: none;
    background: none;
    padding: 0;
    margin: 0
}

.fly-access .ui-tabs-nav {
    border-bottom: 1px solid #d6d6d6;
    display: inline-flex !important;
    padding: 0;
}

.fly-access .ui-tabs-nav li {
    position: relative;
    width: auto;
    display: inline-block;
    padding: 0 12px 4px 17px !important;
    margin: 0 important;
    float: none;
    background: none;
}

.fly-access .ui-tabs-nav li a {
    display: inline-block;
    float: none;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    color: #65707b;
    padding: 0 !important
}

.fly-access .ui-state-active a, .fly-access .ui-state-active a:link, .fly-access .ui-state-active a:visited, .fly-access a.ui-state-active *:focus {
    color: #8b1c59 !important;
    font-weight: normal;
    border: none !important
}

.fly-access .ui-tabs .ui-tabs-nav .ui-state-active {
    border: 0px;
    border-bottom: 3px solid #8b1c59;
    padding: 0 12px 4px 17px;
}

.fly-access .ui-tabs-nav .ui-state-active:after, .fly-access .ui-tabs-nav .ui-state-active:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
 
.fly-access .ui-tabs-nav .ui-state-active:after {
/*  border-color: rgba(136, 183, 213, 0);*/
  border-top-color: #8b1c59;
  border-width: 10px;
  margin-left: -10px;
}

.fly-access .ui-tabs-nav .ui-state-active:before {
/*  border-color: rgba(194, 225, 245, 0);*/
  border-top-color: #8b1c59;
  border-width: 10px;
  margin-left: -10px;
}
 
.carousel-inner {
    padding: 0
}

.fly-access .ui-tabs .ui-tabs-panel {
    padding: 0 0 30px 0
}

.fly-access .ui-tabs .ui-tabs-panel ul {
    padding: 14px 22px 10px 22px;
}

.fly-access .ui-tabs .ui-tabs-panel ul li {
    width: 256px;
}

/*fare and cabin details css end*/

#cugBody {
    overflow: visible;
width: auto;
    min-width: auto !important;
}

@media (min-width: 320px) and (max-width: 1169px) {
    #cugLayout .container {
        width: auto !important;
}
}

#collapseExample .passen-inline div, #collapseExample .passen-inline button, #collapseExample .passen-inline input {
    float: right;
}

#collapseExample .passen-inline label {
    clear: both;
    width: 100%;
}  

#collapseExample .passen-inline .wrapped {
    width: 100%;
}  

.iti-meals div {
    padding: 15px;
    border-bottom: 1px solid #bbbbbb;
    color: #747f8a;
    float: left;
    width: 100%;
} 

.modify-search #previousSearch #search_pod {
    float: right;
}

.modify-search #previousSearch #search_poa {
    float: left;
}

.modify-search #previousSearch .arrow-two {
    vertical-align: middle;
}

.disabled span.slick-next {
    background-position: -382px -160px;
}

.disabled span.slick-prev {
    background-position: -417px -160px;
}

.showDiscountP700 {
position: relative;
left: -133px;
}

.showDiscountRed {
position: relative;
    right: 105px;

}

.serviceW122 {
    width: 122px;
}

.md-details.Qdeparture .lowest, .md-details.Qreturn .lowest {
    float: none;
    display: inline-block;
}

.md-details.Qdeparture .qmilesTopIcon, .md-details.Qreturn .qmilesTopIcon {
    float: right;
}

.md-details.Qdeparture .cal-btn.f-head-top, .md-details.Qreturn .cal-btn.f-head-top {
    float: left;
}

.md-details.Qdeparture .qmilesTopIcon .legendIcon, .md-details.Qreturn .qmilesTopIcon .legendIcon {
    float: right;
}

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

/*Qmiles flight review summary*/
.row.qmiles-head-small div, .qmiles-table-content .qmiles-content div {
    text-align: left;
}

.review-price-details .price-summary.p-s-qmiles-review .section {
    width: 33.5%;
    display: inline-block;
}

.review-price-details .price-summary.p-s-qmiles-review .plus.section {
    width: 10px;
}

.review-price-details .price-summary.p-s-qmiles-review .colon-qmiles.section {
    width: 10px;
}

.review-price-details .price-summary.p-s-qmiles-review .section .price {
    word-break: break-word;
}

.review-price-details .price-summary.p-s-qmiles-review .section span.units {
    float: initial;
}

/*PNR Alignment*/
.confirmation-pnr span#pnrValueTxt {
    width: 40% !important;
}

.infantOnFlightOB {
font-size: 12px;
color: #333333;
background-color: #e0e0e0;
padding: 5px 0px;
}

.infantOnFlightIB {
font-size: 12px;
color: #333333;
background-color: #e0e0e0;
padding: 5px 0px;
}

.spanTraveller {
padding-left: 10px;
margin-right: -15px;
}

.spanTravellerMMB {
	padding-right: 10px;
}

a.evtApplied span.date {
    float: right;
    text-align: right;
    width: 100%
}

a.evtApplied span.recent-color {
    float: right;
}

a.evtApplied span.sprit-icons {
    float: right;
}

a.evtApplied {
    text-align: right;
}

.dccalign {
 font-size: 17px !important;
padding: 0px;
margin: 0px;
 }
 
.noIcon, .IconQmiles {
    float: right !important
}

 /****** Check In page - Validation ******/
.error-box-checkin > .error-box-info {
    background: none;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}

.error-box-checkin > .error-box-info > img {
    max-width: 100%;
}

.error-box-checkin + p {
    padding-left: 20px;
}

.checkin-row {
    margin: 40px 0px 0px 0px;
    display: inline-block;
    padding: 0px;
}

.checkin-input {
    min-height: 192px;
    background: url(../images/or.png) no-repeat left 5px;
    padding-left: 35px;
    padding-right: 20px;
}

.checkin-input:last-child {
    background: none;
}

.checkin-input > h1 {
    font-size: 30px;
    color: #900562;
    margin-bottom: 30px;
    font-weight: 300;
}

.checkin-input-hint {
    font-size: 11px;
    margin-top: 4px !important;
}

.checkin-input .form-group {
    padding: 0;
}

.checkin-input:first-child {
    padding-left: 35px;
    padding-right: 20px;
}

.ffp-input-wrapper, .ffp-number-wrapper {
    width: 47%;
    vertical-align: bottom;
    display: inline-block;
}

.ffp-input-wrapper .freq-flyer {
    width: 100%;
    display: inline-block;
}

.ffp-input-wrapper .styledSelect {
    white-space: nowrap;
    padding-right: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ffp-number-wrapper {
    margin-left: 3%;
}

.last-name-margin-top {
    margin-top: 19px;
}

.margin-l-20 {
    margin-left: 20px;
}

.padding-l-70 {
    padding-left: 40px;
}

.checkin-input .padding-t-l {
    padding: 5px
}

.mbErrorBg {
    background: url("../images/or.png") no-repeat scroll right center
}

.checkin-input .form-group .form-group {
    margin: 0;
}

@media (max-width: 1169px) { 
  /*.ffp-input-wrapper, .ffp-number-wrapper { width: 47%; }*/
    .checkin-input {
        min-height: 215px;
        background: url(../images/or.png) no-repeat 0 5px;
}

    .mbErrorBg {
        background: url("../images/or.png") no-repeat scroll right center
    }
}

.payByW58 {
    width: 58%;
}

.gbpw42 {
    width: 42%
}

.gbpFont {
    font-size: 12px !important;
}

.conentHeading {
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

/*online upgrade style start*/
.dearHeading {
    color: #000;
    font-size: 14px;
    line-height: 35px;
}

.commonheading {
    color: #900652;
    font-size: 40px;
    margin: 0 0 10px;
    text-transform: none;
    font-family: "Open Sans", Arial, sans-serif;
}

/*online upgrade style end*/

.noVisible {
    visibility: visible;
    height: 1px !important;
    overflow: hidden;
    position: relative;
    text-indent: -999px;
    width: 1px !important;
    float: right;
    border: none !important;
    display: inline-block !important;
}

/* Start - managebooking confiremation page css*/
.mbConfirmBox {
    background: #0a2471;
    color: #fff;
    padding: 8%;
    font-size: 14px;
}

.mbSmall {
    font-size: 12px;
    text-transform: uppercase;
    color: #b8c5df;
    font-weight: normal;
    border-bottom: 1px solid #2d4b8b;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.mbBig {
    color: #fff;
    font-size: 34px;
    font-weight: 300;
    font-family: "Open Sans", Arial, sans-serif;
    border: none;
    text-transform: none
}

.mbBig span {
    color: #24b5d4;
    font-size: 14px;
    display: block;
    padding-top: 5px
}

.mbConfirmBox p {
    margin-bottom: 15px;
}

.saveDetails {
    padding: 0 8%;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    display: block;
    background: url("../images/rightArrow.png") no-repeat 10% 13px #24b5d4
}

.saveDetails:hover, .savedetailActive, .saveDetails:focus {
    text-decoration: none;
    color: #fff !important;
    background: url("../images/arrowDown.png") no-repeat 10% 13px #24b5d4
}

.mbdetailBox {
    background: #f6f6f6;
    border-bottom: 3px solid #0a2471;
    display: none
}

.mbdetailgreyBox {
    background: #e0e0e0;
    font-size: 14px;
    padding: 8%;
    color: #000
}

.mbHeading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    text-transform: none;
    border: none;
}

.mbdetailgreyBox ul li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 6%;
    font-size: 12px;
    margin-bottom: 5px;
}

.mbdetailgreyBox .chkbox {
    margin: 15px 0;
}

.mbdetailgreyBox .chkbox label {
    color: #000 !important;
}

.mbdetailgreyBox .chkbox label em {
    font-weight: bold;
    font-style: normal;
}

.mbLightBox {
    padding: 8%;
    color: #000;
    overflow: hidden
}

.mbLightBox p {
    margin-bottom: 15px;
}

.mbLightBox form {
    margin-top: 5px;
    float: left
}

.fbBtn {
    border: 1px solid #ccc;
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 0 0 10px 0;
    background: #3b5998;
    width: 100%;
    float: left;
}

.gBtn {
    background: #4285f4;
}

.tBtn {
    background: #00aced
}

.fbBtn span {
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
}

.fIco, .gIco, .tIco {
    background: url("../images/f-icon.png") no-repeat scroll center center / 30px auto #3d5a9e;
    border-right: 1px solid #ccc;
    width: 28px;
}

.gIco {
    background: url("../images/Google_Icon.png") no-repeat scroll center center / 14px auto #fff;
}

.tIco {
    background: url("../images/t-icon.png") no-repeat scroll center center / 30px auto #4098fc;
}

.fbBtn:hover span {
    color: #fff !important;
    text-decoration: underline !important
}

.max30 {
    max-width: 30%;
}

.mbLightBox label {
    font-weight: bold;
    color: #000
}

.newBtn {
    background: #24b5d4;
    width: 100%;
    border-radius: 0px;
}

.orElement {
    border-bottom: 1px solid #c7c7c7;
    float: left;
    margin: 5px 0 21px;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

.orElement span {
    color: #333;
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    font-size: 18px;
    font-family: "Open Sans", Arial, sans-serif;
    background: #f6f6f6;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 46px;
    text-align: center;
    top: -4px;
}

.mbItem {
    list-style: none;
    font-size: 12px;
    color: #b8c5df;
}

.mbItem li {
    background: url("../images/mblistItem.jpg") no-repeat 0 0;
    padding-left: 50px;
    margin-top: 10px;
    min-height: 40px;
}

.mbItem li:first-child {
    background: url("../images/mblistItem.jpg") no-repeat 0 0;
    padding-left: 50px;
    margin-top: 5px;
}

/*new style changes for 8 new pending changes*/
.user-info {
    float: right;
    min-width: 300px;
}

.q-dashboard {
    text-align: center;
    padding: 5px;
    background-color: #900653
}

.q-dashboard > div {
    padding: 10px 0;
    border-left: 1px solid #780141;
}

.name-membership:hover, .name-membership:focus {
    color: #CCC !important;
    text-decoration: none !important
}

.user-details {
    float: left;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    padding-right: 35px;
}

.sp-arrow {
    background-position: -993px -100px;
    width: 24px;
    height: 20px;
    display: inline-block;
    position: absolute;
    margin-top: 29px;
    right: 0;
    top: -19px
}

.qa-lang-select {
    padding: 0;
    width: 125px;
}

.name-membership .l-line > span {
    display: block;
    padding: 4px 0 2px;
}

.headMenu {
    width: 215px;
    background: #630037;
    padding: 0 20px
}

.view-mem-details .menuItem {
    background: #630037;
    border-bottom: 1px solid #32001b;
    border-top: 1px solid #780141;
    padding: 0;
}

.view-mem-details .menuItem:first-child {
    border-top: 0;
}

.view-mem-details .menuItem a {
    color: #fff !important;
    font-size: 12px;
    text-decoration: none;
    display: block;
    padding: 15px 20px 15px 0;
}

.view-mem-details .menuItem a:hover {
    color: #ccc !important;
    text-decoration: underline;
}

.name-membership .sp-arrow-down {
    background-position: -993px -68px;
}

.socialLogin {
    background: url(../images/or.png) no-repeat 10px center;
    background-size: 25px;
    padding-left: 55px !important;
}

.socialLogin a {
    display: inline-block;
    border: 1px solid #ccc;
    margin: 3px 0;
    font-size: 12px;
    color: #555;
    width: 170px
}

.socialLogin a span {
    display: inline-block;
    float: left;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    float: left
}

.socialLogin .fIco, .socialLogin .gIco, .socialLogin .tIco {
    width: 25px;
    background: url(../images/f-icon.png) no-repeat center center #3d5a9e;
    border-right: 1px solid #ccc;
    background-size: 30px;
}

.socialLogin .gIco {
    background: url(../images/Google_Icon.png) no-repeat center center #fff;
    background-size: 14px;
}

.socialLogin .tIco {
    background: url(../images/t-icon.png) no-repeat center center #4098fc;
    background-size: 30px;
}

.qa-tabs-box .tab-content > div {
    padding: 20px 17px;
}

.profiledetails {
    color: #333;
    position: relative;
    background: url(../images/oryx_backgroundImage.jpg) no-repeat right center;
    background-size: 69%;
    font-size: 13px;
}

.profileHead {
    color: #222;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}

.width80 {
    width: 75px;
}

.profiledetails span {
    display: inline-block;
    float: left;
}

.profiledetails ul {
    list-style-type: disc;
}

.profiledetails ul li {
    text-transform: none;
    list-style: disc;
    display: list-item;
    width: 40% !important;
    margin-left: 13px;
}

.profiledetails ul li.noBullet {
    list-style: none;
    margin: 0;
}

.profiledetails ul li a {
    color: #0088cc !important
}

.newbutton, .greyButton {
    background: none repeat scroll 0 0 #900652;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 7px 20px;
    border-radius: 0
}

.newbutton:hover {
    background: none repeat scroll 0 0 #3f0022;
    color: #fff
}

.profiledetails .greyButton {
    background: #9099a0;
    position: absolute;
    bottom: 0;
    right: 20px;
}

.profiledetails .greyButton:hover {
    background: #666;
    color: #fff
}

.modalTitle {
    font-size: 18px;
    color: #333333;
    border-bottom: 1px solid #900653;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.modalClose {
    right: -25px !important
}

.width750 {
    width: 750px !important
}

.commonContent {
    padding: 0 10px 20px;
}

.titleHeading {
    text-transform: none;
    border: medium none;
    color: #900652;
    font-size: 36px;
    margin-bottom: 10px;
}

.userSignup {
    color: #000;
    padding: 0;
    margin-bottom: 10px;
}

.userHello {
    padding-left: 15px;
}

.userHello .userHeading {
    border: medium none;
    font-size: 18px;
    font-weight: 400;
    padding: 0;
    text-transform: none;
}

.userHello .userHeading span {
    font-weight: 600;
}

.userMessageF {
    background: url("../images/Facebook_CircleIcon.png") no-repeat scroll 100% top transparent;
    font-size: 12px;
    line-height: 20px;
    margin-left: 14px;
    margin-top: 15px;
    min-height: 20px;
    padding-right: 27px;
}

.commonContent label {
    font-weight: bold
}

/* Start - Add for Signup-Privilege Club page by shravan */
.signupHeading {
    margin-top: 35px;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #555555;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
}

span.privMainheadCap {
    margin-top: 13px;
    display: block;
}

.singupOption {
    color: #900652;
    margin-top: 15px;
    margin-top: 40px;
    font-weight: 400;
    border: 0;
    padding: 0;
    text-transform: none;
    font-size: 24px;
}

.singUPOptinThead {
    padding: 12px !important;
    text-transform: uppercase;
    font-size: 12px;
    color: #000;
    background-color: #f6f6f6;
    margin-bottom: 0px;
    text-align: center;
    background-image: none !important
}

.col-sm-6 .singUPOptinThead {
    text-align: right;
}

.singUPOptinTbody {
    padding: 0px !important;
    text-transform: none;
    font-size: 12px;
    color: #798088;
    background-color: #fff;
    margin-bottom: 0px;
    border: 0px solid;
}

.singUPOptinThead .cellDiv {
    padding: 10px 0px;
    border-left: 1px solid #cdcdcd;
}

.singUPOptinTbody .cellDiv {
    padding: 10px 0px;
    border-left: 1px solid #cdcdcd;
    border-bottom: 1px solid #f3f3f3;
}

.singUPOptinThead .cellDiv:first-child {
    padding-left: 15px;
}

.singUPOptinTbody .cellDiv:first-child {
    padding-left: 15px;
}

.singUPOptinThead .cellDiv:nth-child(2) {
    text-align: center;
}

.singUPOptinTbody .cellDiv:nth-child(2) {
    text-align: center;
}

.singUPOptinThead .cellDiv:nth-child(3) {
    border-left: 0px solid;
    text-align: center;
}

.singUPOptinTbody .cellDiv:nth-child(3) {
    border-left: 0px solid;
    text-align: center;
}

.activeChoiceIcon {
    background: url("../images/tick_new.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.selectChoice {
    border: 1px solid #CCC;
    padding: 10px;
    border-left: 0px solid !important;
    border-bottom: 0px solid !important;
    min-height: 42px;
}

.signUpChoice .cellDiv {
    padding: 0px;
}

.signUpChoice .cellDiv .selectChoice:nth-child(10) {
    border-bottom: 1px solid #CCC !important;
    height: 58px;
    background-image: none
}

.signUpChoice .cellDiv:nth-child(3) .selectChoice {
    border-left: 1px solid #CCC !important;
}

.portalAcctNumber .selectChoice:nth-child(10) {
    border-bottom: 0px solid !important;
}

/*.portalAcctNumber .selectChoice:first-child{border-top: 0px solid !important;}*/
.PrivilegeClubModal {
    padding: 10px 35px 35px 0px;
}

.PrivilegeClubModal .modal-body {
    padding: 0;
    padding-left: 35px;
}

.PrivilegeClubModal .modal-header {
    margin: 0;
}

.PrivilegeClubModal .modalClose {
    right: 0px !important;
    top: 5px
}

.PrivilegeClubModal .portalAcctNumber:hover, .PrivilegeClubModal .privAcctNumber:hover {
    border: 0 none;
    margin-bottom: 0;
}

.PrivilegeClubModal .portalAcctNumber:hover .singUPOptinThead {
    background: #f6f6f6;
    border: 1px solid #CCC !important;
    border-right: 0px solid !important;
    border-bottom: 0px solid !important;
    color: #000
}

.PrivilegeClubModal .privAcctNumber:hover .singUPOptinThead {
    background: #f6f6f6;
    border: 1px solid #CCC !important;
    border-bottom: 0px solid !important;
    color: #000
}

.PrivilegeClubModal .signUpChoice .cellDiv .selectChoice:nth-child(9) {
    
    border-bottom: 1px solid #ccc !important;
  
}

.PrivilegeClubModal .main-heading span {
    font-size: 28px;
}

.loginLink {
    padding-top: 2px;
}

.loginLink a { 
    font-size: 16px;
    color: #8E2157;
    padding-right: 15px;
    font-weight: 600;
}

.loginLink a:hover, .loginLink a:focus {
    color: #fff !important;
}

.linkPnr .cellDiv {
    padding: 10px 0;
}

.linkPnr .cellDiv .col-sm-12 {
    padding: 0px 0px 5px 0;
}

.linkPnr {
    margin: 15px 0 40px;
}

.commonContent p {
    padding-top: 10px;
}

.arrow {
    background: url("../images/spirte_icons.png") no-repeat scroll -556px -8px;
    display: inline-block;
    height: 16px;
    vertical-align: text-top;
    width: 8px;
}

.borderTop {
    border-top: 1px solid #f1f1f1
}

/*Enroll for Privilege Club style*/
.enrollBox p {
    padding: 0px 20px 0px 20px;
    color: #333;
    font-size: 13px;
}

.enrollBox .main {
    font-size: 20px;
    font-family: "Open Sans Light", "Open Sans", Arial, sans-serif;
    margin-top: 20px;
}

.enrollBox .newBtn {
    background: #fff;
    color: #900652;
    border: 1px solid #900652;
    margin-bottom: 10px;
    margin-top: 10px;
}

.enrollBox .newBtn:hover, .enrollBox .newBtn:focus {
    background: #900652;
    color: #fff !important;
    border: 1px solid #900652;
}

/*Enroll for Privilege Club style end*/

.has-error p {
    font-size: 11px;
    color: red;
    padding-top: 5px;
    margin-bottom: 0
}

/*new confirmation alert style start here*/
.confirmationNew {
    font-size: 13px;
    border: 1px solid #cccccc;
    color: #333333;
    padding: 15px 35px 15px 15px;
    background: url(../images/tick_new.png) no-repeat right 11px top 17px #e0e0e0;
    position: relative;
    margin-bottom: 30px;
}

.confirmHead {
    line-height: 20px;
    font-family: "Open Sans Light", "Open Sans", Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #333;
    text-transform: none;
    border: 0;
}

.confirmHead span {
                        background: url("../images/fb-link.png") no-repeat scroll 0 0;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    margin-left: 40px;
    padding-left: 22px;
                        
}

.suucessIcon {
    background: url("../images/tick_new.png") no-repeat 0 0;
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 0;
}

.clickHere {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.clickHere a {
    font-weight: bold
                        }
            
/*new confirmation alert style end here*/
.margin-o-bottom {
    margin-bottom: 2px;
}

.commonContent .modal-header {
    position: relative;
}

.commonContent .close {
    position: absolute;
    left: -24px;
    top: -16px;
    margin: 0;
    padding: 0;
    right: auto !important;
}

#PrivilegeClubModal .commonContent .close {
    position: absolute;
    left: 0px;
    top: -10px;
    margin: 0;
    padding: 0;
    right: auto !important;
}

.commonContent .userSignup {
    padding-left: 15px;
    padding-right: 15px;
}
 
.infantMsg {
 color: #333333;
 background-color: #e0e0e0;
 }
 
.bestFare {
	color: #900652;
    font-size: 20px;
    padding-bottom: 10px;
    float: left;
    margin-right: 20px;
}

.btn:focus {
    color: #fff
}

/*AncillariesAndUber changes style start here*/
.confirmationMsg {
    padding-top: 20px;
}

.confirmationMsg p {
    padding: 10px 0;
}

.confirmationMsg span {
    color: #65707b;
    font-weight: bold
}

.fly-access ul li span.icon8 {
    background-position: -993px -164px;
}

ul.popup-left li span.icon8 {
    background: url("../images/spirte_icons.png") 0 0 no-repeat;
    width: 32px;
    height: 32px;
    padding: 16px;
    vertical-align: top;
    float: left;
    margin-right: 8px;
}

ul.popup-left li span.icon8 {
    background-position: -993px -160px;
}

.uberBox .itinerary-heading {
    font-size: 40px;
}

.uberBox p {
    padding-left: 15px;
    padding-top: 15px;
}

.rentalFrames {
    padding: 0px 15px 10px;
    background-color: #f2f2f2;
    margin: 12px 0 50px 0;
}

.rentalFrames header {
    margin-bottom: 10px;
    padding-top: 15px;
}

.rentalFrames header span {
    color: #900652;
    font-size: 24px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
}

.seperator-line {
    border-bottom: 1px solid #CCC;
}

#b_container {
    border: 1px solid #e3e3e3;
    background-color: #FFF;
    margin-bottom: 15px;
    padding-left: 7px;
    padding-bottom: 8px;
}

#COMPARE .sliding-window:nth-child(2) {
    height: 74px;
}

.singleRow {
    height: 74px !important;
}

.p-data .radiobtn span.uber {
    padding-top: 2px;
    color: #900652;
    font-size: 9px;
    width: 100%;
}

.confirmation-name div.uberComment {
    font-family: arial;
    font-size: 13px;
    color: #65707b;
    font-weight: normal;
    margin-top: 14px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;
    margin-bottom: 20px;
    }

/*AncillariesAndUber changes style end here*/

.upgradebox, .upgradebox .rowDiv {
    display: block;
    width: 100%;
}

.upgradebox .col-sm-4 {
    display: block;
    width: 27%;
    float: right;
}

.upgradebox .col-sm-8 {
    display: block;
    width: 73%;
    float: right;
}

/*partner Air Line style start from here */
.partnerAirLineTab > ul.nav {
    border-bottom: 1px solid #d6d6d6;
    padding: 0;
    position: relative;
}

.partnerAirLineTab > ul.nav li {
    float: right;
    display: block;
    width: auto;
    background: none;
    border: none;
    font-weight: 700;
    padding: 10px;
    margin: 0;
    border-bottom: 3px solid #fff;
}

.partnerAirLineTab > ul.nav li a {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
}

.partnerAirLineTab > ul.nav li.active {
    border: none;
    border-bottom: 3px solid #8b1c59;
}

.partnerAirLineTab > ul.nav li.active a {
    color: #8b1c59 !important;
    border: none
}

.partnerAirLineTab > ul.nav li.active:after, .fly-access ul.nav li.active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.partnerAirLineTab > ul.nav li.active:after {
    border-top-color: #8b1c59;
    border-width: 10px;
    margin-left: -10px;
}

.partnerAirLineTab > ul.nav li.active:before {
    border-top-color: #8b1c59;
    border-width: 10px;
    margin-left: -10px;
}

.partnerAirLineTab > .tab-content {
    padding: 30px 0 0 0;
}

.paSeatMap .fly-seats-tab {
    min-height: 400px
}

.paSeatMap p {
    text-align: center;
    margin-bottom: 20px;
}

.paContentOne {
    font-style: italic;
    padding: 40px 0 20px;
}

/*partner Air Line style end here */
 
/*Added for profile*/
.profileTierTxt {
    float: right;
    display: block;
    margin: 5px 0 0 26px;
        font-size: 11px;
    }

.profileFieldsTxt {
    float: right;
    margin-bottom: 10px;
}

/** On hold paylater changes **/
 .edu-help.paylater {
        background-image: none;
    }

    .paylater .edu-price {
      display: inline-block;
      width: 100%;
    margin-top: 40px;
    }

    .selpaylater {
        background: #63003d;
    padding: 8px 10px 8px 25px;
        margin-left: 10px;
       
    }

.selpaylater span.hrs {
    position: absolute;
    color: #333;
    top: -20px;
    right: 0;
    font-weight: bold;
    font-size: 12px;
    }

.selpaylater span.price {
    padding: 0 10px;
    color: #fff;
    }

.selpaylater.active {
    background: #00a652 url("../images/tick_white.png") no-repeat 10px center;
    }

    .pricewrap, .pricedescrip {
        
        width: 50%;
    float: left;
    }
    
    .pricedescrip div {
        font-size: 16px;
    }
    
#paylater_msg ul li {
    list-style: disc;
	padding: 20px 0 0 20px;
    list-style-position: inside;
}
    
/* Discover qatar css*/
.next-box ul li.discover-bg a.header{vertical-align: bottom; text-align: center; font-size: 16px; line-height:22px; text-transform:none; border: 1px solid #89594b;   display: block;   padding: 7px; width: 100%;  float: right;  margin-top: 20px; top:0; color:#89594b; webkit-transition: color 350ms,background-color 350ms,border-color 350ms; transition: color 350ms,background-color 350ms,border-color 350ms}
.next-box ul li.discover-bg a.header span {display:block;text-align: center;}
.next-box ul li.discover-bg  a.header:hover,.next-box ul li.discover-bg  a.header:focus {background:#630036; color:#fff !important; border-color:#630036; text-decoration:none;}
.next-box ul li.discover-bg {background: url("https://www.qatarairways.com/content/dam/images/custom/800x200/dq-stopover-banner-800x200.jpg") no-repeat center top; width: 100%; height: 200px; background-size:100%;}

/* Discover qatar Transit css*/
.next-box ul li.discoverTransit-bg a.header{vertical-align: bottom; text-align: center; font-size: 16px; line-height:22px; text-transform:none; border: 1px solid #89594b;   display: block;   padding: 7px; width: 100%;  float: right;  margin-top: 20px; top:0; color:#89594b; webkit-transition: color 350ms,background-color 350ms,border-color 350ms; transition: color 350ms,background-color 350ms,border-color 350ms}
.next-box ul li.discoverTransit-bg a.header span {display:block;text-align: center;}
.next-box ul li.discoverTransit-bg  a.header:hover,.next-box ul li.discoverTransit-bg  a.header:focus {background:#630036; color:#fff !important; border-color:#630036; text-decoration:none;}
.next-box ul li.discoverTransit-bg {background: url("https://www.qatarairways.com/content/dam/images/custom/800x200/dq-transit-banner-800x200.jpg") no-repeat center top; width: 100%; height: 200px; background-size:100%;}  


/* Discover qatar Accomodatin css*/
.next-box ul li.discoverAccom-bg a.header{vertical-align: bottom; text-align: center; font-size: 16px; line-height:22px; text-transform:none; border: 1px solid #89594b;   display: block;   padding: 7px; width: 100%;  float: right;  margin-top: 20px; top:0; color:#89594b; webkit-transition: color 350ms,background-color 350ms,border-color 350ms; transition: color 350ms,background-color 350ms,border-color 350ms}
.next-box ul li.discoverAccom-bg a.header span {display:block;text-align: center;}
.next-box ul li.discoverAccom-bg  a.header:hover,.next-box ul li.discoverAccom-bg  a.header:focus {background:#630036; color:#fff !important; border-color:#630036; text-decoration:none;}
.next-box ul li.discoverAccom-bg {background: url("https://www.qatarairways.com/content/dam/images/custom/800x200/dq-tours-banner-800x200.jpg") no-repeat center top; width: 100%; height: 200px; background-size:100%;}  


/* Sort by duration Styles */

.w-r-h-s.sortnew {
    padding: 0;
}

.sortnew .w-sort {
    padding: 0;
    background: #284a63;
}

.sortnew .w-sort a {
    font-size: 14px;
    padding: 13px 30px 13px 20px;
    background-color: #153244;
    color: #fff;
    border: 1px solid #7897ac;
    margin: 8px -1px 8px 0px;
    display: inline-block;
    float: none;
}

.sortnew .w-sort a.duration {
    background: #153244 url("../images/Sortby-duration.png") no-repeat scroll 15px center;
    background-position: 113px center !important;
}

.sortnew .w-sort a.departure {
    background: #153244 url("../images/Sortby-departure.png") no-repeat scroll 15px center;
    font-size: 12px;
    padding-top: 16px;
    background-position: 110px center !important;
}

.sortnew .w-sort a.arrival {
    background: #153244 url("../images/Sortby-arrival.png") no-repeat scroll 15px center;
    font-size: 12px;
    padding-top: 16px;
    background-position: 75px center !important;
}

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

.sortnew .or-f-heading .dep-details, .sortnew .or-f-heading .arr-details {
    color: #fff;
    text-transform: capitalize;
}

.sortnew .or-f-heading {
    padding: 36.5px 0;
}

.sortnew .w-sort + div.or-f-heading {
    padding: 4px 0;
    background: #153244;
}

.sortnew .w-sort + .or-f-heading .dep-details, .sortnew .w-sort + .or-f-heading .arr-details {
    color: #fff;
    text-transform: capitalize;
}

.sortby {
    background: #53dd6d;
    color: #153244;
    padding: 24px 10px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    margin-left: 20px;
}

.sortby:after {
    position: absolute;
    content: "";
    top: 0px;
    left: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 32px 10px 32px 0px;
    border-color: transparent #53dd6d transparent transparent;
    z-index: 150;
}

.findbestflights {
    position: absolute;
    background: #49b44a url("../images/Sortby-thumbs-up.png") no-repeat scroll 25px center;
    padding: 30px 20px 20px 72px;
    color: #fff;
    z-index: 1000;
    top: -128px;
    display: none;
}

.findbestflights h4 {
    font-size: 16px;
    padding-bottom: 5px;
}

.findbestflights p {
    font-size: 12px;
}

.hightlight {
    background: url("../images/Sortby-arrow_down.png") no-repeat scroll center center;
    width: 30px;
    height: 23px;
    position: absolute;
    top: 115px;
    left: 150px;
    
}

.closehighlight {
    background: url("../images/Sortby-close.png") no-repeat scroll center center;  
    width: 15px;
    height: 15px;
    position: absolute;
    left: 15px;
    top: 15px;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.texthighlight {
    -moz-animation: fontbulger 2s infinite;
    -webkit-animation: fontbulger 2s infinite;
    animation: fontbulger 2s infinite;
    
}

ul.fly-class.five-column-fare, ul.fly-class.four-column-fare, ul.fly-class.three-column-fare, ul.fly-class.two-column-fare, ul.fly-class.one-column-fare {
    height: 92px;
}

ul.fly-class li {
    min-height: 91px;
}

/* infant to child css*/
.chd-modal-content {
    box-shadow: 0 0px 0px rgba(0, 0, 0, .5);
    border: 3px solid #900653;
    border-radius: 0px;
    padding: 0px 20px 19px 20px;
    background: #fff;
}

/* almaha css*/
.next-box ul li.almaha-bg a.header{vertical-align: bottom; text-align: center; font-size: 16px; line-height:22px; text-transform:none; border: 1px solid #89594b;   display: block;   padding: 5px 14px; margin: 127px -14px 0px 0px;  float: right; top:0; color:#fff; background:#630036;webkit-transition: color 350ms,background-color 350ms,border-color 350ms; transition: color 350ms,background-color 350ms,border-color 350ms}
.next-box ul li.almaha-bg a.header span {display:block;text-align: center;}
.next-box ul li.almaha-bg  a.header:hover,.next-box ul li.almaha-bg  a.header:focus {background:#630036; color:#fff !important; border-color:#630036; text-decoration:none;}
.next-box ul li.almaha-bg {background: url("../images/almaha.jpg") no-repeat center top; width: 262px; height: 182px;} 


.preSelectMeal {
    width: 100%;
    background: url(../images/preSelectMealsBg_AR.png) no-repeat left 0px #e2e3dd;
    float: right;
    padding: 40px 20px 25px 0px;
    margin: 30px 0 0;
    background-size: contain;
    }

.preSelectMeal header {
    margin: 0px 13px 68px 0;
}

.preSelectMeal header span {
    color: #fff;
    font-size: 25px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
}

.preSelectMeal h4 {
    padding-right: 13px;
}

.preSelectMeal p {
    font-size: 13px;
    font-family: "Open Sans", Arial, sans-serif !important;
    line-height: 18px;
    padding-top: 10px;
    width: 100;
    min-width: 188px;
    margin-bottom: 5px;
    padding: 5px 15px 0px 15px;
}

.preSelectMeal .col-md-8 {
    padding-right: 0px;
    background: url(../images/mealSeperatorOR.png) no-repeat left 12% transparent;
}

.preSelectMeal .col-md-8, .preSelectMeal .col-md-3 {
    margin-top: 5px;
}

.preSelectMeal .btn {
    background-color: transparent !important;
    color: #630036 !important;
    border-color: #630036 !important;
    padding: 8px 23px !important;
    text-shadow: none;
    margin: 10px 590px 0px 0px;
    }

.preSelectMeal .btn:hover {
    background: none repeat scroll 0% 0% #900652 !important;
    color: #FFF !important;
}

.preSelectMeal .col-md-4.precontright {
    padding-top: 20px;
}

.preSelectMeal .col-md-3 {
    padding-right: 20px;
}

#outbound .nextResult, #return .nextResult {
    right: 529px !important;
}

#outbound .prevResult, #return .prevResult {
    left: -17px !important;
}

/* Promo Banner styles */
.banner div.promo_image {
    transform: translate(-300%, -50%) !important;
}

/* airport link css*/
.next-box ul li.hia-bg a.header{vertical-align: bottom; text-align: center; font-size: 16px; line-height:22px; text-transform:none; border: 1px solid #89594b;   display: block;   padding: 5px 14px; margin: 127px -14px 0px 0px;  float: right; top:0; color:#fff; background:#630036;webkit-transition: color 350ms,background-color 350ms,border-color 350ms; transition: color 350ms,background-color 350ms,border-color 350ms}
.next-box ul li.hia-bg a.header span {display:block;text-align: center;}
.next-box ul li.hia-bg  a.header:hover,.next-box ul li.hia-bg  a.header:focus {background:#630036; color:#fff !important; border-color:#630036; text-decoration:none;}
.next-box ul li.hia-bg {background: url("../images/the-airport-hotel-king-bed.jpg") no-repeat center top; width: 262px; height: 182px;} 

p.bestPricePara{
	text-align: left;
}

a.bestprice {
    padding: 0 0px 0 40px;
    background: url(../images/bestprice.png) no-repeat left 0;
    font-size: 20px;
    color: #69043b;
    font-family: "open sans";
    font-weight: bold;
}

/* Upgrade banner styles */
.upgrade-option .fare {
    padding: 0 20px 0 0px !important;
}

.upgrade-option {
    background: url("../images/upgrade-banner-ar.png") no-repeat 0 0 !important;
}

.superwifi-option {
    background: url("../images/superwifi.png") no-repeat 0 0 !important;
    background-size:100% 100%;
	background-position:0 0;
}

a.superwifi {
    padding:15px;
    font-size: 12px Arial;
    color: #FFFFFF;
	margin:15px 0px 0px;
	border: 1px solid #FFFFFF   
}
/* Passenger Details Start */

#myModal .modal-dialog {
    width: 1050px;
}

#myModal {
    overflow: auto;
    width: 101%;
}

	.main-heading {
     width: 99%;
		}
		
	div.passener_link p {
    margin-bottom: 30px;
		}

p.leadtext {
    margin-bottom: 0px;
		}

.passenger-model-container {
    width: 100%;
	}
	
.passenger-model-container .row {
			margin-bottom: 10px;
	}
	
.passenger-box {
    background-color: #fff;
    padding: 0px;
		 border: 1px solid #ccc;
		}
		
.pass-2-box {
    margin-bottom: 10px;
	}
	
.passenger-box-para {
		margin-bottom: 10px;
		}
	
.passenger-box {
    padding: 0px;
		 border-right: 1px solid #ccc;
		}
		
.passenger-box-inner {
    padding: 5px;
		}
	 
.passenger-right-border {
		border-right: 1px solid #ccc;
		}
		
.modal-body {
		max-height: 950px;
		overflow-y:scroll;
		overflow-x:hidden;
		}
		
.passenger-right {
			width: 49.3%;
	}
	
.passenger-left {
			width: 49.3%;
    float: left;
	}

.passenger-small {
		font-size: 11px;
		}

	.modal-content {
		padding: 0px 24px 20px 24px;
		}	
		
	.modal-header .close {
		margin-left: -24px;
		}
	
	.passenger_details_btn {
		font-weight: bold;
		color: #0088cc;
		cursor: pointer;
	}
	
	h1.modal_title {
		font-size: 20px;
		color: #900652;
		margin: 0;
		margin-bottom: 20px;
	}
	
.passener_link {
	
		display: inline-block;
	
	}
	
.passenger-model-container .bg-color {

		background-color: #f6f6f6;
		padding-top: 20px;
		padding-bottom: 30px;

	}

.passenger-model-container h3 {

		font-size: 14px;
		color: #900652;
		margin-bottom: 10px;
    font-weight: bold;

	}
	
	.passenger-margin {
	
		margin-bottom: 0px;
	
	}
	
@media (min-width: 768px) and (max-width: 1024px) {
    .modal-dialog {
        margin-top: 30px !important;
	}
}

@media (min-width: 320px) and (max-width: 768px) {

	.modal-dialog {
		width: 80%;
		margin: 0 auto;
        margin-top: 30px !important;
		}

    .passenger-right {
			width: 100%;
        margin-bottom: 10px
	}
	
	.passenger-right-border {
    border-right: none;
		}
		
	.passenger-left-border {
    border-right: none;
		}
	
    .passenger-left {
			width: 100%;
        float: left;
        margin-bottom: 10px
	}
	
    .passenger-model-container .row {
			margin-bottom: 0px;
	}
}

/* Passenger Details End */

/* .hasDatepicker {
    direction: ltr;
}

#ui-datepicker-div{
	direction: ltr;
} */


.urgencyDetails.cookieTOP{
	bottom: 85px;
}
.urgencyDetails {
    color: #fff;
    padding: 10px 32px;
    border-radius: 5px;
    background: #E16530 url(../images//Urgency_icon_3X.png)no-repeat 10px 10px;
    font-size: 12px;
    position: fixed;
    bottom: 30px;
    left: 10px;
    display: none;
    z-index: 10000;
    background-size: 19px;
    max-width: 75%;
    box-sizing: border-box;
    background-size: 14px;
}

.urgencyDetails span::after {
    position: absolute;
    right: 10px;
    top: 10px;
    content: '';
    color: #fff;
    cursor: pointer;
    background: url(../images/Close_icon.png) no-repeat 4px 3px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: 10px;
}

/*Stopover css changes starts*/

#validateForm .stopovr-btn{
	background-color:white;
	color:black;
	margin-top:0px; 
	padding-top:5px;
	font-size: 13px;
	font-weight:bold;
}

#validateForm .error-box-stpovr-bar {
    padding: 15px 20px;
    margin-bottom: 20px;
	background-color:#b4071c !important;
}
#validateForm .error-box-stpovr-bar .error-box-stpovr-msg {
    font-size: 13px;
    color: #fff;
    background: url(../images/error-icon-stpovr.png) no-repeat center left;
    padding: 9px 0;
}
#validateForm .error-box-stpovr-bar .error-box-stpovr-msg p {
    font-size: 13px;
    padding-left: 60px;
    margin-bottom: 0;
}
#validateForm .info-bar .info-msg p {
    padding-left: 45px;
}

#validateForm .info-bar {
    padding: 5px 20px 5px 30px;
}

#validateForm .error-box-stpovr-bar {
    padding: 10px 20px 10px 30px;
}

#validateForm .stopovr-btn {
    padding: 10px;
}

#validateForm .error-box-stpovr-bar .error-box-stpovr-msg{
    padding: 0px 0 0 40px;
}
#validateForm .error-box-stpovr-msg .stopovr-btn{
	color: #7d2053;
}
#validateForm .error-box-stpovr-msg .stopovr-btn.btn:hover{
	color:#b4071c !important;
}
/*Stopover css changes ends*/

/*DQ changes*/
.addBlock{ width:470px; color:#fff; float:left; font-family: 'Open Sans', Arial,sans-serif; padding:10px;}
.addHead{ font-size:22px; color:#fff;border: none;} 
.addBlock p{font-size:13px; color:#fff;line-height: 18px;}	
.addBlock p strong{font-weight:bold; color:#ffa803}
.next-box .bookBtn{background:#ffa803; border-radius:3px; font-size:15px; color:#010000; padding: 10px 25px; display: inline-block; margin: 20px 0;}
.next-box .bookBtn:hover, .next-box .bookBtn:focus{ color:color:#000; text-decoration:none}
.condApply{ font-size: 11px; position: absolute; left: -385px; bottom: 20px;}
#COMPARE_OB .modal-content, #COMPARE_IB .modal-content {padding: 0px 20px 20px 0;}
#COMPARE_OB .modal-header .close, #COMPARE_IB .modal-header .close {    margin-left: 0;}

/*carbon style changes*/

.greyBox.edu-help.clCare{
	background-image:url(../images/clCare.jpg); 
	background-position: 23px 70px;
}
.greyBox.edu-help{
	padding-left: 150px;
    padding-right: 30px;
}
.clCare p{ margin-bottom: 15px;}
.clCare ul{ margin-bottom: 20px;}
.clCare ul li span{display: inline-block;  min-width:209px;}
.clCare ul li { margin-bottom: 5px;}
.greyBox.edu-help h4{ margin-left: -130px;}

@media (min-width: 320px) and (max-width: 768px){
  body{min-width: auto;}
  .container {      width:100%; padding: 0;  }
  .greyBox.edu-help{padding-left: 15px;    padding-right: 15px;    background-position: right 15px bottom 10px}
  .greyBox.edu-help h4{ margin-left: 0}
  .greyBox.edu-help .pricewrap{ width: 65%;}
  .edu-help .chkbox{ padding-right: 115px; padding-bottom: 30px;}
}


/*carbon style changes*/

.info-bar {
    border: 0px none;
    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;
}


.qsuiteIcon {
    background: url(../fafi/images/Qsuite_ico.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    text-indent: -999px;
    overflow: hidden;
}

.one-column-fare .qsuiteIcon {
    margin-right: 43%;
}

.two-column-fare .qsuiteIcon {
    margin-right: 19%;
}

.three-column-fare .qsuiteIcon {
    margin-right: 10.7%;
}

.four-column-fare .qsuiteIcon {
    margin-right: 7%;
}

.five-column-fare .qsuiteIcon {
    margin-right: 4%;
}

.fly-access .productSection ul li span.qsuits {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 7px;
    background: url(../fafi/images/Qsuite_ico.png) no-repeat right 5px;
    background-size: 20px;
}

.promoQsuite {position: relative; display:inline-block; left: 6px;}
.promoQsuite span {
    font-size: 11px;
    padding-left: 35px;
    display: inline-block;
    margin-top: 41px;
    display: inline-block;
    line-height: normal;
}
.promo-icon-qsuite {background: url(../fafi/images/Qsuite_ico.png) no-repeat left 0; width: 32px; height: 32px; position: absolute; top: -1px; left: -2px;}
.promo-icon-qsuite.qsuite {
    background: url(../fafi/images/Qsuite_ico.png) no-repeat left -2px;
}

.qsuiteInfoATCMsg {
    display: block;
    padding: 17px 10px 10px 32px;
    margin-top: -47px !important;
    margin-bottom: 8px;
    background: url(../images/Info_icon.png) no-repeat 7px center #00aeef;
    background-size: 20px;
    color: #000;
}

/*new tooltip style*/
  .ttContent:before{content: "";
	  position: absolute;
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;
	  top: 100%;
	  left: 67%;
	  margin-left: -10px;    border-top: 10px solid #900652;
	  opacity: 1;
	  margin-top: 1px;
  }
  .ttContent:after{
	border-top: 8px solid #ffffff;
    margin-top: 0px;
    z-index: 1;
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 100%;
    left: 67%;
    margin-left: -10px;
}
.newtooltip {
    width: 100% !important;
    color: #0088cc !important;
    cursor: pointer;
    z-index: 2;
    font-size: 11px;
    letter-spacing: -0.2px;
    position: relative;
	display: inline-block;
}
.p-data{overflow: visible;}
.detailsHeader .p-data a span.radiobtn{    position: relative;}
.ttContent {
    visibility: hidden;
    position: absolute;
    display: block;
    width: 194px !important;
    left: -50%;
    background: #fff;
    bottom: 27px;
    text-align: left !important;
    border: 2px solid #900652 !important;
    z-index: 1;
    padding: 10px !important;
    color: #65707b;
	    margin-left: 3px;
}
.ttContent span{ width: auto !important}
.closeTT{top: -2px;position: absolute;right: 6px;font-size: 14px;}
.helpIco{display: inline-block;width: 20px;height: 20px; background: url(../images/spirte_icons.png) no-repeat no-repeat -964px -168px; vertical-align: middle;}
.newtooltip .helpIco:hover + .ttContent{visibility:visible;}
.detailsHeader a.active span.ttContent {
  background: #fff !important;
  border: 2px solid #900652;
  color: #65707b !important;
}
.detailsHeader a.active span.newtooltip .helpIco{    background-position: -352px -58px;background-size: 1000px;}
.five-column-fare .ttContent:before, .five-column-fare .ttContent:after{margin-left: 12px;}
.four-column-fare .ttContent:before, .four-column-fare .ttContent:after{margin-left: 12px;}
.three-column-fare .ttContent:before, .three-column-fare .ttContent:after{margin-left: 13px;}
.two-column-fare .ttContent:before, .two-column-fare .ttContent:after{margin-left: 12px;}
.one-column-fare .ttContent:before, .one-column-fare .ttContent:after{margin-left: 12px;}
.three-column-fare .ttContent{left: -11%;}
.four-column-fare .ttContent{left: -31%;}
.two-column-fare .ttContent{left: 10%;}
.one-column-fare .ttContent{left: 30%;}
/*new tooltip style end*/
/*76906 start*/
.headingg {
	
    border-bottom: 1px solid #900652;
    margin-bottom: 25px;
    display: block;
   background: #fff;
    max-width: 1140px;
   padding-top:19px;
       margin-top: 4px;
	   z-index:1;

}
.total-summary{    top: 33px;
    z-index: 2;
    right: -15px;} 
.conentHeadingg{ font-size: 18px; font-weight: 300; margin-left: -12px;padding: 0;}
/*76906 end*/
/*tooltip span*/
.redrestooltip-wraper .mb-tooltip > span.flightTooltip, .multi-head-destination > span.flightTooltip {
  text-align: left;
/* line-height: 150%;*/
  color: #333333;
  text-shadow: white 0 1px;
  background: #ffffff;
  background-clip: padding-box;
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5);
  border: 2px solid #900652;
  border: 2px solid rgba(144, 6, 82, 1);
  border-radius: 3px;
  position: absolute;
  width: auto; padding: 20px;
  left: -74%;
  bottom: 100%;
  margin-bottom: 0px;
  visibility:hidden;
  opacity:0;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  z-index: 999999; font-size: 13px;
}
.redrestooltip-wraper .multi-head-destination > span.flightTooltip{left: -22%;}
.redrestooltip-wraper .mb-tooltip > span.flightTooltip {left: -22%;}
.redrestooltip-wraper .mb-tooltip > span.flightTooltip span, span.airportName-tooltip span.flightTooltip, span.airportName-tooltipup span.flightTooltip {display: block; width: 250px;}
.redrestooltip-wraper .mb-tooltip > span.flightTooltip span span {display: inline-block; width: auto;}
.redrestooltip-wraper .mb-tooltip > span.flightTooltip:before, a > span.flightTooltip:after,.multi-head-destination > span.flightTooltip:before,.multi-head-destination > span.flightTooltip:after {
  content: "";
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
 
.redrestooltip-wraper .mb-tooltip > span.flightTooltip:before,.multi-head-destination > span.flightTooltip:before {
  border-top: 10px solid #900652;
  opacity: 1;
  margin-top: 1px;
}
 
.redrestooltip-wraper .mb-tooltip > span.flightTooltip:after,.multi-head-destination > span.flightTooltip:after{
 border-top: 8px solid #ffffff;
  margin-top: 0px;
  z-index: 1;
}
.redrestooltip-wraper .mb-tooltip > span.flightTooltip:before{left:10% !important;}
.redrestooltip-wraper .mb-tooltip > span.flightTooltip{color:#333 !important;width:300px; lineheight:18px;}
.redrestooltip-wraper .mb-tooltip > span.flightTooltip a{textdecoration:underline;}
/*tootip span end*/

/*promo fares start*/
.promofares-wraper {
    border: 1px solid #CCE5FF;
    padding: 0;
    margin-bottom: 25px;
    color: #000;
}
.promoFaresHeading{
    padding-right: 20px;
    color: #0088cc !important;
    font-size: 14px !important;
    font-family: 'Open Sans', Arial,sans-serif;
    font-weight: 500 !important;}
.promofares-wraper p{margin:19px;}
.promo-switch-wraper{text-align:right;}
.switchpromo {
     position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
     top:-1px;
}

.switchpromo input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.circle-move {
  position: absolute;
  cursor: pointer;
  top: -1px;
  left: -10px;
  right: 0;
  bottom: 0;
  background-color: #f1f1f1;
  -webkit-transition: .4s;
  transition: .4s;
padding:3px 8px 5px 7px;
border:1px solid #cbcbcb;
  
}


.circle-move:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
   width: 18px;
    height: 18px;
    background: url(../images/toggle-button.png)#FFF 1px 1px no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.promo-switch-wraper .switchpromo input:checked + .circle-move {
  background-color: #41a7da;
content:"Off";
  
}
.promo-switch-wraper .switchpromo input:checked + .circle-move:before {
  left:9px;
}


.promo-switch-wraper .switchpromo input:focus + .circle-move {
  box-shadow: 0 0 1px #2196F3;
}

.promo-switch-wraper .switchpromo input:checked + .circle-move:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}

/* Rounded sliders */
.circle-move.round {
  border-radius: 34px;
}
.circle-move.round:after{content:"Off";    
top: -2px;
position: relative;}

.circle-move.round:before {
  border-radius: 50%;
}
.promo-switch-wraper .switchpromo input:checked + .circle-move:after{ content: "On";
    left: -24px;
    position: relative;
    color: #fff;
    top: -2px;
}
.switchpromo{font-size:11px !important; font-family:'Open Sans', Arial,sans-serif;}
/*style promo code */
.bInfoBox{border: 1px solid #b8daff; border-radius: 3px;  margin: 0 0 15px;  background: url(../images/icon.png) no-repeat 15px center #cce5ff;
  padding-left: 60px; float: left;width:100%}
.bContainer{        display: block;
    background: #fff;
    padding: 13px 10px 8px;
    margin: 0;
    float: left;
    width: 100%;
     }
/*promo fares end*/

/*FIFA style start from here*/
.fifaTable{ width: 101%; float: left; margin-left:-10px}
.fifaTable .tableDiv {border: 1px solid #eee;  margin-bottom: 10px;  margin-left: 10px;}
.fifaTable .tableDiv .cellDiv{ padding: 10px}
.mNo{ display: block; color: #900652; }

.fifaTable img {width: 28px;  margin-right: 5px;}
.md{ margin-right: 5px}
.md strong {font-weight: bold;  font-size: 30px;  vertical-align: top;  display: inline-block;  line-height: 30px;}
.md abbr {display: inline-block;  line-height: 14px;  margin-left: 5px;}
.md em { font-style: normal;  color: #999;}
.matchItem .cellDiv{ border-right:1px solid #eee;}
.matchItem .cellDiv:last-child{ border: none}

.cellHead h2 {
  background: #eee;
  color: #900652;
  font-size: 16px;
  text-align: center;
  border: none;
  text-transform: none;
  padding: 0;
  line-height: 56px;
}

.cellBtn{ padding: 0;}
.cellBtn a{display: block; width:100%;text-align: center;  background: #6e214b;    color: #fff;line-height: 56px;}
.rowSpan a, .rowSpan  h2{ line-height: 122px;}
.fifaBtn {
  border-top: 1px solid #eee;
  width: 100%;
  float: left;
  margin-top: 20px;
  padding-top: 20px;
  border-bottom: 1px solid #900652;
  padding-bottom: 10px;
}
.cellBtn a:focus{text-decoration: none !important;color: #fff !important}
.cellBtn a:hover{ background: #31a735; text-decoration: none; color: #fff !important}
.active .cellBtn a{background:url("../images/fifaRight.png") no-repeat center center #31a735; position: relative; font-size:0}
.fifaTable .active .tableDiv{    border: 1px solid #31a735;}

/*new style for fifa changes */

.fifaTable .maindiv.two .tableDiv{  border-bottom:0; margin-bottom:0}

.fifaTable .date-14 + .date-14 .tableDiv{ margin-bottom:10px; border-bottom:1px solid #eee;}
.fifaTable .date-17 + .date-17 .tableDiv{ margin-bottom:10px; border-bottom:1px solid #eee;}
.fifaTable .date-21 + .date-21 .tableDiv{ margin-bottom:10px; border-bottom: 1px solid #eee;}

.fifaTable .rowDiv.two .cellBtn a{ line-height:112px;  position: absolute; z-index: 1;}
.fifaTable .date-14 + .date-14 .cellBtn a{ display:none}
.fifaTable .date-17 + .date-17 .cellBtn a{ display:none}
.fifaTable .date-21 + .date-21 .cellBtn a{ display:none}

.fifaTable .date-14.active + .date-14 .tableDiv{border-color: #31a735}
.fifaTable .date-17.active + .date-17 .tableDiv{ border-color: #31a735}
.fifaTable .date-21.active + .date-21 .tableDiv{  border-color: #31a735}
.cellBtn  a.disabled , .cellBtn  a.disabled:hover{background: #eee;color: #ccc;}
.fifaChk .chkbox {     margin-left: 5px;    margin-top: 20px;    margin-bottom: 10px;}

.confirmMsg{ background: #0d7b36;
  color: #fff;
  padding: 15px;
  line-height: 35px;
  border-radius: 5px;
  margin-bottom: 20px;
  font-size: 18px;}
.confirmMsg .sprit-icons{width: 35px;
  height: 35px;
  display: inline-block;
  background-position: -449px -60px;
  vertical-align: middle;
  margin-right: 10px;}

  .errorMsg{ background: #b4071c;
    color: #fff;
    padding: 15px;
    line-height: 35px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 18px;}
  .errorMsg .sprit-icons{width: 35px;
    height: 35px;
    display: inline-block;
    background-position: -764px 0px;
    vertical-align: middle;
    margin-right: 10px;}
  .matchDetails ul li{
	list-style-type:disc;
    list-style-position: inside;}
    
/*multycurrency starts */
.multycurrency-drop{margin-top:5px;}
.multycurrency-drop .selectbox .form-control {
    height: 26px;
    background: none;
	color:#fff;
	
}
.multycurrency-drop label{    background: #fff;
    padding: 5px;
    border-radius: 2px;
    width: 28%;
    float: left;
    text-align: center;
    position: relative;
    right: -21%;}
.multycurrency-drop .selectbox{margin-left: -1px;border-radius:2px;position: relative;
    right: -21%;}
.selectbox .form-control option{color:#747f8a}
 /* end*/
 
  /*logout popup promofare */
#promo-login-model .modal-dialog.g-login{width:700px !important;}
#promo-login-model .btn.btn-light, #promo-login-model .btn.btn-style {padding:6px 12px !important;}
#promo-login-model .modalHeading {
    font-size: 22px;
    color: #900652;
}
/*logout popup promofare */
/*currencynew start*/
.header-back {margin-top:2px !important;}
.link_currency{font-family:Arial;color:#fff;padding:5px 21px; background-color: #fff; }
#link_currency{   
    padding-right: 25px;cursor: pointer;}
.uparrowCur{    background-image: url(../images/accod_up.png);    
    background-repeat: no-repeat;
    background-position: right 3px;}
.downarrowCur{    background-image: url(../images/accod_down.png);    
    background-repeat: no-repeat;
    background-position: right 3px;}
#link_currency:hover{text-decoration:none;}
.showcurencyDrop h4 {color:#900652;margin-bottom:10px;margin-left:10px;margin-top:5px;}
.showcurencyDrop{   font-family:Arial;  position: absolute;
    top: 28px;
    right: 15px;
    z-index: 999;
    width: 500px;
    height: 230px;
    background: #fff;
    padding: 12px 0px 10px 20px;
   box-shadow: 5px 10px #ccc; -webkit-transition: width 2s; /* Safari prior 6.1 */
  transition: width 2s;
   -moz-box-shadow:    0 8px 6px -6px black;
   -webkit-box-shadow: 0 8px 6px -6px black;
   box-shadow:  0 8px 6px -6px black;
   border:1px solid #dadada;
   border-top:none;
   margin-right:-50%;
  }
  
   #showcurencyDrop1 li{width:100%; cursor: pointer;}
   #showcurencyDrop1 h4{margin:10px 10px 10px;}
   #showcurencyDrop1 li a{font-size:12px;}
#showcurencyDrop1 {
    position: absolute;
    top: 28px;
    right: 15px;
    z-index: 999;
    width: 250px;
    height: auto;
    background: #fff;
    padding: 16px;
                box-shadow: 5px 10px #ccc; -webkit-transition: width 2s; /* Safari prior 6.1 */
  transition: width 2s;
   -moz-box-shadow:    0 8px 6px -6px black;
   -webkit-box-shadow: 0 8px 6px -6px black;
   box-shadow:        0 8px 6px -6px black;
   margin-right:0%;
  }
  #showcurencyDrop2 li{width:44%;cursor: pointer;}
   #showcurencyDrop2 {
    top: 28px;
    right: 15px;
    z-index: 999;
    width: 500px;
    height: 230px;
    background: #fff;
    padding: 12px 0px 10px 20px;
   box-shadow: 5px 10px #ccc; -webkit-transition: width 2s; /* Safari prior 6.1 */
  transition: width 2s;
   -moz-box-shadow:    0 8px 6px -6px black;
   -webkit-box-shadow: 0 8px 6px -6px black;
   box-shadow:  0 8px 6px -6px black;
   border:1px solid #dadada;
   border-top:none;
   margin-right:0%;
  }
#showcurencyDrop2 ul{
	height: 170px;
    overflow: auto;}
.showcurencyDrop ul{margin:20px 0;}
.showcurencyDrop ul li{cursor: pointer;margin:0 15px 0 0;display:block; float:left; width:44%;padding:10px;}
.showcurencyDrop ul li:hover{background:#f7f7f7;}
.showcurencyDrop ul li a:hover{text-decoration:none;}
.showcurencyDrop ul li a {font-size:12px;}
.showcurencyDrop ul li span{margin-right:5px; font-size:12px;width:18%;float:left;padding-top: 2px;font-weight: 600;} 
.mccmbexb.pull-left{
    margin-left: 50px;
}
 /*currencynew end*/
/*98086 start*/
.fl-detls:nth-child(1n){margin: 0 0 30% 0;}
.col-sm-3.manage-pas-name.cellDiv.cabin-brd-right{width:19%;}
.col-sm-2.cellDiv.name-width-no.cabin-brd-right-con{width:23% !important}
.cabin-wrap{
    font-size: 14px;
}
.cabin-muitcity-wrap{
font-size: 14px;
margin-top: 32%;}
.bag-alow-head{ margin: 0 0 5px;font-size:12px;}
.bag-alow-wrap{margin:1px 0 2px 0; font-size:12px;}
.pad-left-30{padding:0 0 0 30px;}
.bag-cabin{margin:0 0 28% 18%;}
.bag-cabin:nth-child(1n){ margin:0 0 23% 18%; }
.mcc-bag-cabin{
    margin: 0 0 15% 18% !important;
}
.mcc-bag-cabin:nth-child(1n){
    height: 88px !important;
    margin: 0 0 15% 18% !important;
}
/*98086 end*/
#COMPARE_OB .modal-dialog {width: 940px;}
#COMPARE_IB .modal-dialog {width: 940px;}
.noPadding{ padding:0;}
.no-wrap{white-space:no-wrap;}
.table-content div:last-child{border-bottom:0;}
.table-content div:last-child.cellDiv:last-child{border-bottom:0;}
/*.total-qmiles-price{margin-left: -13px;}*/
.fl-detls1 {
    margin-bottom: 10%;
}

.fl-detls-seatno {margin-bottom: 26px;}
.review-price-details .p-s-qmiles-review{min-width:auto;}
/* Qmiles redeem tab css start */

.qmilesredeemtab .Pre-retrive {background: #f2f2f2; border: 1px solid #cccccc; margin-bottom: 20px;display: inline-block;width: 100%; padding: 0;}
.qmilesredeemtab .Pre-retrive b {color: #900652; font-weight: bold; font-size: 13px; padding-right: 10px; }
.qmilesredeemtab .Pre-retrive div{clear: none; vertical-align: middle;line-height: 20px;}
.reddemQuestion{font-weight: bold;font-size: 1em;padding:17px 0 0 ;}
.redeemText{color: #900652;padding: 5px 0 ;}
.seperatorline{border-left: 1px solid #cccccc;padding: 10px 15px 0;}
.qmilesredeemtab .switch{min-height: 30px;}
.qmilesredeemtab .switch label{padding-right: 58px;}
.switch label:before {background-color: #ffffff; padding: 3px 12px 4px 28px;}
.redeemmessage{line-height: 32px;font-weight: 200;color: #000;}
.qmilesredeemtab .form-group {margin-bottom: 8px;}
.messageTxt{line-height: 73px;}
.redeemasmember{color: #000;border-bottom:1px solid #cccccc;padding: 10px 0 5px;}
.goldmember{padding: 8px 0 5px 34px; color: #900652;background: url('../images/promo.png') no-repeat 1px 4px;}
.applyqmiles.chkbox input[type=checkbox] + label {
  padding-left: 0px;
  height: 19px;
  display: inline-block;
  line-height: 21px;
  background-repeat: no-repeat;
  /* width: 50px; */
  padding-right: 22px;
  background-position: right 0px;
  vertical-align: middle;
  cursor: pointer;
  color: #747f8a;
  font-weight: normal;
  font-size: 12px;margin-left: 10px;}
  .applyqmiles.chkbox input[type=checkbox]:checked + label {background-position: right -19px;}
  .qmilesredeemtab b{color:#000 !important;}
  .bestPricePara{text-align:right;}
  .qmilesredeemtab .Pre-retrive .switch input, .qmilesredeemtab .chkbox input{visibility:hidden;}
  .redeemconfirmmsge{padding: 10px 15px;}
  .returnswitch{padding: 15px;}
  
    
/* New styles added for Cash+Miles - Shravan */
.donate-contribute{color: #900652;font-weight: 300;}
.checkboxinDandC{padding-right: 26px;background: transparent url(../images/edu-bg.png) left bottom no-repeat;}
.checkboxinDandC p, .checkboxinVCO p{
  background: none;border: 0;padding: 0 0 15px;font-size: 13px;color: #333;}
.con-headDandC h3, .payNow h3{
  border-bottom: 1px solid #e3e3e3;
  color: #900652; 
  border-radius: 0; 
  padding-bottom: 10px;margin-bottom: 5px;
}
.donate-contribute .edu-price, label{font-size: 14px !important;padding: 0 0 15px;}
.con-hideCandQ, .con-hideCandQvco, .con-hidepaymiles{
    width: 20px;
    height: 28px;
    float: left;
    margin-left:15px;
}
.volCorbonOff{}
.checkboxinVCO{padding-right: 26px;color: #000;
  background: transparent url(../images/ClimateCare_Logo.png) left bottom no-repeat;}
.dncbox{padding: 10px 0; float:none;}
.vcobox{padding: 10px 0px;float:none;}
.cqbox{border-bottom: 1px solid #e3e3e3;padding: 10px 0px;}
.donationTAC{color: #000;}
.price-details .colon{font-size: 18px !important;margin-left: 15px;}
.payusingQmiles{padding: 15px 0px 0px 26px;}
.cashplusmiles .cash-option{margin: 0; width: 75%;}
.cashplusmiles .cash-option-box{padding: 15px 0px 20px 0px;background: transparent;border: 0;}
.payNow{padding: 20px 0 0px 0;margin-top: 8px;}
.payable-heading{color: #000;
  font-size: 32px;
  font-family: 'Open Sans', Arial,sans-serif;
  margin-bottom: 12px;
  font-weight: 300;}
.payNow .review-price-details{padding-top: 35px;    margin-bottom: 20px;}

.collapseDandC{padding: 5px 0 5px 0; border-bottom: 1px solid #e3e3e3;}
.mb-5{margin-bottom: 5px;}
.mb-15{margin-bottom: 15px;}
.payable-heading .colon{margin: 0 20px;}
.payable-heading .price{font-weight: 600;color: #900652;}
.payable-heading .price span{font-weight: 400;margin: 10px;}
.payable-heading .addingqmiles{font-size: 24px; font-weight: 400;color: #900652;margin-right: 10px;}
.payable-heading .numberofqmiles{font-size: 20px; font-weight: 600;color: #900652;}
.chkbox .terms-cond{margin-left: 40px;margin-top: -24px;}
.qmiles-require{width: 25%;white-space: nowrap;}
.qmiles-range-select{width: 75%; }
.chkcashplusmiles{font-size: 18px !important;color: #000;}
.qmiles-cash-entry .totqmiles {
  font-size: 18px;
  color: #000;
  text-align: left;
}
.totalPayable{ font-weight: bold;}
.qmiles-cash-entry div label.currencyType{font-size: 15px !important;padding-bottom: 0;}
.disablevalue{border:0;color: #949494 !important;background-color: #d2d2d2;border-radius: 0;}
.editableQmiles{margin-left: -13px;margin-bottom: 20px;}
/* New styles added for Cash+Miles end - Shravan */
/*new price details css start*/
.review-price-details{margin-top: 40px;line-height: 28px;}
.tripPrice { font-size: 18px;  color: #333;}
.ttPrice {font-size: 26px; color: #333; line-height: 50px; margin-bottom: 20px}
.ttPrice .price, .ttPrice .units{color:#900652}
.ttPrice .line{    margin-top: 10px;border-top: 1px solid #f1f1f1;}
 .total-passengers {  font-size: 12px;    line-height: 17px; margin-top: -10px !important;}
.colon { margin: 0 20px;}

 /*ticketr confirmation page price details*/
  #summId .col-sm-4.itinerary-heading{    width: 16.66666667%;}  	
  #summId .col-sm-4.itinerary-heading + .col-sm-8{width: 83.33333333%;}
  #summId .row > div.col-sm-7, #summId .row > div.col-sm-5{ width:50%}
/*new price details css end*/

#ffpSingupConsentHelpMsg .onhold-info {
    font-size: 16px;
    color: #105987;
    background: url(../images/infoIcon.png) no-repeat center left;
    padding: 10px 0;
    background-size: 26px;
}
#ffpSingupConsentHelpMsg .white-box {
       border: 2px solid #105987;
    padding: 2px 8px;
    margin-bottom: 20px;
}
#ffpSingupConsentHelpMsg .onhold-info p {
    font-size: 13px;
    color: #105987;
    padding-left: 35px;
    margin-bottom: 0;
}
/*emd redemption style start from here*/

#collapseTree{ position: relative;  margin-top: 10px;}
.panel-group{ /* margin: 0 -32px; */}
.panel-group .panel + .panel{margin: 0;}
.panel-collapse {padding: 0 20px 25px 0px;}
.pageBCColor {background-color: #ebebeb !important;}
.nBCrumbs{background-color: #fff; width: 100%;}
.cpgTripSummary{ box-shadow: 3px 1px 8px 2px #ccc;margin-top: 25px; background: #fff; border-radius:10px; padding:32px 32px 0;}
.vrblock{box-shadow: 3px 1px 8px 2px #ccc;border-radius:10px;  margin:16px -15px 0; background: #fff;}
.vRbtnOne{ width:100%;font-family: Arial; border: 1px solid #900652;background: #fff}
.nPlus{    display: inline-block;
  border-radius: 15px;
  width: 15px;
  height: 15px;
  background: #900652;
  color: #fff;
  line-height: 15px;
  margin-right: 10px;
  text-align: center;}
.vRbtnDisabled , .vRbtnDisabled:hover, .vRbtnDisabled:focus{
    width: 100%;
    font-family: Arial;
    transition: none;
    font-size: 14px !important;
    color: #fff !important;
	background: #900652;
    padding: 8px 40px;
}

.vRbtnDisabled.disabled:focus{ color: #999!important;}
.iconPlus{background: transparent;padding:0; width:auto; border:0;margin-top: 8px;}
.vrPrice{box-shadow: 3px 1px 8px 2px #ccc;border-radius:10px;  margin-top: 16px; background: #fff;margin-right:0;padding: 20px 32px 5px;}
.vrPriceHead{font-size: 24px; color: #900652; text-transform: none; border: none; margin-bottom: 0;    }

.subTotal {
    color: #333;
    font-size: 16px;
    padding-bottom: 10px;
   line-height: 18px;
}
.subTotal span{ color: #747f8a; font-size: 13px;}
.vrPrice .row{margin: 0 0 10px;}
.vrPrice .row > div{ padding: 0; padding-bottom: 5px;}
.gvrtotal {color: #333; font-size: 24px;padding-bottom: 15px;}
.borderB{    border-bottom: 1px solid #e5e5f5;}
.vrPrice a{ margin-right: 20px;}
.npoBtn{border: 1px solid #e5e5e5; color: #900652; background: #fff; font-family: Arial; padding: 15px 20px 15px 40px;
  border-radius: 10px; position: relative;  margin: 10px 10px 0px 0;}

.npoBtnL{ padding: 10px 20px 9px 40px;}
.npoBtnL span {color: #999; font-size: 11px; margin-top: -4px; display: block; text-align: left;}
.chkBoxIcon {display: block;width: 27px; height: 27px; background: url(../images/spirte_icons.png) no-repeat -771px -35px;
  text-indent: -999px;overflow: hidden;position: absolute;top: 0;left: 10px;bottom: 0;margin: auto;}
.npoBtn.active .chkBoxIcon{background-position: -771px -68px;}
.nPaymentoption {margin: 30px -15px 10px -17px;}
.payNowBtn {
    background-color: #ffa903;
    color: #460c2e;
    width: 48%;
    margin: 40px 0;
    font-size: 20px;
    font-weight: 400;
    padding: 16px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
}
.iconMinus {  margin-top: 7px;}

.iconMinus .nPlus{line-height: 10px;}
.vRbtnOne.disabled{border: 1px solid #e1e1e1;color: #999;}
.vRbtnOne.disabled .nPlus{background: #ccc;}
.vRbtnDisabled.disabled{border: 1px solid #e1e1e1;color: #999 !important; background: #fff;}

.vrblock .form-group{ position:initial; margin-bottom: 10px;}
.npoBtn.disabled{background-color:transparent;border: 2px solid #e1e1e1;color: #999;}
.npoBtn.disabled .chkBoxIcon{background-position: -771px -35px;opacity: 0.7;}
.vrblock .panel-heading{padding: 0;}
.vrblock .panel-heading a{margin: 0 -16px 0 -32px; border-bottom: 1px solid #e3e3e3;padding: 15px 16px 15px 32px; display: block;}
.vrblock .panel-heading a.collapsed{ border-color: transparent;}
.donate .panel-heading a{ border: none;}
.collapseDandC:first-child{border-top: 1px solid #e3e3e3;}
.collapsed + hr{  visibility: hidden;}
.collapsed .con-hide{ transform: none;}
.vPrice span{color: #00a651 !important;}
.vrblock .vHelp, .vrblock .vHelp:hover{font-size: 11px; color: #0088cc; font-family: arial; position: absolute; top: 0px;right: 20px;}
.elementRow label{ padding: 0 0 5px; display: inline;}
.nPaymentoption p{ margin: 20px 0 0;} 
.nPaymentoption .itinerary-heading{    margin-top: 20px;}
.tCondition{ margin-top: 20px;}
.nvRow .iconPlus, .firstRow .iconPlus{margin-top: 6px;}
.nvRow .nPlus, .firstRow .nPlus{transform: rotate(45deg);}
.vRbtnOne .nPlus{transform: none;}
.disabled .nPlus{ background: #c3c3c3;}
.voucherHead{ font-size: 24px;}
.greenText{color: #00a651 !important;}
*:focus{ outline: none !important; box-shadow:none !important}
.form-control:focus{border-color: #ccc;}
.success .form-control{border: 1px solid #00a651;  background-color: #00a6511a;}
.has-error, .success{position: relative !important;}
.has-error .form-control{background-color: #fb13100a;}
.has-error .form-control, .has-error .selectbox {border-color: #ff0000;}
.vouNoSuccess{ color: #00a651; font-size: 11px; }
.vouNoHas-error{color: #ff0000;font-size: 11px;display: inline-block;line-height: 1.3;margin-top: 5px;} /* fixing BUG 22911 */
.cugEmailhas-error{ color: #ff0000;font-size: 11px;}
.vrblock .has-error,.vrblock .success {margin-bottom:0 !important;}
.mainVoucherForm{ width:100%;}
.is-affixed .inner-wrapper-sticky{margin-left: 0}
.colT-1{width: 48.5%;}
.colT-2{width: 3%;}
.colT-1 .vrblock{margin-left: 0;}
.appliedMsg{color: #900652; font-size: 12px; display: none;}
.btnRow{
	margin-top:10px;
}
#addVoucher:focus {color:#333;}

.transform90{transform: rotate(45deg);}

/*spiner loading style start here */   
@keyframes  rotate-forever{ 
  to{transform:rotate(0)}
  100%{transform:rotate(360deg)}
}
.btnLoading, .btnLoading:hover, .btnLoading:focus{ position: relative; border:none !important; color: transparent !important; }
.btnLoading:before{content: ' ';
  display: block;
  animation-duration: .75s;
  animation-iteration-count: infinite;
  animation-name: rotate-forever;
  animation-timing-function: linear;
  height: 20px;
  width: 20px;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
  border-top: 2px solid #ccc;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.newCHKbox{ width: 100%; float: left; margin-bottom: 20px; position: relative;}
.newCHKbox  input[type=radio]{ visibility: hidden; position: absolute; z-index: -1;}
.newCHKbox label {
  border: 1px solid #e5e5e5;
  color: #900652;
  background: #fff !important;
  font-family: Arial;
  padding: 15px 20px 15px 40px;
  border-radius: 10px;
  position: relative;
  margin: 10px 10px 0px 0;
  display: block;
  float: left;
  line-height: 17px;
}
.holdText{color: #999;
  font-size: 11px;
  margin-top: -2px;
  display: block;
  text-align: left;}
.customCircle {
  display: block;
  width: 27px;
  height: 27px;
  background: url(../images/spirte_icons.png) no-repeat -771px -35px !important;
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  margin: auto;
}

.newCHKbox  input[type=radio]:checked + label .customCircle{background-position: -771px -68px !important;}

/*.edu-help.paylater {
    background-image: none;
    width: 200%;
    float: left;
    margin: 10px 0;
}*/

.edu-help.paylater {
    background-image: none;
    box-shadow: 3px 1px 8px 2px #ccc;
    background: #fff;
    border-radius: 10px;
    padding: 30px 32px 25px;
    margin-top: 16px;
    display: none;
    margin-bottom: 16px;
    width: 100%;
    float: left;
}
.paylater .edu-price {display: inline-block;width: 100%;margin-top:40px;}

.redeemVoucherBottom{
	margin-bottom:20px;
	
}

#paylaterlabel {
    padding: 9px 20px 6px 40px;
}

.cash-option-box .redeem-qmiles-require{width: 50%;margin-top: 27px;margin-right: -7px;}

.payusingQmiles {
    padding: 30px 32px 0px;
    box-shadow: 3px 1px 8px 2px #ccc;
    border-radius: 10px;
    margin-top: 25px;
    background: #fff;
    display: none;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    margin-top: 10px;
}

.cashplusmiles .cash-option{margin: 0 auto; width: 75%;}

.chkbox input[type=checkbox] {
    /* display: none; */
    border: 0 none;
    display: block;
    position: absolute !important;
    z-index: -1;
    margin: -4px 0px 0px -4px;
    width: 1px;
    height: 1px;
}

.chkbox #terms {
    margin: -1px 0px 0px -4px;
}

.chkbox .terms-cond {
    margin-left: 40px;
    margin-top: -28px;
    float: left;
}
.voucherCommonError{color: #ff0000; font-size: 12px;}
.vouNo::placeholder {
    opacity: 0.3;
}
.onePassenger .styledSelect:after{display:none}

label#paylaterlabel.disabled, label#cashPlusMileslabel.disabled{
    border: 1px solid #e1e1e1;
    background: transparent;
    color: #999;
    opacity: 0.7;
}

.paymentBtnSection .btn-white {
	padding: 21px 50px;
    margin: 40px 0;
}

.paymentBtnSection {
    width: 200%;
}

.confirmationSummary .colT-1{
	width:100% !important;
}
/*loading style end here */
.termslbl {
  display:flex;
}
.termslbl .terms-cond {
  margin-left:25px;
  float:none;
  margin-top:0px
}
.termslbl label{
    position: relative;
    top: 9px;
}
.termslbl #terms{
  margin-top:5px !important;
}
.termslbl .asterisk{
  position:absolute;
  left:40px;
  text-decoration: none;
}

/*Pax New Design*/

/* input styles */
.floating-label { 
  position:relative; 
  margin-bottom:20px; 
}
.floating-input{
  font-size:16px;
  padding:20px 0 10px 15px;
  display:block;
  width:100%;
  background-color: transparent;
  border:1px solid #ddd; 
  border-radius:5px !important;
  color:#333;
  word-spacing:-3px;
}
.floating-select {
  font-size:16px;
  padding:23px 0 6px 10px;
  display:block;
  width:100%;
  background-color: transparent;
  border:1px solid #ddd; 
border-radius:5px !important;
color:#333;

}

.floating-input:focus {
     outline:none;
     
}
.floating-select:focus {
     outline:none;
     
}

.floating-label label {
  color:#666; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:13px;
  top:15px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
} 
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label{
  top:5px;
  font-size:12px !important;
}
.floating-select:focus ~ label, .floating-select:not(:placeholder-shown) ~ label {
  top:8px;
  font-size:12px !important;;
  z-index: 1;
}
.floating-label.selectnew label{font-size:12px;top:5px;}

/* highlighter */
.highlight {
  position:absolute;
  height:50%; 
  width:100%; 
  top:15%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.floating-input:focus ~ .highlight  {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}
.floating-select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}


/****  floating-Lable style end ****/

.bootstrap-select.btn-group .no-results{background:none;margin:0 !important;padding:10px 0 !important;}
.bs-actionsbox, .bs-donebutton, .bs-searchbox {
    padding: 0 !important;
}
.open>.dropdown-menu {
     display: block !important;
    top: -1px;
    border: none !important;
    box-shadow: none !important;
    margin-left: 1px;
	z-index: 333;
	width:98% !important;
    overflow-x:hidden !important;
}
.open>.dropdown-menu .bs-searchbox input {
    margin-top: 10px !important;
    padding: 0px 0 10px 15px !important;
}

.bootstrap-select.btn-group .dropdown-menu li {
    padding: 0 !important;
}


.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
	background:none !important;
}
.btn-default.focus, .btn-default:focus{border-color:#ccc;}


.bs-searchbox .form-control:focus{padding:2px 0 0 4px !important;background:transparent !important; border: none !important;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #333;
    text-decoration: none;
    background-color: #f7f7f7;
    outline: 0;
}
.bs-searchbox input{
border: none !important;
    outline: none;
    box-shadow: none;
    margin-top: -4px;
	position:relative;
	left:0 !important;
}
.bs-searchbox input:focus{
border: none !important;
    outline: none;
    box-shadow: none;
    margin-top: 0;
}
/*changed*/
.bootstrap-select.btn-group .dropdown-menu ul {  
    border: 1px solid #ccc !important;
	display: block;
}
.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    padding: 13px;
}

	
.bootstrap-select>.dropdown-toggle {
    padding: 20px 0 10px 15px;

}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*=col-] {

    margin-bottom:-9px;
	 margin-top: -1px;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #fff;}
	.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #fff !important;
    border-color: #ccc!important;
}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;;
} 

.bootstrap-select.btn-group .dropdown-menu{    
	/*height: 187px;*/
    border-bottom: 1px solid #ccc !important;
} 
.dropdown-menu> li >a{border-bottom: 1px solid #ccc !important;
    background: none !important;
    color: #333 !important;
} 

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    padding: 0 10px;
}

.contact-details .floating-label select, .contact-details .floating-label input, .contact-details .selectbox {
    color: #333;
}

.floating-label select{
    padding: 12px 15px 7px 15px;
    color: #333;
}

.floating-label input{
    padding: 20px 15px 6px 11px;
    color: #333;
}

.floating-label label {
    font-size: 14px !important;
}

.marginBottom10{
	margin-bottom: 10px;
}

.contact-details select:focus, .floating-label input:focus {
    outline: none !important;
    border: 1px solid #ddd;
}
.open>.dropdown-menu .bs-searchbox input:focus{outline: none !important;}
.floating-label.selectnew label {
    font-size: 11px !important;
    left: 16px;
    z-index: 333;
}
#paxselector {
 padding: 0 !important;
    margin-left: 14px;
    width: 15% !important;
	}

.btn.dropdown-toggle.btn-default:hover{background:none !important;}
.btn.dropdown-toggle.btn-default:active{border:none !important;}
.btn.dropdown-toggle.btn-default:focus{border:none !important;}

#ffpSingupConsent .contact-chkbox{margin-left:15px;}

.arow-contact{
	background: url(../images/arr_select.svg) no-repeat right center;
    position: absolute;
    top: 14px;
    right: 5px;
    width: 20px;
    height: 20px;
	z-index:1;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: none !important;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
	 background: url(../images/down.svg)no-repeat left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 42% !important;
    vertical-align: middle;
    width: 16px !important;
    height: 16px !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner{
	max-height:100px !important;
	overflow-y: auto;
}
.contact-details select {
    background: url(../images/down.svg)no-repeat 97% 23px;
    appearance: none !important;
	-webkit-appearance: none !important;
} 

.bootstrap-select.btn-group .dropdown-menu li a{display: block !important;
    margin: 0 10px important;
	padding: 10px 0 5px 2px!important;
}  

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 99.4% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Pre-retrive .flR {float:right !important;}
.document-number-label{
    margin:10px !important;
}
/*tab out validations start*/
#paxform .form-group span{display:block;position:absolute;color:#ff0000; font-size:11px;}
/*tab out validations end*/
.navteaser {
	margin:32px 0 16px 0;
}
.row .col-md-4 .top_right_pod  {
    background:  linear-gradient(90deg,  rgba(0, 0, 0, 0.28),  rgba(0, 0, 0, 0)),  url("https://www.qatarairways.com/content/dam/images/ui/pod/where-will-you-go@2x.jpg") top / cover no-repeat;
    border-top-right-radius:  5px;
    border-bottom-right-radius:  5px;
}
.row .col-md-4 .top_left_pod  {
    background:  linear-gradient(90deg,  rgba(0, 0, 0, 0.28),  rgba(0, 0, 0, 0)),  url("https://www.qatarairways.com/content/dam/images/ui/pod/offers@2x.jpg") top / cover no-repeat;
    border-top-left-radius:  5px;
    border-bottom-left-radius:  5px;
}
.row .col-md-4 .center_pod  {
    background:  linear-gradient(90deg,  rgba(0, 0, 0, 0.28),  rgba(0, 0, 0, 0)),  url("https://www.qatarairways.com/content/dam/images/ui/pod/privilege-club@2x.jpg") top / cover no-repeat;
    border-radius:  0px;
}
.row .col-md-4 .btn.btn-primary  {
    background:  rgba(255, 255, 255, 0);
    height:  52px;
    border-radius:  5px;
    border-color:  rgb(255, 255, 255);
    padding-left:  24px;
    font-family:  Noto Sans;
    padding-right:  24px;
    margin-left:  0px;
    line-height:  36px;
    position:  absolute;
    left:  24px;
    bottom:  16px;
}
.noresults h1  {
    padding-top:  16px;
    padding-left:  24px;
    color:  rgb(255, 255, 255);
    font-size:  32px;
    font-family:  Jotia;
    font-size:  32px;
    font-weight:  300;
    max-height:  340px;
    min-height:  340px;
}
.btn.btn-primaryerror  {
    background:  rgba(255, 255, 255, 0);
	color: white;
    height:  52px;
    border-radius:  5px;
    border-color:  rgb(255, 255, 255);
    padding-left:  24px;
    font-family:  Noto Sans;
    padding-right:  24px;
    margin-left:  0px;
    line-height:  36px;
    position:  absolute;
    left:  24px;
    bottom:  16px;
}
.btn.btn-primaryerror:hover {
    background: white;
	color: #5C0931 !important;
    height:  52px;
    border-radius:  5px;
    border-color:  rgb(255, 255, 255);
    padding-left:  24px;
    font-family:  Noto Sans;
    padding-right:  24px;
    margin-left:  0px;
    line-height:  36px;
    position:  absolute;
    left:  24px;
    bottom:  16px;
}
.btn.btn-scta  {
    background:  #FFA903;
	color: #0A0A0A;
    height:  52px;
    border-radius:  5px;
    padding-left:  24px;
    font-family:  Noto Sans;
    padding-right:  24px;
    line-height:  36px;
}
.btn.btn-mobile  {
    background:  rgba(255, 255, 255, 0);
	color: white;
    height:  52px;
    border-radius:  5px;
    border-color:  rgb(255, 255, 255);
    padding-left:  24px;
    font-family:  Noto Sans;
    padding-right:  24px;
    margin-left:  0px;
    line-height:  36px;
}
.btn.btn-mobile:hover  {
    background: white;
	color: #5C0931 !important;
    height:  52px;
    border-radius:  5px;
    border-color:  rgb(255, 255, 255);
    padding-left:  24px;
    font-family:  Noto Sans;
    padding-right:  24px;
    margin-left:  0px;
    line-height:  36px;
}
.searchresults_content  {
    text-align:  center;
    margin-right:  48px;
    margin-left:  48px;
}
.searchresults_content h1  {
    text-align:  center;
    margin-top:  48px;
    font-family:  Jotia;
    color:  #5c0931;
    margin-bottom:  16px;
}
.searchresults_content p  {
    text-align:  center;
    font-family:  Noto Sans;
    font-size: 18px;
	line-height: 1.5;
    color:  #0a0a0a;
    margin-bottom:  16px;
}
p.text-left_error  {
    color: rgb(255, 255, 255);
    margin: 16px 0 16px 0;
    font-family: Noto Sans;
    line-height: 1.6;
    font-size: 16px;
}
.fullpod  {
    padding-left:  48px;
    padding-right:  32px;
    height:  340px;
    background:  #670135;
    border-top-right-radius:  5px;
    border-bottom-right-radius:  5px;
}
h1.heading_error {
    color:  rgb(255, 255, 255);
    padding-top:  48px;
    font-size:  32px;
    font-family:  Jotia;
}
.teaser_pod {
	background:  url("https://www.qatarairways.com/content/dam/images/ui/pod/mobile-app-qr-code@2x.jpg") center / cover,  rgba(255, 255, 255, 0.7);
    text-align:  center;
    border-top-left-radius:  5px;
    border-bottom-left-radius:  5px;
    min-height:  340px;
}	
.qrscan  {
    display:  inline-block;
    background:  #ffffff;
    border-radius:  5px;
    color:  black;
    margin-top:  270px;
    padding-top:  8px;
    box-shadow:  0px 13px 96px;
    font-family:  Noto Sans;
    font-size:  14px;
    padding:  16px 24px;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter:  blur(32.923301696777344px);
    --webkit-backdrop-filter:  blur(32.923301696777344px);
}
.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}
.mge-booking li span.bagtag {
        background: url(../images/bagtag.svg) no-repeat;
        background-position: center;
        background-size: 20px 20px;
    }

    .mge-booking li span.sprit-icons{ 
        filter: grayscale(100%);
        
    }
    .mge-booking li a:hover > span.sprit-icons	 {
        filter: none;
    }
    
    .mge-booking li span.modify{
        background: url(../images/ic_nav_seat_selection.svg) no-repeat top left; 
        background-position: 0px 5px;
    }
    .mge-booking li a:hover > span.modify{
        background-position: 0px 5px;
    }
    .mge-booking li span.meals{
        background: url(../images/ic_nav_meal_preference.svg) no-repeat top left; 
        background-position: 0px 5px;
    }
    .mge-booking li a:hover > span.meals{
        background-position: 0px 5px;
    }
    .mge-booking li span.bagtag{
        background: url(../images/ic_nav_bag_tag.svg) no-repeat top left; 
        background-position: 0px 5px;
    }
    .mge-booking li span.managemealtags {
        background: url(../images/ic_nav_menu.svg) no-repeat top left;
        background-position: 0px 5px;
    }
    .mge-booking li a:hover > span.bagtag{
        background-position: 0px 5px;
    }
    .mge-booking li span.baggage{
        background: url(../images/ic_nav_excess_baggage.svg) no-repeat top left; 
        background-position: 0px 5px;
    }
    .mge-booking li a:hover > span.baggage{
        background-position: 0px 5px;
    }
    .mge-booking li span.date{
        background: url(../images/ic_nav_change_flight_date.svg) no-repeat top left; 
        background-position: 0px 5px;
    }
    .mge-booking li a:hover > span.date{
        background-position: 0px 5px;
    }
    .mge-booking li span.cancel{
        background: url(../images/ic_nav_cancel_ticket.svg) no-repeat top left; 
        background-position: 0px 5px;
    }
    .mge-booking li a:hover > span.cancel{
        background-position: 0px 5px;
    }
    .mge-booking li span.passenger{
        background: url(../images/ic_nav_update_passenger_details.svg) no-repeat top left; 
        background-position: 0px 5px;
    }
    .mge-booking li a:hover > span.passenger{
        background-position: 0px 5px;
    }
    .mge-booking li span.special{
        background: url(../images/ic_nav_special_request.svg) no-repeat top left; 
        background-position: 0px 5px;
    }
    .mge-booking li a:hover > span.special{
        background-position: 0px 5px;
    }
    .mge-booking li span.check-in{
        background: url(../images/ic_nav_check_in.svg) no-repeat top left; 
        background-position: 0px 5px;
    }
    .mge-booking li a:hover > span.check-in{
        background-position: 0px 5px;
    }
    .mge-booking li span.print{
        background: url(../images/ic_nav_print_trip_summary.svg) no-repeat top left; 
        background-position: 0px 5px;
    }
    .mge-booking li a:hover > span.print{
        background-position: 0px 5px;
    }
    .mge-booking li span.email{
        background: url(../images/ic_nav_email_trip_summary.svg) no-repeat top left; 
        background-position: 0px 5px;
    }
    .mge-booking li a:hover > span.email{
        background-position: 0px 5px;
    }
    .mge-booking li span.query-icon{
        background: url(../images/ic_nav_i_have_a_query.svg) no-repeat top left; 
        background-position: 0px 5px;
    }
    .mge-booking li a:hover > span.query-icon{
        background-position: 0px 5px;
    }
	
	.travel-req:before {
  content: "";
  width: 44px; 
  position: absolute;
  background: #3370EA;
  top: 0px;
  bottom: 0px;
  left: 0;
  border-radius: 10px 0px 0px 10px;
}

.travel-req{
  color: #000;
  position: relative;
  padding-left: 50px;
  -moz-box-shadow: 0px 5px 5px rgba(68, 68, 68, 0.1);
  -webkit-box-shadow: 0px 5px 5px rgba(68, 68, 68, 0.1);
  box-shadow: 0px 5px 5px rgba(68, 68, 68, 0.1);
  padding: 15px;
  margin-bottom: 14px;
  padding-left: 65px;
  font-family: Noto Sans;
  font-size: 16px;
  border-radius: 10px 10px 10px 10px;
}

.travel-req a.close {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 30px; 
  background-position: -801px 2px;
}
.travel-req a {
  position: relative;
  text-decoration: underline;
}
.travel-req a:after {
  content: "";
  position: absolute;
  right: -12px;
  background: url(../images/arrowcurve.svg) no-repeat top right;
  width: 9px;
  height: 9px;
  display: block;
  top: 8px;
  background-size: cover;
}

.travel-req:after {
  content: "";
  width: 27px;
  position: absolute;
  top: 14px;
  bottom: 0px;
  left: 8px;
  background: url(../images/alert-circle.svg) no-repeat top right;
  margin-right: 9px;
}

.mmb-banner {
	height: 370px;
	width: 262px;
	background: #666699;
	overflow: hidden;
	
}

.mmb-banner a {
	height: 100%;
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden; 
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.31) 45%, rgba(0, 0, 0, 0) 64%);
}

.mmb-banner .button {
	padding: 9px 15px 8px 15px;
	min-width: 88px;
	display: inline-block;
	margin: 10px 0 5px 0;
	opacity: 1; 
	background: #FFC107;
	color: #000;
	font-weight: 500;
	font-family: sans-serif;
	font-size: 13px;
	float: right;
	margin-right: 20px;
}

.mmbaddons {
	text-align: center;
	position: absolute;
	bottom: 20px;
	width: 100%;
	z-index: 10;
}

.mmbbanner-text {
	color: #fff;
	font-size: 26px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	opacity: 1; 
	padding-left: 20px;
	font-size: 16px;
	color: #fff;
	font-family: arial;
	line-height: 24px;
	font-weight: 300;
	text-align: right;
	display: block;
	text-indent: 38px;
	margin-bottom: -8px;
	padding-right: 22px;
	line-height: 1.4;
}

.mmb-loungeaccess .banner-prev{
	background-image: url(../images/MMB_Desktop_524X354.jpg);
	background-size: contain;
	height: 176px;
}

.mmb-loungeaccess .mmbbanner-text {
	  text-indent: 0;
    margin-bottom: 0;
    padding-right: 22px;
    line-height: 1;
    text-align: left;
    font-size: 12px;
    font-family: 'Noto Sans';
    margin-bottom: 16px!important;
    color: #707070;
    line-height: 1.3;
    padding-left: 0px;
    text-shadow: none;
    margin-top: 10px;
}

.mmb-loungeaccess .mmbaddons , .mmb-banner.mmb-insurance .mmbaddons{ 
    bottom: 6px;
    position: relative; 
    right: auto;
    bottom: auto;
    padding-right: 20px;
    text-align: left;
    padding: 20px;
    border: 1px solid #dddbdb;
}
.mmb-banner.mmb-loungeaccess{
    background: #fff; 
    height: 350px;
}
.mmb-banner.mmb-insurance{
  height: 320px;
}

.mmb-loungeaccess .button {
  margin: 5px 20px 5px 0;
  height: auto;
  margin: 0 auto;
  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';
  float: none;
}

.mmb-almaha-banner .banner-prev{
	background-image: url(../images/almaha-image.png);
	background-size: contain;
	height: 185px;
}

.mmb-almaha-banner .mmbbanner-text {
  text-indent: 0;
  margin-bottom: 0;
  padding-right: 0;
  line-height: 1;
  text-align: left;
  font-size: 12px;
  font-family: 'Noto Sans';
  margin-bottom: 20px!important;
  color: #707070;
  line-height: 1.3;
  padding-left: 0px;
  text-shadow: none;
  margin-top: 10px;
}

.mmb-almaha-banner .mmbaddons {
	bottom: 6px;
    position: relative; 
    right: auto;
    bottom: auto;
    padding-right: 20px;
    text-align: left;
    padding: 20px;
border: 1px solid #dddbdb;
}

.mmb-almaha-banner .button {
  margin: 5px 20px 5px 0;
  height: auto;
  margin: 0 auto;
  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';
float: none;
}

.mmb-insurance .banner-prev {
	background-image: url(../images/insurance-banner.jpg);
	background-size: contain;
	height: 148px;
}

.mmb-insurance .mmbbanner-text {
	text-indent: 0;
    margin-bottom: 0;
    padding-right: 22px;
    line-height: 1;
    text-align: left;
    font-size: 12px;
    font-family: 'Noto Sans';
    margin-bottom: 20px!important;
    color: #707070;
    line-height: 1.3;
    padding-left: 0px;
    text-shadow: none;
    margin-top: 10px;
}

.mmb-insurance .mmbaddons {
	bottom: 6px;
    position: relative; 
    right: auto;
    bottom: auto;
    padding-right: 20px;
    text-align: left;
    padding: 20px;
border: 1px solid #dddbdb;
}

.mmb-insurance .button {
  margin: 5px 20px 5px 0;
  height: auto;
  margin: 0 auto;
  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';
float: none;
}

.mmb-banner {
  background-size: 100% 100%;
  background-color: #fff;
  height: 310px;
}
.mmb-banner.mmb-almaha-banner {
min-height: 400px;
}

.qr-app-code li{
	padding: 10px;
    background: #ececec;
}
.qr-app-code div {
    padding: 10px 0;
    text-align: center;
}
.qr-app-code p {
    padding: 10px 0;
}
.gpay-mainbox {
    width: 99%;
    text-align: center;
}
.mrgn20 {
    margin: 20px 0 !important;
}
.gpay-mainbox .gpay-container .gpay-button {
    margin: 20px 0;
    font-size: 17px;
    font-weight: 400;
    padding: 18px !important;
    display: block;
    width: 100% !important;
    height: 60px;
}
.mrgnTp20{ 
	margin:20px 0 0 0 !important;
}
.gpay-red-box{
	text-align:center;
}
.gpay-red-box .orTextGPay{
    font-size: 13px;
}
.gpay-red-box .gpay-button{
	margin: 10px 0 0 0;
    width: 140px !important;
}
.btn-red-purchase-mrgn{
    margin-bottom: 10px !important;
}
.insuranceBannerDisplay img.almaha-card-img {
  margin: 0px;
}
.trip-summ-btn-box .termslbl .terms-cond {
  margin-top:5px;
}
.trip-summ-btn-box .paymentBtnSection .btn-white {
	padding: 21px 50px;
    margin: 20px 0 !important; 
}

.trip-summ-btn-box .paymentBtnSection {
    width: 100% !important; 
}
.trip-summ-btn-box .termslbl #terms{
  margin-top:0px !important;
}
.trip-summ-btn-box .termslbl label{
    top: 4px !important;
}
.paymentRowDiv {
    display: flex;
	margin: 0;
}
.h2-custom {
    border-bottom: none;
    padding: 0;
  }
  .h4-custom {
    padding: 0 0 16px;
  }

 /* Styles for qmiles banner */
.qMiles-banner-wrapper {
  margin: 10px 0 20px 0;
  }
.qMiles-banner {
  position: relative;
  width: 100%;
  height: 140px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  }
  .banner-content-wrapper {
    position: absolute;
    padding: 20px 0px 0px 30px;
    color: #fff;
    font-family: "Open Sans",Arial,sans-serif;
    font-weight: 400;
  }
.title-upper {
  font-size: 13px;
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
  margin-right: 40px;
  }
  
.title-upper p {
    margin-bottom: 0;
  }
.title-upper::after {
  content: '';
  position: absolute;
  right: 0;
  background: url(../images/ic-airplane.png) no-repeat center;
  width: 40px;
  height: 40px;
}
  .title-lower {
    padding-top: 20px;
    font-size: 16px;
  }
  
  
  /*history back popup css start*/
#history_back .modal-dialog {
    position: relative;
    width: 488px;
    margin-top: 17% !important;
}
#history_back .modal-header {
    padding: 16px 16px 0 0;
    border-bottom: none;
    /* display: block; */
}
#history_back .modal-footer {
    padding: 10px 0;
    text-align: right;
    border-top:none;
    margin: 10px 17px 0 0 !important;
}
#history_back .modal-body {
    position: relative;
    padding: 16px 16px 0 0;
}
#history_back h4{
	font-family: var(--h4-jotia);
    color: #8E2157;
    margin-bottom: 0;
}
#history_back .btn.btn-dark{
    background: #5C0931;
    padding: 16px 20px;
    /* margin-left: 16px; */
    color: #fff;
    border-radius:8px;
}
#history_back .btn.btn-transparent{
    border: 2px solid #5C0931;
    padding: 16px 50px;
    color: #5C0931;
    border-radius:8px;
    margin-left: 45px;
    background: none;
    text-decoration: none;
}
.hide{   
   display: none;
} 
/*history back popup css end*/

.newBlueAlert {
  position: relative;
  background-color: #f2f2f2;
  width: 100%;
  color: var(--medium-grey);    
  border: 1px solid #d2d2d2;
  padding: 16px;
  margin-bottom: 20px;
}
.newBlueAlert .balertContent {
  display: block;
  width: 100%;
  max-height: 134px;
  overflow: auto;
}
.newBlueAlert .balertContent a {
  color: #3370EA;
  text-decoration: underline;
}




span.indicates-arrow {
    padding-right: 3px;
}
span.indicates-arrow.streched-seat { 
    padding: 0px;
    border-right: 1px solid #282828;
    padding-right: 3px;
    line-height: 1;
}

.streched-icon.icon1{
background: url(../images/spirte_icons.png) -610px -9px no-repeat;
    width: 22px;
    height: 16px;
    margin-right: 2px;
    position: absolute;
    top: 1px;
    right: 0px;
	}
	
.fl-detls-seatno span.icon1 { 
    left: 100%;
    z-index: 999999; 
    height: 30;
}
span.streched-icon.icon1 {
    right: auto;
    left: -6px;
    top: 14px;
}
.conf-passen-mar-t .cellDiv.seats-width{
  padding: 6px 0px 5px 0px;
  min-width: 85px;
}
 

/* fly and win banner styles */ 
.flynwin-banner-img {
	width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px 0 0 5px;
}
.fly-win {
    border: 1px solid #70707091;
}
.fly-win .banner-description-wrapper {
    padding: 18px 120px 18px 5px;
}
.fly-win p.stopover-title {
    color: #900552;
    font-size: 20px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fly-win p.stopover-title { 
    color: #900552;
    font-size: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    margin-top: 0 !important;
}
.fly-win .stopover-subtitle {
    margin-bottom: 16px;
}
.fly-win .stopover-subtitle p {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  
    letter-spacing: 0px;
    color: #080808;
    margin: 0 !important;
}
.fly-win .btn-click {
    padding-left: 0;
}
.btn-click a.btn-yellow {
    font-size: 12px;
    padding: 8px 20px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    color: #000000;
    border-radius: 5px;
    background: #ffa903;
    border: 2px solid #ffa903;
    outline: 0;
    font-family:'Noto Sans';
}.btn-click a.btn-Yellow:hover {
    color: #000000 !important;
}

/* fly and win banner styles */ 

/* AIG Insurance banner CSS changes */
.mmb_aig_ins_div div.travel-bg {background: url("../images/buyinsurance.png") no-repeat center top;width: 262px; height: 189px;}
.mmb_aig_ins_div div div.header { width: 100%; position: relative; top: 10%}
.mmb_aig_ins_div div {margin-bottom: 10px; padding: 15px; background: #900652; display: block; }
.tmargin {
    margin-left: 0px !important;
}
.confirmation-name {
  padding-left: 0;
}
.confirmation-name p span {
  margin-bottom: 16px;
}
.confirmation-message {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #DBDEE8;
  padding: 16px;
  background: #ffffff;
  border-radius: 12px;
  margin-top: 16px;
}
.tokMsg{
	color: #65707b;
    font-size: 12px;
}
.avios-banner {
    padding-right: 0;
    padding-left: 15px;
}
.custom-wrapper #fInput, .custom-wrapper #amount {
    text-align:left;
}
.avios-btn-right {
    float: left !important;
}
.avios-breakdown .total-label, .total-price{
	text-align: right !important;
}
.yst-message {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #DBDEE8;
  padding: 16px;
  background: #ffffff;
  border-radius: 12px;
  margin-top: 16px;
}
.yst-info {
  margin-bottom: 89px;
}

.yst-link a {
  color: #4A525D;
}

.flight-content .yst-name {
  padding-left: 15px;
  margin-top: 15px;
}
.yst-name p span {
  margin-bottom: 12px;
  font-weight: 600;
}
.yst-name p span {
  display: block;
  font-size: 18px;
  color: #4A525D;
}
.flight-content p {
  margin: 0;
}
.yst-name div.ystMsg {
  font-size: 16px;
  color: #4A525D;
  font-family: 'Noto sans',sans-serif;
  display: inline;
}

.yst-name div {
 /* font-family: 'Open Sans', Arial,sans-serif; */
  /* font-size: 18px; */
  /* color: #333333; */
  font-weight: 300;
}
.yst-link{
  font-weight:600;
  text-decoration: underline;
  }


.ui_voucher {
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 24px 24px 4px 24px;
border-radius: 16px;
display: flex;
position:relative; 
} 
.ui_voucher_wrap.refundplus .ui_voucher{
width: 50%;
width: calc(50% - 10px);
}
.ui_voucher h2 {
border: 0px;
font-weight: 500;
color: #1F212B;
font-size: 24px;
}
.ui_voucher.active {
border-color: #1F212B;
}
.ui_voucher:after {
    content: ""; 
    border: 1px solid;
border-radius: 22px;
width: 24px;
height: 24px;
display: block;
position: absolute; 
right: auto;
left: 11px;
top: 43%;
}
.ui_voucher.active:after {
content: "";
background: #3A35AF;
border-radius: 22px;
width: 24px;
height: 24px;
display: block;
position: absolute; 
right: auto;
left: 11px;
top: 43%;
border: 1px solid #3A35AF;
}
.ui_voucher:hover {
    border-color: #4A525D; 
}
.ui_voucher input[type="checkbox"] {
opacity: 0;
}

.ui_voucher_wrap h2.rafHead {
    font-size: 40px;
border-bottom: none;
padding: 0;
margin-bottom: 10px;
}
#cancelFlight .flight-content .ui_voucher_wrap .itinerary-heading p {
margin: 0;
text-align: left;
font-size: 16px;
font-family: Arial;
margin-bottom: 18px;
color: #65707B;
}
.ui_voucher.active:before {
content: "";
background: #ffffff;
border-radius: 22px;
width: 7px;
height: 7px;
display: block;
position: absolute; 
right: auto;
left: 19px;
top: 48%;
z-index: 9;
}
.review-price-details .re-fund-width {
padding-top: 108px;
}

#cancelFlight .flight-content .ui_voucher_wrap p{
line-height: 1.6;
}
.col-sm-6.col-lft-rft.ui_voucher_wrap {
min-height: 480px;
}
.ui_voucher_inner img {
max-height: 40px;
margin-bottom: 8px;
}

.ui_voucher_inner {
max-width: 80%;
}
.ui_voucher_wrap.refundplus { 
display: flex;
gap: 32px;
margin-bottom: 22px;
}
.ui_voucher_wrap.refundplus .ui_voucher {
width: 50%;
cursor: pointer;
}
.ui_voucher_wrap.refundplus .ui_voucher.active:before{
top: 47.5%;
}
.ui_voucher_wrap.refundplus .ui_voucher:not(.active):before{
content: "";
background: #9dacbc00;
border-radius: 22px;
width: 24px;
height: 24px;
display: block;
position: absolute;
right: auto;
left: 11px;
top: 43%;
border: 1px solid;
z-index: 9; 
}

.refundplus {
display: flex;
justify-content: space-between;
margin: auto;
padding: initial;
column-gap: 20px; 
}
li.ui_refundplus_wrap .rafHead {
border: 0px;
}
#cancelFlight li.ui_refundplus_wrap p{
margin-bottom: 20px;
line-height: 1.2;
}
.refundAmout-details{
background-color: #F2F3FA;
padding: 24px 72px 4px 24px;
clear: both;
border-radius: 20px;
}
.refundAmout-details h2 {
border: none;
position: relative;
color: #1F212B;
}

.refundAmout-details h2:before {
content: "";
    width: 27px;
    position: absolute;
    top: 0;
    bottom: 0px;
    right: -34px;
    background: url(../images/ic_alerts_Infoicon.svg) no-repeat top right;
    margin-right: 0;
}
#cancelFlight .refundIneligibleCls .refund-wrap label{
padding-right: 27px!important;
}
span.indicates-arrow {
color: rgb(101, 112, 123);
font-size: 13px;
font-family: Arial;
padding-bottom: 10px;
}
#paxform .selectbox select {
border: 1px solid #ccc;
}

.purchaseAddOnbanner:has(.image-collage img + img + img + img) .flex-container .text-content a.component-btn-primary {
    position: absolute;
    right: auto;
	left: 32px;
    top: 32px;
}
 
.wrap-ssr-changeflight {  
    padding-bottom: 72px;
    padding: 32px 24px; 
    border-radius: 12px;
    box-shadow: 0px 0px 4px 4px #E6E6E6; 
  }
  .wrap-ssr-changeflight header span {  
    color: #900652;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 16px;
  }
  .wrap-ssr-changeflight header {
    margin-bottom: 11px; 
  }
  .wrap-ssr-changeflight .content-para{
    color: #1F212B;
    padding-bottom: 24px;
    font-size: 16px;
  }
  .wrap-ssr-changeflight #MBConfirmationForm {
    text-align: left;
  }
  .wrap-ssr-changeflight .btn-style {
    font-family: Jotia, Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-size: 16px;
    background: #5C0931;
    border-radius: 2px;
}