/*
 *
 *  * Copyright (c) 2009 - 2015. Plusgrade L.P. All Rights Reserved.
 *
 */
@import url("/offer/css/elusive-icons/elusive-icons.min.css");
@import url("https://use.typekit.net/mgj3zta.css");

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('/offer/fonts/source-sans/SourceSansPro-Regular.eot');
    src: url('/offer/fonts/source-sans/SourceSansPro-Regular.woff2') format('woff2'),
    url('/offer/fonts/source-sans/SourceSansPro-Regular.woff') format('woff'),
    url('/offer/fonts/source-sans/SourceSansPro-Regular.ttf') format('truetype'),
    url('/offer/fonts/source-sans/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    text-shadow: none;
    color: #333333;
    font-family: 'SourceSansPro-Regular';
    font-size: 14px;
}

body.offer {
    background: #FFFFFF;
    margin: 0;
}

#body-container {
    width: 1170px;
}

.fourteen {
    width: 100%;
}

.thirteen {
    width: 100%;
}

.twelve {
    width: 100%;
}

.eleven {
    width: 91.6%;
    width: calc(91.6% - 20px);
}

.ten {
    width: 83.3%;
    width: calc(83.3% - 20px);
}

.nine {
    width: 75%;
    width: calc(75% - 20px);
}

.eight {
    width: 66.6%;
    width: calc(66.6% - 20px);
}

.seven {
    width: 58.3%;
    width: calc(58.3% - 20px);
}

.five {
    width: 41.6%;
    width: calc(41.6% - 20px);
}

.six {
    width: 50% -20px;
    width: calc(50% - 20px);
}

.four {
    width: 33.3%;
    width: calc(33.3% - 20px);
}

.three {
    width: 25%;
    width: calc(25% - 20px);
}

.two {
    width: 16.6%;
    width: calc(16.6% - 20px);
}

table tbody tr.even, table tbody tr td {
    vertical-align: middle;
}

table thead tr th,
.bid-offer .upgrade th{
    text-align: center;
}

.button {
    text-shadow: none;
    background: none;
    font-weight: 700;
    font-family: proxima-soft, sans-serif;
    border-radius: 0;
}

.large.button {
    padding: 0px 15px;
    font-size: 14px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    min-width: 150px;
    text-align: center;
}

div.modal .white.button {
    height: 50px;
    font-weight: 700;
    vertical-align: middle;
    line-height: 50px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #5e317c;
    background-color: #5e317c;
    border: 1px solid #5e317c;
}

.standalone-body {
    background-color: #FFFFFF;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    height: auto;
    margin: auto;
    padding: 10px 0px;
    width: 1170px;
}

#contentMain {
    float: left;
    display: inline;
    margin: 0px 50px;
}

.header img {
    height: 90px;
}

.lang-settings img {
    display: none;
}

.currency-settings img {
    display: none;
}

div.progress, div.wrap {
    width: 1170px;
    background: none;
    height: 40px;
}

div.progress li {
    background: #e7dbef;
    width: 32%;
}

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

div.progress li a img {
    display: none;
}

div.progress ul {
    height: 40px;
}

div.step1 ul li.step1 a, div.step2 ul li.step2 a, div.step3 ul li.step3 a {
    text-shadow: none;
    background: #5e317c;
    color: #ffffff !important;
}

div.progress li.step1 {
    margin-right: 10px;
}

div.progress li.step2 {
    margin-right: 10px;
    margin-left: 10px;
}

div.progress li.step3 {
    margin-left: 10px;
}

.offer-received {
    color: #ed8426 !important;
}

.inline-expand-collapse.expand-img,
.inline-expand-collapse.collapse-img {
    background-image: url(/offer/pid/e571656aBW/chevron-orange.png);
    display: inline-block;
    width: 13px;
    height: 9px;
    transition: all .4s cubic-bezier(0, 0, .1, 1);
    outline: 0;
    background-repeat: no-repeat;
    background-size: 13px 9px;
    background-position: center center;
}

.inline-expand-collapse.expand-img {
    transform: rotate(-180deg);
}

/** consumer app **/

div.modal .blue.button {
    background-color: #ed8426 !important;
    min-width: 150px;
    height: 50px;
    text-align: center;
    background: none;
    border-radius: 0;
    vertical-align: middle;
    line-height: 50px;
    font-size: 14px;
}

.large.button {
    padding: 0 15px;
}

div.modal h2.heading, div.modal h1.heading {
    color: #02458D;
}

div.modal .bid-review h2 {
    font-size: 20px;
    line-height: 1;
    margin: 0 0 10px;
}

