.PNR-airline{
    color: var(--vz-link-color);
    cursor: pointer;
}
.gap-3{
    gap: 1.5rem !important;
}

.text-right {
    text-align: right;
 }
 .text-left {
    text-align: left;
 }
 .header-flight {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background: #384754;
    color: white;
    padding: 10px !important;
    border-radius: 2px;
    margin-top: 5px;
 }
 .depart-time {
    font-weight: 700;
 }
 .airport_name {
    font-weight: 500;
    margin-bottom: 5px;
    position: relative;
 }
 .travel_time {
    font-size: 12px;
    font-weight: 500;
 }
 .pax_name {
    font-weight: 500;
    font-size: 15px;
 }
 .Pnr_number {
    margin-left: 10px;
    font-weight: 700;
    color: #ff0010;
 }
 .important-notes {
    font-size: 16px;
    margin-bottom: 20px;
 }

 .important-notes li {
    margin-bottom: 10px;
    font-size: 12px;
 }
 .header_top_Booking {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 3px;
 }

.headerEreceit {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 3px;
 }
 .reminder_text {
    border-top: 1px dashed #9a9a9a;
 }
 .infot_header {
    margin-top: 3px;
    font-size: 13px;
 }
 .Depart_ttle {
    font-weight: 700;
    font-size: 15px;
 }
 .Pax_Details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 5px;
 }
 .border-box {
    border: 1px solid #c1c1c1;
    padding: 10px 20px;
 }
 .Depart_details_row {
    display: grid;
    grid-template-columns: 20% 55% 25%;
    padding-bottom: 0 !important;
 }
 .arrival_details_row {
    display: grid;
    grid-template-columns: 20% 80%;
    padding-top: 5px !important;
 }
 .row_return {
    margin-top: 10px;
 }
 .trave_Date {
    font-weight: 500;
 }
 .depart_date_time {
    display: grid;
    grid-template-columns: 1fr 1fr;
 }
 .airport_name:before{
     content: "";
padding: 5px;
position: absolute;
z-index: 1;
top: 4px;
left: -15px;
background: #ccd2d2;
border-radius: 50px;
 }
 .line_ticket{
     height: 50px;
border-right: 2px dashed #ccd2d2;
position: absolute;
top: 10px;
margin-left: -11px;
 }
 .stop_over_One{
    display: flex;
gap: 5px;
border: 1px solid #dadada;
border-left: none;
border-right: none;
padding: 5px 0px 5px 90px;
width: 95%;
margin-left: 10px;
 }
 .pd-l-r{
    padding-left: 0;
    padding-right: 0;
 }

.form-control-lg {
    font-size: 14px;
    padding-top: 25px;
}
.label_form{
    position: absolute;
    top: 7px;
    left: 20px;
    color: #9299A2;
}

.add-passenger {
   height: 55px;
   padding: 15px 0;
   text-align: center;
   color: #9299A2;
   font-weight: 400;
   font-size: 16px;
   line-height: 22px;
   border-radius: 10px;
   border: 1px dashed #c6c6c6;
   cursor: pointer;
   margin-top: 20px;
}
.add-passenger:hover {
   color: #4450F2;
   border-color: #4450F2;
}

.hidden {
  display: none;
}
.addLayover{
   padding: 3px 15px;
   border: 1px dashed #afafaf;
   border-radius: 50px;
   cursor: pointer;
}
.addLayover:hover {
   color: #4450F2;
   border-color: #4450F2;
}

.DepartDateskeleton{
   background: #e1e1e1;
    height: 10px;
    width: 30px;
    border-radius: 20px;
}

.DepartTimeskeleton{
   background: #e1e1e1;
    height: 10px;
    width: 35px;
    border-radius: 20px;
}
.DepartAirportskeleton{
   background: #e1e1e1;
    height: 10px;
    width: 250px;
    border-radius: 20px;
    margin-top: 6px;
}

.flyTimeskeleton{
   background: #e1e1e1;
   height: 10px;
   width: 115px;
   border-radius: 20px;
   margin-bottom: 5px;
}
.Baggaskeleton{
   background: #e1e1e1;
   height: 10px;
   width: 100px;
   border-radius: 20px;
}

