/*
 *
 *  * Copyright (c) 2009 - 2017. Plusgrade L.P. All Rights Reserved.
 *
 */
@font-face
{
    font-family: 'NeoSansRegular';
    src: url('/offer/fonts/NeoSansPro/NeoSansPro-Regular.ttf');
}
 
html, body{
    font-family: 'NeoSansRegular',Arial,Verdana,sans-serif;
    font-size: 14px;
    color: #4c4c4c;
    line-height:1.5;
    font-style:normal;
}

a {
    color: #002857;
}

p {
    line-height: 19px;
}

li {
    line-height:19px;
}

html[lang=zh] #offer-resubmit-button {
    white-space:nowrap;
}
#offer-resubmit-button {

    padding: 0 20px !important;
}

#body-container {
    width: 1160px;
}

.header {
    height: 90px;
    background-color:#002857;
}

.standalone-header .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}





.bid-offer #passenger-list {
    margin: 0 40px 20px 40px;
}

body.offer{background: #ffffff; margin: 0;}
.standalone-body{background-color: #FFFFFF;height: auto;margin: auto;padding: 0px;width: 1160px;}
#contentMain{ float: left; display: inline; margin: 0px 50px; }


/*footer */
.standalone-footer {
    width: 1160px;
    padding: 10px 0px;
    clear:both;
    border-top: 1px solid #dfdfdf;
    font-size: 10px;
    margin: 20px 0px;
}

body.standalone .powered-by-pg:before {
    content: "";
    background: url(/offer/img/plusgrade-logo-grey20.png) no-repeat;
    height: 45px;
    display: none;
    background-position: center right;
}

.powered-by-pg img {
    height: 28px;
    width: auto;
}

#modify-body .standalone-footer {
    border-top: none;
}

.standalone-partner-footer-content img {
    margin: 20px 0px;
}

body.standalone .powered-by-pg {
    margin: 0;
    top: -40px;
    position: relative;
    display: inline;
    text-align: right;
    color rgb(153, 170, 187);
}
/* \footer */

/** consumer app **/
div.modal .blue.button {background-color: #002857 !important;}
div.modal h2.heading, div.modal h1.heading {color:#007DB3;}
div.modal h3.heading {color:#007DB3;}
div.modal .bid-review h3 {color:#007DB3;}
div.modal .bid-payment h3 {color:#007DB3;}

img.plane-small {
    width: 40px;
    display: inline-block;
    height: 38px;
}


div.progress, div.wrap { height: 50px; width: 100%; background: none;   }

#progress-tabs {
    padding: 10px 0;
}

#progress-tabs:before {
    position:absolute;
    z-index:-1;
    top:0px;
    left:0;
    width:100%;
    height:90px;
    content:"";
    background-color:#002857;
}

table tbody tr.even, table tbody tr td {
    color: #4c4c4c;
}

/* flight information */
.flight-information-block {
    padding:0;
}

.flight-information-block.v2 ul {
    margin: initial;
}

.flight-information-block.v2 .flight-number {
    font-size: 18px;
}

.flight-information-block.v2 .departure-date {
    font-size: 12px !important;
    padding: 0 0 10px;
}

.flight-information-block.v2 ul.city-name li {
    width: 50%;
}

.flight-information-block.v2 ul.city-name li:nth-child(2){
    text-align: right;
    margin:0 !important;
}

.flight-information-block.v2 .airport-code {
    font-size: 18px;
    font-weight: normal;
}

.flight-information-block.v2 ul.airport-code {
    display: flex;
    height: 100%;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;

}

.flight-information-block.v2 ul.airport-code li {
    /* NOT SURE IF NEED display: table-cell;*/
}

.flight-information-block.v2 ul.airport-code li:nth-child(1) {
    min-width: auto !important;
}

.flight-information-block.v2 ul.airport-code li:nth-child(2) {
    width: 100%;
    height: 5px;
    background: #007DB3;
    margin: auto 10px;
    display: flex;
    max-width: 191px;


}

tr.inactive .flight-information-block.v2 ul.airport-code li:nth-child(2) {
    background: #c6c6c6;
}

.flight-information-block.v2 ul.airport-code li:nth-child(2):before {
    content: "";
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 1em;
    background: #007DB3;
    display: block;
    position: relative;
    top:-7px;



}

tr.inactive .flight-information-block.v2 ul.airport-code li:nth-child(2):before {
    background: #c6c6c6;
}

.flight-information-block.v2 ul.airport-code li:nth-child(2):after {
    content: "";
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 1em;
    background: #007DB3;
    margin: 0px 0 0 -35px;
    color: white;
    position: relative;
    display: block;
    vertical-align: middle;
    top: -7px;
    left: 100%;
}

tr.inactive .flight-information-block.v2 ul.airport-code li:nth-child(2):after {
    background: #c6c6c6;
}

tr.inactive:not(.has-offer) .offer-o-meter,
tr.inactive:not(.has-offer) .offer-slider-block{
    display:none;
}

.slider.ui-disabled {
    background: white;
}

.slider.ui-disabled .ui-slider-handle {
    background: #4c4c4c !important;
    border: 1px solid #4c4c4c;
}

.flight-information-block.v2 ul.airport-code li:nth-child(3) {
    min-width: auto !important;
}

.flight-information-block.v2 .length {
    font-size: 12px;
}

/* product benefits */
.inlay-product-info .inlay-title {
    color: #002857;
    font-size: 18px;
    font-weight: normal;
    line-height: initial;
}

.inlay-product-info .inlay-title p {
    margin-left: -15px;
}


.inlay-product-info .inlay-left p {
    font-size: 14px;
}


.inlay-product-info ul {
    list-style: none;
    padding: 0;
    margin: 0 5px;
}

.inlay-product-info ul li {
    margin: 20px 0px;
    font-size: 14px;
    padding-left: 1em;

}

.inlay-product-info ul li::before {
    content: "";
    color: #007DB3;
    margin-left: -20px;

    border-radius: 50%;
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #007DB3;
    position: absolute;

    margin-top: 5px;

}
/* \product benefits */
/** // Instant Upgrade styling \\ **/
.vertical-line {
    min-height: 40px;
}

.instant-upgrade-row {
    padding-top: 25px !important;
}

.instant-upgrade-row .slider-legend-left {
    padding-top: 15px;
}

.buy-now.BUSINESS,
.buy-now.PREMIUM_ECONOMY {
    text-align: center;
    padding: 15px 0 !important;
}

.icheckbox_line label {
    padding-top: 5px;
}
.icheckbox_line,
.icheckbox_line:hover {
    background: #002857;
    color: #fff;
    border: none;
    width: 100%;
    height: 25px;
}

.icheckbox_line.checked,
.icheckbox_line.checked:hover {
    background: #002857;
    color: #fff;
}

.icheckbox_line .pgcheck_line-icon {
    margin-top: 5px;
}

.icheckbox_line .not-selected,
.icheckbox_line.checked .selected {
    color: #fff;
    font-size: 17px;
    padding-top: 5px;
}

span.BUSINESS.cash.buy-now-price.eligible,
span.PREMIUM_ECONOMY.cash.buy-now-price.eligible {
    text-align: center;
    font-size: 13px;
    margin: 0 5px;
    font-size: 16px;
}

span.BUSINESS.cash.buy-now-price.eligible .ui-slider-tooltip-tax.hastooltip {
  text-align: center;
  display: inline-block;
}

td.buy-now .per-pax {
    text-align: center;
    font-size: 13px;
}

span.instant-upgrade-price {
    font-size: 16px !important;
}
/** \\ Instant Upgrade styling // **/

.bid-review h1 { font-size: 25px; line-height: 1; margin: 40px; letter-spacing: -1px; color:#002857; }
.bid-payment h1 { font-size: 25px; line-height: 1;     margin: 40px 0px 26px 0px; letter-spacing: -1px; color:#002857; }

table.upgrade thead { background-color: #002857 }

.offer-o-meter { line-height: inherit; }

.product-info .left-column {
    float: left;
    padding: 4px 2px;
    margin: 0;
    width: 320px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}



.inlay-product-info .inlay-right {
    height: 292px;
    width: 40%;
}

.inlay-product-info .inlay-right img { width: 100%; }


.standalone-header .header img {
    margin: 30px 0px;

}

/* Global breadcrumb */

div.step1 ul { background: none;}
div.step2 ul { background: none;}
div.step3 ul { background: none;}
/* \Global breadcrumb */

/* breadcrumb arrows  */

div.progress ul { overflow: hidden;}

.progress a {
    color: white;
    text-decoration: none;
    padding: 10px 0 10px 55px;
    background: #fafafa;
    position: relative;
    display: block;
    float: left;
    width:80%;

}

div.progress {
    border: 0;
    margin: 0;
    padding: 0 40px;
    box-sizing: border-box;

}


div.progress ul {
    height: 50px;
}

.dir-rtl div.step1 ul, div.step1 ul {
    background: none;
}

.dir-rtl div.step1 ul, div.step2 ul {
    background: none;
}

.dir-rtl div.step1 ul, div.step3 ul {
    background: none;
}

div.progress li {
    width: auto;
}

div.progress li a {
    background: none;
    text-shadow: none !important;
    display: block;
    color: #4c4c4c !important;
    font-weight: normal;
    font-size: 20px;
    padding: 0 15px 0 0px;
    font-family: 'NeoSansRegular',Verdana,Arial,sans-serif;


}

div.progress li, div.progress li a {
    height: 50px;
    line-height: 50px;
}

/* breadcrumb arrows  */


li.step1 a {

    border-right: solid .1rem rgba(255,255,255,.2);
    text-align: left;
}

li.step2 a {
    border-right: solid .1rem rgba(255,255,255,.2);
    text-align: center;
}

li.step3 a {
    text-align: right;
}

div.step1 ul li.step1 a,
div.step2 ul li.step1 a,
div.step2 ul li.step2 a,
div.step3 ul li.step1 a,
div.step3 ul li.step2 a,
div.step3 ul li.step3 a
{
    text-shadow: none;
    background: transparent;
    color: #002857  !important;


}

div.step1 ul li.step1 a,
div.step2 ul li.step2 a,
div.step3 ul li.step3 a {
    font-weight:bold;
}

div.progress ul {
    overflow: hidden;
    margin: 0 -40px;


}

.progress a {
    color: #333333 !important;
    text-decoration: none;
    padding: 10px 0 10px 55px;
    position: relative;
    display: block;
    float: left;
    width: 100%;


}

.standalone-header .widgets {
    padding: 20px 0px;
    background: #002857  !important;
    height: 50px;
}

.standalone-header .widgets select {
    min-width: 100px;
    height: 20px;
}

.standalone-header .widgets select {
    background-size: 8px auto;
}

.standalone-header .widgets label {
    display: none;
}


.dir-rtl div.step1 li.step1 a:before,
.dir-rtl div.step2 li.step1 a:before,
.dir-rtl div.step3 li.step1 a:before,
.dir-rtl div.step2 li.step2 a:before,
.dir-rtl div.step3 li.step2 a:before {
    content: " ";
    right: 100%;
    border-left: none;
    border-right: 30px solid #007DB3;
}

/* \Breadcrumb arrows */

/* Circles */
.dir-rtl div.progress li a img, div.progress li a img {
    display: none !important;

}

div.progress ul li .step-text:before {
    font: 18px 'NeoSansRegular',Arial,Verdana,sans-serif;
    display: inline-block;
    margin: 0px 10px 0px 0px;
    font-weight: 600;
    line-height: 20px;


    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 6px;
    background: #EBEDEC;
    border: 1px solid #EBEDEC;
    color: #4c4c4c;
    text-align: center;

    font-weight: 600;
    line-height: 20px;
}


div.step1 ul li.step1 .step-text:before,
div.step2 ul li.step1 .step-text:before,
div.step2 ul li.step2 .step-text:before,
div.step3 ul li.step1 .step-text:before,
div.step3 ul li.step2 .step-text:before,
div.step3 ul li.step3 .step-text:before
{
    background: #002857;
    background-image: -webkit-gradient(45deg,from( #002857 ),to( #007DB3 ));
    background-image: -webkit-linear-gradient(45deg,#002857 0,#007DB3 100% );
    background-image: -moz-linear-gradient(45deg,#002857 0,#007DB3 100% );
    background-image: -ms-linear-gradient(45deg,#002857 0,#007DB3 100% );
    background-image: -o-linear-gradient(45deg,#002857 0,#007DB3 100%);
    background-image: linear-gradient(45deg,#002857 0,#007DB3 100%);

    border: 1px solid transparent;
    color: #fff;

}

.dir-rtl div.progress ul li .step-text:before {
    margin: 0 0 0 10px;
}

div.progress ul li.step1 .step-text:before {
    content: '1';
}

div.progress ul li.step2 .step-text:before {
    content: '2';
}

div.progress ul li.step3 .step-text:before {
    content: '3';
}

/* \Circles */


/* table */

.hastooltip .tooltip-text {
    border-bottom:none;
}

.hastooltip-hover, .dir-rtl .hastooltip-hover {
    background-color:transparent;
}

table.upgrade * {
    font-size: 18px;
}

table.upgrade td.per, table.upgrade td.per * {
    font-size: 14px;
}

table.upgrade thead tr {
    border: 1px solid #002857;
}

table.upgrade thead th, table.upgrade tbody td, table.upgrade tfoot td {
    padding:20px;
}

table.upgrade thead th:last-child,
table.upgrade tbody td:last-child,
table.upgrade tfoot td:last-child{
    padding-right: 20px !important;
    vertical-align:middle;
}

table.upgrade thead tr th, table.upgrade thead {
    background-color: #002857;
    color: #fff;
    height: 50px;
    font-weight: normal;
    font-size: 18px;
    padding: 0px 20px;
    text-align:left;

}

table.upgrade thead th {
    border-bottom-style: none;
    height: 50px;
    font-weight: normal;
    font-size: 18px;
    vertical-align: middle;
}


table.upgrade thead th:first-child {
    border-radius: 0;
    padding: 0 0 0 20px;
}
table.upgrade thead th:last-child {
    border-radius: 0;
}

table.upgrade tbody td:first-child {
    padding: 20px;
}

table.upgrade td {
    line-height: normal;
}

table.upgrade td.per small {
    font-size: 14px;
    line-height: 14px;
    text-transform: none;
}

table.upgrade .hastooltip .tooltip-text {
    font-weight: normal;
    line-height: initial;

}

table.upgrade + small {
    padding: 0px 40px;
}

table.upgrade td.per {
    border-right: 1px solid #dfdfdf;
    padding-top:20px !important;
    vertical-align:middle;
    width:1%;
    white-space:nowrap;
}

table.upgrade .carrier-info,
table.offers .carrier-info{
    display: inline-block;
}


table.offers .carrier-code {
    font-size: 18px;
}

.subsidiary-carrier-info {
    font-size: 14px !important;
    display:inline-block;
}

.codeshare-carrier-info {
    font-size: 14px !important;
    display:inline-block;
}

td.offer .tooltip-text {
    color: #002857;
}

.bid-review td.upgrade {
    border-right: 1px solid #dfdfdf;
    text-align: left;
    vertical-align: middle;
    padding: 0 20px;
}

.bid-review td.flight {
    border-right: 1px solid #dfdfdf;
    padding: 20px;
}

.bid-review td.total {
    border-right: 1px solid #dfdfdf;
    padding: 20px;
    vertical-align: middle;
    text-align: left;
    color:#4c4c4c;
}

table.upgrade .bid-review .offer-tax-amount {
    color: #4c4c4c;
}

.bid-review td.offer {
    border-left: 1px solid #dfdfdf;
    padding:20px 15px 20px 20px !important;
    vertical-align:middle;
    width:1%;
    white-space:nowrap;
}

.upgrade-type, .upgrade-type-in-slider {
    text-align: left;
    font-weight: normal;
    color: #4c4c4c;
    font-size: 18px;
}

.bid-offer td.flight {
    border-right: 1px solid #DFDFDF;
    padding: 20px !important;
    min-width: 360px;
    border-left: 1px solid #DFDFDF;

}

.bid-offer table thead th:nth-child(2)
{
    padding: 0 !important;
    padding-left: 20px !important;
}

.bid-offer table thead th:nth-child(3)
{
    text-align: left;
}


tr.inactive {
    background-color:
            rgb(235,237,236);

}

table.upgrade tr.inactive td, table.upgrade tr.inactive td small {
    color:#4c4c4c !important;
}
.disabled {
    opacity: 1;
}

td  .carrier-name {
    font-size: 14px;
}
.alt-row {
    background-color: transparent;
}



.bid-offer td.upgrade {
    border-right: 1px solid #dfdfdf;
    padding: 20px !important;
    vertical-align: middle;
    width: 130px;
    font-size: 18px;
    font-weight: bold;
}

.bid-offer td.offer {
    border-right: 1px solid #dfdfdf;
    padding: 20px 20px !important;
    width: 290px;
}

.bid-offer td.offer-meter {
    padding: 20px 20px !important;
    width: 140px;
    vertical-align: top;
    border-right: 1px solid #dfdfdf;
}


table.upgrade thead th {
    padding: 0;

}

table.upgrade tr.inlay-product-info td {
    padding: 20px 20px;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}

table.offers .flight-information-block {
    padding: 0px;
    min-width:275px;
}

.jcarousel-pagination {
    display: none;
}

.jcarousel-pagination a.active {
    background: #002857;
}

a.jcarousel-control-prev,
a.jcarousel-control-next {
    height: 45px;
    width: 50px;
    border-radius: 50px;
}

a.jcarousel-control-prev,
a.jcarousel-control-prev:visited,
a.jcarousel-control-prev:hover {
    font-size: 50px;
    color: #002857 !important;
    background: #fff;
    text-shadow: none;
    box-shadow:none;
    padding-top: 9px;
}

a.jcarousel-control-next,
a.jcarousel-control-next:visited,
a.jcarousel-control-next:hover {
    font-size: 50px;
    color: #002857 !important;
    background: #fff;
    text-shadow: none;
    box-shadow:none;
    padding-top: 9px;
}

.jcarousel-control-nav {
    height: 100px;
}

.jcarousel-control-nav .prev {
    left: -196px;
}

.jcarousel-control-nav .next {
    left:196px;
}

.jcarousel-control-nav .prev, .jcarousel-control-nav .next {
    top: -160px;
}




div.slider {
    height: 10px;
    width: 250px;
}

.ui-slider {
    background: #EBEDEC;
    background-color: #EBEDEC;
    border: 1px solid #EBEDEC;
}

.ui-slider .ui-slider-handle {
    width: 20px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #002857;
    border-radius: 3px;
    height: 25px;
    background: #002857 !important;
    background-image: none;
}

.ui-slider-tooltip-amount, .ui-slider-tooltip-points {
    color:#002857;
    font-weight:normal;
    font-size:18px;
}

.slider-legend-left span {
    font-size: 14px;
}

.slider-legend-right span {
    font-size: 14px;
}

.bid-offer .upgrade-type.multi-product.upgrade-type-selected {
    background-color: #002857;
    color:#FFF;
}

.bid-offer .upgrade-type.multi-product {
    text-align: left;
    width: 240px;
    padding:20px;
}

.bid-offer .upgrade th {
    text-align: left;
}


.bid-offer .upgrade-type.multi-product .upgradeTypeLabel {
    width: 200px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.offer-slider-value {
    height: 40px;
}

#bid-offer .offer-slider-value {
    margin-bottom: 20px;
}

#bid-offer .ui-slider-tooltip-per-pax {
    white-space: nowrap;
}


/* \table */

/* buttons */

div.modal .buttons-row {
    padding: 0px;
    margin:0;


}

.button {
    font-weight: normal;
}


div.modal .white.button, #offer-details .white.button {
    height: 48px;
    min-width: 250px;
    background-image: none;

    text-shadow: none;
    border: 1px solid #002857;
    border-radius: 3px;
    text-decoration: none !important;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    font-weight: normal;
    padding: 0;
    cursor: not-allowed;
    box-sizing: border-box;


    background-color: #d7d7d7 !important;
    background: linear-gradient(to top,#c1c1c1 0,#dbdbdb 100%);
    color: #4c4c4c !important;
    border: 0;


}

.blue.button, div.modal .blue.button {
    height: 48px;
    min-width: 250px;
    background: #002857;
    background-image: none;
    color: #ffffff!important;

    border-radius: 3px;
    text-decoration: none!important;

    text-align: center;
    line-height: 48px;
    font-size: 18px;
    font-weight: normal;
    padding: 0 !important;
    box-size:border-box;
    padding: 0;
    background-color: #0082BB !important;
}

.step2Button {
    margin: 0 0 24px 0 !important;
}





.large.button {
    border-radius: 0;
    padding: 0;
}

.button {
    margin: 0;
}


/* \buttons */


/* step 1 */



div.modal#upgradeModal h2, div.modal#upgradeModal .bid-offer h1 {

    font-size: 36px;
    font-family: 'NeoSansRegular',Arial,Verdana,sans-serif;
    margin: 20px 0 20px;
    font-weight:300;
    color: #002857;
}

div.modal ol {
    margin: 20px 0;
    list-style-position: inside;

}

.offer-intro-content {

    padding: 20px 0px;

}

.offer-o-meter .dial-meter {
    background-image: url(/offer/pid/PqvviWQRSP/meter.svg);
    background-size: 80px 40px;
    background-repeat: no-repeat;
}

/* \step1 */

/* step2 */
div.modal .bid-payment h1 {
    color: #002857;
    font-size: 36px;
    font-weight:300;
    font-family: 'NeoSansRegular',Arial,Verdana,sans-serif;

}


.bid-payment .instructional {
    margin: 0px;
}

.currency-note {
    padding: 0px 40px;
}

form.payment-info {
    margin: 26px 0px;
}

#payment-container {
    padding: 60px 40px 40px 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 0px;
    border: 1px solid #c6c6c6;
}

#payment-container .name-field {
    width: 250px;
}

#payment-container .name-field .first-name,
#payment-container .name-field .last-name,
#payment-container .name-field .mobile-phone-number {

    width: 250px;
    height: 50px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 18px;

}

#payment-review-flights table.upgrade + p {
    display:none;
}

#payment-review-flights table.upgrade {
    margin-bottom: 20px;
}

#payment-container .name-field .email-address {
    width: 375px;
    height: 50px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 18px;

}

#payment-container .thirteen label {
    margin-bottom: 7px;
    margin-top: 6px;
}

form.payment-info .three select {
    width: 250px;
    height: 50px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 18px;

}

.card-type-container, .card-number-container {
    width: 250px !important;

}
.card-type-container+.three.column {
    width: 250px;
}

#payment-container .card-cvv input.mini {
    width: 100px;
    height: 50px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 18px;
}

#payment-container .card-exp .month, #payment-container .card-exp .year {
    height: 50px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 18px;
    width: 100px;
}

#payment-container .card-exp {
    width: 256px;
}

#payment-container label {
    font-size: 14px;
    height: 16px;
    text-transform: uppercase;
    color:#4c4c4c;

}

form.payment-info .three input.small {
    width: 250px;
    box-sizing: border-box;
    height: 50px;
    padding: 10px;
    font-size: 18px;

}

.payment-container-address {
    border: 0;
}

.payment-container-address .four.column {
    width: 250px;
}

div.processing {

    margin-top:10px;
    color: #4c4c4c;
    background-color: #EBEDEC;
}

.bid-offer-total-summary {
    display:none;
}

.currency-note {
    display: none;
}

#billingInfoInput {
    margin: 0;
}

