body .btn{ border-radius: 0}
.tx-booking-engine-snipe .input-group-addon, .journey-details .input-group-addon{
    width:31px;
}
body .input-group-addon, body .input-group-btn {
    width:auto;/*for input addgroupd purpse*/
}
.login-form .form-group input[type="text"], .login-form .form-group input[type="password"]{
    background:#fcfcfc;
    border:solid 2px rgba(3,27,78,0.2);
    border-radius:3px;
    text-align:left;
    font-size: 15px;
    transition:opacity 0.4s;
    height:auto;
    box-shadow:none;
    -webkit-appearance: none;
}
.login-form .form-group input[type="text"]:focus, .login-form .form-group input[type="password"]:focus{
    border-color:rgba(3,27,78,0.5);
}
.login-form .form-group label{ font-size: 12px; font-weight: 500}
.journey-details .oneway-roundtrip .fields{background: #fff;border: solid 1px #d4d7dc;border-right: solid 1px #d4d7dc;}
.tx-portlet .tx-portlet__head{ padding: 0 15px}


/* dashboard css */
.navbar-brand .trackex-logo .trackex--logo{max-width: 160px; max-height: 50px; }

/* search-engine css searchlist*/
.tx-booking-engine-snipe .form-control, .journey-details .form-control{ z-index: 0}
.journey-details .dropdown-menu{ left: 0 !important; box-shadow: 0 0 2px 0 rgba(0,0,0,.08), 0 4px 16px 0 rgba(0,0,0,0.16); border-color:#d1d6db; border-radius: 2px; margin: 0; padding: 0; z-index: 200;}
.journey-details .dropdown-menu li a{ margin: 0 !important; padding: 0; width: 100%; border-radius: 0}
.journey-details .dropdown-menu li a small{ color:rgba(0,0,0,0.75)}
.journey-details .dropdown-menu li a  small, 
.journey-details .dropdown-menu li a .col-sm-8 .ng-binding{ line-height: 1.5; display: block;  white-space: nowrap; text-overflow: ellipsis;
    overflow-x: hidden;}
.journey-details .dropdown-menu li a .col-sm-4 .pull-right{ text-align: right}
.journey-details .dropdown-menu > .active > a small, 
.journey-details .dropdown-menu > .active > a:focus small, 
.journey-details .dropdown-menu > .active > a:hover small{ color:rgba(255,255,255,0.6)}
.search-loc{ min-width: 325px; }
.search-loc .pref-airport{ width: 72%; overflow: hidden; text-overflow: ellipsis}

.search-loc .ac-airport{ float: left; width: 72%; overflow: hidden; text-overflow: ellipsis}
.search-loc .ac-airport .lc--name{ font-size: 13px;}
.search-loc .ac-airport .air--name{ font-size: 11px; color:#8a8a8a}
.airname{float:none; position: absolute; top: 32px; left: 24px;}
.search-loc .ac-country{ float: right;font-size: 13px; max-width: 28%; padding-right: 20px; position: relative; text-align: right; line-height: 1.2;}
.search-loc .ac-country img{ position: absolute; right: 0; top:0; }
.journey-details .dropdown-menu li a.loc--country, .journey-details .dropdown-menu li #anchortag{ float: left; width: 100% !important; display: block; padding: 8px; border-bottom: solid 1px rgba(0,0,0,0.1); }
.daterangepicker.dropdown-menu{ box-shadow: rgba(0,0,0,0.08) 0 0 2px 0, rgba(0,0,0,0.16) 0 8px 32px 0 !important; border:none !important; padding: 0; min-width: 320px; max-width: 100%; border-radius: 0}
.daterangepicker.dropdown-menu .calendar.left{ margin: 0; max-width: 100%; width: 100%; padding: 8px;}
.daterangepicker.dropdown-menu .calendar.left .calendar-table{ padding: 0; max-width: 100%}
.daterangepicker.dropdown-menu .calendar-table .table-condensed td{border:none; text-align:center; height: auto; line-height: 30px; font-weight:500;
position: relative; color:#333; cursor: pointer; vertical-align: middle; border-radius: 0}
.daterangepicker.dropdown-menu .calendar-table .table-condensed tr th{ line-height: 35px;}
.daterangepicker.dropdown-menu .calendar-table .table-condensed tr + tr th{ background:transparent; border:none; border-radius: 0; font-weight:500; color:rgba(104,123,142); font-size: 11px; padding: 8px;  }
.daterangepicker.dropdown-menu td.active, .daterangepicker.dropdown-menu td.active:hover{ color:#fff !important; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover{ background: transparent}
.chosen-container-active.chosen-with-drop .chosen-single{border-color: transparent !important}

/*flight search dropdown*/
.traveller-econom .dropdown-menu:before{ left:auto; right: 20px; }
.dropdown-access.traveller-econom .dropdown-menu{border-color:#6a4db6; min-width: 300px; width: 100% !important}
.traveller-econom .plain-text{ width: 100%}
.traveller-econom .form-group .bootstrap-touchspin{ float: right; width: 75px}
.traveller-econom .form-group + .form-group{ margin-top: 3px}
.traveller-econom .trav-econom span{ display: block; line-height: 1; font-size: 13px;}
.traveller-econom .trav-econom small{ line-height: 1; font-size: 11px; color: #8a8a8a;}
.traveller-econom .form-group .traveller--type{ display: block;}
.traveller-econom .form-group .bootstrap-touchspin .btn{ padding: 3px 8px; height: 30px; border-color: #ccc; }
.traveller-econom .form-group .bootstrap-touchspin .touchspinInputs, .traveller-econom .form-group .bootstrap-touchspin .flightModifySearchTextField, .traveller-econom .form-group .bootstrap-touchspin .form-control{ height: 30px !important; width:25px !important; text-align: center; padding: 3px; font-size: 12px; border-color:#ccc !important; background: #fff !important }
.traveller-econom .form-group .radio .plain-text{ margin: 0; padding: 0; height: 0; float: left}
.traveller-econom .form-group .ech-buscl + .ech-buscl{ margin-top: 5px}
.traveller-econom .hotel-pp .bootstrap-touchspin{ float: none}
.traveller-econom .hotel-pp{ float: left; width: 100%; margin: 0; padding: 5px 0}
.traveller-econom .loop-hotelsel{ padding: 8px 5px;}
.traveller-econom .loop-hotelsel:nth-child(2n){ background: #f1f1f1; }
.traveller-econom .hotel-pp .htl-label{ float: left}
.traveller-econom .hotel-pp .bootstrap-touchspin{ float: right}
.daterangepicker td.disabled, .daterangepicker option.disabled{ color:rgb(209,216,219) !important; text-decoration:none !important }
input[type="radio"].custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated input[type="radio"].custom-control-input:valid:checked~.custom-control-label::before{ background:#fff}
.desk-hide{ display: none}
.flight-filter-btn{ display: none}
.Base-Results-HorizonResult .result-column .lst-img-container{ background: #eee;  position: relative; min-height: 100px}
.Base-Results-HorizonResult .result-column .lst-img-container img{z-index: 0; object-fit: cover; max-width: none; position: relative; width: 100%; height: 100%;;}
.tx-booking-engine-snipe .be-container-snipe .journey-details .multicity .form-control, .tx-booking-engine-snipe .be-container-snipe .journey-details .oneway-roundtrip .form-control, .tx-booking-engine-snipe .be-container-snipe .journey-details .btn.dropdown-toggle, .journey-details .multicity .form-control, .journey-details .oneway-roundtrip .form-control, .journey-details .btn.dropdown-toggle{ max-width: 100% !important}
.journey-details .oneway-roundtrip .fields .input-group .form-control.ng-touched, .journey-details .oneway-roundtrip .fields .input-group .form-control.ng-touched:focus, .journey-details .oneway-roundtrip .fields .input-group .form-control.ng-touched:active, .journey-details .oneway-roundtrip .fields .input-group .form-control.ng-touched:focus-within{ background:transparent !important; -webkit-appearance: none}
.oneway-roundtrip .fields .input-group .chosen-drop .chosen-search{ display: none }

.tx-booking-engine-snipe .be-container-snipe .journey-details .multicity .form-control, .tx-booking-engine-snipe .be-container-snipe .journey-details .oneway-roundtrip .form-control, .tx-booking-engine-snipe .be-container-snipe .journey-details .btn.dropdown-toggle, .journey-details .multicity .form-control, .journey-details .oneway-roundtrip .form-control{ border-color: transparent !important}
.pace .pace-progress{ height: 5px !important; background:linear-gradient(230deg,#6051c0, #85439b); background:-webkit-linear-gradient(230deg,#6051c0, #85439b); background-size: 100%; animation: moveBG 20s ease infinite; -webkit-animation: moveBG 20s ease infinite; -moz-animation: moveBG 20s ease infinite; left: 0; position: absolute}
@keyframes moveBG{
    0%{ background-position: 0% 84%;}
    50%{ background-position: 100% 16%;}
    100%{ background-position: 0% 84%;}
}
@-webkit-keyframes moveBG{
    0%{ background-position: 0% 84%;}
    50%{ background-position: 100% 16%;}
    100%{ background-position: 0% 84%;}
}
@-moz-keyframes moveBG{
    0%{ background-position: 0% 84%;}
    50%{ background-position: 100% 16%;}
    100%{ background-position: 0% 84%;}
}
body .irs-slider.last{ z-index: 1}
#Droptime_chosen, #Pickuptime_chosen{ width:100% !important; max-width: 640px;}
.header-title #changeFlight{ height: auto}
.user-details.details .chosen-container.chosen-container-single{ width: 100% !important}
.user-details.details .traveler{margin-left:0;}
body .chosen-container-single .chosen-single{ border-color: #a3a3a3 !important; height: 34px !important;}
body .journey-details .chosen-container-single .chosen-single{ height: 38px !important;border:none; }
body .journey-details  .chosen-container-active.chosen-with-drop .chosen-single{ border:none !important}
.travellers .form-group .form-control, .payment-section .form-group .form-control, .form-group .form-control, .form-control{border-color:#a3a3a3 }
.chosen-container-single .chosen-single span{ line-height: 32px; margin-top: 0 !important}
body .chosen-container-single .chosen-drop{ margin-top: 0;}
.chosen-container-single .chosen-search{ position: relative}
.chosen-container-single .chosen-search:after{ position: absolute; top:6px; right:10px; content: "\f2eb"; font-family: LineAwesome; display: block; font-size: 22px;}
body .chosen-container-single .chosen-search input[type="text"]{border-radius: 0 !important; padding: 8px !important; background: #fff; background-image: none;}
body .form-control:focus, body .single-line:focus, body .chosen-container-active.chosen-with-drop .chosen-single{ border:solid 1px #6a4db6 !important}
.modal.in .modal-content{ border-radius: 0; border:none}
.chosen-container .chosen-results{ margin:0 !important; padding: 0 !important}
.chosen-container .chosen-results li.active-result{     font-weight: 500;    color: #666 !important;    padding: 6px 5px;    font-size: 12px;
    border-bottom: solid 1px #f9f1f1;}
.chosen-container .chosen-results li.highlighted{ background: rgba(51, 41, 87,.05) !important;}
#mainRow{border-bottom: none !important}
.user-details.details + .user-details.details{ border-top: dashed 1px #b9b9b9 !important}
#paymentForm .flex-row [class=col-]{ max-width: inherit}
.flightTravellersContainerFluid h5:empty{ display: none}
.payment-section .tab-content{ border: none; padding-bottom: none}
.journey-details .oneway-roundtrip .traveller-econom .bootstrap-touchspin  .input-group-btn{position: relative; z-index: 1; width:auto}
.journey-details .oneway-roundtrip .traveller-econom .bootstrap-touchspin .form-control, .journey-details .oneway-roundtrip .traveller-econom .bootstrap-touchspin .form-control:focus{ border-color: #ccc !important; border-left: none !important; }
.user-details.details .col-sm-12.col-md-4:nth-child(3n+1){ clear: both}
.m-aside-left--minimize-hover .be-left-sidebar{ overflow-x:hidden }

.daterangepicker.dropdown-menu.show-calendar:not(.single) .calendar.left,
.daterangepicker.dropdown-menu.show-calendar:not(.single) .calendar.right{ width:38%; padding: 10px; margin:0;}
.daterangepicker.dropdown-menu.show-calendar:not(.single) .calendar.left .calendar-table,
.daterangepicker.dropdown-menu.show-calendar:not(.single) .calendar.right .calendar-table{ border:none;}
.daterangepicker.dropdown-menu.show-calendar:not(.single) .calendar.left .daterangepicker_input,
.daterangepicker.dropdown-menu.show-calendar:not(.single) .calendar.right .daterangepicker_input{ margin:0; padding: 0}
.daterangepicker.dropdown-menu.show-calendar:not(.single) .calendar.left .daterangepicker_input .input-mini,
.daterangepicker.dropdown-menu.show-calendar:not(.single) .calendar.right .daterangepicker_input .input-mini{ border-radius: 0; padding: 6px 10px 6px 35px; font-size: 13px; height: 35px}
.daterangepicker.dropdown-menu.show-calendar:not(.single) .ranges{ margin:10px 4px}

/* hotel page design */
.Base-Results-HorizonResult .result-column .lst-img-container #hotelSearchImages{width:100% !important; height: auot !important; object-fit: cover; vertical-align: middle}
.Base-Results-HorizonResult .result-column .lst-img-container{ overflow: hidden; }
body .hotel-lst-dtls .starRating{ display: inline-block; float: left}
.review-pipe{border-left:1px solid #e2e2e2; padding-left: 8px; margin-left: 8px; line-height: 1.5; top:3px; color:#999; font-weight: 600; font-size: 13px; float: left; position: relative; z-index: 1}
.htl-list--de .additionalInfo{margin-top: 1rem;}
.hotel--roomtype{color:rgba(3,27,78,.7); font-size: 13px; }
.policy-icon .la-info-circle{ position: relative; top: 2px}
.hotel-specif li{ text-transform: capitalize; font-weight: 500}
.additionalInfo.hotelamenity .amenityIconList.amenities-icon{ float: left; width: 100%;}
.additionalInfo.hotelamenity .amenityIconList.amenities-icon li span{ font-size: 13px; padding-left: 18px; position: relative}
.additionalInfo.hotelamenity .amenityIconList.amenities-icon li span i{ position: absolute; left: 0; top: 4px;}
.additionalInfo.hotelamenity .amenityIconList.amenities-icon li, 
.additionalInfo.hotelamenity .amenityIconList.amenities-icon li + li{ width:32.3%; min-width: 100px; max-width: 100%; margin-bottom: .5rem; float: left; margin-right: 1%; margin-left: 0; text-align: left }
.property-card .thumbnail-item-list, .moreimage-gal{ float: left}
.moreimage-gal.morephotos { padding: 4px 8px 10px; text-align: center; max-width: 60px;}
.carousel-control .la-angle-left{ left:5%;}
.carousel-control .la-angle-right{ right:5% }
.slide .thumbsnail{ overflow:hidden;}
.slide .item .thumbsnail img{object-fit: cover; width: 100%; height: 100% !important; max-height: 370px;}
.hotel-specif .aminity-icon{ max-width: 16px; max-height: 16px; float: left; margin-right: 3px}
.additionalInfo .amenityIconList{ display: flex; flex-wrap: wrap;}
.additionalInfo .amenityIconList.additionalInfo .amenityIconList.amenities-icon li span{ font-size: 8.5px; line-height: 1.1; font-weight: 500}
.additionalInfo .amenityIconList.amenities-icon li span.amI-cons{width: 22px;   height: 22px; float: none; margin: 0 auto 3px; position: relative;}
.additionalInfo .amenityIconList.amenities-icon li span.amI-cons img{ max-width: 100%; max-height: 100%; position: absolute; left: 0; top:50%; transform: translateY(-50%)}
.additionalInfo .amenityIconList.amenities-icon li{ max-width: 65px; }
.additionalInfo .amenityIconList.amenities-icon.amenities-icon-img li{ margin-left: 0; margin-right: 1rem}
.check-in-out{ width:100px; margin: 0 auto; border:solid 1px #5a53c5;}
.flight-list-v2 .check-in-out h5{ background: #5a53c5; color:#fff; font-size: 13px; font-weight:500; padding: .5rem 1rem; text-align: center; margin: 0; }
.flight-list-v2 .check-in-out .hotel-inout-time{ padding: .5rem; text-align: center; line-height: 1; font-size: 1.5rem;}
.flight-list-v2 .check-in-out .hotel-inout-time span{ font-size: 28px; font-weight: 600; display: block}
#changeHotel{ height: auto !important}
.htbktrav h5{ font-size: 14px; font-weight: 600}
.htbktrav .rtbtm{ border-left: solid 1px #d7dbe7}
.traveler .chosen-container { display: block; width: 100% !important}
.night-count{ position: relative}
.night-count:before{content: ""; display: inline-block; border-top: dashed 1px #5a53c5; height: 1px; top:50%; transform: translateY(-50%); position: absolute; left:0; width:100%;  }
.night-count .ng-count{background: #fff; position: relative; padding: 3px 8px; border:dashed 1px #5a53c5}
.lightheight-1-3{line-height: 1.3rem;}
.dropdown-access.traveller-econom .dropdown-menu.right{ left:  auto !important}

/*car page design */
#changeCar{ height: auto !important}
body .chosen-container{ width:100% !important}
.paytype{ line-height: 1.5;}
/*12/31/18 flight  pages new design */
body  ::-webkit-scrollbar, ::-webkit-scrollbar{   height: 7px; background:rgba(3,27,78,0.2) !important; width: 7px;}
body ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb{ background:rgba(3,27,78,0.5) !important }
.fly-trip-details, .bottom.mobil-oly{ display: none}
.flight-detial-sect .city_time_brief{ font-weight: 500; font-size: 12px;}
.raiseForOthersFlights{ line-height: 30px;}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{ font-size: 12px; font-weight: 600}
/*1/11/19 Hotel  pages new design */
.amenitynewDe{ display: flex; margin-bottom: 8px;  line-height: 20px; font-size: 11px; }
.amenitynewDe .amenity-txt{white-space: nowrap; text-overflow: ellipsis; flex-shrink: 1; overflow: hidden; margin-right: 8px; max-width: 70%}
.amenitynewDe .amenity-txt .amitxt:after{content: ","; display: inline-block;}
.amenitynewDe .amenity-txt .amitxt{ display: inline-block; font-size: 11px; font-weight: 500}
.amenitynewDe .amenity-txt .amitxt + .amitxt{ margin-left: .5rem}
.amenitynewDe  .amenity-more{ flex-shrink: 0; }
.amenitynewDe  .amenity-more > span{ cursor:pointer}
.lightbox-relative{ position: relative; z-index: 1111}
.LightboxToolTip{ position: relative;  padding:1rem 2rem; margin-top:8px; min-width:225px; display: inline; box-shadow: rgba(0,0,0,0.08) 0 0 2px 0, rgba(0,0,0,0.16) 0 2px 8px 0; font-size: 12px; position: absolute; box-sizing: border-box; top:0; background:#fff}
.LightboxToolTip:after{bottom: 100%; left:20px; border:solid transparent; content: ""; height: 0; width: 0; position: absolute; border-color: rgba(255,255,255,0); border-bottom-color: #d7dbe7; border-width: 8px; margin-left:-8px}
.Flights-Results-FlightResultItem.Base-Results-HorizonResult, .Base-Results-HorizonResult{ overflow: inherit !important}
.LightboxToolTip .amenityIconList{ margin:0; padding: 0}
.LightboxToolTip .amenityIconList li .amI-cons{margin-right: 6px;}
.LightboxToolTip .amenityIconList li{display: flex;margin-bottom: 4px;font-weight: 600;font-size: 11px;-webkit-box-align: center;align-items: center;
-webkit-box-pack: start;justify-content: flex-start;}
.LightboxToolTip .amenityIconList li .aminity-icon{ min-width:16px; max-height: 16px; }
.amenitynewDe .amenity-more .lightbox-relative{ display: none}
.amenitynewDe .amenity-more:hover .lightbox-relative{ display: block}
.htl_rat span{font-size: 20px;}
body .header-title h2{ width:80%;}
.htlprice-dt{font-size: 2.5rem}
.avg-prnght{margin-bottom: .5rem}
body .ui-select-bootstrap>.ui-select-choices{margin:-1px 0 0}
.ui-select-bootstrap .ui-select-choices-row.active>a{ background: linear-gradient(-45deg, #6051c0, #85439b); background: -webkit-linear-gradient(-45deg, #6051c0, #85439b); background: -moz-linear-gradient(-45deg, #6051c0, #85439b);}

/*  */
.listView-flights{ border-top: solid 1px #d7dbe7;} 
.Flights-Results-ResultInfo .dome-rslt .custom-radio .custom-control-label{ width:100% !important}
.dome-rslt a.flight-detl{ position: relative; z-index: 1}
body .domestic-sect-fls{ background:#fff; border-top: solid 1px #d7dbe7}
.resultsContainer .domestic-flights{ margin-bottom: 8rem;}
/* hotel-car design issue */
.journey-details .oneway-roundtrip .traveller-econom .bootstrap-touchspin .form-control{border-left:none; border-right: none}
.policy-icon .policy-data{ z-index: 1}
.name-filter.filter .form-control{ height: 35px;}
.name-filter.filter .input-group-addon{ width: auto; line-height: 1.5}
.fliter-box .accordion-title{ margin-bottom: 0}
.fliter-box .fil-mb-hide{ font-size: 9px; font-weight: 500}
.fliter-box .card .card-header h5{ margin-top: 0}
.fliter-box .card .card-header h5 .btn{font-size: 11px}
.fliter-box .card  .btn-sm{ font-size: 12px;}
body .modal.in{ padding: 0 !important;}
.modal.in .modal-dialog{ min-height: calc(100vh-60px); height: 96vh; transform: translate(0,0); -webkit-transform: (0,0);flex-direction:column; justify-content: center;   margin:0 auto !important; max-width: 95%;}
.modal.in .modal-dialog .modal-content{flex-direction:column;overflow: auto;margin-top: 6em;}
.modal.in .modal-dialog .modal-content .modal-body{ overflow-y: auto}
body .sideScrolled{overflow-y: auto}

@media (min-width:768px) {
.tx-booking-engine-snipe .toggle-modifysearch{ display: block !important}
.Flights-Results-FlightLegDetails .icon-column img{ min-width: 30px;}
}


@media (min-width: 320px) and (max-width:767px) {
    #Droptime_chosen, #Pickuptime_chosen{ width:100% !important; max-width: 640px;}
    .m--col, .mobi-px0{ padding-left: 0; padding-right: 0}
    .car--details{ width: 100%}
    /* .car--details .header-title .row{margin-left:0;padding-right: 0} */
    .carreview--details{ margin-top: 15px;}
    body .review_steps_info{ width: 80%}
    /*.row.flex-row [class*="col-"]{ display: block; width: 100%}*/
    .body-small .navbar-fixed-top{ z-index: 111}
    .navbar .navbar-header{ display: inline-block}
    .be-fixed-sidebar .be-left-sidebar:before{ display: none}
    .left-nav .navbar-nav .open .dropdown-menu{ background: transparent}
    .left-nav .navbar-nav .dropdown-menu li a{ padding: 7px 15px !important}
    body .be-wrapper{ padding-left: 0}
    body .be-content{ margin-left:45px}
    .m-aside-left--minimize-hover .trackex--logo{ display: none}
    .commonDashboardCard{ max-width: 100%; overflow-x: auto}
    .mb-view-col{ width: 100%}
    .myclaim-tables .card .card-body .table-responsive .table{ min-height: 50px;}
    .be-user-nav .dropdown-toggle .account-user-name{ display: none !important}
    .be-top-header .header-nav .nav.navbar-nav{margin:0 !important}
    .be-top-header .navbar-collapse{padding: 0}
    .be-top-header .navbar-nav>li.dropdown .dropdown-menu{ position: absolute; background: #fff}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color: transparent}
    .left-nav .navbar-nav{ padding-left: 15px; padding-right: 15px}

    body .be-user-nav .dropdown-toggle.nav-user{ height: 58px; width: 65px; padding: 0 !important}
    body .nav-user .account-user-avatar{ top: 10px; left: 6px;}
    .navbar-toggle.db-navtoggle , .navbar-toggle.db-navtoggle:hover, 
    .navbar-toggle.db-navtoggle:focus{
        cursor: pointer;
        display: block;
        height: 40px;
        width: 40px;
        background: none;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        outline: none;
        padding: 0px;
        margin: -5px 5px 0;
        background: transparent;
        float: left;
    }
    .db-navtoggle .icon-bar {
        background: rgba(3,27,78,0.7);
        
        height: 2px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        transition: left .15s ease, background .15s ease;
        width: 20px;
    }
    .navbar-default .navbar-toggle.db-navtoggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background: rgba(3,27,78,0.7);
    }
    .db-navtoggle .icon-bar::after, .db-navtoggle .icon-bar::before {
        content: "";
        height: 2px;
        left: -2px;
        position: absolute;
        width: 23px;
        background: rgba(3,27,78,0.7);
        transition: left 0.25s ease 0s, background 0.25s ease 0.5s, transform 0.25s ease 0s;
        margin: 0px;
    }

    .navbar-toggle:hover .icon-bar{left:50%}
    .icon-bar::before, .navbar-toggle:hover .icon-bar:before {
        top: -6px !important;
        left:-2px !important;
    }
    .icon-bar::after, .navbar-toggle:hover .icon-bar:after {
        bottom: -6px !important;
        left:-2px !important;
    }
    .landingBackground .navbar-toggle[aria-expanded="true"] .icon-bar::before, .landingBackground .navbar-toggle[aria-expanded="true"]:hover .icon-bar:before {
        top: 0 !important;
        left:20px !important;
    }
    .landingBackground .navbar-toggle[aria-expanded="true"]  .icon-bar::after, .landingBackground .navbar-toggle[aria-expanded="true"]:hover .icon-bar:after {
        bottom: 0 !important;
        left:20px !important;
    }
    .navbar-brand .trackex-logo{width:auto}
    body .be-top-header .navbar-brand:after{ display: none}
    .m-aside-left--minimize-hover .trackex-logo{ width: auto !important; }
    body .trackex-logo img.trackex--logo{ display: block !important;min-width: 110px; max-width: inherit !important; padding: 0; margin: .2rem 0 0}
    .trackex-logo img.trackex-logo-icon{ display: none !important}
    html .m-aside-left--minimize-hover .be-left-sidebar, html body .be-left-sidebar{ width:50px; left:-100px}
    html .m-aside-left--minimize-hover .left-nav .navbar-nav .nav-link.m--nav-link .m-menu__link-icon{ text-align: center}
    html body.m-aside-left--minimize-hover .left-nav .navbar-nav .nav-link.m--nav-link .m-menu__link-text{ display: none; }
    html .m-aside-left--minimize-hover .left-nav .navbar-nav .dropdown-toggle .dropdown-icon{ display: none}
    html .m-aside-left--minimize-hover .be-content{ margin-left: 45px;}
    .be-left-sidebar .left-nav .navbar-nav{ margin: 0; padding: 0}
    html body.tg-menuactive .be-left-sidebar{  left:0}
    html body.tg-menuactive .be-content, html body .be-content{ margin-left:0 !important; position: relative; margin-top: 0 !important}
    html body.tg-menuactive .be-content:before{ content:""; width: 100%; height: 100%; display: block; background: rgba(3,27,78,0.35); position: fixed; z-index: 111}
    body .be-content{ margin-left: 0; left:0; top: 0}
    .tg-menuactive .left-nav .navbar-nav .dropdown-toggle .dropdown-icon, .tg-menuactive .be-left-sidebar:hover .left-nav .navbar-nav .dropdown-toggle .dropdown-icon{ display: block        }
    .tg-menuactive .navbar-default .navbar-toggle .icon-bar{ background-color:rgba(3,27,78,0) !important; transition: all .1s ease-out }
    .tg-menuactive .db-navtoggle .icon-bar::before{transform: translateY(6.5px) rotate(45deg); -webkit-transform: translateY(6.5px) rotate(45deg);}
    .tg-menuactive .db-navtoggle .icon-bar::after{transform: translateY(-6px) rotate(-45deg); -webkit-transform: translateY(-6px) rotate(-45deg);}

    .nav.nav-pills .nav-item .nav-link{ padding: 6px 10px; font-size: 10px;}
    .nav.nav-pills .nav-item{ margin-bottom: 0}
    .tx-portlet .tx-portlet__head .tx-portlet__head-caption .tx-portlet__head-title .tx-portlet__head-text{ margin:10px 0}
    .tx-portlet .tx-portlet__head{ min-height: 25px}
    .ibox-title h2, h2{font-size: 20px;}

    .row.justify-content-center.align-items-center.car-searchingine{ display: block }
    .journey-details .oneway-roundtrip .fields{ margin-bottom: 10px}

    .search-engine .tab-content{ margin-bottom: 0; padding-bottom: 0}
    .tx-portlet .tx-portlet__body{ padding: 10px 0 0}
    .tx-portlet .tx-portlet__body .html5buttons .btn-group, 
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter{ text-align: right !important}


    .profile-container{ position: relative}
    .profile-container .profile-image{ max-width: 100px; }
    .profile-container .profile-middle{ position: absolute}

    /* filter aside  */
    .flight-filter-btn{ position: fixed; bottom:10px;  right:10px; z-index: 11; display: block  }
    .flight-filter-btn .btn{  background: linear-gradient(45deg, #6051c0, #85439b) !important; background: -webkit-linear-gradient(45deg, #6051c0, #85439b) !important; color:#fff; border-radius: 40px !important; }
    .trav-fields, .modi-btn-mobi{ float: left; width: 100%;}
    .left-sidebar-panel .srp-filters.sideScrolled, .left-sidebar-panel .srp-filters{ display: none; background:#ffffff; position: fixed !important; left:0; top: 0 !important; width:100% !important; height:100% !important; z-index: 118;  transition: all .5s ease-out; -webkit-transition: all .5s ease-out;}
    .filter-applybtn{ display: block; border-top: solid 1px #f1f1f1; background: #eee;}
    .fil-mb-hide{ display: none}
    .desk-hide{ display: block; margin: 0 -15px;}
    .desk-hide ul.filter-applybtn{ list-style-type: none; margin: 0; padding: 0;float:left; width: 100%; }
    .desk-hide ul.filter-applybtn li{ width: 50%; display: block; float:left;}
    .desk-hide ul.filter-applybtn li a{ display: block; padding: 8px 15px; text-align: center;}
    /* flight searchresults  */
    .content-right .price-slide-wrapper{ padding: 0; margin-bottom: 15px;}
    .price-slide-wrapper .price-slide-list{ width: 100%; margin-bottom: 15px}
    .Flights-Results-LegInfo .row.justify-content-center{ display: block;}
    .Flights-Results-ResultInfo .flights .slim-ticket{ display: block; width: 100%; clear: both}
    /*  .m-ar--logo{ float: left; width: 10%;}
   .m-ar--origin{float: left; width: 30%;}
    .m-ar--durations{float: left; width: 30%; padding: 0 5px;}
    .m-ar-departure{float: left; width: 30%;} */
    .Flights-Results-LegInfo [class*="col-"] .top, .Flights-Results-LegInfo [class*="col-"] .top .base-time{ font-size: 12px;}
    .Base-Results-HorizonResult .result-column{ border-right: none;}
    .Base-Results-HorizonResult .m-price--details{ /* padding:10px 0 !important; clear: both; float: left; width: 100%  */}
    .Base-Results-HorizonResult .m-price--details .m-none{ display: none}
    /* flight review  */
    .flight-review .header-title .col-sm-8.mr-auto, .travellers .header-title .col-sm-8.mr-auto{ display: block; margin: 0; /* padding: 0; */ float: left}
    .payment-details{ width:100%}
    /*.review_steps_info .step_center{ left:33.3%}*/
    .user-details.details #mainRow{ margin-top:0; border-bottom: none;}
    .flightTravellersContainerFluid .user-details.details{}
    .flightTravellersContainerFluid .user-details.details + .user-details.details{  border-top: 1px dashed #eee}
    .user-details.details .row.justify-content-center{ display: block}
    .user-details .row.justify-content-center{ display: block}
    /* hotel searchresult  */
    .show-mapview{ max-height:100px; overflow: hidden; min-height: 50px; }
    .show-mapview img{ z-index: 0; object-fit: cover; max-width: none; position: relative; width: 100%; height: 100%; }
    .hotel--filterss .srp-filters{background: #fff}
    /* .Base-Results-HorizonResult  .row.justify-content-center{ display: block} */
    .Base-Results-HorizonResult .result-column{ /* float: left; width: 100%; */ }
    .Base-Results-HorizonResult .htl-price--deti{/*  width: 100%;  float: left; padding: 10px 5px !important */}
    .Base-Results-HorizonResult .result-column .lst-img-container{ background: #eee; width:100%; height: 100px; position: relative; margin-bottom: 10px}
    .Base-Results-HorizonResult .result-column .lst-img-container img{z-index: 0; object-fit: cover; max-width: none; position: relative; width: 100%; height: 100%;;}
    .Base-Results-HorizonResult .result-column .htl--img{ width:33.33%; float: left}
    .Base-Results-HorizonResult .result-column .htl-list--de{ width:66.66%; float: left}
    .Base-Results-HorizonResult .result-column.col-info{ /* border-right: none; border-bottom: dashed 1px #b1b5bf */}
    .chosen-container.chosen-container-single{ width: 100% !important;}
    .payment-tabs .nav.nav-tabs li{ width:50%; margin-bottom: 0}
    body  .payment-section .nav-tabs .nav-item.show .nav-link, body  .payment-section .nav-tabs .active .nav-link, body .payment-section .nav-tabs .nav-link{  text-align: center; font-size: 10px}
    .card--details .col-sm-6{ width:50%; display: block; float: left}
    .Flights-Results-ResultInfo .flights .flight .time{ float: left;}
    .tx-booking-engine-snipe .be-container-snipe .journey-details .multicity .form-control, 
    .tx-booking-engine-snipe .be-container-snipe .journey-details .oneway-roundtrip .form-control, 
    .tx-booking-engine-snipe .be-container-snipe .journey-details .btn.dropdown-toggle, 
    .journey-details .multicity .form-control, 
    .journey-details .oneway-roundtrip .form-control, 
    .journey-details .btn.dropdown-toggle{ max-width: 100% !important}
    .traveller-econom .dropdown-menu:before{ left:20px; right:auto;}
/* hotel pages*/
    .hotel-lst-dtls .starRating .la{ font-size: 18px;}
    .tx-booking-engine-snipe .be-container-snipe .journey-details .oneway-roundtrip .fields, .journey-details .oneway-roundtrip .fields{ float: left; width: 100%;}
    .pickdate-time{ display: block; /* float: left; */ clear: both}

/*31-12-18 flight mobile view design*/
    body .mobile-mb-0{ margin-bottom: 0 !important }
    .tx-booking-engine-snipe .be-container-snipe{ margin-top: 0}
    body .mobile-mt-1{ margin-top: .5rem}
    body .mobi-p-0{padding-left:0 !important; padding-right:0 !important;}
    body .mobi-mt-0{margin-top: 0 !important}
    .fly-trip-details {  display: block;  width: 100%; min-width: 100%; background:-webkit-linear-gradient(45deg, #6051c0, #85439b); background:linear-gradient(45deg, #6051c0, #85439b);  color: #fff; font-size: 12px; line-height: 38px; height: 38px; -moz-box-shadow: inset 1px 6px 5px -6px rgba(0,0,0,.25); -webkit-box-shadow: inset 1px 6px 5px -6px rgba(0,0,0,.25);  box-shadow: inset 1px 6px 5px -6px rgba(0,0,0,.25);  position: relative;}
    .fly-trip-details .search {   display: inline-block;  width: 90%; padding-left: 10px;color: #fff; font-size: 11px;}
    .fly-trip-details .search .date-label {        display: inline-block;    }
    .fly-trip-details .search .fly-location, .fly-trip-details .search .date-label span { display: inline-block;font-size: 12px;padding-right: 14px; color:#fff}
    .fly-trip-details .change-search {  position: absolute;color: #fff;text-decoration: none; top:0; font-size: 20px; right: 15px;text-align: right; }
    .travel-to{ display: none}
    .content-right .price-slide-wrapper{overflow-x: scroll;    clear: both; margin-bottom: .5rem;}
    body .price-slide-wrapper .price-view-mobi{ display:block; float: left;  overflow-x: scroll; max-width: 100%;}
    .row-block-m{ display: block !important}
    body .price-slide-wrapper .price-slide-list{ display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox; display: flex; }
    .price-slide-wrapper .price-slide-list li{  background: #fff;}
    body .Flights-Results-ResultInfo .flights .flight .carriers{ width:28px; height:28px ; }
    body .Flights-Results-LegInfo .time span.name, body .Flights-Results-LegInfo .time span.date, .flight .time .desktop-oly{ display: none !important}
    body .Flights-Results-LegInfo [class*="col-"] .top .bottom, .bottom.mobil-oly{ display: block}
    .Flights-Results-ResultInfo .flights .flight .time{ min-height: 30px;}
    body .Flights-Results-LegInfo [class*="col-"] .top{ position: relative}
    body .Flights-Results-LegInfo [class*="col-"].time span.layoverWarn{ position: absolute; top: 0;  right: -10px; font-size: 9px;}
    body .Flights-Results-LegInfo [class*="col-"] .top .bottom.desktop-oly{ display: none !important}
    .Flights-Results-LegInfo [class*="col-"] .top .bottom{font-size:9px; line-height: 1; font-weight: 500}
    body .Flights-Results-LegInfo [class*="col-"] .top, body .Flights-Results-LegInfo [class*="col-"] .top .base-time{font-size: 11px; font-weight: 600}
    .mob-py2{ padding:1rem 0 !important }
    body .Flights-Results-LegInfo [class*="col-"].stops .duration{ font-size: 10px; font-weight: 500}
    .m-px2{ padding-left: .2rem !important; padding-right: .2rem !important;}
    .listing-price{ position: relative;}
    body .listing-price h2{ font-size: 15px; font-weight: 600}
    .listing-price .price-btn{ position: absolute; opacity: 0; top:0; height: 100%; width: 100%}
    .listing-price .price-btn .btn{ position: absolute; top: 0; left: 0; font-size: 0; margin-top: 0 !important; width:100%; height:100%}

    .con-filter-result{ display: none}
    body .Flights-Results-ResultInfo .flights .flight{ padding-bottom: 0;}
    body .Flights-Results-ResultInfo .flights .flight + .flight{margin-top: 5px;}
    body  ::-webkit-scrollbar, ::-webkit-scrollbar{   height: 7px; background:rgba(3,27,78,0.2) !important; width: 7px;}
    body ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb{ background:rgba(3,27,78,0.5) !important }
    .edit-search{ cursor: pointer}
    body .Flights-Results-FlightLegDetails.trackexFlightLegDetails .header{ font-weight: 500; margin-bottom:5px; padding-bottom: 5px;}
    body .header-title .plane-icon, body .header-title .headline-icon{ display: none}
    body .payment-section .payment-tabs .nav-tabs{ padding: 0 10px !important}
    .flight-detial-sect .carriers{ width:30px; height: 30px;}
    body .Flights-Results-FlightLegDetails .details-heading{ font-size: 11px;}
    body .Flights-Results-FlightLegDetails .icon-column img{max-width: 35px; width:auto }

    /* hotel mobile design */
    body .hotel-lst-dtls .hotel-name, body .hotel-name{ font-size: 13px; font-weight: 600; line-height: 1.1}
    body .hotel-lst-dtls .htl-loca{ font-size: 11px;}
    body .hotel-lst-dtls .starRating .la{ font-size: 13px;}
    body .review-pipe{ font-size: 11px;}
    body .listing-price h5{ font-size: 10px; line-height: 1.5}
    .name_hotel{ font-size: 15px; margin-bottom: .2rem;}
    .htl_adrs{ font-size: 11px; margin-bottom: .2rem;}
    .htl_rat span{ line-height: 1}
    .htl_rat span i{font-size: 14px;}
    .mobi-px-0{ padding-left:0 !important; padding-right:0 !important; }
    .mobi-mt-1{ margin-top:1rem !important}
    .mobi-mx-0{margin-left:0 !important; margin-right:0 !important;}
    .mobi-px-2{ padding-left:8px !important; padding-right:8px !important;}
    .toggle-modifysearch{ display: none}
    body .roomtypes h4{ font-size: 15px;}
    body .hotel--roomtype{font-size: 11px; margin-bottom: .5rem !important; line-height: 1.5}
    .Htl-Trvldet, .htlchkinout{ width:100%; }
    body .sc-cEvuZC{right:0; max-width: 35px;}
    body .mpy-1{ padding-top: .25rem !important;; padding-bottom: .25rem !important;}
    .Base-Results-HorizonResult .result-column .lst-img-container{margin-bottom: 0}
    body  .filter-results{ margin-top: 0}
    body .headline-back{padding-top:0} 
    .mpr-1{ padding-right:.5rem !important;}
    .mpl-1{ padding-left:.5rem !important;}
    .mpx-2{padding-left:1rem !important; padding-right:1rem !important; }
    .htlprice-dt{font-size: 1.5rem}
    .avg-prnght{font-size: 10px; font-weight: 500; line-height: 1.1; margin-bottom: .5rem}
    .property-card .mbview-grid .thumbnail-item-list{ flex: 1 0 auto; display: flex; -ms-flex: 1 0 auto; -webkit-flex:1 0 auto; flex-direction: column;}
    .property-card .mbview-grid{display: flex; padding: 0 .25rem .5rem;    width: 100%;    overflow-x: auto;}
    .property-card .moreimage-gal{ display: none}
    .m-pointer{ cursor: pointer}
    .mv-dnone{ display: none}
    .mtext-right{ text-align: right}
    .roomtypes h5{font-size: 12px; margin-bottom: .5rem}
    .roomtypes .hotel-specif li{font-size: 10px;}
    .roomtypes .hotel-specif{ margin-bottom: .5rem}
    .policy-icon .la-info-circle{line-height: 0; font-size: 15px;}
    .pricespecif p{line-height: 1.1}
    .check-in-out{ width:75px;}
    .flight-list-v2 .check-in-out h5{font-size: 10px;}
    .flight-list-v2 .check-in-out .hotel-inout-time span{font-size: 22px}
    body .mpy-01{padding-top: 0 !important; padding-bottom:1rem !important;}
    body .mpx-1{padding-left:1rem; padding-right:1rem; }
    body .car-details .pick-drop{font-size: 13px; }
    body .car-details .depart-drp{font-size: 11px; line-height: 1.5;}
    .mpb-0{padding-bottom: 0 !important}
    body .sc-htpNat{ margin-top: .5rem}
    body .sc-htpNat li:before{ height:14px;} 
    body .sc-htpNat li{font-size: 11px; line-height: 1}
    .Car-Results-CarResultItem .result-column{border-right: none}
    .car--details .flight-review h4{font-size: 15px}
    .car-gray-bg.mnobg{ background:#fff}
    .car-indicator .indicator-icon{ display: none}
    .car-indicator .u-indicator-ver-dashed::after{ display: none}
    .car-indicator .u-indicator{ padding-left: 0; width:49%; float: left}
    .car-indicator .u-indicator + .u-indicator{ margin-left:2%}
    .car-indicator .u-indicator p{font-size: 11px; line-height: 1.5;}
    body .mmt-1{ margin-top:.5rem !important;}
    body .mmb-2{margin-bottom: 1rem !important}
    .LightboxToolTip{ max-width: 180px; padding: .5rem 1rem; left:50%; transform: translateX(-50%)}
    .LightboxToolTip:after{ left:50%; transform: translateX(-50%)}

    /* indian domestic flight */
   body .md-none{ display: none}
  body .Flights-Results-ResultInfo .dome-rslt .custom-radio .custom-control-label{ position: relative;z-index: -1}
  .dome-rslt .duration{ display: none}
  .Flights-Results-ResultInfo .dome-rslt [class*="col-"].time span.layoverWarn{ position: absolute; top:0; right:-12px}
  body .dome-rslt a.flight-detl{margin-top: 0}
  .dome-rslt .carriers { width:32px; height: 32px}
  .dome-rslt a.flight-detl{ display: none}

  body .policy-icon .policy-data{ min-width: 200px; font-size: 11px; left:auto; right:30%; transform: translateX(30%)}
  .policy-icon .policy-data:after{ left:auto; right:25%}
  .show-mapview.mb-4.fliter-box{ margin-bottom: 0 !important}
  .desk-hide.position-fixed{ z-index: 11; margin:0 }
  .filter-applybtn.fliternewdesign{ background:#001832; position: fixed; margin: 0; top: 0; z-index: 1; width:100%; left:0}
  .desk-hide .filter-applybtn.fliternewdesign li{ padding: 0 15px;  width:100%; text-align: right}
  .desk-hide .filter-applybtn.fliternewdesign li a{color:rgba(255,255,255,0.8) !important; display: inline-block; line-height: 1; padding: 1.1rem 0}
  .filterbtn-btn{ background: #eaeef1; padding: .6rem 0; position: fixed; bottom: 0; width:100%; text-align: center; left:0}
  .filterbtn-btn .btn{font-size: 12px; border-radius: 2px !important; width:85%}
  .hotel--filterss .srp-filters, .srp-filters{ padding: 3.2rem 0 5.3rem}
  .filter-applybtn.fliternewdesign .close-filter{ position: absolute; left:15px; top:1px; color:#fff;}
  .filter-applybtn.fliternewdesign .close-filter i.la{font-size: 20px; line-height: 1.2rem}
  .loading-dv h3{ font-size: 18px;}
}


@media (min-width: 767px) and (max-width:1023px) {
.dropdown-access.traveller-econom .dropdown-menu{ left: auto !important; right:0 !important}
.traveller-econom .dropdown-menu:before{ left:auto; right:20px;}
#carstab .journey-details .oneway-roundtrip .fields{ margin-left: 0 !important}
#carstab .journey-details .oneway-roundtrip .row.justify-content-center{ display: inline-block}
.journey-details .oneway-roundtrip .input-group-addon{ padding: 6px}
.tx-booking-engine-snipe .input-group .form-control, .journey-details .input-group .form-control{ padding-left:0; padding-right: 6px}
.fixedSideBarDeveloperChange{ padding-left: 0;}
.be-content{ margin-left:50px}
.tx-portlet__body{ padding: 25px 0}
.tx-portlet__body .datatable-responsive{ border:none}
.con-filter-result.col-md-3, .col-md-9.price-filters{ width: 100%; max-width: 100% !important; display: block; flex: none !important;}
.con-filter-result.col-md-3 .filter-results{  float: right}
.col-md-9.price-filters .price-slide-wrapper{ margin-bottom: 1rem}
body .htbktrav .rtbtm{border-left:none}


}
@media (min-width: 768px) and (max-width:1350px) {
    .cartime-icon{ display: none} 
    .fixedSideBarDeveloperChange{padding-left:0}
}
@media (min-width: 320px) and (max-width:640px) {
.additionalInfo.hotelamenity .amenityIconList.amenities-icon li, 
.additionalInfo.hotelamenity .amenityIconList.amenities-icon li + li{ width:49%}
.m-text-left{ text-align: left !important}

.row.m-row--m2{ margin-left:-8px; margin-right:-8px;}
.row.m-row--m2 .px_2{ padding-left: 8px !important; padding-right: 8px !important;}
body .car-type-image{max-width: 100%}
body .carMaxHeight{ height: auto; max-height: 90px;} 

.additionalInfo .amenityIconList.amenities-icon.amenities-icon-img li{margin-top: .5rem; max-width:60px; margin-right: .5rem;}
.additionalInfo .amenityIconList.amenities-icon li span{font-size:9px }
.u-indicator{ margin-top: 1.5rem}

body .header-title h2{ font-size:20px; }
body .header-title h2 span.detai{ font-size:11px; }
body .header-title{ min-height: 40px;}
.travellers .header-title .plane-icon{ width:35px; height: 35px; }

#changeFlight, #changeHotel, #changeCar{ font-size: 11px;}
.travellers .header-title .headline-icon i{ font-size: 23px; line-height: 30px}


body:not(.tg-menuactive) .be-left-sidebar{ left:-200px !important}
}

@media (min-width:768px) {.left-nav .navbar-nav .dropdown-menu { top:0%;}}

/* body .triprequest-container{
    overflow-y: inherit;

} */
.trip-request .journey-details .dropdown-menu{
    z-index: 1111;
}



/* */

 .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999 !important;
}
 .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999  !important;
}


.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999 !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background: linear-gradient(-45deg, #6051c0, #85439b) !important;
    border-color: #6a4db6;
    color: #fff;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date, .daterangepicker td.off.active {
    color: #999 !important;
    background: #fff !important;
}


.trip-request .input-group .form-control, .trip-request .form-control{color:#031b4e !important}
.trip-request .chosen-single {border:solid 1px #a3a3a3 !important}
 .trip-request .loop-hotelsel .form-control{ padding-left: 12px;}
 .trip-title{word-break:break-all;}

 /*multi city */
.d-none{ display: none !important}
.flights.flight-multicity li.flight + li.flight{ border-top:dashed 1px #e3e6e7; padding-top:1rem}
.flights.flight-multicity li.flight:last-child{border-bottom:none !important;	 }
.multicity-deptime{display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal;    -ms-flex-flow: row wrap;    flex-flow: row wrap;}
.multicity-deptime .btn{ font-size: 1rem; padding: .35rem .6rem; line-height: 1.5rem;   -webkit-box-flex: 1;    flex-grow: 1; -webkit-box-flex: 1;     -ms-flex: 1 0 0%;    flex: 1 0 0%;    margin-bottom: 0; font-size: .8rem; font-weight: 600; text-align: center; width: 25%}
.multicity-deptime .btn:hover{background:rgba(104, 123, 142,.1); }
.multicity-deptime .btn.active{background: -moz-linear-gradient(45deg, #6051c0, #85439b) !important; background: -webkit-linear-gradient(45deg, #6051c0, #85439b) !important; background: linear-gradient(45deg, #6051c0, #85439b) !important; color: #fff !important; border-color: #6051c0 !important}
.multcity-flttimings .nav-tabs{ border:solid 1px #5a53c5; display: flex}
.multcity-flttimings .nav-tabs li{ width:50%;      display: inline-flex;    -webkit-box-flex: 1;    flex-grow: 1; margin: 0  }
.multcity-flttimings .nav-tabs li a{  padding: .45rem 1rem; display: block; width: 100%; text-align: center; margin:0; font-weight: 500; border-radius: 0; color:#001832}
.multcity-flttimings .nav-tabs li.active a{background:#5a53c5;color:#fff}
.payment-details .flight-detial-sect .traveller-det:nth-child(2n){border-bottom:solid 1px #e3e6e7}

/* flight details new design 28/01/2020 */
.flightDetails28_01_20{ border-top:solid 1px #dddddd; padding-top: 5px; padding-bottom: 5px;}
.fltbenifitsdtls{ list-style-type: none; margin: 0; padding: 0;}
.fltbenifitsdtls li .onhdata{     
    position: absolute; 
    display:none;
    bottom: 25px;
    min-width: 180px;
    background: #fff;
    z-index: 999999999999;
    left: -20%;
    border: solid 1px #eee;
    border-radius: 3px;
    padding: 8px;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);}
    .fltbenifitsdtls li:hover .onhdata{ display:block}
.fltbenifitsdtls li .onhdata:after {
        top: 100%;
        left: 10%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #fff;
        border-width: 7px;
        margin-left: -7px;
    }
    
    .fltbenifitsdtls li .onhdata p{ line-height: 18px;}
    .fltbenifitsdtls li .onhdata p span{ font-weight:600}
.fltbenifitsdtls li .onhdata p:before{content: " \25CF";
    color: #c7c7c7;
    margin-right: 8px;
    font-size: 9px;
    position: relative;}
.fltbenifitsdtls li{  position:relative;    display: inline-block;  margin-right: 1rem;  font-size: 10px;  line-height: 20px;  color: #999;
    font-weight: 500;}
.fltbenifitsdtls li:after, .fltspecili_detl li:after{content: " \25CF";
    color: #c7c7c7;
    margin-left: .5rem;
    font-size: 9px;
    position: relative;
    bottom: 2px;}
    .fltbenifitsdtls li:last-child:after, .fltspecili_detl li:last-child:after{ display: none;}
.fltbenifitsdtls li img{ max-width:15px; max-height:15px; display:inline-block; position:relative; top:-2px; margin-right:5px;}
.flightDetails28_01_20 .Flights-Results-ExtraFlightInfo{ padding:0px;}
.flightDetails28_01_20 .Flights-Results-ExtraFlightInfo .details .la{font-size:16px; font-weight:600; color:#999 !important}
body .Flights-Results-FlightLegDetails.trackexFlightLegDetails, 
body .Flights-Results-FlightResultDetails.trackexFlightResultDetails .details-section{ margin-top: 0;}
body .Flights-Results-FlightLegDetails.trackexFlightLegDetails .header{ margin: 0 0 10px; padding:8px 0;}
.Flights-Results-FlightLegDetails .header .spec-leg, 
.Flights-Results-FlightLegDetails.trackexFlightLegDetails .header .airports,
.Flights-Results-FlightLegDetails.trackexFlightLegDetails .header .times{ display: inline-block;}
.fltspecili_detl{ list-style-type: none; margin:0; padding:0}
.fltspecili_detl li{ color:#959595; display:inline-block; margin-right: .5rem;  font-size: 10px;  line-height: 20px;}
.fltspecili_detl li span{ color:#0f0f0f; font-weight:500}
.domestRountrip .fltbenifitsdtls, .dome-rslt a.flight-detl{ display: inline-block; margin-top:5px}
.domestRountrip .fltbenifitsdtls li{ margin-right:0; }
.domestRountrip .fltbenifitsdtls li:after{ display:none}
.domestRountrip .onhdata{ text-align:left;}
.domestRountrip .fltbenifitsdtls li img{opacity: .5;}
.domestRountrip .fltbenifitsdtls li:hover img{opacity: 1;}
.domestRountrip .fltbenifitsdtls li .onhdata:after{ left:50%}
.domestRountrip .fltbenifitsdtls li .onhdata{     left: auto;  transform: translateX(-50%);  margin-left: 10px;}
.mulflt_bagga {float: left;margin-right: .5rem;}
.mulflt_bagga .fltmultis, .mulflt_bagga .fltbenifitsdtls {display: inline-block;}
.mulflt_bagga .fltmultis { margin-right: .5rem;font-size: 11px;color: #676a6c;font-weight: 600;}