.planeLogoskeleton{
   background: #e1e1e1;
   height: 25px;
   width: 25px;
   border-radius: 20px;
}
.planeNamekeleton{
   background: #e1e1e1;
    height: 10px;
    width: 40px;
    border-radius: 20px;
}
.planeCodeskeleton{
   background: #e1e1e1;
    height: 10px;
    width: 30px;
    border-radius: 20px;
}
.LayOverskeleton{
   background: #e1e1e1;
    height: 10px;
    width: 40px;
    border-radius: 20px;
}
.LayOverGTimeskeleton{
   background: #e1e1e1;
    height: 10px;
    width: 40px;
    border-radius: 20px;
}
.LayoverDetailsskeleton{
   background: #e1e1e1;
   height: 10px;
   width: 275px;
   border-radius: 20px;
}
.form_bdyLog{
   padding-top: 10px;
   padding-bottom: 10px;
}
.avatar-ss{
   height: 1.1rem;
   width: 1.1rem;
}
.flydetails{
   position: absolute;
   right:0;
   margin-right: 15px;
   text-align: right;
   font-size: 12px;
}
.colorIcon{
   color: #7f7f7f;
}
.tripform{
   padding: 3px 10px;
   background: #d0d0d0;
   border-radius: 70px;
   color: #515151;
   cursor: pointer;
}
.activeOne-Way{
   background-color: red;
}
.activeRoundTrip{
   background-color: blue;
}
.font-weight-700{
   font-weight: 700;
}
.color-white{
   color: white;
}
.ppd-tb {
   padding-top: 0.9rem!important;
   padding-bottom: 0.9rem!important;
   cursor: pointer;
}
.mgr-left{
   margin-left: -25px;
}

.ppd-tb:hover{
   background: rgb(234 234 234);
}
.Mic-thumbnail {
   padding: 0.1rem !important;
   background-color: var(--vz-body-bg);
    border: 1px solid var(--vz-border-color);
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}
.navbar-menu {
   background: #272f33 !important;
}
.mjc-primary{
   background: #272f33 !important;
}

.navbar-menu .navbar-nav .nav-link i {
   display: inline-block;
   min-width: 1.75rem;
   font-size: 20px;
   line-height: inherit;
}
.header_top_receipt{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.receipt-agent-info{
   border: 1px solid;
   display: grid;
   grid-template-columns: 1fr 1fr;
   padding: 10px;
   border-top: none;
}
.receipt-contct-header{
   text-align: center;
   padding: 5px;
   border: 1px solid;
}
.font-weight-500{
   font-weight: 500;
}
.Fligh-Details-box{
   padding: 10px;
   border: 1px solid;
   border-top: none;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
}
.receipt-padding{
   padding: 10px 50px !important;
}
.Br-1{
   margin-bottom: 4px;
}
.pri-ttl{
   border-right: none;
   border-bottom: none;
   font-weight: 600;
}
.related-couse-ttl{
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 195px;
}
.avatar-mjc {
    height: 2.5rem;
    width: 2.5rem;
    object-fit: cover;
    box-shadow: 3px 2px 5px 0px #bcbcbc;
}
.couse-next-tag{
cursor: pointer;
}
.couse-next-tag:hover{
   background:#e9e9e9;
}


.img-fluid{
   padding: 10px;
   height: 200px;
   object-fit: cover;
}

.bg-success-subtle {
   background-color: var(--vz-success-bg-subtle)!important;
   border: 1px solid #0ab39c4f;
}
.img-biils {
   max-width: 100%;
   height: auto;
}

.fnt-14{
   font-size: 14px;
}
.fnt-18{
   font-size: 16px;
}

.text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 120px;
}
.point-left{
   background: #ffffff;
   width: 10px;
   height: 10px;
   position: absolute;
   left: 0;
   top: -4px;
   border-radius: 10px;
   border: 1px solid #828282;
}
.point-center{
   background: #c8c8c8;
   width: 6px;
   height: 5px;
   position: absolute;
   left: 55px;
   top: -1px;
   border-radius: 10px;
}
.point-right{
   background: rgb(200, 200, 200);
   width: 8px;
   height: 8px;
   position: absolute;
   right: 0px;
   top: -3px;
   border-radius: 10px;
}
.hdr-fyllist{
   background: #ffffff;
   padding: 10px;
   border-radius: 2px;
   margin-bottom: 4px !important;
   border: 1px Solid #ddd;
   box-shadow: none;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top: none;
}
.hide {
   display: none;
   
 }
 .flight-list-box{
   border: 1px solid #d1d1d1;
 }
 .flight-details-box{
   padding: 10px 30px;
   margin-bottom: -10px;
 }
 .border-b-line{
   border-bottom:1px solid #d1d1d1 ;
 }
 .box-arrow::before {
   content: " ";
   width: 0;
	height: 0;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #ffff transparent;
	border-style: solid;
   top: -22px;
    left: 50%;
    -webkit-transform: translate(-50%, 8px);
    transform: translate(-50%, 8px);
    position: absolute;
 }
 .box-arrow{
   cursor: pointer;
 }