.billing-selector {
    width: 250px;
    height: 50px;
    box-sizing: border-box;
}

.payment-container-address .six.column,
.payment-container-address .two.column{
    width: 250px;
}

.payment-container-address input {
    height: 50px;
    box-sizing: border-box;
    font-size: 18px;
    width: 250px;
    padding: 10px;
}

form.payment-info input.sub-small {
    width: 250px;
}

form.payment-info input.mini {
    width: 250px;
}

#bid-review form.payment-info .six.columns:nth-child(2) p {
    width: 200px;
}
#bid-review form.payment-info .six.columns:nth-child(2) label {
    width: 200px;
}

#bid-review form.payment-info .six.columns:nth-child(1) {
    width: 620px;
}
#bid-review form.payment-info .six.columns:nth-child(2) {
    width: 450px;
}

.thirteen {
    width: 1200px;
}

ul.accreditation {
    padding: 0px;
}

small.footnote {
    padding: 10px 0px;
    font-style:normal;
    color:#4c4c4c;
    font-size:11px;
}

/* \step2 */

/* step3 */

div.modal .bid-review h1 {
    font-size: 36px;
    color: #002857;
    font-family: 'NeoSansRegular',Arial,Verdana,sans-serif;
    font-weight:300;
    margin: 40px 0px 26px 0px;
}

