.route-summary { width: 100%; border: 1px solid #d5dbe8; caption-side: top; }
.route-summary caption { padding-left: 1.7em; background: #eef0f4; color: white; font-size: 16px; color: #362e77;caption-side: top; }
.route-summary th { padding: 0.8em 2em; width: 50%; font-weight: 500; }
.route-summary td { font-weight: bold; color: #362e77; padding: 0.8em; }
.route-summary tr { border-bottom: 1px solid #d5dbe8;}
#divRightSummary .panel-body table {
    table-layout: fixed;
    width: 100%;
}
.bgImg {
    position: relative;
    width: 728px;
    height: 90px;
}
.textInfo {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    font-family: Tahoma;
    color: #F00;
    font-weight: bold;
}
.txt-off {
    font-size: 20px;
}
.txt-dis {
    font-size: 14px;
}
.txt-code {
    font-size: 14px;
    background: #d5f42d;
    margin-top: 5px;
    padding: 3px 0px;
}
.survey_qn label {
    font-weight: normal !important;
}
.liFirstDaysTab a, .liLastDaysTab a {
    font-size: 100% !important;
}
.popular-bus-title {
    font: 14px/20px Arial, Helvetica, sans-serif;
    margin: 0px;
    font-weight: bold;
}
.uldays li, .ulTopTab li {
    margin: 0 !important;
    border-bottom: 1px solid #ccc;
    /*background: url(fare-header-background.png) no-repeat bottom left;*/
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(246,246,246,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
    height: 60px;
    text-align: center;
    padding-top: 8px;
    cursor: pointer;
} 
.uldays .liDays.active, .ulTopTab li.active {
        background-color: #fff;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: none;
        border-radius: 15px 15px 0 0;
        font-weight: bold;
}
.liDays.active a, .ulTopTab li.active a {
     border: none !important;
}
.uldays li a, .ulTopTab li a {
        text-decoration: none;
        display: block;
        width: 100% !important;
        height: 100% !important;
        background: none !important;
        border: none !important;
        color: #000;
        border-right: 1px solid #ccc !important;
    }
.disabled {
    cursor: default !important;
    background-color: #e9e7e7 !important;
    color: #666 !important;
}
.hidefiter {
    display: none;
}
.divSearchTripData .last {
    border-right: 1px solid #ddd;
    float: left;
}
.divSearchTripData .next {
    float: right;
}
.divSearchTripData .last, .divSearchTripData .next {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 13px;
    text-align: center;
}
.divSearchTripData .last a, .divSearchTripData .next a {
        color: #999;
        margin-top: 8px;
        display: block;
    }
.divSearchTripData .last i, .divSearchTripData .next i {
        display: block;
        color: #0033cc;
    }
.bordercolor {
    border: 1px solid #ddd;
}
.dollar {
    color: #f60;
    font-weight: bold;
    margin: 5px 0;
    display: block;
    background-color: transparent;
    border: none;
}
/*price*/
#dt-range, #dt-rangeR {
    margin: 5px 5px 15px;
}
#dt-range .ui-slider-range, #dt-rangeR .ui-slider-range {
        background: #f60;
    }
#dt-range .ui-slider-handle.ui-state-hover, #dt-rangeR .ui-slider-handle.ui-state-hover, #dt-range .ui-slider-handle, #dt-rangeR .ui-slider-handle {
        border-color: #fbcb09;
        background: #ccc;
}
/*@media (min-width:768px)and (max-width:800px) {
    #divdepart .bustr1 td, #divreturn .bustr1 td {
        padding: 6px !important;
    }
}*/
@media (min-width:0)and (max-width:1200px) {
    .myTab li span {
        display: none;
    }
    .divSearchTripData .nav > li > a {
        padding: 10px 11px;
    }
    .liFirstDaysTab {
        width: 11.5%;
    }
    .liLastDaysTab {
        width: 11.5%;
    }
    .liDays {
        width: 11%;
    }
}
@media(min-width:1200px) {
    .divSearchTripData .nav > li > a {
        padding: 10px 3px;
    }
    .liFirstDaysTab {
        width: 8%;
    }
    .liLastDaysTab {
        width: 8%;
    }
    .liDays {
        width: 12%;
    }
}
.cardcss {
    border: #CCCCCC solid 1px;
    border-radius: 3px;
    background: #f4faff;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 5px;
    margin-left: 5px;
    font-size: 12px;
    height: 25px;
}
.cardnumber {
    background-image: url('https://cdn.busonlineticket.com/image/secureserver.png');
    background-repeat: no-repeat;
    background-position: 98%;
    vertical-align: middle;
    background-color: #f4faff;
    width: 300px;
    z-index: 999 !important;
}
.cardexpiry {
    width: 80px;
}
.cardcvv {
    float: left;
    background-image: url('https://cdn.busonlineticket.com/image/secureserver.png');
    background-repeat: no-repeat;
    background-position: 90%;
    vertical-align: middle;
    background-color: #f4faff;
    width: 80px;
    display: inline-block;
    z-index: 999 !important;
}
.cctable {
    margin-top: 15px;
    width: 100%;
}
.cctable tr {
        height: 35px;
    }
#ContentPlaceHolder1_tbCC {
    border-radius: 5px;
    border: solid 1px lightgrey;
    padding: 3px;
}
/*************** Affilites Page ********************/
.tbheader {
    font-weight: bold;
    border-bottom: solid 1px lightgray;
}
.bot {
    cursor: pointer;
}
/*************** Mobile Payment Page ********************/
.mobileform {
    font-size: 0.875em !important;
}
/*************** Mobile Select Coach Page ********************/
.mbusqty {
    display: none;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.bold {
    font-weight: bold;
}
.div-m-topHader {
    position: relative;
}
.div-m-topHader .fa-angle-left {
        position: absolute;
        left: 10px;
        top: 5px;
    }
.div-m-topHader div {
        margin: 0 auto;
        width: 90%;
    }
.div-m-topHader .fa-angle-right {
        position: absolute;
        right: 10px;
        top: 5px;
    }
.div-m-topHader span {
        display: block;
        text-align: center;
    }
.ddmsort {
    margin: 8px;
    width: 92%;
    float: left;
}
.ulmTopTab > li {
    margin: 0 !important;
    border-bottom: 1px solid #ccc;
    /*background: url(fare-header-background.png) no-repeat bottom left;*/
    background: #eee !important;
    border-radius: 15px 15px 0 0;
    /* background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(246,246,246,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
    height: 62px;
    text-align: center;
    padding-top: 3px;
    cursor: pointer;
}
.ulmTopTab > li a {
        color: #000;
    }
.ulmTopTab > li.active
{
        background-color: #0561b8 !important;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: none;
        border-radius: 15px 15px 0 0;
        font-weight: bold;
}
.ulmTopTab > li.active a {
            border: none !important;
            color: #fff !important;
        }
.ulmTopTab > li > a {
        text-decoration: none;
        display: block;
        width: 100% !important;
        height: 100% !important;
        background: none !important;
        border: none !important;
        color: #000;
        padding: 7px 2px !important;
        /*border-right: 1px solid #ccc !important;*/
    }
#top-link-blockm.affix-top {
    position: absolute !important; /* allows it to "slide" up into view */
    bottom: -82px !important; /* negative of the offset - height of link element */
    right: 10px !important; /* padding from the left side of the window */
}
#top-link-blockm.affix {
    position: fixed !important;
    bottom: 15% !important;
    right: 10px !important;
}
.tab_title {
    font-size: 11px;
}
/*************** Select Bus Hotel Page ********************/
.bus-hotel-box {
    font-size: 12px !important;
}
.hotel-coach-accord {
    margin: 14px;
    width: 98%;
    font: 14px/20px Arial, Helvetica, sans-serif;
}
.search-header {
    border-bottom: solid 1px lightgray;
    color: firebrick;
    font-weight: bold;
}
#map_container {
    width: 500px;
    height: 500px;
    background: rgb(172, 172, 172);
    border: 2px solid rgb(206, 206, 206);
    display: none;
}
.dialog_close {
    position: absolute;
    top: 2px;
    right: 5px;
}
.tour_images {
    width: 150px;
    height: 100px;
    margin: 5px;
}
.hotel_title {
    font-weight: bold;
    color: maroon;
}
.room_selection {
    width: 100%;
    font: 14px/20px Arial, Helvetica, sans-serif;
}
#tabsRoom2 {
    font: 14px/20px Arial, Helvetica, sans-serif;
}
.room_header {
    text-decoration: underline;
    font-weight: bold;
    color: maroon;
}
.ht_name {
    font-weight: bold;
    color: #31708f;
}
.ulTopTabBH li {
    height: 70px;
    width: 33%;
}
.ulTopTabBH li a {
        padding: 0px 15px;
        font-size: 92%;
    }
