.content-inner {
    background: #e6f0ff;
}

.view_box {
    background: #ffffff;
    border: 1px solid #e4e4e4;
    width: 100%;
    display: inline-block;
    margin: 5px 0;
}

.fare_detail .fare_detail_panel {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    width: 100%;
    display: inline-block;
}

    .fare_detail .fare_detail_panel .head {
        background: #00537d;
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        padding: 5px 15px;
    }

    .fare_detail .fare_detail_panel .content {
        padding: 10px 15px;
    }

        .fare_detail .fare_detail_panel .content .price_panel {
            border-bottom: 1px solid #eeeeee;
            margin-bottom: 0;
            font-size: 13px;
            font-weight: 400;
            color: #444444;
            padding: 10px 0;
            display: flex;
            width: 100%;
            justify-content: space-between;
        }

            .fare_detail .fare_detail_panel .content .price_panel[data-bs-toggle="collapse"] {
                cursor: pointer;
            }

            .fare_detail .fare_detail_panel .content .price_panel .titel {
                font-weight: 500;
                color: #444444;
            }

                .fare_detail .fare_detail_panel .content .price_panel .titel .traveler {
                    font-weight: 400;
                    margin-left: 5px;
                }

                .fare_detail .fare_detail_panel .content .price_panel .titel .icon {
                    color: #8e8e8e;
                    cursor: pointer;
                    margin: 0 5px;
                }

            .fare_detail .fare_detail_panel .content .price_panel .price {
                color: #444444;
            }

        .fare_detail .fare_detail_panel .content .price_detail_box {
            background: #efefef;
        }

            .fare_detail .fare_detail_panel .content .price_detail_box .price_detail {
                margin-bottom: 0;
                font-size: 12px;
                padding: 3px 8px;
                border-bottom: 1px solid #eaeaea;
                color: #666666;
                font-weight: 400;
                display: flex;
            }

                .fare_detail .fare_detail_panel .content .price_detail_box .price_detail .text {
                    width: 50%;
                    display: inline-block;
                }

                .fare_detail .fare_detail_panel .content .price_detail_box .price_detail .price {
                    display: inline-block;
                    width: 50%;
                    text-align: right;
                }

    .fare_detail .fare_detail_panel .f_total {
        display: flex;
        width: 100%;
        justify-content: space-between;
        font-size: 16px;
        font-weight: 600;
        color: #111111;
        padding: 10px 0 0;
    }

    .fare_detail .fare_detail_panel .pay_total {
        display: flex;
        width: 100%;
        justify-content: space-between;
        font-size: 18px;
        font-weight: 600;
        padding: 10px 15px;
        border-top: 1px solid #dddddd;
    }

.btn_back {
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    color: #111111;
    border: 0;
    display: inline-block;
    padding: 2px 0;
    position: relative;
    margin-top: 10px;
}

.right_section {
    position: sticky;
    -webkit-position: sticky;
    top: 0;
    z-index: 1;
}

.section_title {
    color: #111111;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    display: inline-block;
}

.btn_back:hover {
    text-decoration: none;
    cursor: pointer;
    color: #e91e63;
}

.btn_back::after {
    content: "";
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 2px;
    position: absolute;
    background: #e91e63;
    transition: all .5s ease;
}

.btn_back:hover::after {
    width: 100%;
}

.flight_preview_head {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
}

    .flight_preview_head .city {
        display: block;
        font-size: 16px;
        text-transform: uppercase;
        width: 100%;
    }

    .flight_preview_head .jurney {
        font-size: 13px;
        display: block;
        font-weight: 500;
        color: #444444;
    }

.partially-refundable {
    font-size: 13px;
    color: #307d01;
    font-weight: 500;
    margin-right: 15px;
}

.btn_farerules {
    text-decoration: none;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
    position: relative;
}

    .btn_farerules i {
        color: #f00;
        margin-left: 5px;
    }

    .btn_farerules:hover {
        text-decoration: none;
        cursor: pointer;
        color: #e91e63;
    }

    .btn_farerules::after {
        content: "";
        left: 0;
        bottom: -2px;
        width: 0%;
        height: 2px;
        position: absolute;
        background: #e91e63;
        transition: all .5s ease;
    }

    .btn_farerules:hover::after {
        width: 100%;
    }