.bid-review  .buttons-row {
    padding: 50px 0px 20px !important;
}

.bid-review .back-row .step3Button {
    margin-bottom: 24px;
}


.bid-review .please-review-PREMIUM_ECONOMY,
.bid-review .please-review-BUSINESS,
.bid-review .please-review-REGIONAL_BUSINESS,
.bid-review .please-review-FIRST{
    display: none !important;
}


.billing-info-title {
    color: #002857;
    font-size: 24px;
    font-weight: bold;
    padding: 0px;
    display:none;
}

ul.accreditation {
    display: none;
}



#bid-review form.payment-info label {
    font-size: 16px;
    color: #002857;
    padding: 20px 0px;
    margin: 0;
    width: 250px;
}

form.confirm div.inlined p.pseudo-input {
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
    padding: 20px 0px;
    margin: 0;


}

.bid-review form.payment-info {
    margin: 0px;
    border: 1px solid #c6c6c6;
}

.bid-review .buttons-row .labeled-checkbox {
    top: -40px;
    position: relative;
    clear: both;
    text-align: right;
}

.labeled-checkbox {
    margin-top: 15px;
}

.bid-review .button-with-caption {
    margin: -20px 0px 0px 0px;
}

.labeled-checkbox label {
    font-size: 18px;
}