.ht_box {
    margin: 10px;
    padding: 10px;
    border-radius: 4px;
    border-top: 1pt dotted #000000;
    background-color: #fafafa;
    vertical-align: middle;
}
.ht_box img {
        border: #cccccc 2px solid;
        float: left;
        margin-right: 10px;
        height: 104px;
        width: 117px;
    }
.ht_box .rating {
        height: 15px;
        border: 0;
        width: 93px;
        float: none;
    }
.ht_content {
    width: 270px;
    float: left;
}
.ht_content2 {
    float: right;
    font-weight: bold;
    margin: 10px 20px 0 0;
    text-align: center;
}
.ht_box_active {
    background-color: rgb(210, 255, 212);
}
#divRoomData {
    position: absolute;
    display: none;
    z-index: 1;
    background-color: #ffffff;
    width: 100%;
    left: 0;
}
#divRoomData table {
        font-size: 12px;
        border: 1px solid #999999;
        z-index: 9999;
}
#divRoomData table tr:first-child td {
            padding: 0;
            background: #b9d7ea;
            color: Black;
            text-align: center;
        }
/*************** Partner Page ********************/
.partner-header {
    border: solid 1px gray;
    padding: 5px;
    margin: 5px;
}
/*************** ToolTip CSS ********************/
#imagehoverToolTipPreview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
    z-index: 99999999;
}
#imagehoverToolTipPreview > img {
        max-height: 280px;
        max-width: 280px;
    }
/*************** Transfer Page ********************/
.transfer-time {
    float: left;
    margin-right: 3px;
    width: 30%
}
/*************** Confirmation Page ********************/
#divRightSummary .panel-body {
    padding: 2px;
}
#divRightSummary tbody tr td {
    padding: 4px;
}
.enterdetailstext1 {
    color: #5A5151;
}
.enterdetailsbold {
    font-weight: bold;
}
/************* Bus+Hotel *************/
.divWhyUs img {
    height: 60px;
    max-width: 60px;
    margin-top: 19px;
    padding: 0;
}
.divWhyUs h3 {
    font-weight: bold;
    color: #00759a;
    font-size: 14px;
}
.divWhyUs p {
    margin-top: 3px;
    font-size: 12px;
}
.bus-hotel-header {
    color: firebrick;
    font-weight: bold;
    margin: 10px 0;
    border-bottom: 1px solid #cccccc;
}
.bus-hotel-line {
    border: 0;
    background-color: #cccccc;
    height: 1px;
    margin-top: 5px;
    margin-bottom: 1px;
}
.bus-hotel-left h3, .bus-hotel-right h3 {
    font-weight: bold;
}
.bus-hotel-left table td {
    border: 1px solid #999999 !important;
    height: 78px !important;
}
.hotel-loc-left {
    font-weight: bold;
}
.bus-hotel-right .section {
    margin: 0 1% 1% 0%;
    border: 1px solid #999999;
    padding: 1%;
}
@media (min-width:765px) {
    .bus-hotel-right .section {
        width: 44.5%;
    }
}
.feature_hotel_from {
    float: right;
    font-size: 12px;
    margin-top: 3px;
    color: rgba(85,85,85,1);
}
.feature_hotel_price {
    float: right;
    color: red;
    font-weight: bold;
}
/*************** Thank You Page ********************/
.border-box {
    border: solid 3px #337ab7;
}
.div-thanks-sec {
    text-align: center;
}
.div-thanks-sec h1 {
        color: #2A8EFE;
        font-size: 26pt;
    }
.font-no-itallic {
    font-family: Calibri;
    font-weight: lighter;
    font-size: 19pt;
    text-align: center;
}
.font-itallic {
    font-family: Calibri;
    font-style: italic;
    font-weight: lighter;
    font-size: 19pt;
}
.div-thanks-image {
    text-align: center;
    height: 155px;
    padding: 13px;
}
.div-thanks-apps {
    padding: 10px;
    text-align: center;
}
.div-thanks-apps h2 {
        color: #0367a7;
    }
.div-thanks-apps img {
        margin: 0 auto;
    }