.flight_preview_details {
    display: flex;
    flex-flow: wrap;
    background: #f3f3f3;
    padding: 0px 15px;
    justify-content: space-between;
}

    .flight_preview_details .flight_col1 {
        display: flex;
        align-items: center;
        min-width: 150px;
        padding: 10px 0;
    }

    .flight_preview_details .flight_col2 {
        min-width: 150px;
        max-width: 30%;
        padding: 10px 5px 10px 10px;
        border-left: 1px solid #dddddd;
    }

    .flight_preview_details .f_img {
        width: 34px;
        height: 34px;
        margin-right: 8px;
    }

        .flight_preview_details .f_img img {
            margin: auto;
            display: block;
            width: 30px;
            height: 30px;
            margin-top: 3px;
        }

    .flight_preview_details .flight_name {
        font-size: 13px;
        display: block;
        font-weight: 500;
    }

    .flight_preview_details .flight_num {
        font-size: 11px;
        display: block;
        font-weight: 700;
        color: #777777;
    }

    .flight_preview_details .t2 {
        font-size: 12px;
        display: block;
        font-weight: 500;
        margin-top: 3px;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .flight_preview_details .t1 {
        display: block;
        font-size: 13px;
    }

.flight_preview_content {
    display: flex;
    justify-content: center;
    padding: 15px;
    border: 1px solid #f5f5f5;
    align-items: center;
}

    .flight_preview_content .from {
        text-align: right;
        width: 35%;
    }

    .flight_preview_content .to {
        text-align: left;
        width: 35%;
    }

    .flight_preview_content .time {
        display: block;
        font-size: 25px;
        font-weight: 400;
        color: #000;
    }

    .flight_preview_content .date {
        display: block;
        color: #000;
        font-size: 15px;
        font-weight: 500;
    }

    .flight_preview_content .l1 {
        display: block;
        margin-top: 3px;
        font-size: 14px;
        color: #444444;
        margin: 0;
    }

    .flight_preview_content .duration {
        min-width: 25%;
        text-align: center;
    }

        .flight_preview_content .duration .t_time {
            display: block;
            font-size: 14px;
            margin-top: 5px;
        }

        .flight_preview_content .duration .t_arrow {
            border-top: 1px dashed #b4b4b4;
            width: 80px;
            display: block;
            margin: 15px auto;
            position: relative;
        }

            .flight_preview_content .duration .t_arrow i {
                background: #e4e4e4;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%) rotate(45deg);
                width: 20px;
                height: 20px;
                border-radius: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 12px;
            }

.change-plans {
    font-size: 13px;
    font-weight: 400;
    color: #004cbb;
    padding: 0 15px 10px;
}

    .change-plans i {
        font-size: 18px;
        margin-right: 5px;
        display: inline-block;
        vertical-align: -2px;
        padding: 0;
    }

#fareRules-offcanvas, #fareRules-return-offcanvas {
    width: 100%;
    max-width: 900px;
}

.flightDetailsCanvas {
    width: 100% !important;
    max-width: 900px !important;
}

.offcanvas {
    width: 100% !important;
    max-width: 900px !important;
}

.tbl_style1 th {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
}

    .tbl_style1 th .sector {
        font-size: 18px;
        color: #000000;
        font-weight: 700;
    }

.tbl_style1 td {
    font-size: 13px;
    color: #111111;
}

.tbl_style1 ul {
    margin: 15px 0;
    color: #555555;
}

    .tbl_style1 ul li {
        margin-bottom: 5px;
    }

.flight_preview_head .title {
    display: flex;
    color: #111111;
    font-size: 18px;
    font-weight: 500;
    align-items: center;
}

    .flight_preview_head .title img {
        width: 34px;
        min-width: 34px;
        margin: 8px 15px 8px 0;
    }

    .flight_preview_head .title .subtitle {
        font-size: 13px;
        display: block;
        font-weight: 400;
        color: #555555;
    }

.btn_add {
    border: 1px solid #005a99;
    padding: 5px 15px;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 3px;
    color: #005a99;
    cursor: pointer;
    outline: none;
}

    .btn_add[aria-expanded="true"] {
        position: relative;
    }

        .btn_add[aria-expanded="true"]::after {
            position: absolute;
            content: '\f00d';
            font-family: FontAwesome;
            color: #ffffff;
            left: -1px;
            right: -1px;
            text-align: center;
            top: -1px;
            bottom: -1px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #f00;
            border-radius: 3px;
        }

.btn_loginguest {
    padding: 8px 10px;
    border-radius: 2px;
    background: #005A99;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
}

    .btn_loginguest:hover {
        background: #02365a;
        color: #fff;
    }

.link_login {
    padding: 8px 15px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    color: #005a99;
    text-align: center;
    margin-right: 15px;
    border: 1px solid;
    text-decoration: none;
    display: inline-block;
}

    .link_login:hover {
        background: #e7f4ff;
        text-decoration: none;
    }

.accordion_traveler {
    border: 1px solid #e3e3e3;
    margin: 15px 0;
}

.accordion_header {
    background: #f4f4f6;
    padding: 10px;
    color: #b31010;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    padding-left: 35px;
}

    .accordion_header::before {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        content: "\F285";
        font-size: 14px;
        transition: transform .2s ease-in-out;
        font-family: 'bootstrap-icons';
        position: absolute;
        left: 10px;
        text-align: center;
        color: #666666;
        transform: rotate(90deg);
    }

    .accordion_header.collapsed::before {
        transform: rotate(0deg);
    }

.accordion_body {
    padding: 10px;
}

.form-group, .form-group1 {
    position: relative;
    z-index: 1;
    margin: 0;
}

.form-label {
    position: absolute;
    left: 7px;
    top: 13px;
    color: #666666;
    font-weight: 400;
    background-color: #fff;
    z-index: 10;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    cursor: inherit;
    z-index: 1;
    font-size: 14px;
    padding: 0 5px;
    pointer-events: none;
    white-space: nowrap;
}

.form-input {
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    outline: none;
    height: 38px;
    width: 100%;
    font-size: 14px;
    margin: 0 0 8px 0;
    padding: 0 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
    max-width: 180px;
}

    .form-input::placeholder {
        color: #aaaaaa;
        opacity: 0;
        font-weight: 300;
    }

    .form-input:hover {
        border-color: #72b9f1;
    }

    .form-input:focus {
        border-color: #027fe3;
    }