.bid-review h1 {
    font-size: 24px;
    color: #002857;

}

#bid-review-flights {
    padding: 26px 0px;
}


.bid-review .six {
    width: 40%;
}

.bid-review .column-row{
    margin: 0;
}



.bid-review .buttons-row .labeled-checkbox {
    top: -40px;
    position: relative;
    clear: both;
    text-align: right;
}

.bid-review .button-with-caption {
    margin: -20px 0px 0px 0px;
}


form.confirm div.inlined p.pseudo-input {
    font-size: 16px;
    font-weight: normal;
    color: #4c4c4c;
    padding: 20px 0px;
    margin: 0;


}

.bid-review p {
    font-size: 14px;

}

.bid-review .processing+small.footnote {
    display: none;
}

.edit-payment {
    margin: 0 10px;
    color: #002857;
}

.terms-and-conditions,
.terms-and-conditions:hover {
    color: #002857;
    text-decoration: underline;
}

.labeled-checkbox {
    text-align:right;
}

.labeled-checkbox label {
    font-size: 16px;
}

/* \Step 3 */

/* Step 4 */
.bid-thanks-summary {
    padding: 40px 0px;
}

.bid-thanks-summary h4 {
    padding: 0px;
    font-size: 36px;
    font-weight: 300;
    color: #002857;
    font-family: 'NeoSansRegular',Arial,Verdana,sans-serif;

}