.myDIV{
   cursor: pointer;
}
     
 .myDIV:hover + .hide {
   display: block;
   color: black;
   position: absolute;
   z-index: 1;
   background: white;
   white-space: nowrap;
   box-shadow: 1px 4px 7px 2px #8d949ba8;
   border-radius: 5px;
   padding: 10px;
   text-align: left;
   left: 50%;
   -webkit-transform: translate(-50%, 8px);
   transform: translate(-50%, 8px);
   margin-top: -11px;
}

 .ckd-btt{
   display: flex;
   align-items: center;
   gap: 5px;
 }

.layover-bx{
   padding: 1px 10px;
    background: #ececec;
    border-radius: 4px;
    margin: 10px;
}
.p-l-0{
   padding-left: 0;
}
.p-r-0{
   padding-right: 0;
}
.calindr-Sect-r{
   height: 55px;
   border-bottom-right-radius: 0 !important;
   border-top-right-radius: 0 !important;
   
}
.calindr-Sect-l{
   height: 55px;
   border-bottom-left-radius: 0 !important;
   border-top-left-radius: 0 !important;
   border-left: none;
}
.cEqain {
   border: 1px solid rgb(197, 201, 208);
   background-color: rgb(255 255 255);
   height: 42px;
   width: 42px;
   border-radius: 50px;
   display: flex;
   flex-direction: column;
   -webkit-box-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   align-items: center;
   position: absolute;
   left: 50%;
   -webkit-transform: translate(-50%, 8px);
   transform: translate(-50%, 8px);
   z-index: 10;
}
.trnsfer-icon{
   font-size: 23px;
   z-index: 1;
}
.bdl-line{
   height: 42px;
   background: #ffffff;
   width: 10.45px;
   position: absolute;
}
.avatar-xxxs {
   height: 1.3rem;
   width: 1.3rem;
}

.display-flex{
   display: flex;
}
.line_ticket-details{
   height: 74px;
   border-right: 3px solid #e0e0e0;
   position: absolute;
   top: -24px;
   right: 75px;
}

.bOzv6 {
   font-size: 10px;
   font-weight: 500;
   line-height: 10px;
   position: relative;
   top: -6px;
   color: red;
}
.alerred{
   color: red;
   font-weight: 600;
}
.mrg-l{
   margin-left: -60px;
}
.color-mind{
   color: #8090b4;
}
.flight-info-stop {
   color: #8592a6;
   font-weight: 400;
   white-space: pre-wrap;
   line-height: 18px;
   text-align: center;

}
.stop_one_layover{
   background: #ffffff;
   width: 30px;
   height: 9px;
   position: absolute;
   top: -4px;
   border-radius: 10px;
   border: 1px solid #c8c8c8;
   left: 15%;
}
.stop_two_layover{
   background: #ffffff;
   width: 30px;
   height: 9px;
   position: absolute;
   top: -4px;
   border-radius: 10px;
   border: 1px solid #c8c8c8;
   right:15%;
}
.stop_three_layover{
   background: #ffffff;
   width: 30px;
   height: 9px;
   position: absolute;
   top: -4px;
   border-radius: 10px;
   border: 1px solid #c8c8c8;
   right: 40%;
}
.flight-info-stop__code {
   color: #8592a6;
   position: relative;
}
.depart-dot::before{
   content: "";
   height: 9px;
   width: 9px;
   position: absolute;
   top: 5px;
   left: -81px;
   z-index: 1;
   border-radius: 20px;
   border: 2px solid #e0e0e0;
}
.arriv-dot::before{
   content: "";
   height: 9px;
   width: 9px;
   position: absolute;
   background: #00bcd4;
   top: 5px;
   z-index: 1;
   border-radius: 20px;
   left: -81px;
   border: 2px solid #e0e0e0;
}
.depart-hedrs{
   background: #2196F3;
   padding: 0px 10px;
   color: white;
   font-size: 11px;
   margin-right: 5px;
}
.title-seperate {
   background-color: #cdcdcd;
   height: 10px;
   width: 2px;
   display: inline-block;
   margin: 0 4px;
}
.font-20{
   font-size: 20px;
}
.stop_over_One-details{
   display: flex;
   gap: 5px;
   border: 1px solid #dadada;
   border-left: none;
   border-right: none;
   padding: 5px 0px 5px 90px;
}
.icon-fnd{
   background: #FF5722;
   color: white;
   border-radius: 10px;
   padding: 0.5px;
}
.font-12{
   font-size: 12px;
}
.fly-details-box{
   padding: 5px 10px;
   background-color: #f5f7fa;
   border-radius: 4px;
}
.details_layover_hover{
   border-left: none;
   border-right: none;
   padding: 2px;
   background: #efefef;
   padding-left: 10px;
   border-radius: 20px;
   font-size: 12px;
}
.fdarvl {
   margin-bottom: 4px;
   -webkit-box-align: center;
   align-items: center;
   display: flex;
   border-radius: 100vh;
   background-color: rgb(221, 233, 253);
   color: rgb(42, 42, 46);
   margin-top: 15px;
   padding-left: 17px;
   height: 20px;
 }
 .fdarvl span {
   font-size: 13px;
   padding: 3px;
     padding-right: 3px;
     padding-left: 3px;
   background: #ffffff;
   border-radius: 50px;
   padding-left: 8px;
   padding-right: 8px;
   position: absolute;
   left: 13px;
   color: #687d95;
 }