.ul-tabs-decks > li > a {
    background: #cccccc;
    color: #000000;
    border-radius: 0px !important;
    font-size: 15px;
    cursor: pointer;
}
.btn-blue {
    color: #fff;
    background-color: #177dbe;
    border-color: #177dbe
}
.btn-blue.focus, .btn-blue:focus {
        color: #fff;
        background-color: #177dbe;
        border-color: #177dbe
    }
.btn-blue:hover {
        color: #fff;
        background-color: #177dbe;
        border-color: #177dbe
    }
input[readonly] {
    background-color: white !important;
}
.bus-list li {
    margin: 5px;
}
/*************** Booking Page (Below) ********************/
.seat_panel1 tbody tr {
    height: 20px;
}
.select-header {
    cursor: pointer;
}
.select-header a {
        text-decoration: underline;
    }
.busqty {
    display: none;
}
.bus_booking {
    cursor: pointer;
}
.busprice {
    font-size: 10pt;
    font-weight: bold;
}
.busphoto {
    color: #0033cc !important;
}
.busaddition {
    color: #0033cc !important;
}
.bustr1 {
    border-top: 1pt dotted #000000;
    background-color: #fafafa;
    vertical-align: middle;
}
.bustd1 {
    padding: 2px;
    vertical-align: middle;
    text-align: center;
    font-size: 8.5pt;
}
.bustime {
    font-size: 10pt;
}
.businfo {
    padding-top: 5px;
    margin-bottom: 3px;
}
.businnerdiv {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background: #E9EAEE;
    position: relative;
}
.businnertable {
    font: 14px/20px Arial, Helvetica, sans-serif;
    padding: 5px;
    margin: 0 auto;
}
.seat_panel {
    min-height: 150px;
    border: solid 1px #E0E0E0;
}
.busseattd {
    padding: 1px;
}
.seattitle {
    padding: 3px;
    background-color: #31708f;
}
.seattitlefont {
    color: #ffffff;
    font-weight: bold;
}
.seatsampleimg {
    vertical-align: -8px;
}
.seat_panel1 td {
    padding: 2px 3px;
    line-height: 1.5;
}
.seat_available1 {
    background: #fff;
    height: 19px;
    width: 19px;
    border: solid 1px black;
    text-align: center;
    cursor: pointer;
    vertical-align: text-bottom;
}
.seat_selected1 {
    background: #0561B8;
    height: 19px;
    width: 19px;
    border: solid 1px black;
    text-align: center;
    cursor: pointer;
    vertical-align: text-bottom;
}
.subheader {
    background: #337ab7;
    color: white;
}
.seat_qty {
    color: #01bd01;
}
.seat_value {
    color: #01bd01;
    word-break: break-all;
}
.seat_amt {
    color: #01bd01;
}
.tab_title {
    color: blue !important;
}
.navbar-fixed-top + .content-container {
    margin-top: 70px;
}
.content-container {
    margin: 0 130px;
}
.enterdetailsright {
    float: right;
}
.enterdetailssideprice {
    float: right;
    color: Firebrick;
    font-weight: bold;
}
.enterdetailstd2 {
    background-color: #f5f5f5;
}
.paxbox > tbody > tr > td, .paxbox > tbody > tr > th {
    border-top: 1px solid #fff !important;
}
#ctl00_ContentPlaceHolder1_PaymentCallBack > tbody > tr > td {
    border-top: 1px solid #fff !important;
}
.seatproceed {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fb6330;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    margin-top: 13px;
}
.mbusDetails {
    padding: 19px 12px 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: rgb(0, 0, 0);
    background: transparent;
}
.mbusDetails:focus {
        outline: none;
        box-shadow: none;
    }
.icon-more-info {
    position: absolute;
    left: 47%;
    padding: 2px 0;
    color: #01bd01;
    top: 44px;
    font-size: 25px;
    z-index: -1;
}
.top-moreInfo {
    border-radius: 3px;
    border: 3px solid rgba(195, 195, 195, 0.53);
    width: 8%;
    margin: 1px auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.spnSeatTit {
    font-size: 13px;
    font-weight: bold;
    text-align: left !important;
}
.spnCloseSeats {
    position: absolute;
    right: -11px;
    top: -7px;
    font-size: 2em;
}
.dvMobSeatsLegends {
    /* margin-top: 10px;
    margin-bottom: 17px; */
    width: 100%;
    float: left;
    font-size: 13px !important;
}
.mspnCloseSeats {
    position: absolute;
    top: 13px;
    right: 0px;
    padding: 0px 15px;
    z-index: 9;
}
/*Bus Details Popup*/
.mobileSeatDialog {
    padding-left: 0 !important;
}
.mobileSeatDialog .modal-dialog {
        margin: 0 !important;
    }
.mobileSeatDialog .modal-body {
        padding: 10px 0;
    }
.spn_bd_date {
    display: block;
    margin-bottom: 15px;
    font-size: 15px;
    /* font-size: 12px; */
}
.spn_bd_comp {
    display: block;
    margin-bottom: 10px;
    /* font-size: 12px; */
}
.spn_bd_route {
    display: block;
    font-weight: bold;
    /* font-size: 12px; */
}
.spn_bd_aminity {
    display: block;
    /* font-size: 12px; */
    font-size: 14px;
}
.spn_bd_aminity a {
        color: #000 !important;
    }
.spn_bd_type {
    font-size: 12px;
}
#spnBusDetailsMore {
    background: #fff;
    float: left;
    padding-top: 21px;
}
#modelBusDetails .modal-dialog {
    width: 70% !important;
}
#modelBusDetails .modal-dialog .modal-body {
        padding: 0 !important;
    }
.divPopMoreInfo {
    background: #E9EAEE;
    /* background: #fff; */
    position: relative;
    /* padding-top: 32px; */
}
.spnCloseDetails {
    position: absolute;
    right: -28px;
    top: -10px;
    z-index: 9;
    font-size: 2em;
}
.divPopMoreInfo .nv {
    border-right: 1px solid #DDDDDF;
}
.divPopMoreInfo .nav-pills li {
    border-right: none !important;
    margin-bottom: 5px;
}
.divPopMoreInfo .nav-pills li i {
        margin-right: 15px;
        width: 10px;
    }
.divPopMoreInfo .nav-pills li a {
        background: transparent !important;
        color: #949697 !important;
        /* border-left: 4px solid #E9EAEE; */
        border-left: 5px solid transparent !important;
        font-size: 14px;
        cursor: pointer;
        margin-bottom: 0px;
    }
