/*Theme colour variables are defined in Theme.resx and referenced as inline styles (values provided by deployment questionnaire)*/

body {
    background-color: #d4d3d3;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

p {
    font-weight: bold;
    font-size: 18px;
}

    p.center {
        text-align: center;
    }

.section {
    position: relative;
    height: 100vh;
}

    .section .section-center {
        padding-top: 20px;
    }

.logo-container {
    display: block;
    width: 100%;
    text-align: left;
}

#logo {
    margin: 10px;
    height: 40px;
}

#pnr {
    width: 200px;
    vertical-align: middle;
}

#pinr {
    width: 200px;
    padding-left: 5px;
    vertical-align: middle;
}

.mtop-30 {
    margin-top: 30px;
}

.icon {
    font-size: 36px;
}

.icon-grey {
    color: grey;
    font-size: 36px;
}

.rotate-90 {
    transform: rotate(90deg);
}

.pnr {
    font-weight: bold;
    width: 66%;
}

    .pnr h3 {
        white-space: nowrap;
    }

.pnr-p {
    text-align: right;
    padding-right: 20px;
}

.pinandpnr {
    font-weight: bold;
    width: 100%;
}

#pinandpnr h3 {
    white-space: nowrap;
}

#message {
    font-weight: bold;
    font-size: 16px;
}

    #message h3 {
        white-space: nowrap;
    }

.booking-form h1 {
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-weight: 600;
    color: white;
    padding: 20px 0;
}

#booking {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    min-width: 330px;
}

.booking-form {
    background: white;
    padding: 10px 15px;
    overflow: auto;
}

    .booking-form .form-group {
        position: relative;
        margin-bottom: 30px;
    }

    .booking-form .form-control {
        border: none;
        height: 65px;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 24px;
        color: #090a0b;
        font-weight: 300;
        background: #f2f1f1;
        border-radius: 4px;
    }

        .booking-form .form-control::-webkit-input-placeholder {
            color: #b1b6bd;
        }

        .booking-form .form-control:-ms-input-placeholder {
            color: #b1b6bd;
        }

        .booking-form .form-control::placeholder {
            color: #b1b6bd;
        }

    .booking-form input[type="date"].form-control:invalid {
        color: #b1b6bd;
    }

    .booking-form select.form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .booking-form select.form-control + .select-arrow {
            position: absolute;
            right: 0px;
            top: 0px;
            width: 24px;
            text-align: center;
            pointer-events: none;
            height: 65px;
            line-height: 65px;
            color: #b1b6bd;
            font-size: 14px;
        }

            .booking-form select.form-control + .select-arrow:after {
                content: '\279C';
                display: block;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
            }

    .booking-form .form-label {
        display: block;
        font-weight: 600;
        height: 25px;
        line-height: 25px;
        font-size: 16px;
        position: relative;
        margin-top: 10px;
        text-transform: uppercase;
    }

        .booking-form .form-label:after {
            content: '';
            position: absolute;
            left: 10px;
            top: -10px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 10px 0 10px;
            border-color: #f2f1f1 transparent transparent transparent;
        }

    .booking-form .form-btn {
        text-align: center;
        padding-bottom: 2em;
    }

    .booking-form .submit-btn-default {
        background: #E91B2F;
        border: none;
        font-weight: 600;
        text-transform: uppercase;
        height: 70px;
        font-size: 18px;
        width: 100%;
        color: #fff;
        border-radius: 35px;
        display: block;
        margin-left: 0px;
    }

    .booking-form .submit-btn-left {
        background: #E91B2F;
        border: none;
        font-weight: 600;
        text-transform: uppercase;
        height: 70px;
        font-size: 18px;
        width: 100%;
        max-width: 350px;
        color: #fff;
        border-radius: 35px;
        display: block;
        margin-right: 10px;
        margin-left: auto;
    }

    .booking-form .submit-btn-right {
        background: #E91B2F;
        border: none;
        font-weight: 600;
        text-transform: uppercase;
        height: 70px;
        font-size: 18px;
        width: 100%;
        max-width: 300px;
        color: #fff;
        border-radius: 35px;
        display: block;
        margin-left: 10px;
        margin-right: auto;
    }

#btndecline {
    background: #fff !important;
    border: 1px solid #007CC2 !important;
    color: #404040 !important;
}

#main:after {
    /*Clearfix*/
    content: "";
    clear: both;
    display: table;
    width: 100%;
}

footer {
    width: 100%;
    color: white;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}

    footer p {
        line-height: 15px;
        color: white;
        font-size: 10px;
        font-weight: normal !important;
    }

.details h3 {
    color: white;
    font-weight: 500;
    padding: 5px;
}

.itinerary {
    text-align: center;
}

#itinerary-container {
    border-bottom: 4px solid lightgrey;
    margin-bottom: 30px;
}

#itinerary-content {
    display: inline-block;
    vertical-align: baseline;
    border-bottom: 2px dotted lightgrey;
    width: 77%;
}

.depart, .arrivee {
    margin-bottom: 5px;
}

.arrivee {
    text-align: right;
}

.form-group-15 {
    margin-bottom: 15px;
}

p.flight {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

p.company {
    margin: 0;
    padding: 0;
}

p.airport-code {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 300;
}

p.depart-title {
    margin: 0;
    padding: 0;
    font-size: smaller;
    font-weight: bold;
    color: grey;
}

p.date {
    margin: 0;
    padding: 0;
    font-size: small;
}

p.time {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

p.airport-name {
    margin: 0;
    padding: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

p.terminal {
    margin: 0;
    padding: 0;
    font-size: smaller;
}

.previous {
    text-decoration: line-through;
    color: grey;
}

.clear {
    clear: both;
}

.language {
    display: block;
    text-align: right;
    font-weight: normal;
    font-size: 14px;
    padding-top: 4px;
    padding-right: 2px;
    padding-bottom: 10px;
    width: 100%;
    line-height: 18px;
    vertical-align: middle;
}

.languageselect {
    font-weight: normal;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    height: 18px;
    font-size: 12px;
}



@media screen and (max-width: 660px) {
    .booking-form h1 {
        font-size: 24px;
    }

    #logo {
        text-align: center;
        display: block;
        margin: auto;
    }
}

@media screen and (max-width: 768px) {
    .section .section-center {
        padding-top: 0;
    }

    .booking-form h1 {
        text-decoration: none;
    }
}

@media screen and (max-width: 992px) {
    .itinerary {
        display: none;
    }

    #itinerary-container {
        display: flex;
        justify-content: space-between;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .depart, .arrivee {
        display: inline-block;
        width: 48%;
    }

    .booking-form .submit-btn-middle {
        margin-left: 0px;
    }

    .booking-form .submit-btn-left {
        margin-left: 0px;
    }

    .booking-form .submit-btn-right {
        margin-left: 0px;
    }
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), local('Montserrat-Light'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.ttf) format('truetype');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), local('Montserrat-Light'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.ttf) format('truetype');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), local('Montserrat-Light'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format('woff2'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.ttf) format('truetype');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), local('Montserrat-Light'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), local('Montserrat-Light'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.ttf) format('truetype');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.ttf) format('truetype');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format('woff2'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.ttf) format('truetype');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.ttf) format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2'), url(../../Content/Fonts/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../../Content/Icons/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'), url(../../Content/Icons/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    /* Support for IE */
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
}