.seaching-box{
   margin-top: -50px;
    border-radius: 10px;
    box-shadow: 3px 4px 6px 0px rgb(56 65 74 / 10%);
}
.flight-info-hdr{
   background-image: url(../images/Plane.png);
   background-size: cover;
   border-top-left-radius: 7px;
   border-top-right-radius: 7px;
}
.depart-ttli_hdr{
   background: #2196F3;
   padding: 0px 5px;
   color: white;
   font-size: 10px;
   font-weight: 500;
   padding-top: 1.7px;
}
.title-seperate-tps {
   background-color: #cdcdcd;
   height: 10px;
   width: 2px;
   display: inline-block;
   margin: 0 4px;
   margin-top: 4px;
}
.fnt-tts_hdr{
   font-weight: 600;
   font-size: 12px;
}
.fyl-details-vw{
   align-items: center; 
   text-align: center; 
   display: grid;
}
.fly-box-return{
   padding: 7px; 
   background: white; 
   border: 1px solid #dadada;
   border-radius: 5px;
}
.dpl_flex_gap_10{
   display: flex;
    gap: 10px;
}
.display_none{
   display: none;
}
.mg_rt_10{
   margin-right: 10px;
}
.avatar-xs_ss{
   height: 1rem;
   width: 1rem;
}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
   height: calc(3rem + 2px) !important;
   line-height: 1.25;
}
 
.note_fare{
   border-radius: var(--_1xar4q8);
    line-height: 1.5;
    position: relative;
    background-color: rgb(233, 245, 255);
    border: 1px solid rgb(53, 134, 209);
}
.Note_icon{
   font-size: 16px;
    color: #2196F3;
}
.note_other{
   background-color: rgb(255 250 233);
   border: 1px solid rgb(222 222 222);
   border-radius: 5px;
   padding: 5px;
}
.shadow-md {
   --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
}