#bid-thanks {
    padding: 26px 0px;
}
.bid-thanks-summary>p, .bid-thanks-summary>div {
    font-size: 14px;

}

.summary-thanks-message {
    font-size: 18px;
    color: #4c4c4c;
    font-weight: normal;
    padding-bottom:26px;
}

.bid-thanks-summary table {
    padding: 20px 0 0 0;
}

.bid-thanks-summary table + p {
    padding: 0 40px;
}

/* \Step 4 */



/* modify */

.bid-offer .upgrade-type .details-link {
    border-bottom: none;
}

.offer-received {
    font-style:normal;
    color: #002857 !important;
}

.inactive div.upgrade-type em {
    font-style: normal;
}

#offer-modify .flight-number {
    font-size: 18px;
}

#offer-modify div.page-header p {
    display:none;
}



#modify-body .standalone-header:before,
.pagetype-modify .standalone-header:before,
.pagetype-cancel .standalone-header:before,
.pagetype-null .standalone-header:before
{
    content: '';
    position: absolute;
    display: block;
    height: 90px;
    width: 100%;
    left: 0;
    top: 0;
    background: #002857;
    z-index:-1;
}



#modify-body #body-container {
    width: 1160px ;
}

#modify-body .standalone-body {
    width: 1160px;
}