div.modal .bid-review h1 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 10px;
    color: #5e317c;
    font-weight: 700;
    font-family: proxima-soft, sans-serif;
}

div.modal .bid-payment h1 {
    font-size: 25px;
    line-height: 1;
    margin: 0 0 10px;
    letter-spacing: -1px;
    color: #0B223F;
}

div.progress li a {
    font-family: proxima-soft, sans-serif;
    text-align: center;
    background: none;
    display: block;
    padding: 0 15px 0 10px;
    font-size: 14px;
    font-weight: 700;
    color: #333333 !important;
    text-shadow: none !important;
}

div.step1 ul {
    background: none;
}

div.step2 ul {
    background: none;
}

div.step3 ul {
    background: none;
}

.offer-o-meter .dial-meter {
    background-image: url(/offer/pid/e571656aBW/Strength-meter.png);
    background-size: 80px 40px;
}

.bid-payment .plane-small,
.bid-review .plane-small,
.flight-information-block.v2 img.plane-small,
#offer-details .offer-details-v2 img.plane-small,
#offer-cancel .plane-small {
    height: 0;
    width: 35px;
    background: url(/offer/pid/e571656aBW/airplane.png) no-repeat;
    padding: 20px 0px;
    margin: 20px 10px -20px 10px;
    background-size: 35px;
}

.bid-offer table.upgrade tbody td {
    padding: 10px;
}

div.modal#upgradeModal h2, div.modal#upgradeModal .bid-offer h1 {
    color: #5e317c;
    font-family: proxima-soft, sans-serif;
    font-size: 24px;
    font-weight: 700;
}

input.input-text, input.password, textarea {
    padding: 0px 4px;
    text-shadow: none;
}

#payment-container {
    background-color: #E7DBEF;
    margin-bottom: 20px;
    padding: 20px 0px;
}

#payment-container .column-row {
    width: 100%;
}

#payment-container .name-field .first-name,
#payment-container .name-field .last-name {
    width: 100% !important;
}

#payment-container .card-exp .month, #payment-container .card-exp .year {
    width: 49%;
}

.cvv-container.three,
.card-cvv-column.three {
    width: calc(8.333% - 20px);
}

form.payment-info .three input.small {
    width: 100%;
}

#offer-details .bid-payment input.small {
    width: 100%;
}

#offer-details .bid-payment select.card-type-selection {
    width: 100%;
}

#offer-details .offer-details-v2 .four {
    width: calc(33.3% - 20px);
}

#payment-container .name-field .email-address {
    width: 100%;
}

#payment-container .card-cvv input.mini {
    width: 60px;
}

#payment-container .card-exp {
    width: 25%;
}

#payment-container .column-row  {
    background-color: #E7DBEF!important;
}

.bid-payment .large.button.white {
    background: #ccc;
    cursor: default;
    height: 50px;
    font-weight: 700;
    vertical-align: middle;
    line-height: 50px;
}

#payment-container input {
    height: 50px;
    border-radius: 5px;
    font-size: 14px;
    border: 0;
    font: 14px/18px SourceSansPro-Regular, sans-serif;
    box-sizing: border-box;
}

#payment-container select {
    width: 100%;
    height: 50px;
    border: 0;
    font-size: 14px;
    font-style: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    padding-left: 4px;
    font: 14px SourceSansPro-Regular, sans-serif;
    background-size: 10px 20px;
    background-position: 95% 50%;
    background-image: url(/offer/pid/e571656aBW/dropdown-arrows.png);
    background-repeat: no-repeat;
    padding-right: 4px;
}

.column-row {
    margin: 0;
}

.column-row:after {

    content: "";
    clear: both;
    display: table;
}

table.upgrade thead tr th, table.upgrade thead {
    background-color: #5e317c;
    color: #ffffff;
    font-weight: 700;
    font-family: proxima-soft, sans-serif;
    font-size: 14px;
    height: 50px;
    padding: 0px 10px;
    vertical-align: middle;
}

table.upgrade td.upgrade,
table.upgrade td.total,
table.upgrade td.offer {
    font-weight: 700;
    font-size: 14px;
    font-family: proxima-soft, sans-serif;
    color: #5e317c;
    text-align: center;
}

table.upgrade td.total {
    font-size: 24px;
    color: #5e317c;
}

.bid-review td.offer,
.offer-edit-amount {
    font-size: 24px;
    color: #5e317c;
}

.bid-review td.offer {
    border-right: none;
}

.bid-review td.per {
    border-left: none;
}

table.upgrade td.per small {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    font-family: proxima-soft, sans-serif;
    line-height: initial;
}