.form-group.focused .form-input::placeholder {
    opacity: 1;
}

.focused .form-label {
    -webkit-transform: translateY(-14px) scale(0.8);
    transform: translateY(-18px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    color: #111111;
    font-weight: 400;
}

.passenger-wrap {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 5px;
}

    .passenger-wrap:last-child {
        border-bottom: none;
    }

span.ps_title {
    font-size: 14px;
    font-weight: 600;
    padding: 12px 15px 0 0;
    min-width: 80px;
}

.psrow {
    flex-direction: row;
    flex-flow: wrap;
    box-sizing: border-box;
    display: flex;
    place-content: flex-start;
    align-items: flex-start;
    column-gap: 15px;
    margin-bottom: 5px;
}

.pxone .form-label {
    padding: 0;
    line-height: 15px;
    color: #666666;
    left: 0;
}

.pxone .form-input {
    user-select: none;
    pointer-events: none;
    background: #f2f7ff;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 26px;
    margin-top: 10px;
}

#gst-box .pscol2 {
    margin-bottom: 10px;
}

#gst-box .error {
    position: absolute;
    left: 0;
    bottom: -5px;
    font-size: 10px;
    color: #999999;
    font-weight: 400;
}

.info_msg {
    color: #d93812;
    font-size: 13px;
    font-weight: 400;
}

    .info_msg i {
        margin-right: 10px;
    }

.btn_toggle {
    font-size: 13px;
    text-decoration: none;
    color: #005ca5;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    font-weight: 500;
}

    .btn_toggle::before {
        flex-shrink: 0;
        margin-left: auto;
        content: "\F2EA";
        font-size: 14px;
        transition: transform .2s ease-in-out;
        font-family: 'bootstrap-icons';
        color: #005ca5;
        vertical-align: middle;
    }

    .btn_toggle.collapsed::before {
        content: "\F4FE";
    }

.flyer_name {
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    margin-top: 12px;
    padding-left: 5px;
}

.fare_detail {
    margin-top: 5px;
}

.btn_paynow {
    background: #005a99;
    color: #ffffff;
    border: 0;
    display: inline-block;
    margin: 5px 0;
    font-size: 18px;
    padding: 8px 20px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    outline: none;
    cursor: pointer;
}

    .btn_paynow:hover {
        background: #02365a;
    }