.divPopMoreInfo .nav-pills li.active a,
.divPopMoreInfo .nav-pills li.active a:focus {
        background: transparent !important;
        border-left: 5px solid #00589f !important;
        color: #00589f !important;
        border-radius: 5px !important;
        margin-bottom: 0px;
    }
.divPopMoreInfo .tab-pane {
    /* background-color: #E9EAEE; */
    background-color: #fff;
    padding: 10px;
    font-size: 13px;
}
.divPopMoreInfo .tab-pane h5 {
        color: #18181A;
        font-size: 14px !important;
        font-weight: bold;
    }
.divPopMoreInfo #bd_lblPickupAdd, .divPopMoreInfo #bd_lblDropoffAdd, .divPopMoreInfo #bd_pNotes {
    font-size: 12px !important;
}
.divPopMoreInfo hr {
    border-color: #B7B8B7;
}
.bd_ratingreview .stars {
    float: none;
    margin-right: 14px;
}
.bd_ratingreview .progress {
    height: 8px;
    background-color: #B7B9B9;
    margin: 5px 0;
}
.bd_ratingreview .progress-bar-success {
    background-color: #44E084;
}
.bd_ratingreview .star-hd {
    float: left;
    margin-right: 19px;
}
.bd_ratingreview .star-hd i {
        color: #B7B9B9;
    }
.bd_ratingreview .star-cnt {
    margin-left: 10px;
}
#divAllReviews .dvReviewSec {
    border-bottom: 1px solid #ddd;
    padding-bottom: 11px;
    padding-top: 11px;
    display: block;
    margin-left: 0;
    margin-right: 0;
}
#divAllReviews .stars {
    display: block !important;
    float: none !important;
}
.dvReviewSec span {
    display: block;
}
.dvReviewSec .user_img {
    width: 43px;
    height: 43px;
    border-radius: 50px;
    border: 1px solid #A1A2A5;
}
.dvReviewSec .pReview {
    font-size: 12px;
    margin-bottom: 0;
    float: left;
    width: 100%;
}
.dvReviewSec .pReview span {
        display: contents !important;
    }
.dvReviewSec .spnRDate {
    color: #A6A8AA;
    font-size: 12px !important;
}
.read-more-state {
    display: none;
}
.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .15s ease;
    display: inherit;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}
#bd_BusSilder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: left;
    margin-bottom: 20px;
}
#bd_BusSilder .thumbnails {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        line-height: 0;
        list-style: none;
        margin: 3px;
        padding: 0;
        height: 300px;
        overflow: auto;
    }
#bd_BusSilder .thumbnails li {
            -webkit-box-flex: 1;
            -ms-flex: auto;
            flex: auto;
        }
#bd_BusSilder .thumbnails a {
            display: block;
        }
#bd_BusSilder .thumbnails img {
            width: 100px;
            height: 100px;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: top;
            object-position: top;
        }
#bd_BusSilder .slides {
        overflow: hidden;
        list-style: none;
        margin: 3px !important;
    }
#bd_BusSilder .slides, #bd_BusSilder .slides li {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#bd_BusSilder .slides img {
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}
#bd_BusSilder .slides li {
    position: absolute;
    z-index: 1;
}
#bd_BusSilder .slides li:target {
    z-index: 3;
    -webkit-animation: ease-in 1s 1;
 }
#bd_BusSilder .slides li:not(:target) {
     -webkit-animation: hidden 1s 1;
}
#bd_BusSilder .carousel-inner {
        margin: 0px !important;
        background: transparent !important;
        /* box-shadow: 1px 1px 5px 3px #9E9E9E !important; */
        border-radius: 5px
    }
