﻿    

@media only screen and (max-width:1200px) {
    .sticky-top {
        position: relative;
    }
}




#ui-datepicker-div {
    border-radius: .75rem .75rem .75rem .75rem !important;
    padding: 10px;
}

.ui-widget-header {
    border: 1px solid #fff !important;
    background: #fff !important;
    color: #333333;
    font-weight: bold;
}

.ui-datepicker-div {
    position: absolute;
    top: 289.7px;
    left: 796.5px;
    z-index: 1;
    display: block;
    border-radius: .75rem .75rem .75rem .75rem !important;
    padding: 25px;
}



.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: navajowhite;
    background: #016dab !important;
    color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #cfe1fb;
    background: #fff !important;
    font-weight: normal;
    color: #454545;
    text-align: center !important;
    border-radius: 8px !important;
}

.ui-datepicker-calendar thead {
    border-bottom: #ccc solid 0px;
}


.ui-state-default:hover {
    background: #c1d9fc !important;
    color: #000 !important;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #0d6efd !important;
    font-weight: normal;
    color: #ffffff;
}




.ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #0d6efd !important;
    font-weight: normal;
    color: #454545;
}






.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    background: #fff;
    border: #c0c2c9 solid 1px;
}


.ui-icon-circle-triangle-e {
    background-position: -32px -32px;
}

.ui-icon-circle-triangle-w {
    background-position: -96px -32px;
}














.ui-widget-content {
    border: 1px solid #ccc;
    background-color: #f3f3f3 !important;
    color: #2b2b2b !important;
}

.highlight {
    background-color: none !important;
    */ padding: 5px 0px 6px;
    margin: 0px 8px;
    box-shadow: none !important;
    color: #2b2b2b !important;
    transition: none !important;
}


.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #cfe1fb;
    background-color: #fff !important;
    font-weight: normal;
    color: #2b2b2b !important;
    border-radius: 0.50rem
}




.se_flying_from_input {
    height: 3.5rem !important;
    /* background-image: url('../../img/dest-icon.png');*/
    background-position: right 17px;
    background-repeat: no-repeat;
    /*   font-family: "Material Symbols Outlined";
    content: "\e80b";
    font-size: 50px;*/
    padding-right: 35px !important;
}


.se_flying_to_input {
    height: 3.5rem !important;
    /* background-image: url('../../img/dest-icon.png');*/
    background-position: right 17px;
    background-repeat: no-repeat;
    padding-right: 35px !important;
}


.se_dep_date_input {
    cursor: pointer !important;
    height: 3.5rem;
    border-radius: .0rem;
    /* background-image: url('../../img/calendar.jpg');*/
    background-position: right 17px;
    background-repeat: no-repeat;
}

.se_return_date {
    cursor: pointer !important;
    height: 3.5rem;
    border-radius: .0rem;
    /* background-image: url('../../img/calendar.jpg');*/
    background-position: right 17px;
    background-repeat: no-repeat;
}

.se_traveller_cabin {
    cursor: pointer;
    height: 3.5rem;
    border-radius: .0rem;
    /* background-image: url('../../img/passenger.png');*/
    background-position: right 17px;
    background-repeat: no-repeat;
}

.se_travller_dv {
    margin-top: 0px;
    padding: 20px;
}

.se_adult_sty_adlt {
    width: auto;
    float: left;
    height: auto;
}

.se_adult_sty_adlt_p {
    margin-top: 4px;
    margin-bottom: 0rem;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
}

.se_trav_plus {
    border: 1px solid #0d6efd;
    border-start-end-radius: 0rem !important;
    border-end-end-radius: 0rem !important;
    background-color: #e0ecfe
}

.se_trav_plus02 {
    border: 1px solid #0d6efd;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    background-color: #e0ecfe
}

.age_16plussty {
    font-size: 12px;
    color: #969393;
    font-weight: normal !important;
}

.adult_plus_inp {
    border: 1px solid #0d6efd;
    padding: 0px !important;
}

.se_child_section {
    margin-top: 25px;
    padding: 20px;
}

.se_child_txtsty {
    width: auto;
    float: left;
    height: auto;
}

.se_children_style {
    margin-top: 4px;
    margin-bottom: 0rem;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
}

.se_childern_age_sty {
    font-size: 12px;
    color: #969393;
    font-weight: normal !important;
}

.se_childre_minus_se {
    border: 1px solid #0d6efd;
    border-start-end-radius: 0rem !important;
    border-end-end-radius: 0rem !important;
    background-color: #e0ecfe
}