.form-select-top {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
   padding-left: 0.5rem;
   font-size: 14px;
   border-radius: 0.2rem;
   border: none;
   text-align: left;
   background-image: none !important;
}
.pax_icon{
   font-size: 15px;
   position: relative;
   top: 2px;
}
.profile-setting-img_top {
   position: relative;
   height: 300px;
}
.profile-wid-bg_top {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   height: 320px;
}
.profile-back{
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   height: 320px;
 
}
.profile-back,.profile-wid-bg_top {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.profile-back::before{
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   opacity: .9;
   background: #405189;
   background: -webkit-gradient(linear,left bottom,left top,from(#171e32),to(#405189));
   background: linear-gradient(to top,#171e32,#405189);
}
.back::after{
   content: "";
   position: absolute;
   display: block;
   background: #343534;
   opacity: 0.6;
   width: 100%;
   height: 100%;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
  
}
.flr_note_bck{
   background: #0ab39c;
    color: white;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.bell_icon{
   font-size: 50px;
   position: absolute;
   top: 5px;
   right: 5px;
   color: #fffcf84a;
}
.ds_width_95{
   width: 95%;
}

.placeholder {
   display: inline-block;
   min-height: 0.7em;
   vertical-align: middle;
   cursor: wait;
   background-color: currentcolor;
   opacity: .5;
   background: #949494;
   border-radius: 10px;
}
.placeholder_circle{
   background: #c9c9c9;
   height: 17px;
   width: 17px;
   border-radius: 50px;
}
.placeholder_circle_plane_logo{
   background: #c9c9c9;
   height: 30px;
   width: 30px;
   border-radius: 50px;
}
.placeholder_box{
   height: 14px;
    width: 14px;
    background: #c9c9c9;
    border-radius: 3px;
}
.placeholder_time{
   height: 10px;
   width: 39px;
   background: #c9c9c9;
   border-radius: 10px;
}
.placeholder_bnt{
   height: 35px;
    width: 100px;
    background: #c9c9c9;
    border-radius: 5px;
}
.top_txt_ttl{
   position: absolute;
   z-index: 1;left: 5%;
   top: 120px;
}
.ttl_name_top{
   color: #dadfe6;
   font-size: 40px;
   font-weight: 700;
}
.sub_ttl_name{
   color: aliceblue;
   font-size: 20px;
}





@media only screen and (max-width: 650px) {
.mbl-row{
   padding: 0 !important;
}
.ttl_name_top {
   color: #dadfe6;
   font-size: 30px;
   font-weight: 700;
}
.top_txt_ttl{
   position: absolute;
   z-index: 1;left: 5%;
   top: 85px;
}
.ds_width_95{
   width: 80%;
}
.mbl_note_other{
   background-color: rgb(255 250 233);
   border: 1px solid rgb(222 222 222);
   border-radius: 5px;
   padding: 10px;
   text-align: left;
   margin-top: -5px !important;
}
.form-control:not(.form-control-lg), .custom-select:not(.form-control-lg) {
   font-size: 16px;
}
.mnl_pd_lr_org{
   padding-right: calc(var(--vz-gutter-x) * .5) !important;
   padding-left: calc(var(--vz-gutter-x) * .5) !important;
}
.mbl_width_60{
   width: 60%;
}
.mbl_width_40{
   width: 40%;
}
.mbl_infut_radius{
   border-radius: 0.25rem !important;
}
.mbl_border_l_org{
   border: 1px solid var(--vz-input-border) !important;
}
.mbl_margin_r_5{
   margin-right: 5px !important;
}
.mbl_pd_l_0{
   padding-left: 0 !important;
}
.mbl_pd_r_0{
   padding-right: 0 !important;
}
.mbl_absolute{
   position: absolute;
}
.paxx_section{
   position: absolute;
   right: -15px;
   top: -4px;
}
.col-sm-6 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: 50%;
}
.mbl_mt_mb{
   margin: 10px 0px;
}
.mbl_pd-fl{
   padding-left: 0;
}
.mbl_pd_rt{
   padding-right: 0;
}
.mb_dsply_none{
   display: none !important;
}
.mbl_disply_flex{
   display: flex;
}
.col-sm-3 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: 25%;
}
.col-sm-6 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: 50%;
}
.col-md-2 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: 16.66666667%;
}
.col-md-8 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: 66.66666667%;
}
.col-md-4 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: 33.33333333%;
}
.col-sm-4 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: 33.33333333%;
}
.col-sm-8 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: 66.66666667%;
}
.col-sm-5 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: 41.66666667%;
}
.col-sm-7 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: 58.33333333%;
}
.mbl_avatar_smal {
   height: 1.3rem !important;
   width: 1.3rem !important;
}
.mbl_mb_2{
   margin-bottom: 10px;
}
.text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 200px;
}
.mbl_disply_block{
   display: block !important;
}
.mgr-left {
   margin-left: 0px !important;
}
.mrg-l {
   margin-left: 0px;
}
.line_ticket-details {
   height: 74px;
   border-right: 3px solid #e0e0e0;
   position: absolute;
   top: -24px;
   right: 75px;
   display: none;
}
.mbl_width_100{
   width: 100%;
}
.mbl_fnt_14{
   font-size: 14px;
}
.mbl_mg_ft{
   margin-left: -10px;
}
.mbl_width_20{
   width: 19%;
}
.mbl_width_50{
   width: 50%;
}
.mbl_air_code{
   position: absolute;
   right: 0;
   top: 0;
}
.mbl_bnt_select{
   padding: 0;
   text-align: right;
   background: none;
   border: none;
   color: #009688;
   font-size: 14px;
   font-weight: 400;
}.mbl_text_left{
   padding: 3px;
   margin-left: -5px;
   border: 1px solid #c6c6c6;
   position: absolute;
   left: 0;
   border-left: 1px solid #e9e9f3;
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
   padding-right: 10px;
   top: 5px;
   padding-left: 10px;
}
.mbl_pd_l_r_none{
   padding-left: 0;
   padding-right: 0;
}
.mbl_dpt_time_top{
   position: absolute;
   top: 0;
   left: 156px;
   margin-top: 6px;
}
.mbl_position_relted{
position: relative;
 }
 .mbl_pd_box_top{
   padding: 30px;
   padding-top: 25px;
}
 .mbl_layover_pd{
   padding: 5px 0px 5px 0px;
 }
 .mbl_d-flex{
   display: block !important;
 }
 .mbl_layover_depart_time{
   position: absolute;
    right: 0;
 }
 .mbl_layover_mr_l_r_10{
   margin-left: -10px;
   margin-right: -10px;
 }
 .mbl_mg_l_10{
   margin-left: -10px;
 }
 .mbl_mg_l_15{
   margin-left: -20px;
 }
 .form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
   height: calc(3.3rem + 2px) !important;
   line-height: 1.25;
}
}














