body{
    /*background: #f1f1f1 !important;*/
    font-family: Roboto,Arial,sans-serif !important;
    font-size: 0.85rem !important;
}
.travel-icon{
    border-radius: 0.5rem;
    border: 0.5rem solid #fff;
    margin-top: -1.2rem;
}
.travel-ico-bg{
    padding: 0.5rem 1rem;
    background : orange;
    border-radius: 0.5rem;
}
.travel-icon img{
    width: 1.8rem;
    height: 1.8rem;
}
.hotel-img {
    width: 5rem;
}
.nav-pills .nav-link {
    cursor: pointer !important;
}

 /************flighht*********/
 .searchlistcls {
    overflow: auto;
    max-height: 300px;
    overflow-y: scroll;
    border: 1px solid #ced4da;
    position: absolute;
    z-index: 1;
    margin-top: 0;
    background: #fff;
}

.searchlistcls ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.searchlistcls ul li {
    padding: 5px;
    margin-left: 2px;
    border-top: 1px solid #ced4da;
}


.searchlistcls ul li a {
    text-decoration: none;
    color: black;
}
.hidden{
    display:none;
}

.error
{
    color:red !important;
}

.fl_cal {
    background: #F9F9F9 url('https://bharatvle.co.in/flight_booking/assets/img/cal2.jpg') no-repeat 98% 8px !important;
}





.progressbar_div {
    margin-top: 10% !important;
    padding: 20px;
}