table.upgrade a.edit-bid {
    color: #ed8426;
    font-weight: 700;
    font-family: proxima-soft, sans-serif;
}

table thead tr th {
    border-bottom: 0;
    height: 50px;
}

table td {
    border: 1px solid #EEECE5;

}

.flight-information-block.v2 ul {
    text-align: center;
}

.flight-information-block.v2 .airport-code {
    font-weight: 700;
    font-size: 24px;
    font-family: proxima-soft, sans-serif;
    color: #5e317c;

}

.flight-information-block.v2 .destination-city, .flight-information-block.v2 .origination-city {
    font-weight: 700;
    font-size: 14px;
    font-family: proxima-soft, sans-serif;
    color: #5e317c;
}

.flight-information-block.v2 .carrier-name {
    font-size: 12px;
    font-weight: 500;
    font-family: proxima-soft, sans-serif;
}

.flight-information-block.v2 .departure-date, .flight-information-block.v2 .length, .flight-information-block.v2 .carrier-info, .flight-information-block.v2 .flight-number {
    font-size: 12px;
    font-weight: 500;
    font-family: proxima-soft, sans-serif;
}

.upgrade-type, .upgrade-type-in-slider {
    font-weight: 700;
    font-size: 14px;
    color: #5e317c;
}

.ui-slider-tooltip-amount,
.ui-slider-tooltip-points,
.ui-slider-tooltip-tax {
    font-weight: 700;
    font-family: proxima-soft, sans-serif;
    font-size: 18px;
    color: #5e317c;
}

.ui-slider-tooltip .ui-slider-tooltip-per-pax {
    font-weight: 700;
    font-size: 14px;
    font-family: proxima-soft, sans-serif;
}

.ui-slider {
    background: #EEECE5;
}

.alt-row {
    background-color: transparent;
}

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

.slider-legend-left, .slider-legend-right {
    font-weight: 500;
    font-family: proxima-soft, sans-serif;
    font-size: 12px;
}

td.menu-n, .cellOver-n {
    background-color: #0B223F;
}

.inlay-product-info .inlay-title {
    font-weight: 700;
    font-size: 18px;
    color: #5e317c;
    font-family: proxima-soft, sans-serif;
}

.inlay-product-info .inlay-title > span {
    font-weight: 500;
    font-size: 14px;
    font-family: SourceSansPro-Regular, sans-serif;
}

.inlay-product-info ul {

    font-size: 14px;
    color: #333333;
    font-family: SourceSansPro-Regular, sans-serif;
}

.inlay-product-info ul li {
    padding: 10px 0px;
}

.jcarousel-control-nav {
    margin-left: -50px;
}

.jcarousel-control-prev, .jcarousel-control-next {
    background: #5e317c;
    text-shadow: none;
}

.inlay-product-info .inlay-right {
    width: 400px;
    min-height: 266px;
}

.inlay-product-info .inlay-right .tcycle {
    left: -25px;
}

.inlay-product-info .inlay-right img {
    width: 400px;
}

.jcarousel-pagination {
    left: -25px;
    top: 0px;
}

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

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

.jcarousel-control-nav .next {
    right: -210px;
}

div.modal .bid-payment h1 {
    font-size: 24px;
    font-weight: 700;
    font-family: proxima-soft, sans-serif;
    color: #5e317c;
}

#bid-review form.payment-info label {
    width: 30%;
    font-weight: 700;
    font-family: proxima-soft, sans-serif;
    font-size: 14px;
}

.payment-info .columns {
    margin: 0;
}

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

.labeled-checkbox a {
    color: #ed8426;
    font-weight: 700;
    font-family: proxima-soft, sans-serif;
}

.labeled-checkbox label {
    vertical-align: middle;
    display: inline;
    float: none;
    font-weight: 500;
    margin: 0;
    font-family: proxima-soft, sans-serif;
}

small.footnote {
    display: none;
}

form.confirm div.inlined {

    border-bottom: 1px solid #EEECE5;
    padding: 10px 0px;
}

#bid-form table.upgrade th:first-child:before,
#payment-review-flights table.upgrade th:nth-child(3):before,
#bid-review-flights table.upgrade th:nth-child(3):before,
.bid-thanks-summary table.upgrade th:nth-child(3):before,
table.offers th.airline:before,
#offer-cancel table.upgrade th:nth-child(3):before,
#modify-offer-form table.upgrade th#flight-info-th:before {

    background: url(/offer/pid/e571656aBW/flight-info.png) no-repeat;
    background-size: auto 20px;
    padding-right: 40px;
    content: "";
    background-position: center center;
}

