@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/gotham-fonts/Gotham-Book.woff') format('woff'), 
         url('../fonts/gotham-fonts/Gotham-Book.woff2') format('woff2'), 
         url('../fonts/gotham-fonts/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/gotham-fonts/Gotham-Bold.woff') format('woff');
}

html {
    position: relative;
    min-height: 100%;
}

html, body {
    margin: 0;
    padding: 0;
    height: 400px;
}

body {
    /*font-family: 'helveticaneue-font';*/ /* ODL FONT      */
    font-family: 'Gotham Book'; /* As Per Mockup */
    line-height: 20px;
    background: #efefef;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

*::-webkit-input-placeholder {
    padding: 5px 0 0 0;
    font-size: 16px;
    line-height: 1em;
    color: #707070;
}

*:-moz-placeholder {
    /* FF 4-18 */
    padding: 5px 0 0 0;
    font-size: 16px;
    line-height: 1em;
    color: #707070;
}

*::-moz-placeholder {
    /* FF 19+ */
    padding: 5px 0 0 0;
    font-size: 16px;
    line-height: 1em;
    color: #707070;
}

*:-ms-input-placeholder {
    /* IE 10+ */
    padding: 5px 0 0 0;
    font-size: 16px;
    line-height: 1em;
    color: #707070;
}

/*Common*/

.border-danger {
    border: solid 1px #d8292f !important;
}

.text-danger {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #d8292f;
    padding-top: 13px;
}

.equal-height.row > [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.equal-height.row, .equal-height-2 {
    overflow: hidden;
}

.lbl-agree-text {
    padding-left: 0px !important;
}

.min-height-450px {
    min-height: 450px;
}

.margin-bottom-25px {
    margin-bottom: 25px;
}

/*Checkbox style start*/

.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 10px;
        font-size: 13px !important;
        font-weight: 500 !important;
        font-style: normal !important;
        font-stretch: normal !important;
        line-height: 1.54 !important;
        letter-spacing: 0.2px !important;
        color: #505050 !important;
        text-align: left !important;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
    }

        .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }

        .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

/*Checkbox style end*/

.mobile-view {
    display: none;
}

.desktop-view {
    display: block;
}

.display-none {
    display: none !important;
}

.no-padding {
    padding: 0px;
}

.no-left-right-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.no-top-bottom-padding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.no-top-bottom-margin {
    margin-top: 0px;
    margin-bottom: 0px;
}

.padding-top-15px {
    padding-top: 15px;
}

.padding-right0px {
    padding-right: 0px;
}

.margin-right0px {
    margin-right: 0px;
}

.width15 {
    width: 15%;
}

.width70 {
    width: 70%;
}
 
/*Common end*/

.container {
    margin: 0px;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}

