/**
 * @subpackage  Bus CSS
 * @developed by Anil Sahu (anil@sctechnologies.in) & designed by manisha
 * @Copyright (C) 2008 -2024 SC Technology Pvt. Ltd. All rights reserved.
 * This file is related to Bus section
 */
/*ticket confir start*/

.p-0 { padding: 0; }
.TicketConfirmationWrap { background: #fff;border: 1px solid gainsboro;margin-bottom: 50px;}
a.RjButton {color: #fff;font-size: 13px;padding: 11px 12px; position: relative;background: #FF9800;float: right;   margin-bottom: 11px; border-radius: 9px;}
.h4hed { padding: 10px;}
.colmsinr label {font-weight: 600;}
dl.term-description dt {  background: #ff98000d;}
.sidebar .travelo-box li a {color: orange;}
.sidebar .travelo-box li { list-style: none;}
.sidebar .travelo-box { background: #ffffff;margin: 0;padding: 16px 19px;}
.TicketConfirmationWrap h2 {font-size: 20px;font-weight: 500;}
.booking-confirmation h4.main-message { color: green;}
dl.term-description dt, dl.term-description dd {width: 50%;display: inline-block;border: 1px solid gainsboro;padding: 8px;
}
/*ticket confir end*/
 .checkbox label:hover, .checkbox.label:hover {color: #ee7306;}
 .dfalc { display: flex;align-items: center;}
 .remarkn {display: flex;justify-content: space-between; align-items: center;border: 1px solid gainsboro;padding: 10px 9px;
    border-radius: 5px;background: #dcdcdc59;}
.colms label {font-size: 14px;color: #000;margin-bottom: 12px;}
.colms span {font-size: 12px;color: #000; margin-bottom: 12px;}
.colms {margin: 25px 0;background: #edf5fd;padding-top: 14px;border: 1px solid gainsboro;}
 /* review start manisha */
.buspx-detail select {width: 100%;}
.ContActUs {border: 1px solid gainsboro;padding: 13px;background: oldlace;margin-bottom: 15px;}
.seat-detail {border: 1px solid gainsboro;padding: 25px 0;margin: 11px 0px; border-radius: 8px;background: #fff;}
.seat-detail .fpassenger {align-items: center;display: flex;}
.Titlepex label { background: #2196f3;padding: 1px 3px;border-radius: 9px;color: #fff;font-size: 11px;}
.fpassenger, .paxloop {margin-left: 5px; margin-right: 2px;background: #dcdcdc47;margin-bottom: 14px;padding: 12px 5px;}
.buscontinue {background: #ff5722;padding: 10px 32px;margin-bottom: 25px;font-size: 19px;color: #fff;width:100%;}
.continueBRN {justify-content: center;display: flex;margin: 25px 0;}
.contactdet {margin: 21px 0px;align-items: center; display: flex;padding: 25px 0; background: #fdf5e6;border: 1px solid gainsboro;}
.buspx-detail .input-text, .buspx-detail select {padding: 3px;width: 100%;height: 34px; margin-bottom: 9px;}
.bsFareList {background: #e9e8e8;padding: 10px 25px;border: 2px solid gainsboro;}
h4.RevTitle, .Titlepex label {font-weight: 600;}
.totoalfare {background: oldlace;}
.totoalfare, .totalPrice tr {display: flex;justify-content: space-between;border-bottom: 1px solid #efefef !important;}
.checkoneinput .input-text {width: 100%; padding: 10px;margin-top: 12px;background: #fff;}
.promo_select {background: #ff5722;padding: 7px 18px;color: #fff;font-size: 18px;border: none;}
.checkoneinput {margin: 10px 0;display: flex; align-items: center;}
.headtitle h2 {font-size: 23px;}
 /* review end manisha */
 /* modify start manisha */
 .ui-widget-content.hotelautocmp {
    width: 254px !important;
    max-height: 296px;
    overflow: scroll;
    overflow-x: hidden;
}
.hotelautocmp::-webkit-scrollbar {
  width: 5px;
}
.hotelautocmp::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.hotelautocmp::-webkit-scrollbar-thumb {
  background: #ee7306; 
  border-radius:10px;
  height:7px;
}

.hotelautocmp .ui-menu-item:hover {
    background: #cccccc82 !important;
    color: #e26d06 !important;
    border: 1px solid transparent !important;
}
.hotelautocmp .ui-menu-item {
    padding: 5px 5px 3px 9px !important;
}
.hotelautocmp li:before {
    position: absolute;
    content: "\f207";
    right: 6px;
    font: normal normal normal 14px / 1 FontAwesome;
    color: #e66f06;
}
.hotelautocmp::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
 div.ModifyserDV { background-color: rgb(45, 103, 178);padding: 11px 0 0 3px;position: sticky;top: 0;z-index: 1;}
.busbtn-modify {padding: 5px 21px;font-size: 20px;height: 40px;border-radius: 6px;width: 100%;background: #ee7306;margin-top: 0px;color: #fff;border: none;}
.busbtn-modify:hover { background: orangered;}
 .modifybus label {color: #fff;display: none;}
 .modifybus .form-control {background: #ffffff !important;color: #262222 !important;border-radius: 6px;height: 40px;}.modifybus #Hotels5 .wheredv { width: 34%;}
.busresultpg { margin-top: 39px;}
.modifybus #Hotels5 {background: transparent;}
.bus_icon { background-position: -277px 0px;}
 /* modify start */
 /*-------------------bus list design strt--------------*/

.resfoter {background: #e8ebed; border-bottom:1p solid gainsboro;}
.cnctbl td, .cnctbl th {padding:6px 6px;}
 .busprc label{font-size:26px;}
.buslogo img{width:43px;}
 .busreslt span.m-time.cities {font-size: 14px; }
.tglinr { background: #fff;text-align: left;padding: 20px 30px;border-top: 1px solid gainsboro;}
.text-dark, .checkbox label,.checkbox.label {color: #000;}
.drtime {font-weight: 900 !important;color: #000;margin-right: 13px; font-size: 16px;}
.tglinr h4 {  font-size: 17px;margin-bottom: 12px;color: #000;font-weight: 600;}
.boardli, .amenities li {margin-bottom: 9px;font-size: 14px; width: 30%; display: inline-block;}
.amenities i {margin-right: 10px;background: gainsboro;padding: 3px 2px;color: #000;border: 1px solid #b9b9b9;}
.resfoter a { margin-right: 7px;border-right: 1px solid #000; padding-right: 7px;font-weight: 500;}
.resfoter a:hover {color: rgb238, 115, 6;}
/*-------------------bus list end-----------*/
/*------seat mnloader start----*/
.mnloader {
    width: 30px;
    height: 29px;
    border: 1px solid #b4b4b482;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    margin-bottom: 23px;
    border-radius: 50%;
}
.mnloader::after, .mnloader::before { content: ''; box-sizing: border-box; position: absolute; left: 0; top: 0; background: #2d67b2; width: 6px; height: 6px; transform: translate(150%, 150%); border-radius: 50%;}
.mnloader::before { left: 6px;top: auto;right: 0;bottom: 0;transform: translate(-150%, -150%);background: #f97803;}
    @keyframes rotation {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(160deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
.loadseat img {position: absolute;left: 16px;top: -45px;}
.loadseat {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 16px 0;
}
.busloadcont{margin-top:25px;}
.mnseatload {
    background-position: -7px -266px;
    width: 23px;
    height: 21px;
    animation: colored 1s linear infinite;
}
@keyframes colored {
       0% {
             background-position: -46px -266px;
          }
	  50% {
		    background-position: -80px -266px;
	    }
	  100% {
			background-position: -103px -266px;
	   }
    }
.busloadcont p {font-weight: 600;font-size: 19px;text-transform: capitalize;}
    /*------seat mnloader end----*/
    .outerseat {border: 1px solid #006400; margin-bottom: 10px;}
    .outerlowerseat {border: 1px solid #333333;}
    .busSeatlft {border: 1px solid #dc143c;width: 40px;margin: 10px;height: 40px;}
    .busSeatrgt {border: 1px solid #dc143c;width: 50%;margin: 10px;height: 50px;}
    .busSeatlft .upper {border: 1px solid #808656;width: 10px;margin: 10px;height: 10px;}
    .busSeatlft .upper {border: 1px solid #808656;width: 10px;margin: 10px;height: 10px;}
    .busSeatrgt .busSeat {border: 1px solid #777777;width: 97%;margin: 10px;height: 32px;padding: 6px;}
    .seatcontainer {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
    .seatcontainer>.hseat, .seatcontainer>.nseat {width: 20px;height: 20px;background-color: #dc143c;margin-right: 4px;}
    .busSeatlft .lower {border: 1px solid #666666;width: 10px;margin: 10px;height: 10px;}
/*-------------------bus seat layout design strt--------------*/
.slctdtl b {font-size: 17px;color: #000; margin-right: 6px;}
.slctdtl span { color: #000; font-size: 13px;}
li.seat.customToolTip span {position: absolute;top: 36px;background-color: rgb(238, 115, 6);z-index: 9;width: 167px;   padding: 1px 0px;color: #fff; border: 1px solid gainsboro; border-radius: 4px; text-align: center;font-size: 12px;}
li.seat.customToolTip span:before {position: absolute;content: '';border-top: 7px solid transparent;border-bottom: 7px solid rgb238, 115, 6;border-left: 7px solid transparent;border-right: 7px solid transparent;top: -13px;left: 5px;}
li.seat.customToolTip:hover span {display: block;}
li.seat.customToolTip span {display: none;}
button#seatSelectcheck:hover { color: #fff;background: #2d67b2;}
button#seatSelectcheck {color: #fff;width: 100%;background:#FF5722;}

 #busseatl .modal-dialog {width: 1172px;margin: 30px auto;text-align: left;}
#busseatl .modal-header {padding: 5px;background: #2d67b2; text-align: center;}
#busseatl .modal-header .modal-title {color: #Fff; font-size: 23px;}
#busseatl .modal-header .close {margin-top: -2px;background-color: #f97803;padding: 9px 13px;opacity: 1;position: absolute;
    right: -14px;top: -10px;color: #fff;font-size: 21px;border-radius: 50%;}
.cstmmbody .col-md-8 {padding: 27px 21px;}
.fuselage li { list-style: none;}
.selectedseat:hover {color: #fff;background: rgb238, 115, 6;}
.selectedseat {color: #fff;	width:100%;}
.strow { width: 100%;}
.sterring {width: 28px; height: 29px; display: flex;background-position:43px -388px; position: absolute;left: 11px;top:0;}
.busindex ol {align-items: center;justify-content: center;font-size: 13px;display: flex;}
.busindex li {display: flex;flex: 0 10.285714%;padding: 5px 22px;position: relative;font-weight: 500;}
    /* .buslayout {
    margin: 0;
    border: 1px solid #b9b1b1;
    border-radius: 16px;
    background: #f6f6f6;
    border-left: 12px solid #3a3737;
    margin-bottom: 13px;
    padding: 20px 26px;
    position: relative;
} */

.buslayout {margin: 0 0;border: 1px solid #b9b1b1;border-radius: 16px;background: #f6f6f6;border-left: 22px solid #2d67b2;
 margin-bottom: 13px;padding: 10px 26px 10px 50px;position: relative;width: fit-content;}
.buslayout:before, .buslayout:after {position: absolute; content: '';background-image: linear-gradient(45deg, #FFC107, transparent);width: 19px;height: 19px;border: 1px solid #b9b9b9;border-radius: 3px;left: -21px; animation: lightch 1s linear infinite;}
   

@keyframes lightch {
       0% {
             background-image: linear-gradient(45deg, transparent, #FFC107);
          }
	  50% {
		    background-image: linear-gradient(45deg, #FFC107, #FF9800);
	     }
    }
	.buslayout.upperdec:before, .buslayout.upperdec:after {
    background: #ededed5c !important;
    height: 45px;
}
.buslayout:after {bottom: 11px !important;}
.buslayout .exit {position: relative;height: 50px;}
.buslayout .exit:before,
.buslayout .exit:after {content: "EXIT";font-size: 14px;line-height: 18px;padding: 0px 2px;font-family: "Arial Narrow", Arial, sans-serif;display: block;position: absolute;background: green;color: white;top: 50%;transform: translate(0, -50%);}
 .buslayout .exit:before {left: 0;}
    .buslayout .exit:after {right: 0;}
    /*.fuselage {
        border-right: 5px solid #d8d8d8;
        border-left: 5px solid #d8d8d8;
    }*/
.buslayout .seatspace {display: -webkit-box;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;    margin-bottom: 5px;list-style: none;}
.buslayout .seat label.space {background: #f6f6f6;}
label.space:hover {background: no-repeat;filter: none !important;}
.buslayout .seatspace label {background: #564141;border-radius: 0;}
    /* .buslayout ol {
        list-style: none;
        padding: 0;
        margin: 0;
    } */

  /* .buslayout .seats {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
} */
.buslayout .seats {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;}
li.SeatNo {margin-right: 2px;font-size: 12px;color: #010101;}
.buslayout .seat {display: flex;flex: 0 5.285714%;/* flex: 0 0 14.28571428571429%; */padding: 5px;position: relative;}
/* .buslayout .seat:nth-child(3) {margin-right: 14.28571428571429%;} */
    .buslayout .seat input[type=checkbox] {position: absolute;opacity: 0;}
    .buslayout .seat input[type=checkbox]:checked+label span.sn {opacity: 9;position: relative;color: #fff;}
    .buslayout span.sn {opacity: 0;}
    .buslayout .seat input[type=checkbox]:checked+ .selected {-webkit-animation-name: rubberBand;animation-name: rubberBand;
        animation-duration: 300ms;animation-fill-mode: both;background-position: -56px -135px !important;width: 23px;
        height: 25px;cursor: pointer;}

    .buslayout .seat .women {background-position: 89px -393px !important;cursor: no-drop;}/*.buslayout .seat input[type=checkbox]:checked+.women {
        background-position: 89px -393px !important;
        cursor: no-drop;
    }*/
	 .buslayout .seat .man {
        background-position: 65px -391px !important;
        cursor: no-drop;
    }

   /*  .buslayout .seat input[type=checkbox]:checked+.man {
        background-position: 65px -391px !important;
        cursor: no-drop;
    } */

    .buslayout .seat input[type=checkbox]:checked+.occupied {
        background-position: 138px -394px !important;
        cursor: no-drop;
    }
.buslayout .seat input[type=checkbox]:disabled+ .occupied {
    background-position: -31px -265px;
}
.buslayout .seat input[type=checkbox]:disabled+ .occupied:after {
	display:none;
}
   .buslayout .seat input[type=checkbox]:disabled+ .noseat {
    background: #dddddd;
    text-indent: -9999px;
    overflow: hidden;
    width: 100%;
    height: 22px;
}

.buslayout .seat input[type=checkbox]:disabled+ .noseat:after {
    content: "X";
    text-indent: 0;
    position: absolute;
    top: 4px;
    left: 56%;
    transform: translate(-50%, -8%);
}

    .buslayout .seat input[type=checkbox]:disabled+label:hover {
        box-shadow: none;
        cursor: not-allowed;
    }

    .buslayout .seat label {
        display: block;
        position: relative;
        text-align: center;
        animation-duration: 300ms;
        animation-fill-mode: both;
        background-position: -7px -266px;
        width: 23px;
        height: 21px;
        font-size: 8px;
    }
.decktit h3 {
    font-size: 16px;
    font-weight: 500;
}
.colorindx {
    border-left: 3px solid #3a3737;
    margin-top: 25px;
    padding-left: 12px;
}
.colorindx h3 {
    font-size: 15px;
    font-weight: 600;
}
.colorindx ul {
display: flex;
align-items: center;
margin-bottom: 12px;
list-style: none;
}

li.women {
    background-position: 94px -389px;
}
li.man {
    background-position: 69px -389px;
}
li.occupied {
    background-position: 139px -389px;
    
}
li.Available {
    background-position: 167px -389px;
    
}li.selected {
    background-position: 118px -389px;
}
	.colorindx li {
    width: 26px;
    height: 26px;
    margin-right: 10px;
}
.rightsdtl {
    border-left: 1px solid gainsboro;
    background: #ddd;
    height: 72vh;
}
.buslayout .seat label, .sterring, .colorindx li, .mnseatload {
    background-image: url(../bus/images/seatlayout.png);

}
     /*  .seat label:before {
        content: "";
        position: absolute;
        width: 75%;
        height: 75%;
        top: 1px;
        left: 50%;
        transform: translate(-50%, 0%);
        background: rgba(255, 255, 255, 0.4);
        border-radius: 3px;
    }*/

    .buslayout .seat label:hover {
        cursor: pointer;
        filter: brightness(0.5);
    }
	.seatdetail {}
	.bord-dropin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.loctn em {
    font-size: 11px;
    display: block;
}
.bord-dropin.seatnum {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 8px 0;
    margin: 17px 0px;
}
.seatdetail h3 {
    margin-bottom: 7px;
    font-size: 16px;
}
.bordtime h3 {
    margin: 0;
}
.bordtime {
    background: gainsboro;
    padding: 4px 13px;
}
/* upper bus start-- */
.buslayout.upperdec .strow .sterring {
    display: none;
}
.buslayout .upperbus.seat label {
    background-position: -99px -290px;
    width: 49px;
    height: 22px;
    margin: 0;
}
.buslayout .upperbus.seat input[type=checkbox]:checked+ .selected {
    width: 49px;
    height: 20px;
    background-position: -52px -161px !important;
}
.buslayout .upperbus.seat input[type=checkbox]:checked+.women {
    background-position: 164px -312px !important;
}
.buslayout .upperbus.seat input[type=checkbox]:checked+.man {
    background-position: 115px -441px !important;
    cursor: no-drop;
}
.buslayout .upperbus.seat input[type=checkbox]:disabled+ .occupied {
    background-position: -3px -160px !important;;
	cursor: no-drop;
}
.buslayout .upperbus.seat input[type=checkbox]:disabled+label {
    width: 49px;
}
.colorindx .uprdc li {
    width: 45px;
    height: 25px;
    margin-right: 10px;
}
.uprdc li.man {
    background-position: 115px -438px;
}
.uprdc li.women {
    background-position: 162px -438px;
}
.uprdc li.selected {
    background-position: -55px -416px;
}
.uprdc li.occupied {
    background-position: 162px -415px;
}
.uprdc li.Available {
    background-position: 68px -415px;
}
a.selectedseat:hover {
    background: #FF9800;
    color: #fff;
}

a.selectedseat {
    background: #30416f;
    width: 100%;
    margin-top: 25px;
    color: #fff;
    padding: 8px 2px;
    font-size: 17px;
}
.colorindx .uprdc span {
    margin-right: 9px;
}
/* upper bus end-- */
@media only screen and (max-width: 767px){
	.pddingnn {padding: 0;}
	.mainsearchengine .form-control { margin-bottom: 5px;}
	.seat-detail .fpassenger {  align-items: center;
    display: block;
}
	.busindex li {
    flex: 0 21.285714%;
    padding: 5px 9px;
}
.busmodifyshow {
    display: none;
    height: 100%;
    width: 100%;
    z-index: 99 !important;
    top: 0px !important;
    padding-top: 23px;
    position: fixed !important;
}
a.showbusmsrch {
    position: absolute;
    right: 6px;
    top: 3px;
}
.ModigyMb i {
    padding: 4px 5px;
    border-radius: 4px;
    color: #1a1818;
    border: 1px solid #dcdcdc61;
}
.result-row p.text-success.float-right {
    top: 15px !important;
}

.busfilter {
    width: 89%;
    background: #fff;
    padding: 10px;
    top: 0;
    position: fixed;
    z-index: 9;
    display: none;
    border: 1px solid gainsboro;
    overflow-y: auto;
    height: 100%;
}
#busseatl .modal-dialog {
    width: 375px;
    margin: 0;
    top: 18px;
}
.busprc label {
    font-size: 19px;
}
.filter_close {
    font-size: 26px;
    padding: 8px 12px 10px 12px;
    background: #2d67b2;
    width: fit-content;
    float: right;
    color: #fff;
}
.colorindx li {
    width: 25px;
    height: 27px;
    margin: 0px 0px -7px 0px;
    display: inline-flex;
}
.colorindx ul {
    display: inline-block;
}
.rightsdtl {
    height: auto;
    padding: 10px;
}
}

/*-------------------bus seat layout design strt--------------*/
/* bus result detail start */
.busreslt hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: #e3e2e2;
}
.busreslt .desName {
    font-size: 14px !important;
    display: block;
    font-weight: 600;
}
.bsbookd {
    background: #30416f;
    padding: 10px 38px;
    color: #fff;
    font-size: 18px;
    margin: 25px 0;
}
.paymthd.my-3 {
    margin: 19px 0;
}
.bsbookd:hover{ background:#ff5722;}
.m-0{
margin:0}
h3.Titlepex {
    margin: 14px 0!important;
    background: gainsboro;
    padding: 2px 9px;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #b7b1b1;
}
 span.dotsline:after {
    right: 0 !important;
}
span.dotsline:before, span.dotsline:after {
    position: absolute;
    content: '';
    background: #FF5722;
    width: 1px;
    height: 14px;
    border-radius: 27px;
    top: -6px;
}
.diline {
    position: relative;
}
span.dotsline {
    position: absolute;
    width: 100%;
    background: orange;
    height: 1px;
    bottom: -30px;
    left: -6px;
}
.ContActUs h3 {
    padding: 10px;
    background: gainsboro;
}
/* bus result detail end */

/* result head start */
.viewseat:hover {
    background: #ee7306;
    color: #fff;
}
.viewseat {
    background: #2d67b2;
    padding: 8px 16px;
    border-radius: 10px;
    color: #fff;
    position: relative;
    top: 7px;
}
.result-row p.text-success.float-right {
    position: relative;
    top: 23px;
    text-align: center;
}
div.FareInfot {
    padding-left: 0px;
    padding-right: 0px;
}
.whatsector h3 {
    margin-bottom: 0;
    font-size: 13px;
    color: #000000;
    display: inline-block;
    margin: 0;
}.whatsector .align-items-center.d-flex {
    align-items: center;
    display: flex;
}
table.cnctbl, table.cnctbl td, table.cnctbl, table.cnctbl th {
    border: 1px solid gainsboro;
}
div.whatsector {
    padding: 3px 21px;
    background: #f5f5f5;
    margin-bottom: 5px;
    box-shadow: 0 1px 3px 0 rgba(37,32,31,.3);
    -webkit-box-shadow: 0 1px 3px 0 rgba(37,32,31,.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(37,32,31,.3);
    -o-box-shadow: 0 1px 3px 0 rgba(37,32,31,.3);
    -ms-box-shadow: 0 1px 3px 0 rgba(37,32,31,.3);
    border-radius: 5px;
    border: 2px solid #b9b6b6;
}
div.PrevNext a {
    font-size: 11px;
    border: 1px solid #bfbfbf6e;
    padding: 5px 3px;
    float: right;
    margin-right: 2px;
    color: #333;
    border-radius: 4px;
}
.busfilter .panel-title {
    margin-bottom: 13px;
    font-weight: 600;
}
/* result head end */
/* bus filter detail start */
#bus-price-filter .ui-state-default, #bus-price-filter .ui-widget-content .ui-state-default, #bus-price-filter .ui-widget-header .ui-state-default {
    background: rgb(238, 115, 6) !important;
}
.busfilter .mnpanel-style {
    margin-bottom: 7px !important;
    border: 1px solid #bebebe !important;
    padding: 15px 15px 22px 12px;
    background: #fff;
}
.busfilter .checkbox input[type="checkbox"] {
    opacity: 1;
}
/* .busfilter {
    position: sticky;
    top: 0;
    height: 100%;
    max-height: 450px;
} */
.overflowHF {
    max-height: 268px;
    overflow-y: auto;
}
/* width */
.overflowHF::-webkit-scrollbar {
  width: 5px;
  
}

/* Track */
.overflowHF::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.overflowHF::-webkit-scrollbar-thumb {
  background: #555; 
  border-radius:10px;
  height:7px;
}

/* Handle on hover */
.overflowHF::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
/*bus result strat*/
.busreslt .busname {
    font-size: 13px;
}
.whatsector a.modifybtn.showbusmsrch {
    margin: 0;
    padding: 6px 8px;
    font-size: 14px;
}
a.showbusmsrch {
    padding: 5px 8px;
    font-size: 11px;
    margin-bottom: 0px !important;
    border: 1px solid #bfbfbf;
    margin: 0px;
    border-radius: 4px;
    background: #ee7306;
    color: #fff;
    float: left;
    font-weight: 500;
    margin-top: 2px;
    z-index: 9999;
}a.showbusmsrch:hover {
    background: #2d67b2;
}
.busreslt:hover {
    box-shadow: 4px 5px 4px 3px #2d67b263;
}
.busreslt {
    border: 1px solid gainsboro;
    margin-bottom: 10px;
}
.result-row {
    margin: 0;
    padding: 8px 7px;
    background: #fff;
}
/*bus result end*/
/* bus filter satrt mn */
.buscheked .panel-content {
    display: inline-flex;
}
.buscheked .panel-content .checkbox {
    background: #fff;
    border: 1px solid gainsboro;
    text-align: center;
    border-radius: 3px;
    padding: 3px 1px;
    margin: 0 2px 4px;
    width: 60px;
}
.buscheked .checkbox label, .buscheked .checkbox.label {
    font-size: 10px;
    padding: 8px 0px;
}

.buscheked .panel-content .checkbox span {
    display: block;
    font-size: 8px;
    font-weight: bold;
}
.buscheked .checkbox input[type="checkbox"]{opacity:0;}
.buscheked .panel-content .checkbox.checked {
    background: #ee7306;
    border: none;
}
.buscheked .checkbox:before, .buscheked  .radio:before {
    opacity: 0;
}
.buscheked .panel-content .checkbox.checked span {
    color: #fff;
    font-weight: 500;
}.buscheked .panel-content .checkbox.checked img {
    color: #fff;
    font-weight: 500;
    filter: invert(1);
}
/* bus filter end mn */

/* bus filter detail end */
@media only screen and (max-width: 767px){
	.col-md-2.col-xs-12.Titlepex {
    margin-bottom: 22px;
}
span.dotsline{bottom: -17px;}
	.viewseat {
    padding: 5px 9px;
    font-size: 10px;
}
.p-0 {padding: 0;}
div.busprc, .selectbus {
    text-align: right;
}
.busreslt .busname, #leftdetail h4.flightname.text-dark { margin: 0;}
	.modifybus label {
    display: block;
}
	
	div.whatsector {
    position: sticky;
    top: 0px;
    padding: 9px 9px;
    border: 1px solid #b9b6b6;
    z-index: 2;
    width: 100%;
    border-radius: 0;
    background: #2d67b2;
}
.tglinr {
    background: #f9f9f9;
    padding: 7px 21px;
}
.boardli, .amenities li, .tglinr h4 {
    margin-bottom: 0px;
}
.drtime {font-size: 12px;}
.whatsector h3, .ModigyMb i, div.PrevNext a, .pddingnn .fa-chevron-left {
    color: #f1f1f1;}
	.busreslt .result-row {
    padding: 15px 5px;
}
.modifybus .form-control, .busbtn-modify {
    margin-bottom: 7px;
}
.busreslt .desName {
    font-size: 9px !important;
}
span.dotsline:before, span.dotsline:after {
    width: 2px;
    height: 14px;
}
.buslayout {
    width: 100%;
    overflow-x: auto;
}
.busreslt .m-time {
    font-size: 13px !important;
}
span.m-time.timdur {
    font-weight: 600;
    font-size: 11px !important;
}
.resfoter a {
    margin-right: 0;
    padding-right: 4px;
    font-size: 10px;
}
.busresultpg {
    margin-top: 0px;
}
}