#offer-modify .page-header, #offer-modify .instructional {
    margin: 26px 0px;
}

#offer-cancel .page-header,
#offer-cancel h2,
#modify-offer-form p{
    margin: 40px 0px 26px 0px !important;
}

#offer-cancel h1 {
    color: #002857;
    font-family: 'NeoSansRegular',Arial,Verdana,sans-serif;
    font-size: 36px;
    font-weight:300;
}

#offer-cancel h2 {
    display: none;
}

#offer-cancel .page-header p {
    display: none;
}

#offer-cancel .page-header, #offer-cancel h2, #modify-offer-form p {
    margin: 26px 0px 26px 0px !important;
}

#offer-cancel td.upgrade {
    vertical-align: middle;
    text-align:left;
    padding: 0 20px;
}

#offer-cancel td.flight {
    padding: 20px;
}

#offer-cancel td.offer {
    vertical-align: middle;
    text-align:left;
    padding-left: 20px;
}

#offer-cancel a {
    font-size: 18px;
}

#offer-cancel p.center {
    display:flex;
    align-items:center;
    justify-content:center;
}

#offer-cancel p.center button,
#offer-cancel p.center a{
    margin: 0 10px;
}

#offer-details .offer-details-v2 .status .header .h4 {
    line-height: 29px;
}