.header {
    padding: 1.2% 0% 1.2% 19.8%;
    height: 70px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(to bottom, #001f60, #01143e);
}

.star-PAL-logo-1-liner-B-01 {
    height: 45px;
}

.content {
    margin: 21px 10% 0px 20% !important;
}

.fare-information-section {
    border-radius: 6px;
    box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.fare-information-section-header {
    width: 100%;
    height: 38px;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(to bottom, #001f60, #01143e);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #ffffff;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid white;
    border-bottom: 0;
    padding: 11px 0px 10px 22px;
}

.fare-information-section-col1 {
    padding-left: 35px;
}

.currency {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #505050;
}

.currency-type {
    width: 147px;
    height: 34px;
    border-radius: 4px;
    border: solid 1px #cdcfd2;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #505050;
    -webkit-appearance: none; /* for chrome & safari */
    -moz-appearance: none; /* for mozilla */
    background-image: url('../img/arrow_down.svg');
    background-repeat: no-repeat;
    background-position: 95% center;
    margin-top: 18px;
    margin-left: 25px;
    padding: 8px 0px 9px 8px;
}

/*Font 14*/
.fare-information-section-col2, .fare-information-row3 {
    font-size: 14px;
    font-weight: 500;
    /*letter-spacing: 0.2px;*/
}

.fare-information-section-col2 {
    color: #d8292f;
    padding-top: 26px;
}

.fare-information-row3 {
    color: #505050;
    padding: 20px 26px 29px 0px;
}

    .fare-information-row3 .span-2, .fare-information-row3 .span-4 {
        padding-left: 0px;
    }

fieldset.header-border {
    border: solid 1px #979797;
    padding: 0 1.4em 0 1.4em !important;
    margin: 0 0 0 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-top: 20px;
}

legend.header-border {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: 0px;
    margin-bottom: 0px;
    color: #172e6c;
}

.border-less {
    border: none;
}

/*Flight Section*/

.flight-section {
    width: 270px;
    border-radius: 6px;
    box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    margin-left: 25px;
}

.flight-header {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #383838;
    padding: 17px 0px 0px 20px;
    padding-bottom: 15px;
    border-bottom: solid 1px #eaeaea;
}

.flight-details {
    padding-top: 10px;
}

    .flight-details .flight-name {
        font-size: 10px;
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: 0px;
        vertical-align: top;
    }

    .flight-details .flight-name {
        font-size: 12px;
        font-family: "Gotham-Bold";
        letter-spacing: 0.6px;
    }

    .flight-details .flight-code {
        font-size: 25px;
        font-family: "Gotham-Bold";
    }

    .flight-details .flight-smallname {
        font-size: 8px;
        padding-left: 10px;
    }

    .flight-details .flight-time-details {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.33;
        letter-spacing: 0.2px;
        color: #838383;
        display: block;
        vertical-align: top;
    }

.flight-dashed-lines {
    border-left: dashed 1px #565656;
    margin-left: 30px;
    margin-top: -15px;
    height: 35px;
}

.flight-arrive-details {
    margin-top: -7px;
}

.flight-section-line-2 {
    margin-left: 22px;
    margin-right: 22px;
}

.flight-depa-details, .flight-arrive-details {
    padding-right: 0px;
}

.line-2 {
    opacity: 0.2;
    border: solid 1px #979797;
    padding-top: 20px;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 220px;
    height: 2px;
}

.first-td {
    width: 15%;
    vertical-align: top;
}

/*Payment Section*/

.payment-section {
    border-radius: 6px;
    border: solid 1.5px #001f60;
    background-color: #ffffff;
    margin-top: 20px;
    /*padding-bottom: 32px;*/
}

.payment-type-menu {
    /*border-radius: 6px;*/
    border-right: 0px;
    background-image: linear-gradient(to bottom, #001f60, #01143e);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom: 1px solid !important;
}

    .payment-type-menu li {
        /*border-bottom: 1px solid #4A5E88;*/
        border-right: 0px;
    }

    .payment-type-menu > li > div {
        font-size: 12.5px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.2px;
        margin-right: 0;
        padding-right: 0px;
        border-right: 0px !important;
        border-radius: 0px;
        color: #ffffff;
    }

.payment-date {
    width: 207px;
    padding-left: 0;
    padding-right: 12px;
}
.payment-cvv {
    width: 135px;
    padding-left: 0;
    padding-right: 0px;
}

.payment-cardNumber {
    width: 280px;
    padding-left: 0;
    padding-right: 12px;
}


#paymentTypeTab li div {
    color: #ffffff;
}

#paymentTypeTab li.active div {
    color: #001f5f;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.payment-type-menu ul {
    border-bottom: 0px !important;
    margin-top: 0.5px;
    margin-left: 0.5px;
}

.payment-type-menu li:first-child div {
    border-top-left-radius: 4px;
}

.payment-type-menu li:last-child div {
    border-bottom-left-radius: 4px;
}

.payment-type-menu li div {
    margin-right: 0px;
    border-right: none !important;
    border-top-right-radius: 0px !important;
    padding-left: 15px;
}

.payment-type-menu li:hover, .payment-type-menu li:hover div {
    border-bottom-left-radius: 4px !important;
    background: none;
}

.payment-type-menu li.active, .payment-type-menu li.active div {
    border-bottom-left-radius: 4px !important;
}

.payment-type-menu li:first-child, .payment-type-menu li:first-child div {
    border-bottom-left-radius: 0px !important;
}

.border-bottom {
    border-bottom: 1px solid #4A5E88;
}

.UATP_CMYK_RegisteredMark {
    width: 100px;
    height: 30px;
}
.DCI_Image {
    width: 100px;
    height: 50px;
}

.payment-section-right {
    padding: 5px 24px 0px 25px;
    margin-bottom: 25px;
}

.select-bank-ddl {
    padding: 6px 0px 0px 0px;
}

.payment-section-right span {
    font-size: 13px;
    letter-spacing: 0.2px;
    color: #384850;
}

.card-details-row-padding25px {
    padding-top: 10px;
}

    .card-details-row-padding25px span {
        color: #afb6b9;
    }

.payment-section-right input[type=text], input[type=number].hidespinner, input[type=password] {
    width: 100%;
    height: 38px;
    border-radius: 4px;
    border: solid 1px #cdcfd2;
    margin-top: 7px;
    margin-right: 24px;
    padding: 11px 0px 10px 14px;
}

.mobile-no-123 input[type=number] {
    width: 100%;
    height: 38px;
    border-radius: 3px;
    border: solid 1px #cdcfd2;
    margin-top: 7px;
    margin-right: 24px;
    padding: 11px 0px 10px 14px;
}

    .mobile-no-123 input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.txt-expiry-month {
    width: 90% !important;
}

.btn-pay {
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    background: linear-gradient(to bottom, #001f60, #223d7b) !important;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-align: center;
    color: #ffffff;
    padding: 10px 50.5px 11px 50.5px;
}

.btn-cancel {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #283f7b;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: solid 1px #d8292f;
}

    .btn-cancel:hover, .btn-cancel:focus {
        text-decoration: none;
    }

.dropdown-toggle, .dropdown-menu {
    min-width: 250px;
    height: auto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #505050;
    border-radius: 4px;
    border: solid 1px #cdcfd2;
    background-image: linear-gradient(to bottom, #efefef, #ffffff);
}

.dropdown-toggle-selectcurrency {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #505050;
    border-radius: 4px;
    border: solid 1px #cdcfd2;
    background-image: linear-gradient(to bottom, #efefef, #ffffff);
    margin-top: 16px;
    padding-top: 10px;
    margin-left: 10px;
    padding-bottom: 10px;
    text-align: left;
}

    .dropdown-toggle-selectcurrency .chevron {
        float: right;
    }

.btn-group img {
    margin-right: 10px;
}

.dropdown-toggle .glyphicon {
    margin-left: 20px;
    margin-right: -40px;
}

.dropdown-menu > li > a:hover {
    background: #f1f9fd;
}

.dropdown-header {
    background: #ccc;
    font-size: 14px;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.dropdown-menu > li > a {
    padding-left: 13px;
}

/*Legel notice*/
.legal-notices-paym {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #505050;
    padding: 2% 0% 0% 37%;
}

    .legal-notices-paym a {
        color: #505050;
    }

/*social-link*/
.social-link {
    padding: 2% 0px 3.4% 37%;
}

.separator {
    padding: 0px 10px 0px 10px;
}

.btn-group-selectbank .chevron {
    float: right;
}

.btn-group-selectbank img {
    margin-right: 11px;
}

/*Theme2.4 - Success* & Theme2.19 - Pending*/
.successful-Payment {
    font-size: 22px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #121212;
}

.payment-details-section {
    padding: 15px 0px 34px 0px;
}

.payment-details-left {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #505050;
    padding-top: 25px;
}

.payment-details-right {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #11367a;
    padding-top: 25px;
}

.choose-your-bank-to {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    color: #383838 !important;
}

.payment-details-section div .row {
    padding-bottom: 25px;
}

.success-text {
    color: #28bc65;
}

.pending-text {
    color: #d8292f;
}

.thank-you-for-bookin {
    font-size: 17px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #11367a;
    padding-top: 36px;
}

.your-payment-is-succ {
    font-size: 14px;
    letter-spacing: 0.2px;
    color: #505050;
    padding-top: 11px;
}

.payment-section-success-right {
    padding: 20px 30px 0px 30px;
}

.we-are-redirecting-y {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #11367a;
    padding-top: 26px;
}

.payment-section-success {
    min-height: 476px;
    height: auto;
    border-radius: 6px;
    border: solid 1.5px #001f60;
    background-color: #ffffff;
    margin-top: 20px;
    /*margin-top: -45%;*/
}

.payment-section-success-left .list-group {
    min-height: 472px !important;
    height: auto;
    border-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 0px;
    background-image: linear-gradient(to bottom, #001f60, #01143e);
}

.select-bank-type li a {
    font-size: 14px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: 0.2px !important;
    color: #505050 !important;
}


.letter-case {
    text-transform: capitalize;
}

/*theme2.15 ATM Payment*/
.pay-in-slip-will-be {
    font-size: 13px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.54 !important;
    letter-spacing: 0.2px !important;
    color: #505050 !important;
    margin-left: -3%;
}

/*Theme2.14 Union Pay start */
.continue-payment-wit {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #505050;
}

.union-pay-right, .paypal-pay-right {
    padding-left: 30px;
}

/*Union Pay end */

/*Theme2.5 Paypal Section start*/
.logo-paddingtop-paypal {
    padding-top: 17px;
}

.btn-pay-paddingtop-paypal {
    padding-top: 94px;
}

.btn-cancel-paddingtop-paypal {
    padding-top: 163px;
}

.px-PayPal_2014_logosvg {
    width: 187.3px;
    height: 50px;
}
/*Paypal Section end*/

/*Gcash Section start*/
.gcash-logosvg {
    width: 165px;
    height: 41px;
}
/*Gcash Section end*/

@media (max-width : 767px) {

    .remove-on-mobile-device {
        display: none;
    }


    .sidenav_padding_top_bottom {
        padding-top: 2px;
    }

    .sidebar_border_bottom {
        border-bottom: none;
    }

        .active, .sidebar_border_bottom:hover {
            color: #FFFFFF !important;
            /*text-decoration:none !important;*/
        }

    .desktop-view {
        display: none;
    }

    .min-height-450px {
        min-height: 0px;
    }

    .mobile-view {
        display: block;
        padding-top: 8px;
    }

    .container {
        background-color: #f5f8fd;
    }

    .table-responsive {
        border: 0 !important;
    }

    .header {
        padding: 30px 17.5px 16px 14px;
        height: 100px;
    }

    .star-PAL-logo-1-liner-B-01 {
        width: 176.8px;
        height: 30.5px;
        margin-bottom: 17.5px;
    }

    .content {
        margin: 10px 8px 0px 8px !important;
    }

    /*Fare Information*/

    .fare-information-section, .flight-section, .payment-section-mobile input[type=text], .btn-pay, .btn-group-selectbank, .dropdown-toggle, .dropdown-menu {
        width: 100%;
    }

    .fare-information-section-col1 {
        padding-left: 20px;
        text-align: left;
    }

    .fare-information-section-col2 {
        padding-right: 20px;
        padding-top: 0px;
    }

    .currency-type {
        width: 85%;
        height: 38px;
        border-radius: 4px;
        border: solid 1px #cdcfd2;
        background-color: #ffffff;
        font-size: 14px;
        margin-top: 18px;
        margin-left: 23px;
        padding: 8px 0px 9px 8px;
    }

    .fare-information-row2 {
        padding: 10px 0px 0px 0px;
        text-align: right;
    }

    .fare-information-row3 {
        padding: 20px 20px 25px 20px;
    }

        .fare-information-row3 .span-2, .fare-information-row3 .span-4 {
            float: right;
        }

        .fare-information-row3 .column-2 {
            padding-top: 20px !important;
        }

    /*Flight Section*/

    .flight-section {
        margin: 20px 0px 0px 0px;
        min-height: 0px;
        height: auto;
    }


    .flight-section-mobile-view {
        margin: 20px 0px 0px 0px;
        background-color: #ffffff !important;
    }

    .flight-details .flight-name {
        font-size: 12px;
        font-family: "Gotham-Bold";
        letter-spacing: 0.6px;
    }

    .flight-details .flight-code {
        font-size: 25px;
        font-family: "Gotham-Bold";
    }

    .flight-details .flight-smallname {
        font-size: 8px;
        padding-left: 10px;
    }

    .flight-details .flight-time-details {
        font-size: 11px;
    }

    .mobile-view-flight-name {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 15px;
    }

    .flight-arrive-details {
        margin-top: 0px;
    }

    .up-arrow, .down-arrow {
        float: right;
        /*margin-top: 5px;*/
        color: #253c78;
        /*color: #253c78;*/
    }

    .first-td {
        width: 20%;
        vertical-align: top;
    }

    .flight-horizontal-dashed-lines {
        border-bottom: dashed 1.5px #565656;
        opacity: 0.5;
    }

    /*Payment section Mobile*/

    .letter-case {
        text-transform: uppercase !important;
    }

    .payment-section {
        padding-bottom: 0px;
        border: none;
        background-color: initial !important;
    }

    .payment-section-mobile {
        background-color: #ffffff;
        margin-top: 20px;
        padding-bottom: 17px !important;
    }

    .payment-section-header-mobile {
        border-radius: 5px;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
        background-image: linear-gradient(to bottom, #001f60, #01143e);
        font-size: 16px;
        color: #ffffff;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        padding: 13px 0px 13px 20px;
    }

    .payment-section-mobile input[type=text] {
        border-radius: 2px;
        border: solid 1px #cdcfd2;
        background-color: #ffffff;
        height: 42px;
        padding: 12px 0px 13px 15px;
        font-size: 14px;
    }

    .payment-section-mobile-row-padding {
        padding: 15px 16px 0px 16px;
    }

    .btn-pay-div-wrapper {
        padding: 26px 16px 0px 16px;
        margin-bottom: 17px;
    }

    .btn-pay {
        height: 42px;
        border-radius: 4px;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
        background-image: linear-gradient(to bottom, #001f60, #223d7b) !important;
        font-size: 15px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
    }

    /*Legel Information*/

    .legal-notices-paym {
        font-size: 12px;
        padding: 0px 0px 0px 0px !important;
        text-align: center;
    }

    /*Social link section*/

    .social-link {
        padding: 15px 0px 0px 0px;
        text-align: center;
    }

    /*Footer logo section*/

    .logo-link {
        padding: 15px 0px 23.8px 0px;
        text-align: center;
    }

    .mobile-payment-type {
        border-radius: 5px;
        box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
        border: solid 1px #e9eaec;
        background-color: #ffffff;
        font-size: 16px;
        padding: 15px 0px 16px 20px;
        cursor: pointer;
    }

    .margin-top-5px {
        margin-top: 5px;
    }

    /*Theme2.4 - success*/
    .payment-section-success {
        height: auto;
        margin-top: 20px;
    }

    .payment-section-success-right {
        padding: 0px 20px 0px 20px;
    }

    .payment-details-section {
        padding: 20px 0px 23px 0px;
    }

    .payment-details-left {
        font-size: 14px;
        padding-right: 10px;
        padding-top: 20px;
    }

    .payment-details-right {
        font-size: 14px;
        padding-top: 20px;
    }

    .thank-you-for-bookin {
        font-size: 15px;
        padding-top: 25px !important;
    }

    .your-payment-is-succ {
        font-size: 14px;
        padding-top: 14px;
    }

    .we-are-redirecting-y {
        text-align: left;
        padding-top: 21px;
    }

    .text-danger {
        text-align: right !important;
    }

    .equal-height.row > [class*="col-"] {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .card-details-mobile-row-margin25px {
        margin-top: 25px;
    }

    .payment-section-right {
        padding-top: 0px !important;
        margin-top: 0px !important;
        display: none;
    }

        .payment-section-right .txt-expiry-month {
            width: 327px !important;
            height: 42px !important;
            border-radius: 2px !important;
            border: solid 1px #cdcfd2 !important;
            background-color: #ffffff !important;
            padding: 12px 0px 13px 15px;
        }

    .mobile-view-textbox {
        height: 30px;
        width: 100%;
        height: 42px;
        border-radius: 2px;
        border: solid 1px #cdcfd2;
        background-color: #ffffff;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.3px;
        color: #505050;
        padding: 12px 0px 13px 15px;
        margin-top: 15px;
    }

    .mobile-view-pay-btn {
        width: 100%;
        height: 42px;
        border-radius: 4px;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
        background-image: linear-gradient(to bottom, #001f60, #223d7b);
    }

    .mobile-no-123 input[type=number] {
        height: 30px;
        width: 100%;
        height: 42px;
        border-radius: 2px;
        border: solid 1px #cdcfd2;
    }

    .panel-heading {
        /*height: 50px;*/
        height: 50px;
        border-radius: 5px;
        box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
        /*border: solid 1px #e9eaec;*/
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.2px;
        color: #383838;
        background-color: #ffffff !important;
        padding: 18px 0px 13px 15px;
    }

        .panel-heading.active {
            background-image: linear-gradient(to bottom, #001f60, #01143e);
            border-radius: 5px;
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0.4px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important;
            text-decoration: none;
            color: #ffffff;
        }

            .panel-heading.active a {
                text-decoration: none !important;
            }

    .active-panel-default {
        border: 1.5px solid #001e5e !important;
    }

    .panel-body {
        padding-top: 0px;
    }

    .no-top-bottom-padding {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .no-top-margin {
        margin-top: 0px !important;
    }

    .mobile-paddingtop-12px {
        padding-top: 12px;
    }

    .payment-type-menu {
        background-image: none;
        border-bottom: 0px !important;
    }

        .payment-type-menu ul li, .payment-section-success-left ul li {
            border: none;
        }

        .payment-type-menu li {
            border: none;
        }

    .card-details-row-padding25px {
        padding-top: 0px;
    }

    .panel-body {
        padding-top: 10px;
    }

    .choose-your-bank-to {
        opacity: 0.5;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.3px;
        color: #505050;
    }

    .mobile-top-padding20px {
        padding-top: 20px;
    }

    .logo-paddingtop-paypal {
        padding-top: 21px;
    }

    .btn-pay-paddingtop-paypal {
        padding-top: 34px;
    }

    .btn-cancel-paddingtop-paypal {
        padding-top: 163px;
    }

    .fa {
        font-size: 20px !important;
    }

    .star-PAL-logo-1-liner-B-01 {
        width: 176.8px;
        height: auto;
    }
}

@media all and (max-width: 1264px) and (min-width: 992px) {

    .header {
        padding-left: 2%;
    }

    .content {
        margin: 21px 0% 0px 2%;
    }

    .legal-notices-paym {
        padding: 2% 0% 0% 32%;
    }

    .social-link {
        padding: 2% 0px 3.4% 32%;
    }
}

@media all and (max-width: 992px) and (min-width: 767px) {

    .header {
        padding-left: 2%;
    }

    .content {
        margin: 21px 0% 0px 1%;
    }

    .flight-section {
        width: 31%;
        margin-left: 1%;
    }

    .fare-information-section-col1 {
        padding-left: 5.7%;
    }

    .fare-information-row3 {
        padding: 20px 2% 29px 2%;
    }

    .legal-notices-paym {
        padding: 2% 0% 0% 27%;
    }

    .social-link {
        padding: 2% 0px 3.4% 27%;
    }
}

@media all and (max-width: 768px) and (min-width: 768px) {

    .header {
        padding-left: 2%;
    }

    .content {
        margin: 21px 0% 0px 1%;
    }

    .flight-section {
        width: 30%;
        margin-left: 1%;
    }
}

.dropdown-menu-img {
    width: 36px;
    height: 36px;
}

.dropdown-scrollable {
    height: auto;
    max-height: 250px;
    overflow-x: hidden;
}

.card-details-row-bottom-padding25px {
    padding-bottom: 25px;
}

.line-height-2-5 {
    line-height: 2.5;
}

.margin-bottom-10 {
    margin-bottom: 7px;
}

.img-height-width-35 {
    height: 35px;
    width: 35px;
}

.dropdown-menu-arrow-down {
    margin-top: 14px;
    margin-left: 10px;
}

.padding-top-30px {
    padding-top: 30px;
}

.non-MCC-Label {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 25px;
}

.btn-background {
    background-image: linear-gradient(to bottom, #001f60, #223d7b);
}

input[type=number].hidespinner::-webkit-inner-spin-button, input[type=number].hidespinner::-webkit-outer-spin-button {
    display: none;
}

.word-wrap {
    /*word-wrap: break-word;*/
    word-break: break-all !important;
}

.btnWidth {
    max-width: 100%;
}

label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

label {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.54 !important;
    letter-spacing: 0.2px !important;
    color: #505050 !important;
    text-align : left;
}

.padding-bottom-10px {
    padding-bottom: 10px;
}

.color {
    color: #001f60;
    font-size: 20px !important;
}
.font-weight-bold {
    font-size: 100%;
    font-family: "Gotham-Bold";
}
.padding-right8px {
    padding-right:8px;
}
.font-size-12px {
    font-size:12px !important;
}.fpx-height-width {
     height: 23px !important;
     width: 70px !important;
 }

.fpx-height-width {
    height: 23px !important;
    width: 70px !important;
}


.padding-left-65px {
    padding-left: 65px !important;
}

.padding-right20px {
    padding-right: 20px;
}


.padding-right15px {
    padding-right: 15px;
}

.float-right {
    float: right;
}
.wrapper-box {
    margin-left: 30px;
    padding: 30px 30px 10px 15px;
}

    .wrapper-box > h2 {
        font-size: 20px;
        font-weight: normal;
        padding-bottom: 10px;
    }

.wrapper-tabcontent-result {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background: #fff;
}