/*------------ 'Promo code' START ----------------*/
.promo_section {
}

    .promo_section .promocode-box {
        padding: 15px;
    }

        .promo_section .promocode-box .title1 {
            font-size: 14px;
            color: #111111;
            font-weight: 500;
            display: block;
            margin-bottom: 10px;
        }

        .promo_section .promocode-box .inpup_promo {
            display: flex;
            align-items: center;
            width: 100%;
            margin-bottom: 5px;
            position: relative;
        }

            .promo_section .promocode-box .inpup_promo .txt_promo {
                width: 100%;
                height: 38px;
                padding: 0 15px;
                border: 1px solid #e3e3e3;
                outline: none;
                font-size: 14px;
            }

                .promo_section .promocode-box .inpup_promo .txt_promo:focus {
                    border-color: #027fe3;
                }

            .promo_section .promocode-box .inpup_promo .btn_promo {
                border: 0;
                font-size: 14px;
                font-weight: 500;
                height: 36px;
                padding: 0 15px;
                background: #f1f1f1;
                color: #000000;
                position: absolute;
                right: 1px;
            }

                .promo_section .promocode-box .inpup_promo .btn_promo:hover {
                    background: #e7e7e7;
                }

        .promo_section .promocode-box .promo-success {
            font-size: 13px;
            display: block;
            color: #00af68;
            font-weight: 400;
            margin-bottom: 5px;
        }

        .promo_section .promocode-box .promo-error {
            font-size: 13px;
            display: block;
            color: #ff0000;
            font-weight: 400;
            margin-bottom: 5px;
        }

    .promo_section .seprator {
        display: inline-block;
        width: 100%;
        border-top: 1px dashed #bbbbbb;
        position: relative;
        margin: 10px 0;
    }

        .promo_section .seprator i {
            border: 1px solid #dfdfdf;
            font-size: 14px;
            font-weight: 500;
            display: inline-flex;
            width: 30px;
            height: 30px;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background: #f1f1f1;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

    .promo_section .promocode-list {
        max-height: 380px;
        overflow-y: auto;
        padding: 0;
    }

        .promo_section .promocode-list li {
            list-style: none;
        }

            .promo_section .promocode-list li:last-child .promocode {
                border-bottom: 0;
            }

            .promo_section .promocode-list li .promocode {
                padding: 8px 3px;
                border-bottom: 1px solid #e9e9e9;
            }

                .promo_section .promocode-list li .promocode .promorbtn {
                    display: flex;
                    align-items: center;
                }

                    .promo_section .promocode-list li .promocode .promorbtn input[type="radio"] {
                        transform: scale(1.2);
                        margin-right: 10px;
                        cursor: pointer;
                    }

                    .promo_section .promocode-list li .promocode .promorbtn label {
                        font-size: 14px;
                        text-transform: uppercase;
                        font-weight: 600;
                        color: #111111;
                        cursor: pointer;
                    }

                .promo_section .promocode-list li .promocode .code-desc {
                    padding-left: 25px;
                    font-size: 12px;
                    color: #666666;
                    font-weight: 400;
                    margin-bottom: 5px;
                }
/*------------ 'Promo code' END ----------------*/

.tab_style1 {
    margin-bottom: 10px
}

    .tab_style1 li {
        margin-right: 5px;
        list-style: none;
    }

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

        .tab_style1 li .tab {
            text-decoration: none;
            background: #f6f6f6;
            padding: 10px;
            font-size: 13px;
            font-weight: 500;
            color: #000;
            position: relative;
            line-height: 18px;
            display: block;
            text-transform: uppercase;
            cursor: pointer;
        }

            .tab_style1 li .tab.active::after, .tab_style1 li .tab:hover::after {
                content: '';
                left: 0;
                height: 3px;
                bottom: 0;
                width: 100%;
                position: absolute;
                z-index: 2;
                background: #005A99;
                display: block;
                transition: opacity .3s linear;
            }

.tab_content {
    display: none;
    background: #ffffff;
}

    .tab_content.active {
        display: block;
    }

.acor-style1 {
    border: 1px solid #dddddd;
    border-radius: 5px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
    margin: 5px 0;
}

    .acor-style1 .acor-item {
        border-bottom: 1px solid rgb(0 0 0 / 6%);
    }

    .acor-style1 .acor-header {
        font-size: 14px;
        padding: 12px 15px 12px 35px;
        cursor: pointer;
        font-weight: 500;
        position: relative;
        padding-left: 35px;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .acor-style1 .acor-header::before {
            flex-shrink: 0;
            width: 1.25rem;
            height: 1.25rem;
            margin-left: auto;
            content: "\F285";
            font-size: 14px;
            transition: transform .2s ease-in-out;
            font-family: 'bootstrap-icons';
            position: absolute;
            left: 10px;
            text-align: center;
            color: #666666;
            transform: rotate(90deg);
        }

        .acor-style1 .acor-header.collapsed::before {
            transform: rotate(0deg);
        }

    .acor-style1 .acor-body {
        padding: 0 15px 0 35px;
    }

    .acor-style1 .acor-row {
        display: flex;
        justify-content: space-between;
        font-size: 13px;
        color: #555555;
        margin-bottom: 10px;
    }

    .acor-style1 .acor-header.collapsed:hover {
        background: #f5f5f5;
    }

    .acor-style1 .total-fare {
        display: flex;
        justify-content: space-between;
        padding: 12px 15px;
        font-size: 16px;
        font-weight: 700;
    }

    .acor-style1 .acor-header .sector {
        font-size: 18px;
        color: #000000;
        font-weight: 700;
    }

/*------------ 'Int Round Result' START ----------------*/
.rt_flight-result {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.brd_box {
    margin: 10px 0;
    display: inline-block;
    width: calc(100% - 250px);
    flex: 0 0 auto;
    padding-left: 20px;
}

.result_row {
    width: 100%;
    display: inline-block;
    border: 0;
    background: #ffffff;
    padding: 0;
    position: relative;
    margin: 5px 0;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.05);
}

    .result_row:hover {
        box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.2);
    }

.rt_list {
    display: flex;
}

.rt_left {
    width: 70%;
    border-right: 1px dashed #dbdbdb;
}

.rt_right {
    min-width: 200px;
    width: 30%;
    display: flex;
    justify-content: space-around;
}

.rt_trip {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #dbdbdb;
    padding-left: 30px;
    position: relative;
    box-sizing: border-box;
}

    .rt_trip:last-child {
        border-bottom: none;
    }

    .rt_trip::before {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 22px;
        writing-mode: vertical-lr;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: center;
        line-height: 23px;
        color: #ffffff;
        transform: rotate(180deg);
    }

    .rt_trip.onword {
        background: #fcfff8;
    }

    .rt_trip.return {
        background: #fefaff;
    }

.onword::before {
    content: 'ONWARD';
    background: #d5ffa4;
    color: #709d3c;
}

.return::before {
    content: 'RETURN';
    background: #f9d4ff;
    color: #a762b3;
}

.rt_col1 {
    width: 22%;
    display: inline-block;
    padding: 8px 10px;
}

.rt_col2 {
    width: 17%;
    display: inline-block;
    padding: 8px 10px;
}

.rtf_logo {
    display: inline-block;
    margin: 5px 8px 0 0;
}

    .rtf_logo img {
        width: 30px;
        height: 30px;
    }

span.rtf_name {
    font-size: 13px;
    color: #444444;
    font-weight: 500;
    display: block;
}

span.rtf_no {
    display: block;
    font-size: 13px;
    color: #888888;
    font-weight: 400;
    line-height: 18px;
}

span.rtf_airpot {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #000000;
}

span.rtf_time {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

span.rtf_date {
    display: block;
    color: #888888;
    font-weight: 400;
    font-size: 11px;
}

span.rtf_duration {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #000000;
}

span.rtf_duration {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #000000;
}

.rtf_seprator {
    background: #bbbbbb;
    width: 55px;
    height: 1px;
    margin: 5px 0 5px;
    position: relative;
}

    .rtf_seprator > span.icon {
        color: #bbbbbb;
        position: absolute;
        right: 0;
        transform: translate(0, -50%) rotate(45deg);
        font-size: 12px;
        top: 50%;
    }

span.rtf_f_stop {
    font-size: 12px;
    color: #888888;
}

.rt_availability {
    display: block;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    color: #00537d;
}

    .rt_availability i {
        width: 20px;
        height: 20px;
        display: block;
        margin: 0 auto;
        background-image: url(../images/icon-flight/airline-seat.svg);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 10px;
    }

.btn_book {
    border: 0;
    background: #00537d;
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: 5px;
    font-weight: 600;
    margin-bottom: 10px;
}

    .btn_book:hover {
        background: #02365a;
    }

.rt_btnbox {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-top: 20px;
}

.rt_flight_fare {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 28px;
}

    .rt_flight_fare del {
        font-size: 16px;
        font-weight: 400;
        display: block;
        color: #d70707;
        line-height: 14px;
        width: 100%;
    }

.rt_more_fare {
    font-size: 12px;
    cursor: pointer;
}

.rt_farename {
    font-size: 11px;
    font-weight: 500;
    display: block;
    margin: 2px auto;
    padding: 3px 6px;
    border-radius: 22px;
    line-height: 10px;
    background: #e8ebff;
    color: #7835ef;
}

.rt_fare_type {
    font-size: 11px;
    display: inline-block;
    margin-top: 25px;
    padding: 1px 5px;
    text-transform: uppercase;
    font-weight: 600;
}

    .rt_fare_type.refund {
        background: #c5ffc7;
        color: #2e8f32;
    }

    .rt_fare_type.non-refund {
        background: #ffeeec;
        color: #E91E63;
    }
/*------------ 'Int Round Result' END ----------------*/

.btn_style1 {
    border: 0;
    background: #00537d;
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: 5px;
    font-weight: 600;
    margin-bottom: 10px;
    min-width: 120px;
    text-align: center;
}

    .btn_style1:hover {
        background: #002652;
        color: #ffffff;
    }

.fare_update {
    text-align: center;
    padding: 40px;
}

    .fare_update .icon_graph {
        font-size: 50px;
    }

        .fare_update .icon_graph.up {
            color: #cd0e00;
        }

        .fare_update .icon_graph.down {
            color: #1f9123;
        }

    .fare_update .sector {
        font-size: 26px;
        font-weight: 700;
        margin: 15px 0;
    }

    .fare_update .info {
        font-size: 14px;
        font-weight: 500;
        color: #666666;
        line-height: 18px;
    }

    .fare_update .newfare_up {
        color: #cd0e00;
    }

    .fare_update .newfare_down {
        color: #1f9123;
    }

.btn_light {
    padding: 8px 10px;
    border-radius: 2px;
    background: #dae9f3;
    font-size: 14px;
    font-weight: 500;
    color: #005A99;
    text-align: center;
    text-decoration: none;
    min-width: 100px;
    display: inline-block;
}

    .btn_light:hover {
        background: #c3d7e5;
        color: #005A99;
    }

.btn_dark {
    padding: 8px 10px;
    border-radius: 2px;
    background: #005A99;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-decoration: none;
    min-width: 100px;
    display: inline-block;
}

    .btn_dark:hover {
        background: #02365a;
        color: #fff;
    }

.addon_link {
    border: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #444444;
    padding: 0 10px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    margin: 10px 13px 10px 3px;
}

    .addon_link > .addon_icon {
        width: 45px;
        height: 45px;
        background-repeat: no-repeat;
        background-image: url(../images/addon-icons.png);
        margin-right: 5px;
    }

        .addon_link > .addon_icon.icon_meal {
            background-position: 0px 4px;
        }

        .addon_link > .addon_icon.icon_baggage {
            background-position: -43px 4px;
        }

        .addon_link > .addon_icon.icon_seat {
            background-position: -85px 4px;
        }

    .addon_link:hover {
        background: #d4e5ff;
        border-color: #027fe3;
        color: #111111;
    }

.adon_wrap {
    display: flex;
    flex-flow: wrap;
}

    .adon_wrap .adon_left {
        width: 200px;
        padding-right: 15px;
    }

    .adon_wrap .adon_right {
        border: 1px solid #f9f9f9;
        width: calc(100% - 200px);
        padding: 15px;
    }

    .adon_wrap .adon_left .vtab_title {
        font-size: 12px;
        display: inline-block;
        padding: 0 5px;
        font-weight: 500;
        text-transform: uppercase;
        color: #111111;
    }

    .adon_wrap .adon_left .vtab_list {
        padding: 0;
        list-style: none;
    }

        .adon_wrap .adon_left .vtab_list > li {
            margin-bottom: 5px;
        }

.vtab_btn {
    display: flex;
    justify-content: space-between;
    padding: 6px;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
}

    .vtab_btn.active, .vtab_btn.active:hover {
        background: #bfeaff;
    }

    .vtab_btn:hover {
        background: #f1f1f1;
    }

    .vtab_btn .vtab_trip {
        font-size: 14px;
        font-weight: 500;
    }

        .vtab_btn .vtab_trip i {
            margin: 0 5px;
            font-size: 13px;
        }

    .vtab_btn .vtab_traveler {
        font-size: 13px;
        background: #eeeeee;
        padding: 2px 8px;
        border-radius: 15px;
        font-weight: 500;
    }

    .vtab_btn:hover .vtab_traveler {
        background: #ffffff;
    }

    .vtab_btn.active .vtab_traveler, .vtab_btn.active:hover .vtab_traveler {
        background: #ffffff;
    }

.adonbtn {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

    .adonbtn .btn_round {
        background: #e1e1e1;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        padding: 0;
        line-height: 20px;
        cursor: pointer;
        color: #000000;
        border: none;
    }

        .adonbtn .btn_round:disabled {
            cursor: not-allowed;
            opacity: 0.3;
        }

    .adonbtn .value {
        outline: none;
        width: 50px;
        text-align: center;
        font-size: 16px;
        border: 0;
    }

    .adonbtn .btn_round.hide {
        display: none;
    }

    .adonbtn .value.hide {
        display: none;
    }

.filter_row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .filter_row .filter_link {
        border: 1px solid #138ac5;
        color: #138ac5;
        font-size: 14px;
        font-weight: 500;
        min-width: 50px;
        padding: 3px 8px;
        text-align: center;
        border-radius: 50px;
        margin-right: 5px;
        cursor: pointer;
    }

        .filter_row .filter_link.filled {
            background: #138ac5;
            color: #ffffff;
        }

.loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(0 0 0 / 64%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    display: none;
}

/*-- START 'adon-meal' --*/
.addons_meal {
    padding: 5px;
    background: #eff9ff;
    margin: 5px 5px 10px;
    border: 1px solid #e8f5ff;
}

    .addons_meal .meal_pax {
        border: 1px solid #b9e0ff;
        background: #f7f7f7;
        padding: 10px;
        color: #3e3e3e;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        position: relative;
        padding-left: 35px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .addons_meal .meal_pax::before {
            flex-shrink: 0;
            width: 1.25rem;
            height: 1.25rem;
            margin-left: auto;
            content: "\f107";
            font-size: 14px;
            transition: transform .2s ease-in-out;
            font-family: FontAwesome;
            position: absolute;
            left: 10px;
            text-align: center;
            color: #666666;
            transform: rotate(0deg);
        }

        .addons_meal .meal_pax.collapsed::before {
            transform: rotate(-90deg);
        }

        .addons_meal .meal_pax .lbl {
            font-size: 16px;
            color: #111111;
            display: block;
            text-align: right;
            line-height: 16px;
        }

        .addons_meal .meal_pax .lbl2 {
            font-size: 11px;
            color: #878787;
            display: block;
            font-weight: 400;
            line-height: 1;
        }

    .addons_meal .meal_list {
        max-height: 370px;
        overflow-y: auto;
    }

        .addons_meal .meal_list .meal_row {
            display: flex;
            align-items: center;
            border-bottom: 1px solid #e7e7e7;
            padding: 10px 0;
            justify-content: space-between;
            background: #ffffff;
        }

            .addons_meal .meal_list .meal_row:last-child {
                border-bottom: none;
            }

            .addons_meal .meal_list .meal_row .meal_col {
                display: flex;
                align-items: center;
                padding: 5px;
            }

            .addons_meal .meal_list .meal_row .meal_img {
                margin-right: 20px;
            }

                .addons_meal .meal_list .meal_row .meal_img img {
                    width: 150px;
                }

            .addons_meal .meal_list .meal_row .meal_desc {
                font-size: 14px;
                font-weight: 400;
                color: #444444;
                display: block;
                margin-bottom: 10px;
            }

            .addons_meal .meal_list .meal_row .meal_price {
                font-size: 16px;
                font-weight: 500;
                color: #111111;
                display: block;
            }

    .addons_meal .rbtn_style1 {
        display: flex;
        flex-wrap: wrap;
        margin: 5px 0 15px 0;
    }

    .addons_meal .meal_rbtn[type="checkbox"] {
        display: none;
    }

        .addons_meal .meal_rbtn[type="checkbox"] + label {
            color: #544e4e;
            font-size: 13px;
            display: inline-block;
            margin: 5px 10px 0 0;
            padding: 5px 8px;
            min-width: 70px;
            text-align: center;
            background: #f3f3f3;
            font-weight: 400;
            border-radius: 5px;
            transition: all .3s ease;
            cursor: pointer;
            border: 1px solid #f3f3f3;
            transition: all .5s ease;
        }

        .addons_meal .meal_rbtn[type="checkbox"]:checked + label {
            color: #0fab15;
            background: #ffffff;
            border-color: #0fab15;
        }

        .addons_meal .meal_rbtn[type="checkbox"] + label::after {
            content: "ADD";
        }

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

        .addons_meal .meal_rbtn[type="checkbox"]:checked:hover + label::after {
            content: "REMOVE";
            font-family: Roboto;
            color: #f00;
            font-size: 12px;
        }

    .addons_meal .meal_rbtn-return[type="checkbox"] {
        display: none;
    }

        .addons_meal .meal_rbtn-return[type="checkbox"] + label {
            color: #544e4e;
            font-size: 13px;
            display: inline-block;
            margin: 5px 10px 0 0;
            padding: 5px 8px;
            min-width: 70px;
            text-align: center;
            background: #f3f3f3;
            font-weight: 400;
            border-radius: 5px;
            transition: all .3s ease;
            cursor: pointer;
            border: 1px solid #f3f3f3;
            transition: all .5s ease;
        }

        .addons_meal .meal_rbtn-return[type="checkbox"]:checked + label {
            color: #0fab15;
            background: #ffffff;
            border-color: #0fab15;
        }

        .addons_meal .meal_rbtn-return[type="checkbox"] + label::after {
            content: "ADD";
        }

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

        .addons_meal .meal_rbtn-return[type="checkbox"]:checked:hover + label::after {
            content: "REMOVE";
            font-family: Roboto;
            color: #f00;
            font-size: 12px;
        }


/*-- END 'adon-meal' --*/

/*-- START 'adon-baggage' --*/
.addons_baggage {
    padding: 5px;
    background: #eff9ff;
    margin: 5px 5px 10px;
    border: 1px solid #e8f5ff;
}

    .addons_baggage .baggage_pax {
        border: 1px solid #b9e0ff;
        background: #f7f7f7;
        padding: 10px;
        color: #3e3e3e;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        position: relative;
        padding-left: 35px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .addons_baggage .baggage_pax::before {
            flex-shrink: 0;
            width: 1.25rem;
            height: 1.25rem;
            margin-left: auto;
            content: "\f107";
            font-size: 14px;
            transition: transform .2s ease-in-out;
            font-family: FontAwesome;
            position: absolute;
            left: 10px;
            text-align: center;
            color: #666666;
            transform: rotate(0deg);
        }

        .addons_baggage .baggage_pax.collapsed::before {
            transform: rotate(-90deg);
        }

        .addons_baggage .baggage_pax .lbl {
            font-size: 16px;
            color: #111111;
            display: block;
            text-align: right;
            line-height: 16px;
        }

        .addons_baggage .baggage_pax .lbl2 {
            font-size: 11px;
            color: #878787;
            display: block;
            font-weight: 400;
            line-height: 1;
        }

    .addons_baggage .baggage_list {
        max-height: 370px;
        overflow-y: auto;
    }

        .addons_baggage .baggage_list .baggage_row {
            display: flex;
            align-items: center;
            border-bottom: 1px solid #e7e7e7;
            padding: 10px 0;
            justify-content: space-between;
            background: #ffffff;
        }

            .addons_baggage .baggage_list .baggage_row:last-child {
                border-bottom: none;
            }

            .addons_baggage .baggage_list .baggage_row .baggage_col {
                display: flex;
                align-items: center;
                padding: 5px;
            }

            .addons_baggage .baggage_list .baggage_row .baggage_img {
                margin-right: 20px;
            }

                .addons_baggage .baggage_list .baggage_row .baggage_img img {
                    width: 150px;
                }

            .addons_baggage .baggage_list .baggage_row .baggage_desc {
                font-size: 14px;
                font-weight: 400;
                color: #444444;
                display: block;
                margin-bottom: 10px;
            }

            .addons_baggage .baggage_list .baggage_row .baggage_price {
                font-size: 16px;
                font-weight: 500;
                color: #111111;
                display: block;
            }

    .addons_baggage .baggage_style1 {
        display: flex;
        flex-wrap: wrap;
        margin: 5px 0 15px 0;
    }

    .addons_baggage .baggage_rbtn[type="checkbox"] {
        display: none;
    }

        .addons_baggage .baggage_rbtn[type="checkbox"] + label {
            color: #544e4e;
            font-size: 13px;
            display: inline-block;
            margin: 5px 10px 0 0;
            padding: 5px 8px;
            min-width: 70px;
            text-align: center;
            background: #f3f3f3;
            font-weight: 400;
            border-radius: 5px;
            transition: all .3s ease;
            cursor: pointer;
            border: 1px solid #f3f3f3;
            transition: all .5s ease;
        }

        .addons_baggage .baggage_rbtn[type="checkbox"]:checked + label {
            color: #0fab15;
            background: #ffffff;
            border-color: #0fab15;
        }

        .addons_baggage .baggage_rbtn[type="checkbox"] + label::after {
            content: "ADD";
        }

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

        .addons_baggage .baggage_rbtn[type="checkbox"]:checked:hover + label::after {
            content: "REMOVE";
            font-family: Roboto;
            color: #f00;
            font-size: 12px;
        }
/*-- END 'adon-baggage' --*/

/*-- START 'fare-option' --*/
.fare_wrap {
    display: flex;
    flex-flow: nowrap;
    overflow-x: auto;
    padding: 15px 0;
}

.fare_box {
    width: 33%;
    min-width: 280px;
    margin: 5px;
    position: relative;
    min-height: 200px;
}

    .fare_box .fare_rbtnlbl {
        border: 1px solid #ebebeb;
        padding: 15px;
        width: 100%;
        height: 100%;
        cursor: pointer;
        border-radius: 10px;
        background: #ffffff;
    }

        .fare_box .fare_rbtnlbl:hover {
            background: #f6f6f6;
        }

    .fare_box input[type="radio"] {
        display: none;
    }

        .fare_box input[type="radio"] + .fare_rbtnlbl:before {
            background: #ffffff;
            content: "";
            height: 22px;
            right: 15px;
            position: absolute;
            top: 15px;
            width: 22px;
            border: 1px solid #c3c3c3;
            font-size: 16px;
            line-height: 20px;
            border-radius: 50%;
            text-align: center;
        }

        .fare_box input[type="radio"]:checked + .fare_rbtnlbl:before {
            content: "\F272";
            font-family: "bootstrap-icons";
            background: #2bbae4;
            color: #ffffff;
            border-color: #2bbae4;
        }

        .fare_box input[type="radio"]:checked + .fare_rbtnlbl {
            background: #d4e5ff;
            border-color: #027fe3;
        }

    .fare_box .fare_title {
        font-size: 16px;
        font-weight: 700;
        color: #222222;
        display: block;
        margin-bottom: 10px;
    }

    .fare_box .fare {
        font-size: 22px;
        font-weight: 700;
        color: #111111;
        display: block;
        margin-bottom: 10px;
    }

    .fare_box .fare_desc {
        font-size: 14px;
        font-weight: 500;
        color: #444444;
        display: block;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

@media screen and (min-width:320px) and (max-width:767px) {
    .fare_box {
        min-width: 240px;
        min-height: 150px;
    }

        .fare_box .fare_title {
            font-size: 13px;
        }

        .fare_box .fare {
            font-size: 18px;
        }

        .fare_box .fare_desc {
            font-size: 12px;
        }
}
/*-- END 'fare-option' --*/

@media screen and (min-width:320px) and (max-width:767px) {
    .offcanvas {
        border-left: none !important;
    }

        .offcanvas .offcanvas-body.p-4 {
            padding: 0.5rem !important;
        }

    .tab_style1 li .tab {
        padding: 10px 5px;
        font-size: 12px;
    }

    .flight_preview_content .duration .t_time {
        font-size: 12px;
    }

    .flight_preview_content .duration .t_arrow {
        width: 60px;
    }

    .flight_preview_content .from {
        padding-right: 10px;
    }

    .flight_preview_content .to {
        padding-left: 10px;
    }

    .flight_preview_content .time {
        font-size: 20px;
    }

    .flight_preview_content .date {
        font-size: 13px;
    }

    .flight_preview_details {
        padding: 0px 10px;
    }

        .flight_preview_details .flight_col1 {
            padding: 5px 0;
        }

        .flight_preview_details .t2 {
            margin-top: 0px;
        }

    .change-plans {
        font-size: 10px;
        padding: 15px 5px;
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
    }

        .change-plans i {
            font-size: 13px;
            margin-right: 3px;
            vertical-align: 0px;
        }

    .flight_preview {
        border-bottom: 1px dashed #c0c0c0;
    }

    .flight_preview_head .title {
        font-size: 14px;
        margin-bottom: 15px;
    }

        .flight_preview_head .title img {
            width: 25px;
            min-width: 25px;
            margin: 8px 10px 8px 0;
        }

    .section_title {
        font-size: 14px;
    }

    .btn_back {
        font-size: 13px;
        padding: 0;
    }

    .btn_loginguest {
        margin-bottom: 15px;
    }

    .rt_list {
        flex-flow: wrap;
    }

    .rt_left {
        width: 100%;
        border-right: none;
    }

    .rt_trip {
        flex-flow: wrap;
        padding-left: 18px;
    }

    .rt_col1:nth-child(1) {
        width: 20%;
        display: inline-block;
        padding: 4px 5px;
    }

    .rt_col2:nth-child(5) {
        width: 97%;
        text-align: center;
        background: #e6f0ff;
        margin-bottom: 4px;
        padding: 2px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .rt_col1 {
        width: 30%;
        padding: 4px 5px;
    }

    .rt_col2 {
        width: 17%;
        padding: 4px 5px;
    }

    span.rtf_name {
        font-size: 10px;
    }

    span.rtf_no {
        font-size: 9px;
        line-height: 9px;
    }

    span.rtf_airpot {
        font-size: 11px;
    }

    span.rtf_time {
        font-size: 14px;
    }

    span.rtf_duration {
        font-size: 11px;
        white-space: nowrap;
    }

    .rtf_seprator {
        width: 40px;
    }

    span.rtf_f_stop {
        font-size: 11px;
    }

    span.rtf_date {
        display: none;
    }

    .rt_availability {
        display: inline-flex;
        align-items: center;
    }

        .rt_availability i {
            margin-top: 0;
            min-width: 20px;
            margin-right: 3px;
        }

    .rt_trip::before {
        width: 16px;
        font-size: 10px;
        line-height: 16px;
    }

    .rt_right {
        width: 100%;
        padding: 15px 0;
    }

    .btn_book {
        font-size: 11px;
    }

    .rt_flight_fare {
        font-size: 18px;
    }

    .rt_farename {
        font-size: 10px;
    }

    .rt_fare_type {
        font-size: 9px;
        margin-top: 5px;
    }

    .rt_btnbox {
        margin-top: 0;
    }
}

.s_seat_ocu {
    background: #d5d5d5;
    cursor: not-allowed !important;
}