#bid-form table.upgrade th:nth-child(2):before,
#payment-review-flights table.upgrade th:nth-child(2):before,
#bid-review-flights table.upgrade th:nth-child(2):before,
.bid-thanks-summary table.upgrade th:nth-child(2):before,
table.offers th.flights:before,
#offer-cancel table.upgrade th:nth-child(2):before,
#modify-offer-form table.upgrade th#upgrade-type-th:before {
    background: url(/offer/pid/e571656aBW/upgrade-type.png) no-repeat;
    background-size: auto 20px;
    padding-right: 40px;
    content: "";
    background-position: center center;
}

#bid-form table.upgrade th:nth-child(4):before,
#modify-offer-form table.upgrade th#offer-meter-th:before {
    background: url(/offer/pid/e571656aBW/pyramid.png) no-repeat;
    background-size: auto 20px;
    padding-right: 40px;
    content: "";
    background-position: center center;
}

#payment-review-flights table.upgrade th:first-child:before,
#bid-review-flights table.upgrade th:first-child:before,
#bid-form table.upgrade th:nth-child(3):before,
.bid-thanks-summary table.upgrade th:first-child:before,
table.offers th.upgrade:before,
#offer-cancel table.upgrade th:first-child:before,
#modify-offer-form table.upgrade th#offer-th:before {

    background: url(/offer/pid/e571656aBW/cash.png) no-repeat;
    background-size: auto 20px;
    padding-right: 40px;
    content: "";
    background-position: center center;
}

table.offers th.status:before {

    background: url(/offer/pid/e571656aBW/status.png) no-repeat;
    background-size: auto 20px;
    padding-right: 40px;
    content: "";
    background-position: center center;
}

#payment-review-flights table.upgrade th.total:before,
#bid-review-flights table.upgrade th.total:before,
.bid-thanks-summary table.upgrade th:nth-child(5):before {
    background: url(/offer/pid/e571656aBW/total-offer.png) no-repeat;
    background-size: auto 20px;
    padding-right: 40px;
    content: "";
    background-position: center center;
}

/* Buy Now */

td.instant-upgrade-row {
    border-right-style: none !important;
    padding-top: 20px !important;
}
table.any-instant-upgrade .offer-slider-block {
    width: 80%;
}

.vertical-line-container {
    margin-right: 12px;
}

.vertical-line {
    min-height: 30px;
}
table.any-instant-upgrade .offer-slider-block {
    margin-left: 0 !important;
    margin-right: 20px;
}
.icheckbox_line, 
.iradio_line,
.icheckbox_line.hover {
    color: #fff;
    background: #5E317C;
    margin: 5px auto;
    width: 60%;;
}

.icheckbox_line.hover.checked,
.icheckbox_line.checked {
    background: #5e317c
}

.icheckbox_line.checked .check_line-icon:before {
    content: "\f1b3";
    padding: 0px 4px;
    font: normal normal normal 14px/1 'Elusive-Icons';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    text-align: left;
    margin-left: -40px;
    margin-right: 20px;

}

.icheckbox_line label.not-selected,
.icheckbox_line label.selected {
    font-size: 15px;
    color: #fff;
}

.icheckbox_line.disabled, .iradio_line.disabled {
    background: #d5d4d1;
    border: 0;
}

td.buy-now {
    text-align: center;
    padding: 10px !important;
}

td.buy-now.BUSINESS {
    border-left: none;
    vertical-align: middle;
    padding: 15px !important;
    width: 20%;
}

/* \Buy Now */

.bid-thanks-summary h4 {
    font-size: 24px;
    font-family: proxima-soft, sans-serif;
    font-weight: 700;
    color: #5e317c;
}

.bid-thanks-summary {
    background: url(/offer/pid/e571656aBW/Thankyou-hero.png) no-repeat;
    background-size: auto 300px;
    padding: 320px 0 0px 0;

}

/* offer details */

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

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

#offer-details .offer-details-v2 #contentMain .column-row:nth-child(2) {
    background: #5e317c;
    font-family: proxima-soft, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

#offer-details .h4 {
    font-weight: 700;
    font-size: 24px;
    font-family: proxima-soft, sans-serif;
    color: #5e317c;
}

#offer-details .offer-details-v2 .h6 {
    text-transform: normal;
    font-family: proxima-soft, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #757575;
}

#offer-details .h4.offer-amount .small-value {
    font-weight: 700;
    font-size: 24px;
    font-family: proxima-soft, sans-serif;
    color: #5e317c;
}

#offer-cancel p.center {
    margin-top: 20px;
    color: transparent;
}