.se_children_pluse {
    border: 1px solid #0d6efd;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    background-color: #e0ecfe
}

.se_childre_inputsds {
    border: 1px solid #0d6efd;
    padding: 0px !important;
}

.se_cabin_class_dv {
    margin-top: 0px;
    padding: 20px;
}

.se_cabin_class_dv_inner {
    width: 100%;
    float: left;
    height: auto;
}

.se_cabinclass_txt {
    margin-top: 10px;
    margin-bottom: 0rem;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 5px;
}

.se_cabinclass_donebtn {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 20px;
}

.sedonebtn {
    width: 90% !important;
    cursor: pointer;
    border-radius: 22px;
}

.flyingfrom_iconmatgo {
    position: absolute;
    float: right;
    right: 6px;
    font-size: 30px;
    color: #cdcdcd;
    margin-top: 15px;
}

.flyingfrom_iconmatgo_depart {
    position: absolute;
    float: right;
    right: 7px;
    font-size: 30px;
    color: #cdcdcd;
    margin-top: 15px;
}

.flyingfrom_iconmatgo_02 {
    position: absolute;
    float: right;
    right: 5px;
    font-size: 30px;
    color: #cdcdcd;
    margin-top: 15px;
}

.flyingfrom_iconmatgo_traveller {
    position: absolute;
    float: right;
    right: 5px;
    font-size: 30px;
    color: #cdcdcd;
    margin-top: 15px;
}


.vfi_img {
    width: 48px;
    height: 48px;
    float: left;
    background-color: #ccc;
    border-radius: 4px;
    margin-right: 10px;
}

.itinerary_cities {
    width: auto;
    height: auto;
    float: left;
    line-height: 22px;
}

.full_itinerary_button {
    width: auto;
    height: auto;
    float: right;
}

@media only screen and (max-width: 484px) {
    .full_itinerary_button {
        width: 100%;
        height: auto;
        float: right;
        margin-top: 10px;
    }
}

.font16_fi {
    font-size: 16pt;
}

.fi_dest_code {
    font-size: 20px;
    color: #5b5a5a;
    vertical-align: middle;
    font-weight: 400;
}

.fi_dates_cal {
    font-size: 11pt !important;
}

.fi_maindv {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 25px;
    background-color: #fff;
    border: 1px solid #e3e4e6;
    box-shadow: 0 3px 6px rgba(25,27,36,0.16),0 -1px 4px rgba(25,27,36,0.04);
    border-radius: 5px;
    padding: 1rem !important;
}

.fi_maindv_inner {
    width: 100%;
    height: auto;
    float: right;
}

.textdeco_edit {
    color: #0d6efd;
    text-decoration: underline;
}

.p3_fontfamily {
    font-family: Poppins-Medium; 
        
}

.p3_travellersec {
    width: 100%;
    float: left;
    height: auto;
}

.p3_pdetails {
    border-bottom: 1px dotted #828080;
    width: 100%;
    float: left;
    height: auto;
}

.p3_pdetails_inner {
    width: auto;
    float: left;
    height: auto;
}

.p3_heading {
    text-align: left;
    color: #2b2b2b;
    font-size: 12pt;
    font-weight: 500;
}

.p3_pad15 {
    padding-bottom: 5px;
}

.p3_baggage_dv {
    border-bottom: 1px dotted #828080;
    width: 100%;
    float: left;
    height: auto;
    padding-top: 12px;
}

.p3_fsize20 {
    font-size: 20px;
}

.p3_ticketype_sec {
    width: 100%;
    float: left;
    height: auto;
    padding-top: 12px;
}

.p3_ticketype_sec_inner {
    width: auto;
    float: left;
    height: auto;
}

.p3_tt_pb_0 {
    padding-bottom: 0px;
}

.p3_vfi_showdiv {
    width: 100%;
    float: left;
    height: auto;
}



.fi-addchbagg_p3 {
    width: 100%;
    height: 52px;
    border: 1px solid #ccc;
    cursor: pointer;
    float: right;
    padding: 12px 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}

    .fi-addchbagg_p3:hover {
        background-color: #f8fbff;
    }

@media only screen and (max-width:700px) {
    .fi-addchbagg_p3 {
        width: 100%;
        height: 46px;
        border: 1px solid #ccc;
        cursor: pointer;
        float: left;
        padding: 8px 10px;
        margin-top: 10px;
    }
}

.addcib_txt_p3 {
    font-size: 12pt;
    color: #333;
}