#offer-details .offer-details-v2 .flight-number .header, #offer-details .offer-details-v2 .status .header {
    height:auto;
    margin: auto 0;
    background: #007DB3;
    color:#ffffff;
}

#offer-details .offer-details-v2 #flight-detail-content *,
#offer-details .offer-details-v2 .status  .h4,
#offer-details .offer-details-v2 .status  .h4 *,
#offer-details .offer-details-v2 .status  .h6,
#offer-details .offer-details-v2 .status  .h5{
    color: #4c4c4c !important;
}

table.offers td.pnr {
    vertical-align: middle;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
}

table.offers .upgrade {
    text-align:left;
}

table.offers td.offer-amount {
    vertical-align: middle;
    font-size: 18px;
    text-align:center;


}

table.offers td.status {
    vertical-align: middle;
    text-align:left;

}

table.offers .airline {
    width: auto;
}

table.offers thead tr {
    background: #EDEDEF;
    height: 50px;
    color: #666666;
}

table.offers thead tr th {
    vertical-align: middle;
    border-bottom: none;
    padding: 0px 20px;
    text-align:left;
}


table.offers tbody td {
    padding: 20px;
}



#offer-details .offer-details-v2 td.status,
#offer-details .offer-details-v2 th.status{
    border-left-style: none;
}

#offer-details .offer-details-v2 #contentMain .column-row:nth-child(2)
{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border:1px solid #BFBFBF;
    border-bottom: none;
    background:none;
}

#offer-details .offer-details-v2  #contentMain .column-row:nth-child(3){
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border:1px solid #BFBFBF;
    border-top: none;
}