.cancel-offer {
    float: right;
}

#offer-cancel .details-link {
    float: left;

    background-color: #757575 !important;
    min-width: 150px;
    height: 50px;
    text-align: center;
    background: none;
    border-radius: 0;
    vertical-align: middle;
    line-height: 50px;
    font-size: 14px;
    color: #fff;

}

.modify-action .blue.button {
    min-width: 100px;
    text-align: center;
    padding: 0;
    height: 40px;
    line-height: 40px;
}

#flight-detail-content .right.length {
    top: -80px;
    position: relative;
    padding: 0 100px;
}

table.offers thead tr th {
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    font-family: proxima-soft, sans-serif;
    background: #5e317c;
    color: #ffffff;

}

table.offers td {
    padding: 10px;
}

table.offers td.pnr {
    font-size: 14px;
    font-family: proxima-soft, sans-serif;
    font-weight: 700;
    text-align: center;
}

table.offers td.offer-amount {
    font-size: 14px;
    font-family: proxima-soft, sans-serif;
    font-weight: 700;
    color: #5e317c;
    text-align: center;
}

table.offers td.status {
    text-align: center;
}

table.offers tr th {
    border: 0 !important;
}

table.offers .upgrade {
    width: auto;
}

.green.label {
    height: 50px;
    padding: 0 15px;
    vertical-align: middle;
    line-height: 50px;
    border-radius: 0;
    min-width: 150px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    font-family: proxima-soft, sans-serif;
    background: #5e317c;

}

.green.label.CANCELLED {
    background: #757575;

}

.blue.button:hover {
    background: #3A1D4E;
}

.blue.button {
    background: #ed8426;
    font-weight: 700;
    font-size: 14px;
    font-family: proxima-soft, sans-serif;
    height: 50px;
    line-height: 50px;

}

div.modal div.page-header h1 {
    font-size: 24px;
    font-weight: 700;
    font-family: proxima-soft, sans-serif;
    color: #5e317c;
}

#modify-body div.page-header h1 {
    font-size: 24px;
    color: #5e317c;
    font-family: proxima-soft, sans-serif;
    font-weight: 700;
}

#upgradeModal {
    padding: 40px 0px;
}

#offer-cancel button + a,
#offer-modify button + a {

    color: #ed8426;
    font-size: 14px;
    font-weight: 700;
    font-family: proxima-soft, sans-serif;
}

#save-changes {
    float: right;
}

#offer-modify .details-link {
    float: left;
    background-color: #757575 !important;
    min-width: 150px;
    height: 50px;
    text-align: center;
    background: none;
    border-radius: 0;
    vertical-align: middle;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
}

#offer-modify p.center {
    margin-top: 20px;
    color: transparent;
}

div.page-header p {
    color: #333333;
    font-family: SourceSansPro-Regular;
    font-size: 14px;
}

.cancel-button {
    color: #ed8426;
    font-weight: 700;
    font-family: proxima-soft, sans-serif;
}

.standalone-footer {

    width: 100%;
    height: 80px;
    margin-top: 20px;
    padding: 0;
    color: #fff;
    background: #5e317c url(footer-desktop.png) no-repeat left top;
    background-size: cover;
    position: absolute;
    left: 0;
}

.standalone-partner-footer {
    width: 1170px;
    margin: auto;
    height: 80px;
    vertical-align: middle;
    line-height: 80px;
    font-family: proxima-soft, sans-serif;
    font-weight: 700;
    font-size: 14px;

}

body.standalone .powered-by-pg:before {
    content: "powered by";

    height: 64px;
    display: block;
    background-position: center right;
    top: 58px;
    position: relative;
    color: #fff;
    background-size: 100px;

}

body.standalone .powered-by-pg:after {
    content: "";
    background: url(/offer/img/plusgrade-logo-email-white.png) no-repeat;
    height: 64px;
    display: block;
    background-position: top right;
    top: -38px;
    position: relative;
    color: #fff;
    background-size: 100px;
    right: -8px;

}

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

#offer-details .offer-details-v2 .status {
    border-left: 1px #ddd solid;
}

body.standalone .powered-by-pg {
    font: 11px proxima-soft, sans-serif;
    font-weight: 700;
}

.accessibility div.modal .blue.button {
    background-color: #915e30 !important;
}

.accessibility table.upgrade a.edit-bid, .accessibility .labeled-checkbox a {
    color: #915e30 !important;
}

.accessibility table.upgrade tr.inactive td, .accessibility table.upgrade tr.inactive td small {
    color: #000 !important;
}

.accessibility div.modal .white.button {
    background-color: #555555 !important;
}