.click_add_bagg_div_p3 {
    width: 406px;
    z-index: 999999;
    max-height: 200px;
    overflow: scroll;
    padding: 0rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

@media only screen and (max-width:700px) {
    .click_add_bagg_div_p3 {
        width: 85%;
        z-index: 999999;
        max-height: 200px;
        overflow: scroll;
        padding: 0rem;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    }
}


.adcheck_clickdv01_p3 {
    width: 100%;
    height: auto;
    float: left;
}

    .adcheck_clickdv01_p3:hover {
        width: 100%;
        height: auto;
        float: left;
        background-color: #e8f1fa;
    }

.padding_top_10_p3 {
    padding-top: 10px;
}

.row_sty_p3 {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px dotted #ccc;
}


@media only screen and (max-width:682px) {
    .row_sty_p3 {
        width: auto;
        height: auto;
        float: left;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 10px;
    }
}

.input_bgwhite {
    background-color: #fff;
}

.edit_txt_p3 {
    width: 5%;
    float: right;
    height: auto;
}

@media only screen and (max-width:682px) {
    .edit_txt_p3 {
        width: 5%;
        float: right;
        height: auto;
        padding: 0px;
    }
}

.billing_add_dv_p3 {
    width: 95%;
    float: left;
    height: auto;
}

.lineheight_22 {
    line-height: 22px;
}

.color_333 {
    color: #333;
}

.edit_txtdv {
    color: #0d6efd;
    text-decoration: underline;
    font-size: 10pt;
    float: right;
    font-weight: 500;
    text-align: right;
}

.billing_dv_bg {
    background-color: #f8fbfe;
    border: 1px dotted #4297fe;
    border-radius: 8px;
}

.billing_dv_bg_02 {
    border: 0px dotted #4297fe;
    border-radius: 8px;
}


.floatright_bagg_p3 {
    float: right;
}

@media (max-width: 700px) {
    .floatright_bagg_p3 {
        float: right;
    }
}


.pricepanel_div70_p3 {
    width: 100%;
    float: left;
    height: auto;
    text-align: left;
    color: #333333;
    font-size: 10pt;
}



@media (max-width: 700px) {
    .passen_recomm {
        display: none;
    }
}


.d_n_578pay {
    display: inline-block;
}

@media (max-width: 578px) {
    .d_n_578pay {
        display: none;
    }
}

.d_b_578pay {
    display: none;
}

@media (max-width: 578px) {
    .d_b_578pay {
        display: inline-block;
    }
}



.dn578 {
    display: inline-block;
}

@media (max-width: 578px) {
    .dn578 {
        display: none;
    }
}



.db578 {
    display: none;
}

@media (max-width: 578px) {
    .db578 {
        display: inline-block;
    }
}


.padd_top_11 {
    padding-top: 11px !important;
}




.texttruncate_arpt {
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
    display: table-cell;
    text-overflow: ellipsis;
}




/*passenger p3 page*/

.pricepanel_div70_p33 {
    width: 45%;
    float: left;
    height: auto;
    text-align: left;
    font-size: 10pt;
}

@media (max-width: 465px) {
    .pricepanel_div70_p33 {
        width: 100%;
        float: left;
        height: auto;
        text-align: left;
        font-size: 10pt;
    }
}


.pricepanel_div70_p33_02 {
    width: 25%;
    float: left;
    height: auto;
    text-align: left;
    font-size: 10pt;
}

@media (max-width: 465px) {
    .pricepanel_div70_p33_02 {
        width: 50%;
        float: left;
        height: auto;
        text-align: left;
        font-size: 10pt;
    }
}


.pricepanel_div30_p33 {
    width: 30%;
    float: left;
    height: auto;
    text-align: right;
    font-size: 10pt;
    font-weight: 500;
}

@media (max-width: 465px) {
    .pricepanel_div30_p33 {
        width: 50%;
        float: left;
        height: auto;
        text-align: right;
        font-size: 10pt;
        font-weight: 500;
    }
}




/*Confirmation css begin*/


.conf_div_dessty {
    font-size: 18px;
    padding-bottom: 5px;
    color: #333333;
    font-family: Poppins-Medium;
}



.txt_from_to_time_conf {
    color: #333;
    font-size: 16px;
    line-height: 22px;
    font-family: Poppins-Regular;
}

@media screen and (max-width: 768px) {
    .txt_from_to_time_conf {
        color: #333;
        font-size: 16px;
        line-height: 22px;
        font-family: Poppins-Regular;
    }
}

.txt_from_to_time_passen_conff {
    color: #333;
    font-size: 16px;
    line-height: 22px;
    font-family: Poppins-Regular;
}

@media screen and (max-width: 768px) {
    .txt_from_to_time_passen_conff {
        color: #333;
        font-size: 16px;
        line-height: 22px;
        font-family: Poppins-Regular;
    }
}

.conf_time {
    color: #5b5a5a;
    font-size: 12px;
    font-family: Poppins-Regular
}

.conf_linheight {
    line-height: initial !important;
}

.flightype_passen_conf {
    background-color: #fff;
    padding: 4px 10px 4px 10px;
    border-radius: 5px;
    font-size: 12px;
}





.conf_airine {
    font-size: 14px;
    color: #333333;
    font-family: Poppins-Medium;
}


.conf_airbus {
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #333;
    line-height: 20px;
}

.conf_operatedby {
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    color: #5b5a5a;
}

.conf_mt-10 {
    margin-top: -10px;
}

.conf_air_rd {
    width: auto;
    margin-right: 10px;
    float: left;
    height: auto;
}

.conf_air_30per {
    width: 40%;
    float: left;
    height: auto;
}


@media screen and (max-width: 620px) {
    .conf_air_30per {
        width: 20%;
        float: left;
        height: auto;
    }
}









.conf_air_70per {
    width: 60%;
    float: left;
    height: auto;
}

@media screen and (max-width: 620px) {
    .conf_air_70per {
        width: 80%;
        float: left;
        height: auto;
    }
}


.conf_timedate {
    color: #db3637;
    border-top: 1px dotted #c0bfbf;
    border-bottom: 1px dotted #c0bfbf;
    padding: 6px 0px 6px 0px;
}

@media screen and (max-width: 706px) {
    .conf_timedate {
        color: #db3637;
        border-top: 0px dotted #c0bfbf;
        border-bottom: 0px dotted #c0bfbf;
        padding: 0px 0px 0px 0px;
    }
}



.outbound_main_dv_01_60width_conf {
    width: 25%;
    float: left;
    height: auto;
    padding: 0px;
    padding-bottom: 10px;
    padding-bottom: 0px;
}

@media screen and (max-width: 992px) {
    .outbound_main_dv_01_60width_conf {
        width: 32%;
        float: left;
        height: auto;
        padding: 0px;
        padding-bottom: 10px;
        padding-bottom: 0px;
    }
}


.directindirect_dvsty_conf {
    width: 40%;
    /* float: left;*/
    height: auto;
    margin: 0 auto;
}

@media screen and (max-width: 992px) {
    .directindirect_dvsty_conf {
        width: 20%;
        /* float: left;*/
        height: auto;
        margin: 0 auto;
    }
}

@media screen and (max-width: 456px) {
    .directindirect_dvsty_conf {
        width: 30%;
        /* float: left;*/
        height: auto;
        margin: 0 auto;
    }
}




.journey_time_dv_conf {
    width: 30%;
    float: right;
    height: auto;
}

@media screen and (max-width: 992px) {
    .journey_time_dv_conf {
        width: 32%;
        float: right;
        height: auto;
    }
}

/*Tooltip code Begin*/












.icon03 {
    -webkit-transform: translateZ(0);
}

    .icon03 .tooltip02 {
        background: #fff;
        bottom: 100%;
        right: -315px;
        color: #333;
        display: block;
        font-size: 16px;
        text-align: justify;
        opacity: 0;
        padding: 10px;
        pointer-events: none;
        position: absolute;
        max-width: 338px;
        width: max-content;
        border-radius: 5px;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        -webkit-box-shadow: 0px 5px 4px rgba(48,47,47,0.08),-5px 5px 10px rgba(48,47,47,0.04);
        -moz-box-shadow: 0px 5px 4px rgba(48,47,47,0.08),-5px 5px 10px rgba(48,47,47,0.04);
        -ms-box-shadow: 0px 5px 4px rgba(48,47,47,0.08),-5px 5px 10px rgba(48,47,47,0.04);
        -o-box-shadow: 0px 5px 4px rgba(48,47,47,0.08),-5px 5px 10px rgba(48,47,47,0.04);
        box-shadow: 0px 5px 4px rgba(48,47,47,0.08),-5px 5px 10px rgba(48,47,47,0.04);
        border: solid #ccc 2px;
    }




        .icon03 .tooltip02:before {
            content: " ";
            display: block;
            left: 0;
            position: absolute;
            width: 100%;
        }


        .icon03 .tooltip02:after {
            border-left: solid transparent 10px;
            border-right: solid transparent 10px;
            border-top: solid #777 10px;
            bottom: -10px;
            content: " ";
            height: 0;
            right: 305px;
            position: absolute;
            width: 0;
        }

    .icon03:hover .tooltip02 {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

/*Tooltip code Begin*/




#checkout_card_number {
    background-image: url('../../../img/click2book.us/payment/cards-check.png');
    background-position: 3px 3px;
    background-size: 45px 252px; /* 89 x 560 */
    background-repeat: no-repeat;
}


.tooltip_heading_pass {
    font-size: 13px;
    font-family: Poppins-Medium;
    color: #333;
    font-weight: normal;
}

.tooltip_psty {
    font-size: 13px;
    font-family: Poppins-Regular;
    color: #444 !important;
    font-weight: normal;
    padding-top: 6px;
}

.tt_col_sty {
    color: #444 !important;
}

.tooltip_width100 {
    width: 100%;
    float: left;
    height: auto;
}

.tt_cardsimg {
    width: auto;
    float: left;
    height: auto;
}

.tt_cards_maxw {
    max-width: 90px;
}

.tt_v_info60per {
    width: 60%;
    float: left;
    height: auto;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: normal;
    text-align: left;
}

.tt_w100_txt {
    width: 100%;
    float: left;
    height: auto;
    padding: 10px;
    padding-top: 0px;
    padding-left: 0px;
    font-weight: normal;
    text-align: left;
}

.tt_aa_head {
    font-size: 14px;
    font-family: Poppins-Medium;
    color: #333;
    font-weight: normal;
    font-style: italic;
    padding-top: 6px;
}

.tt_aa_inner_p {
    font-size: 13px;
    font-family: Poppins-Regular;
    color: #fff;
    font-weight: normal;
    padding-top: 6px;
}

.tt_txtalg {
    text-align: left;
    line-height: 20px;
}

.tt_cardslogos_mt15 {
    margin-top: 15px;
}

.abp_width85 {
    width: 85%;
}


@media screen and (max-width: 731px) {
    .abp_width85 {
        width: 75%;
    }
}

@media screen and (max-width: 469px) {
    .abp_width85 {
        width: 70%;
    }
}

@media screen and (max-width: 383px) {
    .abp_width85 {
        width: 65%;
    }
}


.icon_info_pd {
    margin-left: -30px;
    margin-top: 9px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: baseline;
    position: absolute;
    cursor: pointer;
}


.mb_6desk {
    margin-bottom: 6px;
}

@media screen and (max-width: 706px) {
    .mb_6desk {
        margin-bottom: 0px;
    }
}


.telphone_dv_conf {
    width: 30%;
    float: left;
    height: auto;
}

@media screen and (max-width: 992px) {
    .telphone_dv_conf {
        width: 50%;
        float: left;
        height: auto;
    }
}

@media screen and (max-width: 662px) {
    .telphone_dv_conf {
        width: 100%;
        float: left;
        height: auto;
    }
}

.email_dv_conf {
    width: 70%;
    float: left;
    height: auto;
}

@media screen and (max-width: 992px) {
    .email_dv_conf {
        width: 50%;
        float: left;
        height: auto;
    }
}

@media screen and (max-width: 662px) {
    .email_dv_conf {
        width: 100%;
        float: left;
        height: auto;
    }
}

.leg_dv_conf {
    width: 100%;
    float: left;
    height: auto;
}

.leg_dv_conf_span {
    font-size: 16px;
    font-family: Poppins-Medium;
    color: #333333;
}

.leg_dv_conf_60per {
    width: 60%;
    float: left;
    height: auto;
}

.leg_dv_conf_60per_txt {
    font-size: 16px;
    font-family: Poppins-Regular;
}

.leg_dv_conf_60per_txt_date {
    font-size: 16px;
    font-family: Poppins-Regular;
}

.leg_dv_conf_40per {
    width: 40%;
    float: left;
    height: auto;
}

.leg_main_wrapper {
    margin-top: 10px;
    border-bottom: 1px solid #c1c0c0;
    padding-bottom: 6px;
}

.conf_head_dv {
    font-family: Poppins-Medium;
    color: #fff;
  padding:10px 15px;
    font-size: 20px;
   border-radius:4px;
    background: #357add;
}

.conf_head_dv_mt20 {
    margin-top: 20px;
}


/*table confirmation*/

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: inherit !important;
    font-size: 12px;
    font-family: Poppins-Medium;
    font-weight: normal;
    color: #333333;
}