.offer-details-v2 {
    padding: 0;
}

#offer-details .h4 {
    color: #4c4c4c !important;
    margin: 0 0 26px;
}

#offer-details div.offer-resubmit {
    text-align:left;
}

#offer-details .offer-resubmit-text {
    text-align:left;
}

html[lang^="th"] #offer-details .offer-resubmit a {
    font-size: 13px;
}

#offer-details .offer-details-v2 .flight-number .header, #offer-details .offer-details-v2 .status .header {
    padding: 20px 40px 0px ;
    background:none;
    color: #002857;
}

#offer-details .offer-details-v2 .flight-number .header .h4, #offer-details .offer-details-v2 .status .header .h4 {
    color: #002857;
    font-size: 24px;
}

#offer-details .right {
    position: relative;
    left:-200px;
}


#offer-details .offer-details-v2 img.plane-small {
    padding: 0 20px;
}

#offer-details .page-header h1 {
    color: #002857;
    padding: 10px 40px 26px 40px;
    font-family: 'NeoSansRegular',Arial,Verdana,sans-serif;
    font-size: 36px;
    font-weight:300;
}

div.page-header {
    margin-top: 0px;
}

.other-details-link.green {
    color: #002857 !important;
    background: none;
    font-size: 18px;
    font-weight: normal;
}


#offer-details .offer-details-v2 .body {
    padding: 20px 40px;
}

#offer-modify-action p {
    text-align: center;
}

#offer-modify-action a {
    display: block;
    margin: auto 0;
    text-align: center;

}

#offer-modify h1 {
    font-size: 36px;
    color: #002857;
    font-family: 'NeoSansRegular',Arial,Verdana,sans-serif;
    font-weight:300;

}

#offer-modify td.upgrade {
    text-align: left;
    padding: 0 20px;
    vertical-align:middle;
}

#offer-modify .offer {
    vertical-align:middle;
}

#offer-modify a {
    font-size: 18px;
}

#offer-modify p.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

#offer-modify p.center button,
#offer-modify p.center a {
    margin: 0 10px !important;
}

/* \modify */


/* MOCK UP of expander */
.inline-expand-collapse.collapse-img {
    background:none;
}

.inline-expand-collapse.expand-img {
    background:none;
}

.card-declined-content {
    height: 80vh;
    padding: 36px 0px;
}

#errorPageMessage {
    height: 80vh;
    padding: 36px 0px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog .ui-dialog-titlebar {
    background: #002857;
    color: #002857;
    border: 1px solid #002857;
    border-radius: 0px;
    text-align: center;
}

#ui-dialog-title-customer-verification-code-dialog {
    color: #ffffff;
    font-size: 20px;
    font-family: 'NeoSansRegular',Arial,Verdana,sans-serif;
    font-weight: normal;
    float: none;
}

input#customer-verification-code {
    width: 250px;
    height: 50px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 18px;
}

#customer-verification-code-dialog label {
    font-size: 14px;
    height: 16px;
    text-transform: uppercase;
    color: #4c4c4c;
    margin-bottom: 7px;
    margin-top: 6px;
}

#customer-verification-code-dialog p,
#customer-verification-code-dialog label {
    text-align: center;
}

/* ACT-121: Style Payment Information Page */

#offer-details .bid-payment input.sub-small {
    width: 250px;
}

#offer-details .bid-payment input.small {
    width: 375px;
}

.twelve .column-row {
    width: 100%;
}

.bid-payment .payment-container-CC .column-row:nth-child(2) {
    border: none !important;
}

#offer-details .bid-payment select.card-type-selection {
    width: 250px;
    height: 50px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 18px;
}

.card-type-container .three.column > input {
    width: 250px;
    box-sizing: border-box;
    height: 50px;
    padding: 10px;
    font-size: 18px;
}

.card-number-container > input {
    width: 250px !important;
    box-sizing: border-box;
    height: 50px;
    padding: 10px;
    font-size: 18px;
}

/* DL-608 */

table.any-instant-upgrade .offer-slider-block {
    margin: 0 !important;
}

span.BUSINESS.cash.buy-now-price.eligible, span.PREMIUM_ECONOMY.cash.buy-now-price.eligible {
    font-size: 13px;
}

span.instant-upgrade-price {
    font-size: 13px !important;
}


.secondary.button {
    background: #ffffff;
    color: #0082BB;
    border: 1px solid #0082BB;
    height: 48px;
    min-width: 200px;
    border-radius: 3px;
    text-align: center;
}


.secondary.button:hover {
    background-color: #0082BB;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #0082BB;
}