[data-tooltip] {
   position: relative;
   cursor: pointer;
 }
 [data-tooltip]:before,
 [data-tooltip]:after {
   line-height: 1;
   font-size: 13px;
   pointer-events: none;
   position: absolute;
   box-sizing: border-box;
   display: none;
   opacity: 0;
   filter: drop-shadow(0px 4px 7px #8d949ba8);
 }
 [data-tooltip]:before {
   content: "";
   border: 5px solid transparent;
   z-index: 100;
 }
 [data-tooltip]:after {
   content: attr(data-tooltip);
   text-align: center;
   min-width: 3em;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 7px 14px;
   border-radius: 2px;
   background: #FFFFFF;
   color: #3D3D3D;
   z-index: 99;
   font-weight: 400;
   margin-top: -10px;
 }
 [data-tooltip]:hover:before,
 [data-tooltip]:hover:after {
   display: block;
   opacity: 1;
 }
 [data-tooltip]:not([data-flow])::before,
 [data-tooltip][data-flow="top"]::before {
   bottom: 100%;
   border-bottom-width: 0;
   border-top-color: #FFFFFF;
 }
 [data-tooltip]:not([data-flow])::after,
 [data-tooltip][data-flow="top"]::after {
   bottom: calc(100% + 5px);
 }
 [data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after,
 [data-tooltip][data-flow="top"]::before,
 [data-tooltip][data-flow="top"]::after {
   left: 50%;
   -webkit-transform: translate(-50%, -4px);
           transform: translate(-50%, -4px);
 }
 [data-tooltip][data-flow="bottom"]::before {
   top: 100%;
   border-top-width: 0;
   border-bottom-color: #FFFFFF;
 }
 [data-tooltip][data-flow="bottom"]::after {
   top: calc(100% + 5px);
 }
 [data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after {
   left: 50%;
   -webkit-transform: translate(-50%, 8px);
           transform: translate(-50%, 8px);
 }
 [data-tooltip][data-flow="left"]::before {
   top: 50%;
   border-right-width: 0;
   border-left-color: #FFFFFF;
   left: calc(0em - 5px);
   -webkit-transform: translate(-8px, -50%);
           transform: translate(-8px, -50%);
 }
 [data-tooltip][data-flow="left"]::after {
   top: 50%;
   right: calc(100% + 5px);
   -webkit-transform: translate(-8px, -50%);
           transform: translate(-8px, -50%);
 }
 [data-tooltip][data-flow="right"]::before {
   top: 50%;
   border-left-width: 0;
   border-right-color: #FFFFFF;
   right: calc(0em - 5px);
   -webkit-transform: translate(8px, -50%);
           transform: translate(8px, -50%);
 }
 [data-tooltip][data-flow="right"]::after {
   top: 50%;
   left: calc(100% + 5px);
   -webkit-transform: translate(8px, -50%);
           transform: translate(8px, -50%);
 }
 [data-tooltip=""]::after, [data-tooltip=""]::before {
   display: none !important;
 }