.table > :not(caption) > * > * {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    font-size: 12px;
    font-family: Poppins-Regular;
    font-weight: normal;
    color: #333333;
}



th, td {
    /*use this property to disbale soft wrap*/
    white-space: nowrap;
    /*To make extra certain,add this css property*/
    word-break: keep-all;
}

.scrollauto {
    overflow: auto;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

@media screen and (max-width: 576px) {
    .scrollauto {
        overflow: scroll;
        max-width: 500px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }
}

@media screen and (max-width: 534px) {
    .scrollauto {
        overflow: scroll;
        max-width: 480px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }
}

@media screen and (max-width: 430px) {
    .scrollauto {
        overflow: scroll;
        max-width: 370px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }
}

@media screen and (max-width: 400px) {
    .scrollauto {
        overflow: scroll;
        max-width: 340px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }
}

@media screen and (max-width: 376px) {
    .scrollauto {
        overflow: scroll;
        max-width: 320px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }
}

@media screen and (max-width: 350px) {
    .scrollauto {
        overflow: scroll;
        max-width: 290px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }
}

.padd_left0 {
    padding-left: 0px !important;
}

.padd_right0 {
    padding-right: 0px !important;
}

.visi_hidd {
    visibility: hidden;
}


.border_style_0 {
    border-style: hidden;
}

.table_styletxt {
    font-size: 14px !important;
    color: #333 !important;
    font-family: Poppins-Medium !important;
}

.font_ffcc {
    font-family: Poppins-Regular !important;
}

.btbb_th {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.btbb_th_td {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.conf_ptpb_18_N {
    padding-top: 0px;
}

.tbody {
    border-bottom: 1px solid #ccc !important;
}

.conf_p_sty {
    font-size: 12px;
    font-family: Poppins-Regular;
    color: #333;
    text-align: justify;
    padding-bottom: 5px;
}

.conf_p_sty_med {
    font-family: Poppins-Medium;
}

.conf_protectedlogos {
    max-width: 540px;
    width: 100%;
}

.conf_book_ref {
    width: 40%;
    float: left;
}

.conf_book_ref_txt {
    width: 100%;
    float: left;
    height: auto;
    font-size: 14px;
    font-family: Poppins-Regular;
    color: #333333;
}

.conf_book_ref_num {
    width: 100%;
    float: left;
    height: auto;
    font-size: 28px;
    font-family: Poppins-Medium;
    color: #4297fe;
}

.conf_bookedondate {
    width: 100%;
    float: left;
    height: auto;
    font-size: 12px;
    font-family: Poppins-Regular;
    color: #333333;
}

.conf_bookname {
    width: 60%;
    float: left;
}

.conf_bookname_txt {
    width: 100%;
    float: left;
    height: auto;
    font-size: 15px;
    font-family: Poppins-Medium;
    color: #333333;
}

.conf_bookname_txtff {
    font-family: Poppins-Regular;
}

.conf_thankyou {
    width: 100%;
    float: left;
    height: auto;
    font-size: 12px;
    margin-top: 10px;
    font-family: Poppins-Regular;
    color: #333333;
}

.conf_cd {
    width: 100%;
    float: left;
    height: auto;
    font-size: 14px;
    margin-top: 10px;
    font-family: Poppins-Medium;
    color: #333333;
}

.conf_boodewauto {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 0px;
}

.conf_telphone {
    font-family: Poppins-Regular;
    color: #333333;
    font-size: 12px;
}

.conf_telphone_no {
    font-family: Poppins-Medium;
    font-size: 12px;
    color: #333333;
}

.conf_telphone_no_span {
    text-decoration: underline;
    color: #5b5a5a;
}

.conf_emailid_N {
    text-decoration: underline !important;
    color: #5b5a5a !important;
    font-size: 12px;
}

.conf_add_dvmain {
    width: 100%;
    float: left;
    height: auto;
    font-size: 14px;
    margin-top: 0px;
    font-family: Poppins-Medium;
    color: #333333;
}

.conf_add_sty {
    font-family: Poppins-Medium;
    font-size: 13px;
    color: #333333;
}

.conf_add_txtsty {
    color: #5b5a5a;
    font-size: 12px;
    font-family: Poppins-Regular;
}

.foo_protectlogo {
    width: 100%;
    float: left;
    height: auto;
    border-top: 1px solid rgba(0,0,0,.100);
    background-color: #fff;
}

.foo_pborder0 {
    border-top: 0px solid rgba(0,0,0,.100);
}

.foo_short_maindv {
    width: 100%;
    float: left;
    height: auto;
    background-color: #fff;
}

.foo_protectlogo_p {
    text-align: center;
    font-size: 12px;
    color: #5b5a5a;
    padding-top: 20px;
    padding-bottom: 20px;
}

.foo_protectlogo_img {
    max-width: 540px;
    width: 100%;
}

.foo_copyright {
    text-align: center;
    font-size: 12px;
    color: #5b5a5a;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pass_mt18_23 {
    margin-top: 18px;
}

.pass_mt12_23 {
    margin-top: 12px;
}

/* Bottom left text */
.bottom_left_fpg {
    position: absolute;
    bottom: 15px;
    left: 15px;
}



/* Top right text */
.top_right_fpg {
    position: absolute;
    top: 15px;
    right: 15px;
}

.bottom_left_fpg_txt1 {
    font-family: Poppins-Medium;
    color: #fff;
    font-size: 18px;
}

@media screen and (max-width: 400px) {
    .bottom_left_fpg_txt1 {
        font-family: Poppins-Medium;
        color: #fff;
        font-size: 16px;
    }
}

@media screen and (max-width: 365px) {
    .bottom_left_fpg_txt1 {
        font-family: Poppins-Medium;
        color: #fff;
        font-size: 15px;
    }
}



.bottom_left_fpg_icon {
    color: #fff;
    font-weight: bold;
    font-size: 21px;
}

.bottom_left_ftext {
    font-family: Poppins-Medium;
    color: #fff;
    font-size: 14px;
}

.bottom_left_fpg_icon_vh {
    color: #fff;
    font-weight: bold;
    font-size: 21px;
    visibility: hidden;
}


.pgf_width33 {
    width: 25%;
    float: left;
    height: auto;
    line-height: 15px;
}

@media screen and (max-width: 992px) {
    .pgf_width33 {
        width: 50%;
        float: left;
        height: auto;
        line-height: 15px;
        margin-bottom: 10px;
    }
}


@media screen and (max-width: 576px) {
    .pgf_width33 {
        width: 50%;
        float: left;
        height: auto;
        line-height: 15px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 444px) {
    .pgf_width33 {
        width: 100%;
        float: left;
        height: auto;
        line-height: 15px;
        margin-bottom: 10px;
    }
}



.pgf_dv_pb {
    width: 100%;
    float: left;
    height: auto;
    padding-bottom: 5px;
}

.pgf_dv_autow {
    width: 100%;
    float: left;
    height: auto;
}

.pgf_travel {
    color: #5f6368;
    font-weight: bold;
    font-size: 21px;
    margin-top: -2px;
}

.pgf_bor_bottom {
    border-bottom: 2px solid #9da8a8;
}

.pgf_trav_txtsty {
    font-size: 14px !important;
    font-family: Poppins-Medium;
}

.pgf_addmanymore {
    font-size: 11px;
    font-family: Poppins-Medium;
    border-bottom: 1px solid #b1bdbe;
}

.pgf_price_mon {
    font-family: Poppins-Medium;
    font-size: 16px;
}

.pgf_upgrade_txt {
    border-bottom: 1px dotted #c7cfcf;
    padding-bottom: 12px !important;
}

.pgf_allsafetxt {
    font-family: Poppins-Regular;
    font-size: 11px;
    color: #333333;
}

.pgf_nonref {
    border-bottom: 1px dotted #c7cfcf;
    padding-bottom: 12px !important;
    padding-top: 12px !important;
}

.pgf_nonrefbook {
    padding-bottom: 4px !important;
    margin-top: 15px;
}




@media screen and (max-width: 444px) {
    .mobilehide474_pgr {
        display: none;
    }
}




/*///////////////////// Tooltip P1 //////////////*/


.icon04 {
    -webkit-transform: translateZ(0);
}

    .icon04 .tooltip02 {
        background: #fff;
        bottom: 100%;
        left: -295px;
        color: #333;
        display: block;
        font-size: 16px;
        text-align: justify;
        opacity: 0;
        padding: 10px;
        pointer-events: none;
        position: absolute;
        max-width: 338px;
        width: max-content;
        border-radius: 5px;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        -webkit-box-shadow: 0px 5px 4px rgba(48,47,47,0.08),-5px 5px 10px rgba(48,47,47,0.04);
        -moz-box-shadow: 0px 5px 4px rgba(48,47,47,0.08),-5px 5px 10px rgba(48,47,47,0.04);
        -ms-box-shadow: 0px 5px 4px rgba(48,47,47,0.08),-5px 5px 10px rgba(48,47,47,0.04);
        -o-box-shadow: 0px 5px 4px rgba(48,47,47,0.08),-5px 5px 10px rgba(48,47,47,0.04);
        box-shadow: 0px 5px 4px rgba(48,47,47,0.08),-5px 5px 10px rgba(48,47,47,0.04);
        border: solid #ccc 2px;
    }




        .icon04 .tooltip02:before {
            content: " ";
            display: block;
            left: 0;
            position: absolute;
            width: 100%;
        }


        .icon04 .tooltip02:after {
            border-left: solid transparent 10px;
            border-right: solid transparent 10px;
            border-top: solid #777 10px;
            bottom: -10px;
            content: " ";
            height: 0;
            right: 10px;
            position: absolute;
            width: 0;
        }

    .icon04:hover .tooltip02 {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }


.icon4_Up {
    z-index: 999999 !important;
    position: absolute !important;
    top: 2px !important;
    right: 10px !important;
}

.tooltip02_Up {
    max-width: 350px !important;
    z-index: 999999 !important;
    background-color: #fff !important;
    bottom: 35px !important;
    padding: 0px !important;
    left: -300px !important;
}

/*confirmation page code 2309*/

.conf_bookname {
    width: 60%;
    float: left;
}

@media screen and (max-width: 576px) {
    .conf_bookname {
        width: 100%;
        float: left;
    }
}


.conf_book_ref {
    width: 40%;
    float: left;
}

@media screen and (max-width: 576px) {
    .conf_book_ref {
        width: 100%;
        float: left;
        margin-top: 15px;
    }
}

.conf_ptpb_18 {
    padding-top: 10px;
    padding-bottom: 18px;
}

@media screen and (max-width: 576px) {
    .conf_ptpb_18 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}


.pd_conf_dv {
    background-color: var(--bs-table-bg);
    font-size: 12px;
    font-family: Poppins-Regular;
    font-weight: normal;
    color: #333333;
}

.pd_conf_10 {
    width: 15%;
    float: left;
    height: auto;
    line-height: 16px;
    font-weight:bold;
}

.pd_conf_21 {
    width: 21%;
    float: left;
    height: auto;
    line-height: 16px;
}

.pd_conf_12 {
    width: 12%;
    float: left;
    height: auto;
    text-align: left;
    line-height: 16px;
}

.dob_conf {
    display: none;
}

.dob_conf_desk {
    display: block;
}

@media screen and (max-width: 992px) {
    .dob_conf_desk {
        display: none;
    }

    .dob_conf {
        display: inline-block;
    }

    .pd_conf_12 {
        text-align: left;
    }
}


@media screen and (max-width: 768px) {


    .pd_conf_10 {
        width: 100%;
        float: left;
        height: auto;
        line-height: 25px;
    }

    .pd_conf_21 {
        width: 50%;
        float: left;
        height: auto;
        line-height: 25px;
    }

    .pd_conf_12 {
        width: 50%;
        float: left;
        height: auto;
        text-align: left;
        line-height: 25px;
    }

    .passeng_det_conf_header {
        width: 100%;
        float: left;
        height: auto;
        line-height: 25px;
        border-bottom: 1px solid #ccc;
        display: none;
    }
}

.passeng_det_conf_mainwrapper {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 20px;
}

.fonf_conf {
    font-family: Poppins-Medium;
    font-weight:bold;
}

.passeng_det_conf_header {
    width: 100%;
    float: left;
    height: auto;
    line-height: 25px;
    border-bottom: 1px solid #ccc;
}

.passeng_det_conf_rowp {
    width: 100%;
    float: left;
    height: auto;
    line-height: 25px;
    border-bottom: 1px solid #ccc;
}


@media screen and (max-width: 768px) {
    .margin_top_minus {
        margin-top: 0px;
    }
}

.font13_bold {
    color: #fff !important;
}


/*******amit css start here confirm page*/
.confirm-header-container {
    background: #357add;
    padding:15px;

}

.confirm-footxt {
    font-size: 12px;
}
.confirm-bagage {
    font-size: 12px;
    padding: 3px 10px;
    background: #ebf1fd;
    color: #357add;
}
/********amit css end here confirm page*/



.passenger_backtxt {
    padding-top: 5px;
}