.prev-slide {
    position: absolute;
    top: 40%;
    background: #fff;
    padding: 19px 10px;
    border-radius: 0px 25px 25px 0px;
    color: #000;
    left: 0;
}
.next-slide {
    position: absolute;
    top: 40%;
    background: #fff;
    padding: 19px 10px;
    border-radius: 25px 0px 0px 25px;
    color: #000;
    right: 0;
}
#bd_refund table, #bd_change table {
    background: #fff;
}
#bd_refund th,
#bd_refund td,
#bd_change th,
#bd_change td {
    border: 1px solid #ddd;
    text-align: center;
}
#bd_refund th,
#bd_change th {
    background: #eee;
}
/*... List of trip Style ...*/
.connector-icon-1 {
    position: absolute;
    left: -15px;
    top: 1px;
    font-size: 12px;
    padding-bottom: 5px;
    z-index: 1;
}
.connector-icon-2 {
    position: absolute;
    left: -14px;
    font-size: 12px;
    z-index: 1;
    top: 16px;
}
.connector-line {
    border-left: 1.5px solid #5A5151;
    height: 100%;
    position: absolute;
    top: 16px;
    left: -10px;
}
#divdepart .bustr1 td,
#divreturn .bustr1 td {
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    padding: 10px;
}
.td-first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 1px solid #ddd;
    width: 145px;
}
.td-last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 1px solid #ddd;
    width: 145px;
}
/* Jaja 03_12 */
.arrow.liFirstDaysTabNew.cn,
.arrow.liLastDaysTabNew.cn {
    padding: 27px 10px !important;
    background: #ece9e9 !important;
    margin-top: 5px;
    border: 1px solid #ddd !important;
}
.arrow.liFirstDaysTabNew,
.arrow.liLastDaysTabNew {
    padding: 16px 10px !important;
    background: #ece9e9 !important;
    margin-top: 5px;
    border: 1px solid #ddd !important;
}
.arrow.liFirstDaysTabNew {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.arrow.liLastDaysTabNew {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
/*... List of trip Style End ...*/
/* Selection tab */
li#litabDepart > a,
li#litabReturn > a {
    background: #d3d3d32e !important;
    color: #6f6f6f !important;
    text-align: left;
}
li #lnkDTopSeats.tab_title,
li #lnkRTopSeats.tab_title {
    color: #6f6f6f !important;
}
li.active#litabDepart > a,
li.active#litabReturn > a
/* li.active #lnkDTopSeats,
li.active #lnkRTopSeats  */ {
    background: transparent !important;
    color: #000 !important;
    text-align: left;
    border-radius: 5px !important;
    border-top: 5px solid #0561B8 !important;
    box-shadow: 1px 1px 5px 1px #9E9E9E !important;
}
li.active #lnkDTopSeats.tab_title,
li.active #lnkRTopSeats.tab_title {
    color: #000 !important;
}
/*.................... Dekstop View ............... */
.seat_available {
    cursor: pointer;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 12px;
    background-image: url('https://cdn.busonlineticket.com/image/white.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_selected {
    cursor: pointer;
    background-size: contain,cover !important;
    color: #fff;
    font-size: 8pt;
    height: 40px;
    width: 40px;
    padding: 12px;
    text-align: center;
    background-image: url('https://cdn.busonlineticket.com/image/blue.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_lower_selected {
    cursor: pointer;
    background-size: contain,cover !important;
    color: #fff;
    font-size: 8pt;
    height: 40px;
    width: 40px;
    padding: 12px;
    text-align: center;
    background-image: url('https://cdn.busonlineticket.com/image/lower-selected.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_business {
    cursor: pointer;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    height: 40px;
    width: 40px;
    padding: 12px;
    text-align: center;
    background-image: url('https://cdn.busonlineticket.com/image/business.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_lower {
    cursor: pointer;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    height: 40px;
    width: 40px;
    padding: 12px;
    vertical-align: text-bottom;
    text-align: center;
    background-image: url('https://cdn.busonlineticket.com/image/lower.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_upper {
    background-image: url('https://cdn.busonlineticket.com/image/upper.png') !important;
    height: 40px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    vertical-align: text-bottom;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_business2 {
    background-image: url('https://cdn.busonlineticket.com/image/business.png') !important;
    height: 35px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    vertical-align: text-bottom;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_lower2 {
    background-image: url('https://cdn.busonlineticket.com/image/lower.png') !important;
    height: 35px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    vertical-align: text-bottom;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_upper2 {
    background-image: url('https://cdn.busonlineticket.com/image/upper.png') !important;
    height: 35px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    vertical-align: text-bottom;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_available2 {
    background-image: url('https://cdn.busonlineticket.com/image/white.png') !important;
    height: 35px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_available3 {
    background-image: url('https://cdn.busonlineticket.com/image/white.png') !important;
    height: 35px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_selected2 {
    background-image: url('https://cdn.busonlineticket.com/image/blue.png') !important;
    height: 35px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_ktm_taken2 {
    background-image: url('https://cdn.busonlineticket.com/image/ktm-taken.png') !important;
    height: 35px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_taken {
    cursor: default;
    background-size: contain,cover !important;
    color: black;
    font-size: 8pt;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 12px;
    background-image: url('https://cdn.busonlineticket.com/image/grey.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_ktm_taken {
    cursor: default;
    background-size: contain,cover !important;
    color: #fff;
    font-size: 8pt;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 12px;
    background-image: url('https://cdn.busonlineticket.com/image/ktm-taken.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_available-b {
    cursor: pointer;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 12px;
    background-image: url('https://cdn.busonlineticket.com/image/white-b.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_selected-b {
    cursor: pointer;
    background-size: contain,cover !important;
    color: #fff;
    font-size: 8pt;
    height: 40px;
    width: 40px;
    padding: 12px;
    text-align: center;
    background-image: url('https://cdn.busonlineticket.com/image/blue-b.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_lower_selected-b {
    cursor: pointer;
    background-size: contain,cover !important;
    color: #fff;
    font-size: 8pt;
    height: 40px;
    width: 40px;
    padding: 12px;
    text-align: center;
    background-image: url('https://cdn.busonlineticket.com/image/lower-selected-b.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_business-b {
    cursor: pointer;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    height: 40px;
    width: 40px;
    padding: 12px;
    text-align: center;
    background-image: url('https://cdn.busonlineticket.com/image/business-b.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_lower-b {
    cursor: pointer;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    height: 40px;
    width: 40px;
    padding: 12px;
    vertical-align: text-bottom;
    text-align: center;
    background-image: url('https://cdn.busonlineticket.com/image/lower-b.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.seat_upper-b {
    background-image: url('https://cdn.busonlineticket.com/image/upper-b.png') !important;
    height: 40px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    vertical-align: text-bottom;
    background-size: contain,cover !important;
    color: #000;
    font-size: 8pt;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
/*Desktop Screens*/
@media (min-width:992px) {
    .divPopMoreInfo .nav-stacked {
        position: fixed !important;
    }
    .divPopMoreInfo {
        height: 80vh;
        overflow-y: auto;
    }
    .spnCloseSeats, .spnCloseDetails, .spnmCloseDetails {
        text-transform: uppercase !important;
        transition: all .25s ease !important;
        outline: none !important;
        cursor: pointer !important;
        color: #b8ada9 !important;
        margin: 15px 25px !important;
        width: 40px !important;
        padding-right: 40px !important;
        height: 43px !important;
        text-align: center !important;
        border-radius: 4px !important;
    }
    .spnCloseSeats i:before, .spnCloseDetails i:before, .spnmCloseDetails i:before {
            content: "\f00d" !important;
    }
    .divPopMoreInfo .nv {
        border-right: 1px solid #DDDDDF;
        height: 100%;
        min-height: 80vh;
        padding: 15px;
    }
    .divPopMoreInfo .nv-info {
        background: #fff;
        min-height: 80vh;
        padding-top: 35px;
        padding-right: 32px;
    }
    .lg-decker-menu {
        position: absolute;
        left: 4%;
        top: 30%;
        max-width: 17%;
        text-align: center;
        width: 100%;
    }
    .lg-decker-menu a.btn-deck-menu {
            margin: 10px 0;
            background: transparent !important;
            border-radius: 5px !important;
            border: 2px solid #0561B8;
            color: #0561B8;
            cursor: pointer;
    }
    .lg-decker-menu .active a.btn-deck-menu {
            margin: 10px 0;
            background: #0561B8 !important;
            border-radius: 5px !important;
            border: 2px solid #0561B8;
            color: #fff;
            box-shadow: 2px 2px 3px 1px #9E9E9E;
            cursor: pointer;
    }
    .lg-decker-menu-train {
        position: absolute;
        left: 1%;
        top: 8%;
        max-width: 8%;
        text-align: center;
        width: 100%;
    }
    .lg-decker-menu-train a.btn-deck-menu {
            margin: 5px 0;
            padding: 4px !important;
            background: transparent !important;
            border-radius: 5px !important;
            border: 2px solid #0561B8;
            color: #0561B8;
            cursor: pointer;
    }
    .lg-decker-menu-train .active a.btn-deck-menu {
            margin: 5px 0;
            padding: 4px !important;
            background: #0561B8 !important;
            border-radius: 5px !important;
            border: 2px solid #0561B8;
            color: #fff;
            box-shadow: 2px 2px 3px 1px #9E9E9E;
            cursor: pointer;
    }
    .businnerdiv {
        padding: 30px;
    }
    .businnerdiv.decker {
            padding: 30px 0 30px 20%;
    }
    .businnerdiv.decker-train {
            padding: 30px 0 30px 7%;
    }
    #filterDiv .modal-dialog {
        width: 70% !important
    }
    #filterDiv .modal-dialog {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: fixed
    }
}
/*... Date Selection Dekstop ...*/
ul.nav-tabs.nav-justified > li.liDaysNew {
    padding: 0px !important;
}
.liDaysNew a {
    padding: 18px 0 !important;
    border: none !important;
    background: #ece9e9 !important;
    border-top: 5px solid #fff !important;
    border-radius: 5px !important;
    height: 59px;
    font-size: 14px !important;
}
.liDaysNew.active a {
    color: #0561B8 !important;
    background: #fff !important;
    border-top: 5px solid #0561B8 !important;
    border: 2px solid #fff;
    border-radius: 5px !important;
    box-shadow: 1px 1px 5px 1px #9E9E9E !important;
    height: unset !important;
}
/*.................... Mobile View ............... */
#divmdepart h2, #divmreturn h2 {
    font-size: 15px;
    margin: 6px;
    color: #0000FF;
}
#divmdepart table:first-child, #divmreturn table:first-child {
    border-top: 1px solid #999999 !important;
}
#divmdepart .mbustr1 td, #divmreturn .mbustr1 td {
    padding: 4px 8px;
    border-radius: 0;
    border-collapse: collapse;
    border-bottom: 1px solid #999999 !important;
    border-top: none;
}
.mbuslogo1 {
    font-size: 16px;
    margin: 6px 0;
}
.mbustime1 {
    font-size: 15px;
    margin: 6px 0;
}
.mbusprice {
    color: #B22222;
}
.mbustype1 {
    text-transform: uppercase;
}
.mbuspickup1 {
    font-size: 13px;
    color: #000;
}
.mbusdropoff1 {
    font-size: 13px;
    color: #000;
}
.mbuspickup {
    font-size: 12px;
}
.mbusdropoff {
    font-size: 12px;
}
.mbustype {
    color: #0000FF;
}
.vertical-seats-bus .seat_available {
    background-image: url('https://cdn.busonlineticket.com/image/white-v.png') !important;
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
}
.vertical-seats-bus .seat_business {
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
    background-image: url('https://cdn.busonlineticket.com/image/business-v.png') !important;
}
.vertical-seats-bus .seat_lower {
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
    background-image: url('https://cdn.busonlineticket.com/image/lower-v.png') !important;
}
.vertical-seats-bus .seat_upper {
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
    background-image: url('https://cdn.busonlineticket.com/image/upper-v.png') !important;
}
.vertical-seats-bus .seat_selected {
    background-image: url('https://cdn.busonlineticket.com/image/blue-v.png') !important;
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
}
.vertical-seats-bus .seat_lower_selected {
    background-image: url('https://cdn.busonlineticket.com/image/lower-selected-v.png') !important;
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
}
.vertical-seats-bus .seat_taken {
    background-image: url('https://cdn.busonlineticket.com/image/grey-v.png') !important;
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
}
.vertical-seats-bus .seat_ktm_taken {
    background-image: url('https://cdn.busonlineticket.com/image/ktm-taken.png') !important;
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
}
.vertical-seats-bus .seat_available-b {
    background-image: url('https://cdn.busonlineticket.com/image/white-v-b.png') !important;
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
}
.vertical-seats-bus .seat_selected-b {
    background-image: url('https://cdn.busonlineticket.com/image/blue-v-b.png') !important;
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
}
.vertical-seats-bus .seat_lower_selected-b {
    background-image: url('https://cdn.busonlineticket.com/image/lower-selected-v-b.png') !important;
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
}
.vertical-seats-bus .seat_business-b {
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
    background-image: url('https://cdn.busonlineticket.com/image/business-v-b.png') !important;
}
.vertical-seats-bus .seat_lower-b {
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
    background-image: url('https://cdn.busonlineticket.com/image/lower-v-b.png') !important;
}
.vertical-seats-bus .seat_upper-b {
    height: 50px !important;
    width: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 12px 6px;
    background-image: url('https://cdn.busonlineticket.com/image/upper-v-b.png') !important;
}
.vertical-seats-bus tbody tr td {
    border-top: none !important;
}
.vertical-seats-bus {
    margin: 0 auto !important;
}
.vertical-seats-bus tr td {
        width: 40px !important;
    }
.spn_m_lgnd {
    padding-right: 15px;
    position: absolute;
    top: 60px;
    right: 0;
    font-size: 9px;
}
#divmSeatLegends {
    display: none;
    position: absolute;
    text-align: left;
    right: 5px;
    top: 85px;
    border: 1px solid #000000;
    z-index: 99;
    background: #ffffff;
    padding: 7px;
}
/*Mobile Section*/
@media (max-width:991px) {
    .mobileSeatDialog .modal-dialog, #modelBusDetails .modal-dialog {
        width: 100% !important;
    }
    div#modelSeatsmdepart, #modelSeatsmreturn {
        z-index: 1000;
    }
    div#modelBusDetails {
        z-index: 9999;
    }
    .modal-backdrop.in {
        z-index: 999;
    }
    #modelBusDetails .modal-dialog {
        width: 100% !important;
        margin: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
    }
    #modelBusDetails .modal-content {
        float: left;
        height: 100%;
    }
    #modelBusDetails.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }
    .spnCloseDetails {
        visibility: hidden;
    }
    .spnmCloseDetails {
        position: absolute;
        right: 1px;
        padding: 0px 15px;
        z-index: 9;
    }
    .divPopMoreInfo {
        float: left;
        width: 100%;
        background: #fff !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    .divPopMoreInfo .tab-pane {
            background: #fff !important;
            word-break: normal;
        }
    .divPopMoreInfo #bd_lblPickupAdd, .divPopMoreInfo #bd_lblDropoffAdd, .divPopMoreInfo #bd_pNotes {
            font-size: 1.4rem !important;
        }
    .divPopMoreInfo .nav-pills li {
            margin: 0px;
        }
    .divPopMoreInfo .nav-pills li a {
                border-top: 4px solid #fff !important;
                color: #18181A !important;
                border-left: none !important;
                background: none !important;
                border-radius: 0px !important;
                display: block;
                border-bottom: 4px solid #9E9E9E !important;
            }
    .divPopMoreInfo .nav-pills li.active a,
    .divPopMoreInfo .nav-pills li.active a:focus {
                border-bottom: 4px solid #0963B7 !important;
                color: #0963B7 !important;
                border-left: none !important;
                background: none !important;
                border-radius: 0px !important;
                display: block;
            }
    .divPopMoreInfo .progress {
            width: 50% !important;
            display: inline-flex;
        }
    .xs-decker-menu a.btn-deck-menu {
        background: transparent !important;
        border: 2px solid #0561B8 !important;
        color: #0561B8 !important;
        cursor: pointer;
        text-align: center;
        border-radius: 5px !important;
        margin: 10px;
        padding: 5px;
    }
    .xs-decker-menu .active a.btn-deck-menu {
        background: #0561B8 !important;
        border: 2px solid #0561B8 !important;
        color: #fff !important;
        cursor: pointer;
        text-align: center;
        box-shadow: 2px 2px 3px 1px #9E9E9E;
        border-radius: 5px !important;
        margin: 10px;
        padding: 5px;
    }
    .divPopMoreInfo .nv {
        padding: 0px;
        float: left;
        z-index: 100000;
        background: #fff;
        width: 100%;
        box-shadow: 0 5px 4px 0 rgba(220, 219, 219, 0.5);
        right: 0;
        position: fixed;
        transform: translate3d(0,0,0);
    }
    .divPopMoreInfo .nv-info {
        margin-top: 53px;
        padding-left: 0;
        padding-right: 0;
    }
    .divPopMoreInfo .tab-content.mb-5 {
        margin-bottom: 0 !important;
    }
    .allow-refund > a, .allow-change > a {
        padding: 5px 0px !important;
    }
    #sortingDiv .modal-dialog {
        width: 100% !important;
        margin: 0;
        position: fixed;
        bottom: 0;
        left: 0;
    }
    #sortingDiv .divPopMoreInfo {
        background: #fff !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        height: 65vh !important;
    }
}
/*Smaller Mobile Section*/
@media only screen and (min-device-width: 320px) and (max-device-width: 360px) {
    .vertical-seats-bus .seat_available, .vertical-seats-bus .seat_available-b {
        height: 40px !important;
        width: 40px !important;
        font-size: 14px;
        padding: 10px 6px;
    }
    .vertical-seats-bus .seat_business, vertical-seats-bus .seat_business-b {
        height: 40px !important;
        width: 40px !important;
        font-size: 14px;
        padding: 10px 6px;
    }
    .vertical-seats-bus .seat_selected, vertical-seats-bus .seat_lower_selected {
        height: 40px !important;
        width: 40px !important;
        font-size: 14px;
        padding: 10px 6px;
    }
    .vertical-seats-bus .seat_lower, .vertical-seats-bus .seat_upper {
        font-size: 14px;
        padding: 10px 6px;
    }
    .vertical-seats-bus .seat_lower-b, .vertical-seats-bus .seat_upper-b {
        font-size: 14px;
        padding: 10px 6px;
    }
    .vertical-seats-bus .seat_selected-b, .vertical-seats-bus .seat_lower_selected-b {
        height: 40px !important;
        width: 40px !important;
        font-size: 14px;
        padding: 10px 6px;
    }
    .vertical-seats-bus .seat_taken {
        height: 40px !important;
        width: 40px !important;
        font-size: 14px;
        padding: 10px 6px;
    }
    .vertical-seats-bus .seat_ktm_taken {
        height: 40px !important;
        width: 40px !important;
        font-size: 14px;
        padding: 10px 6px;
    }
}
.vertical-seats-bus > tbody > tr > td:empty {
    padding: 4px 0px;
    width: 20% !important;
}
/* custom modal style */
.custom-modal-content,
.custom-modal-body,
.custom-modal-dialog {
    border-radius: 0px !important;
    height: 100%;
}
.custom-modal-footer {
    position: fixed;
    bottom: 0;
    background: #fff;
    box-shadow: 5px 0px 7px 1px rgba(220, 219, 219, 0.5);
    padding: 9px 15px 15px;
    width: 100%;
    border-radius: 20px 20px 0 0;
}
.bus-vertical-container {
    background: #fff;
    border-radius: 5px;
}
/*.................... Global CSS ............... */
.cursor-pointer {
    cursor: pointer;
}
.b-none {
    border: none !important;
}
.text-black,
.text-black a i {
    color: #000 !important;
}
.text-green {
    color: #42c4a0 !important;
}
.text-medium {
    font-size: 25px;
}
.btn-filter-new {
    background: #0561B8;
    color: #fff;
    border: 2px solid #0561B8 !important;
    border-radius: 30px;
    padding: 3px 15px !important;
    cursor: pointer;
    font-weight: normal;
}
.btn-filter-new.selected {
        background: #fff;
        color: #0561B8 !important;
        border: 2px solid #0561B8 !important;
        border-radius: 30px;
        padding: 3px 15px !important;
        cursor: pointer;
        font-weight: bold;
    }
.bustr1 .stars, .bustr1 .stars span, .mbustr1 .stars, .mbustr1 .stars span {
    width: 45px;
    height: auto;
    align-items: center;
    padding: 4px 3px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
}
.bustr1 .stars_yellow, .mbustr1 .stars_yellow, .bustr1 .stars_yellow span {
    background: #ebaf3c !important;
}
.bustr1 .star_green, .mbustr1 .star_green, .bustr1 .star_green span {
    background: #34BA7D !important;
}
.bustr1 .stars_red, .mbustr1 .stars_red, .bustr1 .stars_red span {
    background: #ef747a !important;
}
.bustr1 .stars i, .mbustr1 .stars i {
    font-size: 11px;
    margin-right: 3px;
    display: inline-block;
}
@media(max-width:991px) {
    .filterpanel {
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }
    #filterDiv .modal-body {
        height: calc(100% - 50px - 67px);
        overflow: scroll;
    }
    .mborder-bottom-grey {
        border-bottom: 1px solid #ddd !important;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
    }
    .mborder-top-grey {
        border-top: 1px solid #ddd !important;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 0px;
    }
    .mborder-right-grey {
        border-right: 1px solid #ddd !important;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    .mborder-left-grey {
        border-left: 1px solid #ddd !important;
        border-bottom: 0px;
        border-right: 0px;
        border-top: 0px;
    }
    .toggle-arrow.open {
        transform: rotate(90deg);
    }
    .p-mb-0 {
        padding: 0 !important;
    }
    .mb-text-center {
        text-align: center !important;
    }
    #filterDiv .filtersDepart, #filterDiv .filtersReturn {
        padding: 2px 10px !important;
    }
    input[type=checkbox].cbDeparttime.morning,
    input[type=checkbox].cbDeparttime.afternoon,
    input[type=checkbox].cbDeparttime.night,
    input[type=checkbox].cbDeparttime.morning:checked,
    input[type=checkbox].cbDeparttime.afternoon:checked,
    input[type=checkbox].cbDeparttime.night:checked {
        -webkit-appearance: none;
        padding: 20px;
        margin-right: 5px;
        margin-top: 0px;
        vertical-align: middle;
        outline: none !important;
    }
    input[type=checkbox].cbDeparttime.morning {
        background: url('https://cdn.busonlineticket.com/image/morning-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
    input[type=checkbox].cbDeparttime.afternoon {
        background: url('https://cdn.busonlineticket.com/image/afternoon-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
    input[type=checkbox].cbDeparttime.night {
        background: url('https://cdn.busonlineticket.com/image/night-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
    input[type=checkbox].cbDeparttime.morning:checked {
        background: url('https://cdn.busonlineticket.com/image/morning-chk-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
    input[type=checkbox].cbDeparttime.afternoon:checked {
        background: url('https://cdn.busonlineticket.com/image/afternoon-chk-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
    input[type=checkbox].cbDeparttime.night:checked {
        background: url('https://cdn.busonlineticket.com/image/night-chk-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
    input[type=checkbox].cbDeparttime:checked + span {
        color: #44c4a1;
    }
    .toolbar .nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    .toolbar .nav-justified .nav-item {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
        display: flex;
        outline: none;
    }
    .toolbar .nav-item a.nav-link {
        border-radius: 0;
        font-weight: 600;
        padding: 10px 5px;
        color: #ffffff !important;
        flex: 1;
        background: none;
        outline: none;
    }
    .toolbar {
        background-color: #0561b8;
        z-index: 2;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        box-shadow: 1px 1px 10px -3px #9E9E9E !important;
    }
    footer#main-footer {
        background: none !important;
        padding: 0px !important;
        margin-top: 0;
    }
    footer#main-footer {
        background: none !important;
        padding: 0px !important;
        margin-top: 0;
    }
    #filterDiv .modal-dialog,
    #filterDiv .modal-content {
        width: 100% !important;
        margin: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        border-radius: 0
    }
    #filterDiv .modal-footer {
        position: fixed;
        width: 100%;
        bottom: 0;
    }
}
.fixed-search {
    border-bottom: 3px solid #f6f6f6 !important;
    background: #fff;
    z-index: 2
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #filterDiv .filtersDepart, #filterDiv .filtersReturn {
        overflow: unset;
    }
}
/*************** Booking Page (End) ********************/
.filterDRef.active, .filterDRes.active, .filterRRef.active, .filterRRes.active {
    color: #44c4a1;
}
.bg-popup-header {
    background: #0561b8 !important;
    color: white;
}
/*IOS onclick issues*/
.mselectseatbutton {
    cursor: pointer;
}
.lg-decker-menu > div > .nav > li > a:hover {
    color: #0561B8 !important;
}
.lg-decker-menu > div > .nav > li.active > a:hover {
    color: #fff !important;
    background-color: #0561B8 !important;
}
@media only screen and (min-device-width : 769px) {
    .spnCloseRefineSearch {
        cursor: pointer !important;
        /* color: #b8ada9 !important; */
        width: 10px !important;
        height: 0px !important;
        text-align: center !important;
        z-index: 9;
        font-size: 20px;
        position: absolute;
        color: #0561B8 !important;
        right: 2px;
        top: -10px;
    }
    .spnCloseRefineSearch i {
            background: #fff !important;
            border-radius: 30px !important;
     }
}
@media only screen and (max-device-width : 768px) {
    .spnCloseRefineSearch {
        cursor: pointer !important;
        /* color: #b8ada9 !important; */
        z-index: 9;
        font-size: 20px;
        position: absolute;
        height: 0px;
        width: 10px;
        color: #0561B8 !important;
        right: 2px;
        top: -10px;
    }
    .spnCloseRefineSearch i {
            background: #fff !important;
            border-radius: 30px !important;
    }
    .xs-decker-menu > div > ul.nav.nav-tabs {
        border-bottom: 3px solid darkgray !important;
        margin-bottom: 2px !important;
    }
}
.tooltip-train {
    position: relative;
    display: inline-block;
}
.tooltip-train .tooltiptext-train {
        font-size: small;
        visibility: hidden;
        width: 200px;
        background-color: #E9EAEE;
        color: #000;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -90px;
}
.tooltip-train:hover .tooltiptext-train {
        visibility: visible;
    }
@media screen and (max-width:768px) {
    #divLoading {
        position: fixed;
        display: none;
        top: 45% !important;
        left: 30% !important;
        z-index: 1000000;
    }
}

#filterDiv .modal-body{
    padding-bottom: 80px !important;
}

.nav-pills .active a,
.nav-pills .active a:focus,
.nav-pills .active a:active {
    color: #fff !important;
    background-color: #337ab7 !important;
}
    .nav-pills .active a:hover {
        color: #337ab7 !important;
        background-color: transparent;
        border-color: #337ab7;
    }

.qna-group .in {
    background-color: #f5f5f5;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.contact-us .col-full {
    margin: 3px;
}

/* Bus Operator Page */
@media (min-width: 992px){
.bus-operators .img-size {
    max-height: 350px;
}
}
.bus-operators .twocolumn {
  float: left;
  width: 50%;
}

.bus-operators .threecolumn {
  float: left;
  width: 33.33%;
}

@media (max-width:768px) {
    .bus-operators .twocolumn {
        float: left;
        width: 100%;
    }

    .bus-operators .threecolumn {
        float: left;
        width: 100%;
    }
}
.bus-operators #textarea {
   display: none;
}

.bus-operators #textarea:target {
    display: block;
}

.bus-operators #textarea + ul.controls {
    list-style-type: none;
}

.bus-operators #textarea + ul.controls .hide,#textarea:target + ul.controls .show {
    display: none;
}

.bus-operators #textarea:target + ul.controls .hide,#textarea + ul.controls .show {
    display: inline-block;
}
.bus-operators .panel-default .panel-heading {background: #fff;cursor: pointer;}
.bus-operators .table tbody tr td {border-top: none!important;}
.bus-operators .panel-group .panel+.panel {margin-top: 15px;}
/* End Bus Operator Page */