/* Continuous Progress/Processing Bar */
.processing {
    position: relative;
    height: 10px;
    display: block;
    width: 100%;
    background-color: lighten(#0095d9, 50%);
    border-radius: 2px;
    background-clip: padding-box;
    margin: 0.5rem 0 1rem 0;
    overflow: hidden;

}

.continuous {
    background-color: #0095d9;
}

.continuous:before {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    animation: continuous 3.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.continuous:after {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    animation: continuous-short 3.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation-delay: 1.15s;
}

@keyframes continuous {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes continuous-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

.hidden{
    display: none !important;
}


.data-loader {
    width: 48px;
    height: 48px;
    border: 3px solid #000;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    margin-left: 50%;
    margin-top: 5%;
}

.data-loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 3px solid;
    border-color: #ffc107 transparent;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

a{
    text-decoration: none !important;
    color:#41464b !important;
}

.fst-italic{
    text-decoration: underline;
    counter-reset: #000 !important;
}

#ui_notifIt{
    color:#ffff !important;
}
.divFareRule {
    height: 13em;
    overflow-y: scroll;
}
.margin-add {
    margin-left: -9px !important;
    margin-right: -10px !important;
}
.text-right {
    text-align: right;
}


/*************seat dynamic******************/
.flightbox{display:table;margin:0 auto; clear:both; position:relative;}
        .flightbody{}
        .flightdetails { color: #2567a1; display: block; font-size: 16px; text-align: center;}
        .flightdetails span {color: #efa410; font-size: 11px;}
        .flgtrow{display:table; width:100%;}
        .innerrow{display:block; background:#FCB040; padding:0 2px;}
        .flgtrow h2{display:block; margin:0; padding:2px 20px; text-align:center; background:#e7e7e7; font-size:14px; font-weight:normal; vertical-align:middle;}
        .leftwing, .rightwing{width:25px; height:auto; display:table-cell;}
        .leftwing{border-right:2px solid #333;}
        .rightwing{border-left:2px solid #333}
        .seatrobox{display:table-cell; background:#666; padding:3px; color:#fff; text-align:center; vertical-align:middle; margin-right:20px;}
        .gallery{margin-right:25px;}
        .mainrow{float:left; width:calc(100% - 15%);}
        .leftwing, .rightwing{width:50px;}
        .windowrow .leftwing{background:linear-gradient(90deg, #fff, #fcb040);}
        .windowrow .rightwing{background:linear-gradient(90deg, #fcb040, #fff);}
        .amergencydoor {border-radius: 20px; color: #fff; display: table; font-size: 11px; text-align: center; width: 100%; z-index: 100; background:#fff;}
        .emergencytext {background:red; display:inline-block; padding:2px 5px;}
        .rightdoor, .leftdoor{background: red; border-radius: 5px; display: table-cell; font-size: 12px; height: 20px; padding: 0 2px; width: 17px;}

        .seatrow{list-style:none; background: #fff; display:table; clear:both; margin: 0; padding:7px; border-left:2px solid #fff; border-right:2px solid #fff;}

        .seatrow li, .seathint{float:left; height:20px; border-radius:3px; padding:0 1px 1px; background:#fff;}
        .seatrow li span, .seathint span{background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #c5c5c5; border-radius: 0 0 3px 3px; content:""; float:left; height:23px; margin:0 1px; width:32px; font-size:12px; line-height:11px; text-align:center; padding: 6px 0;}
        .seatrow li.poor, .quitezone{background:#F4D4FC;}
        .seatrow li.poor span, .quitezone span{background:#DD7FF4; border:1px solid transparent;  color:#fff; }
        .seatrow li.good, .hintgood{background:#68bd56;}
        .seatrow li.good span, .hintgood span{background:#509c44; border:1px solid transparent; color:#fff; }
        .seatrow li.drawback, .hintdrawback{background:#f1f160;}
        .seatrow li.drawback span, .hintdrawback span{background:#c4c14e; border:1px solid transparent; color:#fff;}
        .seatrow li.booked, .hintbooked{background:#eaebed;}
        .seatrow li.booked span, .hintbooked span{background:#bfbdbe; border:1px solid transparent;}
        .seatrow li.selected, .hintselected{background:#ffd18f;}
        .seatrow li.selected span,.hintselected span{background:#fcb040; border:1px solid transparent;}
        .blankrow li, li.blankseat {visibility:hidden; width:26px;}
        .blankrow li span, li.blankseat  span{display:none;}
        .recline{padding-top:10px;}



        .seatnumrow{display:table-cell; list-style:none; vertical-align:top;}
        .seatnumrow ul{position: absolute; margin-top:28px; right:530px; width:20px; list-style:none;}
        .seatnumrow li{background:#444; color:#fff; padding:3px 2px; float:left; margin:5px 0 0; font-size:11px; height:15px; width:15px; line-height:9px;}
        .blanknum{background:none; height:10px !important; margin:0!important; background:transparent !important;}
        .hintbox{float:left; width:100%; background:#fff; border:1px solid #c7c7c7; font-size:14px; margin-top:15px;}
        .hintrow{float:left; width:100%; border:1px solid #e7e7e7; border-left:none; border-right:none;  margin-top:-1px;}
        .hintrow span{padding:3px; float:left;}
        .hintseat{ border-right: 1px solid #d7d7d7;}

        .seatrow.quitejone {background: #f4d4fc;}
        .bulkhead::after {border-top: 2px solid #000; content: ""; height: 2px; margin-left: -26px; margin-top: -5px; position: absolute;  width: 9%;}


        .popbg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100;}
        .popclose {background: #fff none repeat scroll 0 0; border: 3px solid #dee4f6; border-radius: 50%;box-sizing: border-box; color: #ee3d3d; cursor: pointer; font-size: 15px; font-weight: bold; height: 25px; line-height: 17px; padding: 2px; position: absolute; right: -10px; text-align: center; top: -17px; width: 25px;}
        .popclose:hover {border-color:#F8CB75;}
        .seatlayoutpop {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; height:600px; width:1000px; z-index:101;background:white;}
        .seatlayoutbox {width:100%; float:left; max-height:550px; overflow-y:auto; margin-right: 5px; box-shadow:-1px 2px 3px #e7e7e7;}
        .seatdetailbox {float:left; width:100%; padding:10px; height:600px; overflow-y:scroll;}
        .seatinfobox {float:left; width:100%; padding:10px; background:#f7f7f7;}
        .seatinfobox h2 {background: #dee4f6 none repeat scroll 0 0; color: #115895; font-size: 13px;  margin: 0;  padding:5px; width: 100%;}
        .seatrowdtl {float:left; width:100%; padding:8px; background:#fff; border:1px solid #e7e7e7; margin-top:5px; position:relative; }
        .seatrowdtl b {font-weight:bold; color:#2567a1; display:block;}
        .seatrowdtl b a {float:right; font-weight:normal; color:#2567a1; text-decoration:underline;}
        .seatrowdtl b a:hover {color:#efa410;}
        .seatno {display:block; color:#efa410; padding:5px 0; font-weight:bold;}
        .price {display:block;}
        .price label {float:left; width:20%;}
        .price b {float:right;}
        .seatdetails{ position: absolute; padding:5px; margin-top:23px; width:175px;display:none; z-index:10;  border: 1px solid #e7e7e7; border-radius: 5px; }
        .seatdetailsclick{ background: #efa410;color: #fff;display: none; font-size: 12px; left: 0; padding: 2px; position: absolute; top: -4px; width: 100%; }
        .seatinfo{background: #f7f7f7; float: left; list-style: outside none none; width:100%;}
        .seatinfo>li {float:left; width:100%; padding:3px 5px; margin:0; border:none; height:auto;}
        #topwing > span.leftwing::after {border-color: #fff transparent transparent #fff; border-style: solid; border-width: 22px 30px 13px 20px; content: ""; top: 0; position: absolute; z-index:1;}
        #bottomwing > span.leftwing::after {border-color:transparent #fff #fff transparent; border-style: solid; border-width:11px 30px 8px 20px; content: ""; bottom:0; position: absolute;z-index:1;}

        #topwing > span.rightwing::after {border-color: #fff #fff transparent transparent; border-style: solid; border-width: 25px 12px 9px 38px; content: ""; top:0; position: absolute;z-index:1;}
        #bottomwing > span.rightwing::after {border-color:transparent transparent  #fff #fff ; border-style: solid; border-width:10px 24px 9px; content: ""; bottom: 0; position: absolute;z-index:1;}
        .windowrow {position:relative}
        .editable_seat{float:left;width: 46%;min-height: 54px;background:#f4f4f4;border: 1px solid #ccc;text-align:center;margin-left:5px;padding: 5px 0px;margin-bottom: 5px;}
        .editable_seat a{ color:#efa410; text-align:center; font-size:12px; font-weight:bold;}
        .editable_seat b{font-size:11px;}
        .editable_seat.seatactive{ background:#dee4f6;}
        .pass_name{padding:5px 0px 5px 5px;}

        .mt {
            margin-top: 10px!important;
        }
        
        .width_100 {
            width: 100%!important;
        }        
        .center {
            text-align: center;
        }
        .fleft {
            float: left;
        }
        .seatrow a{
            color:#000 !important;
        }

        .hintrow {
            float: left;
            width: 100%;
            border: 1px solid #e7e7e7;
            border-left: none;
            border-right: none;
            margin-top: -1px;
        }
        .hintseat {
            border-right: 1px solid #d7d7d7;
        }
        .seathint {
            float: left;
            height: 20px;
            border-radius: 3px;
            border: 1px solid #c4c4c4;
            padding: 0 1px 1px;
            background: #fff;
        }
        .seathint i {
            background: #333;
            float: left;
            height: 3px;
            width: 22px;
        }
        .hintbox {
            float: left;
            width: 100%;
            background: #fff;
            border: 1px solid #c7c7c7;
            font-size: 14px;
            margin-top: 15px;
        }
.bg-lightcls {
    background-color: #e1e8ef;
    padding: 10px;
}
.justify-content-between {
    justify-content: space-between!important;
}

.ml-10{
    margin-left:10px !important;
}

.nav-pills .nav-link.active{
    background-color:#ffc107 !important;
}
.mt-10{
    margin-top:10px !important;
}
.travel-nav2-mob{
    display:none;
}
.filter-btn{
    display: none !important;
}

@media only screen and (max-width: 768px) {
  .travel-nav2-mob{
      display:block;
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: orange;
      text-align: center;
      z-index: 10;
    }
    .travel-nav2{
        display:none;
    }
    .travel-ico-bg {
        padding: 0.2rem 0.4rem;
        background: #fff;
        border-radius: unset !important;
    }
    .travel-icon {
        border-radius: 0.5rem;
        border: 0.1rem solid #f1f1f1;
        margin-top: -1.2rem;
    }
    .filter-btn{
        display: block !important;
    }
    .filter-div{
        display: none;
    }
    #checkin {
        background: none !important;
    }
    #checkout {
        background: none !important;
    }
}


a.btn.btn-primary,a.btn.btn-secondary,a.btn.btn-success,a.btn.btn-dark{
    color: white !important;
}