* {
    font-weight: 500;
}

img {
    max-width: 100%;
    width: 15px;
}

ul:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*---UTILS START--*/

.pageContentIn {
    padding: 18px 22px;
}

.rippleEffect {
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}

.rippleEffect:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform .5s, opacity 1s;
}

.rippleEffect:active:after {
    transform: scale(0, 0);
    opacity: .3;
    transition: 0s;
}

.zoomEffect:active {
    animation: zommDrop .6s linear;
}

@keyframes zommDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.comment {
    height: 10px;
    background: #777;
    margin-bottom: 15px !important;
}

.comment.last {
    margin-bottom: 0 !important;
}

.wrapper {
    width: 0px;
    animation: fullView 0.5s forwards linear;
}

@keyframes fullView {
    100% {
        width: 100%;
    }
}

.animate {
    animation: shimmer 2s infinite;
    background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
    background-size: 1000px 100%;
}

@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

#msgSnack {
    display: none;
    font-size: 16px;
    overflow: hidden;
    line-height: 15px;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 15px 10px;
    min-height: 50px;
    align-items: center;
}

#msgSnack.msgsnack-active {
    display: flex;
}

#msgSnack span.msg {
    flex: 1;
    color: #fff;
    font-weight: normal;
}

#msgSnack span.cross {
    width: 20px;
    text-align: center;
    color: #fff;
}

#msgSnack.success {
    background: #219653;
    color: #fff;
}

#msgSnack.error {
    background: #C83131;
    color: #fff;
}

#msgSnack.warning {
    background: #ff9800;
    color: #fff;
}

#msgSnack.info {
    background: #6BC12F;
    color: #fff;
}

#msgSnack.loading {
    background: #009688;
    color: #fff;
}

.toasts.loaderToast.active {
    background: rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
}


/*---UTILS END--*/

.yoloLogo {
    color: #58ae58;
    font-weight: 900;
    font-size: 30px;
    line-height: 35px;
}

.yoloLogo span {
    font-weight: 900;
    color: #287228;
}

.tripType {
    margin: 18px 0;
}

.tType {
    display: inline-block;
    padding-left: 30px;
    line-height: 22px;
    position: relative;
    margin-right: 20px;
    font-size: 18px;
    color: #525252;
}

.tType::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: #EFEFEF;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}

.tType.selected::before {
    background: url(../img/check.svg) no-repeat center #58ae58;
}

.searchForm {
    position: relative;
}

.searchForm img {
    display: inline-block;
}

.inptBox {
    line-height: 36px;
    background: #EFEFEF;
    padding: 10px 15px;
    margin: 0 0 7px;
}

.inptBox label {
    font-size: 18px;
    color: #B1AAAA;
}

.inptBox span {
    display: none;
}

.inptBox.filled label {
    font-size: 14px;
    line-height: 16px;
    color: #58AE58;
}

.inptBox.filled span {
    display: block;
    font-size: 18px;
    line-height: 21px;
    color: #525252;
}

.xfrBtn {
    position: absolute;
    width: 41px;
    height: 41px;
    top: 36px;
    right: 10px;
    background: #267126;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    padding: 11px 0;
}

.calendarBox {
    line-height: 36px;
    background: #EFEFEF;
    padding: 10px 8px 10px 15px;
    margin: 0 0 7px;
    display: flex;
    align-items: center;
}

.calendarBox .clndrImg {
    width: 34px;
    height: 22px;
}

.calendarBox .dateView {
    width: 74px;
    flex: 1;
}

.calendarBox .dateView span {
    display: block;
}

.calendarBox .dateView span.date {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #525252;
    display: block;
    text-transform: uppercase;
}

.calendarBox .dateView span.day {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #989898;
    display: block;
}

.calendarBox .dateView span.label {
    font-size: 12px;
    line-height: 14px;
    color: #989898;
    display: block;
}

.calendarBox.return {
    width: calc(50% - 3.5px);
    display: none;
    padding: 11px 15px;
}

ul.nextDateList {
    display: block;
    margin: 0;
    padding: 0;
}

ul.nextDateList li {
    display: block;
    float: left;
    border-radius: 13.5px;
    font-size: 12px;
    line-height: 27px;
    padding: 0 10px;
    color: #989898;
    margin: 0;
    text-transform: uppercase;
}

ul.nextDateList li.selected {
    background: #267126;
    color: #FFFFFF;
    font-weight: bold;
}

.srcBtn {
    background: #267126;
    padding: 19px 15px;
    margin: 0 0 24px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    justify-content: center;
}

.srcBtn span {
    display: block;
    height: 18px;
    line-height: 18px;
    margin: 0 5px;
}

.offerBox {
    margin: 0 0 20px;
}

.offerBox img {
    width: 100%;
}

#footer-menu.footerMenu {
    display: flex;
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    height: 66px;
}

#footer-menu.footerMenu a {
    display: block;
    flex: 1;
    padding: 11px 0;
}

#footer-menu.footerMenu a span.img {
    padding: 0;
    position: relative;
    width: 30px;
    height: 30px;
    margin: auto;
    opacity: 1;
    display: flex;
    justify-content: center;
}

#footer-menu.footerMenu a img {
    display: inline-block;
}

#footer-menu.footerMenu a.activeNav img {
    filter: invert(449%) sepia(814%) saturate(685%) hue-rotate(71deg) brightness(309%) contrast(77%)
}

#footer-menu.footerMenu a span.txt {
    display: block;
    position: relative;
    padding: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #8E8F8E;
    opacity: 1;
}

#footer-menu.footerMenu a.activeNav span.txt {
    color: #6BC12F;
}

.backButton {
    padding-top: 5px;
    font-size: 22px;
    color: #159615;
}

.citySearchBox {
    background: #FFFFFF;
    border: 1px solid #C7C7C7;
    padding: 10px 12px;
    display: flex;
    align-items: center;
}

.citySearchBox .backButton {
    margin-right: 10px;
    padding-top: 2px;
}

.citySearchBox .srchFld {
    flex: 1;
}

.citySearchBox .srchFld input {
    width: 100%;
    border: none;
    font-size: 18px;
    color: #979797;
    height: 33px;
}

ul.searchCityList {
    display: block;
    padding: 0;
    margin: 0;
    position: fixed;
    width: calc(100% - 44px);
    height: calc(100% - 91px);
    overflow-y: scroll;
}

ul.searchCityList li {
    display: flex;
    align-items: center;
    padding: 13px 0;
    border-bottom: 1px solid #D3D3D3;
    margin: 0;
}

ul.searchCityList li:last-child {
    border-bottom: none;
}

ul.searchCityList li i {
    font-size: 14px;
}

ul.searchCityList li span.iconCity {
    width: 25px;
    margin-right: 18px;
    align-items: center;
    display: flex;
    justify-content: center;
}

ul.searchCityList li span.txt {
    flex: 1;
}

ul.searchCityList li span.txt span {
    display: block;
}

ul.searchCityList li span.txt span.hdng {
    font-size: 16px;
    line-height: 19px;
    color: #159615;
}

ul.searchCityList li span.txt span.dtls {
    font-size: 16px;
    line-height: 19px;
    color: #9D9D9D;
    font-weight: normal;
}

.bsListHeader {
    background: #267126;
    padding: 18px 22px;
    display: flex;
    color: #C5FBC5;
}

.bsListHeader .backButton {
    color: #C5FBC5;
}

.bsListHeader .hdngWrap {
    flex: 1;
    margin-left: 10px;
}

.bsListHeader .hdngWrap .hdng {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    display: block;
    margin: 0 0 8px;
}

.bsListHeader .hdngWrap .subHdng {
    font-size: 16px;
    line-height: 19px;
    display: block;
    font-weight: normal;
}

.bsListHeader .hdngWrap .subHdng span {
    display: inline-block;
    vertical-align: middle;
}

.bsListHeader .hdngWrap .subHdng i {
    margin: 0 5px;
    font-size: 13px;
}

.busListFiler {
    background: #52AF52;
    display: flex;
    padding: 0 22px;
}

.busListFiler .typeFiler {
    flex: 1;
}

.busListFiler .typeFiler span {
    display: inline-block;
    margin-right: 15px;
    font-weight: normal;
    font-size: 18px;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.8);
}

.busListFiler .typeFiler span.active {
    font-weight: bold;
    color: #FFFFFF;
}

.busListFiler .allFilter {
    color: #fff;
}

.busListFiler .allFilter img {
    display: inline-block;
    vertical-align: middle;
}

.busListFiler .allFilter span {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    line-height: 50px;
    margin-left: 9px;
}

.flexbreak {
    flex-basis: 100%;
    height: 0;
}

ul.busList {
    padding: 20px 22px;
    margin: 0;
}

ul.busList li {
    display: flex;
    padding: 12px 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    flex-wrap: wrap;
    margin-bottom: 16px;
}

ul.busList li span.bTime {
    flex: 1;
    font-size: 18px;
    line-height: 21px;
    color: #3E2B2B;
    margin-bottom: 8px;
}

ul.busList li span.bPrice {
    font-size: 18px;
    line-height: 21px;
    color: #393939;
    margin-bottom: 8px;
}

ul.busList li span.bTitle {
    flex: 1;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #796F6F;
    margin-bottom: 5px;
}

ul.busList li span.bArrive {
    flex: 1;
    font-size: 14px;
    line-height: 16px;
    color: #796F6F;
    margin-bottom: 13px;
}

ul.busList li span.bSeat {
    flex: 1;
    font-size: 14px;
    line-height: 16px;
    color: #3E2B2B;
}

ul.busList li span.bSeat.alert {
    color: #D62C2C;
}

ul.busList li span.bSeat img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

ul.busList li span.bSeat.alert img {
    /*Red*/
    filter: invert(21%) sepia(96%) saturate(2464%) hue-rotate(349deg) brightness(91%) contrast(83%);
}

ul.busList li span.bSeat span {
    display: inline-block;
    vertical-align: middle;
}

ul.busList li span.bLink {
    font-size: 14px;
    line-height: 16px;
    color: #4461C6;
}

#searchCalendar {
    border-radius: 10px 10px 0 0;
}

.clndrHead {
    padding: 25px 18px;
    display: flex;
}

.dtWrap {
    flex: 1;
    padding: 0 10px;
}

.dtWrap#return {
    visibility: hidden;
}

.dtWrap img {
    display: inline-block;
    vertical-align: middle;
}

.dtWrap>span {
    padding-left: 12px;
    display: inline-block;
    vertical-align: middle;
}

.dtWrap>span span.lbl {
    display: block;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #989898;
}

.dtWrap>span span.dt {
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #525252;
    text-transform: uppercase;
}

.dtWrap.active>span span.dt {
    color: #58AE58;
}

.clndrClsBnt {
    background: #EDEDED;
    border-radius: 100px;
    font-size: 16px;
    line-height: 35px;
    display: block;
    color: #5F5F5F;
    width: 70px;
    text-align: center;
}


/*---CALENDAR CSS START---*/

.clndrBox {
    padding: 0 10px;
    position: relative;
}

.monthBox {
    overflow-y: scroll;
    height: calc(100% - 120px);
    position: fixed;
    width: calc(100% - 20px);
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.clndrBox table.clndrTbl {
    border: none;
    background: none;
    margin: 0;
}

.clndrBox table.clndrTbl.head tr th {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #525252;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    padding: 8px;
    text-align: center;
    background: none;
}

.clndrBox table.clndrTbl tr th,
.clndrBox table.clndrTbl tr td {
    padding: 8px;
    background: none;
    text-align: center;
    color: #525252;
    font-size: 14px;
    line-height: 16px;
}

.clndrBox table.clndrTbl tr th {
    font-weight: bold;
}

.clndrBox table.clndrTbl tr th.mnthNm {
    padding: 15px 17px 10px;
    text-align: left;
    text-transform: uppercase;
}

.clndrBox table.clndrTbl tr td span.dt {
    display: block;
    border-radius: 50%;
    width: 25px;
    margin: auto;
    height: 25px;
    line-height: 25px;
    font-weight: normal;
    font-size: 14px;
    color: #525252;
}

.clndrBox table.clndrTbl tr td span.dtPrc {
    display: block;
    font-size: 9px;
    font-weight: normal;
    line-height: 11px;
    margin-top: 2px;
    color: #a6a6a6;
}

.clndrBox table.clndrTbl tr td.pastDate span.dt {
    color: #E6E6E6;
}

.clndrBox table.clndrTbl tr td.currDate span.dt {
    background: #e6e6e6;
}

.clndrBox table.clndrTbl tr td.selected span.dt {
    background: #58AE58;
    color: #fff;
}

.loadMoreSpCalendar {
    border: 1px solid #093;
    border-radius: 50px;
    width: 100px;
    text-align: center;
    line-height: 30px;
    margin: 0 auto 10px;
    font-size: 11px;
    font-weight: 400;
    color: #093;
}


/*---CALENDAR CSS END---*/

.seatSelectionWrap {
    background: #E5E5E5;
    min-height: 100vh;
}

.busSeatHeader {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}

.busSeatHeader .hdngWrap {
    flex: 1;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #159615;
    padding: 0 10px;
}

.busSeatLayout {
    background: #fff;
    margin-top: 20px;
}

.seatTypeWrap {
    display: inline;
}

.seatType {
    flex: 1;
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid #D3D3D3;
}

.seatType.active {
    border-bottom: 3px solid #6bc12f;
}

.seatType i {
    color: #797979;
    font-size: 19px;
    vertical-align: middle;
}

.seatType.active i {
    color: #6bc12f;
}

.seatType span.seatTypeDtls {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    color: #797979;
}

.seatType.active span.seatTypeDtls {
    color: #6bc12f;
}

.seatType span.seatTypeDtls .type {
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
}

.seatType span.seatTypeDtls .typeCnt {
    display: block;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}


/*---SEAT LAYOUT START---*/

.seatWrap {
    margin: auto;
    padding: 30px 0;
    table-layout: fixed;
    width: 100vmin;
}

.buswheel {
    margin-left: 80vmin;
}

.buswheel img {
    height: 29px;
    display: inline-block;
}

.img-seat {
    max-width: 50px;
}

.seatWrap table {
    width: 90%;
    border: none;
    border-spacing: 7px;
    background: none;
}

.seatWrap table tr td {
    width: 57px;
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
}

.seatWrap table tr:hover td {
    background: none;
}

.seatWrap table tr td:not(.blank) {
    line-height: 20px;
    border: 1px solid #80808052 ;
}

.seatWrap table.sleeper tr td:not(.blank) {
    height: 35px;
}

.seatWrap table.sleeper tr td.sleeperSeat:not(.blank) {
    line-height: 80px;
    border: 1px solid #80808052;
}

.seatWrap table tr td.lower.hide {
    display: none;
}

.seatWrap table tr td.upper.hide {
    display: none;
}

.seatWrap table tr td span.seatNo {
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
    display: block;
    color: #AFAFAF;
}

.seatWrap table tr td span.seatPrice {
    display: block;
    font-size: 9px;
    line-height: 10px;
}

.seatWrap table tr td.selected>svg path {
    fill: #6BC12F;
    stroke: #6bc12f;
}

.seatWrap table tr td.selected[data-st="ladies"] {
    background: #f8aab7;
    border: 1px solid #a8757d;
}

.seatWrap table tr td.booked-selected>svg path {
    fill: #6BC12F;
    stroke: #6bc12f;
}

.seatWrap table tr td.booked-selected[data-st="ladies"] {
    background: #f8aab7;
    border: 1px solid #a8757d;
}

.seatWrap table tr td.available {
    background: #fff;
}

.seatWrap table tr td.booked {
    background: #FFF;
}

.seatWrap table tr td.ladies {
    background: #F5D4D4;
    border: 1px solid #B76E6E;
}

.seatWrap table tr td.ladiesBooked {
    background: #f5afbb;
    border: 1px solid #9d737a;
}

.busToilet {
    text-align: center;
    background: #F1F6F1;
    border-radius: 6px;
    margin-top: 15px;
    padding: 8px;
    margin-bottom: 60px;
}

.busToilet img {
    display: inline-block;
    vertical-align: middle;
}

.busToilet span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #6BC12F;
}

.processPayment {
    position: fixed;
    left: 0;
    margin: 0;
    transition: all 0.8s;
    background: #FFF;
    width: 100%;
    color: #fff;
    bottom: -150px;
    z-index: 99;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.processPayment.active {
    bottom: 0;
}

.seatSltnSt {
    display: flex;
    padding: 15px;
    align-items: center;
}

.slctdSeat {
    width: calc(100% - 125px);
}

.ttlSeat {
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #8E8F8E;
}

.seatAmnt {
    display: block;
    font-size: 18px;
    line-height: 21px;
    color: #6BC12F;
    font-weight: bold;
}

.procdBtn span {
    padding-left: 10px;
    padding: 12px;
    border-radius: 5px;
}

.procdBtn span span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    width: 150px;
    text-align: center;
    background: #6BC12F;
}

.procdBtn-new span {
    padding: 12px;
    border-radius: 5px;
}

.procdBtn-new span span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    width: 150px;
    text-align: center;
    background: #6BC12F;
    color: #FFF;
    width: 90%;
    margin: 50px auto;
}


/*---SEAT LAYOUT END---*/

ul.showMoreList {
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fff;
}

ul.showMoreList li {
    display: block;
    font-size: 16px;
    line-height: 50px;
    color: #159615;
    border-bottom: 1px solid #D3D3D3;
    margin: 0;
    padding: 0 20px;
}

ul.showMoreList li.active {
    border-bottom: 3px solid #52AF52;
}

.showMoreBox {
    height: calc(60vh + 55px);
    overflow: scroll;
    padding-top: 55px;
}

.showMoreBox>div {
    display: none;
}

.showMoreBox>div.active {
    display: block;
}

ul.amenitiesList {
    display: block;
    margin: 0;
    padding: 15px;
    background: #fff;
}

ul.amenitiesList li {
    padding-right: 10px;
    margin: 0 0 15px;
    width: 50%;
    float: left;
    display: block;
}

ul.amenitiesList li:last-child {
    border-bottom: none;
}

ul.amenitiesList li span.amImg {
    width: 30px;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
}

ul.amenitiesList li img {
    display: inline-block;
    height: 20px;
    max-width: 100%;
}

ul.amenitiesList li span.amName {
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 30px);
}

.b_d_points {
    display: flex;
    background: #78C578;
}

.b_d_points span {
    flex: 1;
    font-weight: 500;
    font-size: 18px;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
}

.b_d_points span.active {
    color: #FFFFFF;
}

.bdTabsWrap>div {
    display: none;
}

.bdTabsWrap>div.active {
    display: block;
}

.bdTabsWrap ul {
    display: block;
    margin: 0;
    padding: 0;
}

.bdTabsWrap ul li {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #D3D3D3;
    margin: 0;
}

.bdTabsWrap ul li.active {
    background: #4caf5033;
}

.bdTabsWrap ul li:last-child {
    border-bottom: none;
}

.bdTabsWrap ul li span.pointDtls {
    flex: 1;
}

.bdTabsWrap ul li span.pointDtls span.pt {
    font-size: 13px;
    line-height: 16px;
    color: #159615;
    display: block;
    height: 16px;
    overflow: hidden;
}

.bdTabsWrap ul li span.pointDtls span.nr {
    font-size: 11px;
    line-height: 20px;
    color: #757575;
    display: block;
    font-weight: normal;
    height: 20px;
    overflow: hidden;
}

.bdTabsWrap ul li span.pointTime {
    font-size: 18px;
    line-height: 21px;
    color: #159615;
    padding-left: 10px;
}

.policyWrap {
    border: 1px solid #ccc;
    margin: 15px;
}

.policyWrap h5 {
    margin: 0;
    line-height: 40px;
    font-size: 16px;
    background: #f6f6f6;
    padding: 0 10px;
    font-weight: 500;
    color: #3e3e3e;
}

.policyWrap ul {
    display: block;
    margin: 0;
    padding: 0;
    background: #fff;
}

.policyWrap ul li {
    display: flex;
    font-size: 14px;
    padding: 0 10px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    margin: 0;
    font-weight: 300;
    color: #159615;
}

.policyWrap ul li:last-child {
    border-bottom: none;
}

.policyWrap ul li span.txt {
    flex: 1;
}

.policyWrap ul li span.val {
    width: 100px;
    text-align: right;
    font-weight: normal;
}

.pointHead {
    display: block;
    padding: 12px 15px;
    border-bottom: 2px solid #D3D3D3;
}

.pointHead i {
    color: #159615;
    font-size: 22px;
    vertical-align: middle;
    line-height: 44px;
    padding-right: 12px;
}

.pointHead span.ptHdDtls {
    display: inline-block;
    vertical-align: middle;
}

span.ptHdDtls span.hdng {
    display: block;
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    color: #8E8F8E;
}

span.ptHdDtls span.subHdng {
    display: block;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #757575;
}

.authWrap {
    background: #53AF53;
    height: calc(100vh - 122px);
    padding: 25px 18px;
}

.menu-box .authWrap {
    height: calc(100% - 56px);
    overflow-y: scroll;
    max-height: calc(100vh - 56px);
}

.authWrap .yoloLogo {
    color: #285128;
    margin: 0 0 25px;
}

.authWrap .yoloLogo span {
    color: #fff;
}

.authWrap h3 {
    font-size: 24px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    margin: 0 0 20px;
}

.fldBox {
    display: flex;
    align-items: center;
    background: #E2E0E0;
}

.fldBox span {
    width: 80px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #403B3B;
}

.fldBox input {
    flex: 1;
    height: 56px;
    padding: 0 13px;
    font-size: 18px;
    color: #403B3B;
    border: none;
}

.fldBox input::placeholder {
    color: #D1D1D1;
}

.authBtnBox {
    display: flex;
    height: 56px;
}

.authBtnBox button.authBtn {
    flex: 1;
    background: #267126;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    border-radius: 0;
    color: #FFFFFF
}

.authBtnBox button.authBtn.white {
    color: #267126;
    background: #fff;
}

#OTP {
    display: none;
}

.auhtBackHead {
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    display: block;
    margin: 0 0 45px;
}

#RESEND_OTP {
    color: #fff;
    opacity: 0.6;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
}

#OTP .otp-group {
    display: flex;
    justify-content: space-between;
}

#OTP .otp-group input {
    width: 22%;
    height: 56px;
    border: none;
    text-align: center;
    font-size: 18px;
    color: #403B3B;
    margin: 0 0 20px;
}

#OTP .otp-group input::placeholder {
    color: #D1D1D1;
}

.authFld input,
.authFld select {
    height: 56px;
    padding: 0 13px;
    font-size: 18px;
    color: #403B3B;
    border: none;
    width: 100%;
    margin: 0 0 20px;
}

.authFld input::placeholder {
    color: #D1D1D1;
}

#action-signup .authWrap h3 {
    margin: 0 0 5px;
}

.authWrap span.subHead {
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: normal;
    margin: 0 0 20px;
    display: block;
}

.bookingHeader {
    padding: 12px 15px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D3D3D3;
    margin-top: 20px;
}

.booking-subheader {
    margin: auto;
    border-bottom: 2px solid #E8E9F0;
    padding: 20px;
}

.bookingHeader .backButton {
    color: #000000;
    padding: 0;
}

.bookingHeader .hdngWrap {
    flex: 1;
    margin-left: 12px;
}

.bookingHeader .hdngWrap .hdng {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    display: block;
}

.bookingHeader .hdngWrap .subHdng {
    font-size: 16px;
    line-height: 19px;
    color: #65b16c;
    display: block;
    font-weight: normal;
    margin: 3px 0 0;
}

.savedPsngr {
    border-bottom: 1px solid #D3D3D3;
    padding: 10px 0;
}

.savedPsngr h3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #686868;
    margin-bottom: 25px;
}

.savedPsngr ul {
    display: block;
    margin: 0;
    padding: 0;
}

.savedPsngr ul li {
    display: block;
    float: left;
    padding-left: 40px;
    position: relative;
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 25px;
    color: #159615;
    min-width: 50%;
    height: 25px;
    overflow: hidden;
}

.savedPsngr ul li::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: #EFEFEF;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}

.savedPsngr ul li.selected::before {
    background: url(../img/check.svg) no-repeat center #58ae58;
}

.psngrWrap {
    padding: 35px 0 0;
}

.psngrBox {
    margin-bottom: 20px;
}

.psngrBox h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #8E8F8E;
    margin-bottom: 18px;
}

.inptFld {
    margin: 0 0 20px;
    width: 100%;
    display: block;
}

.inptFld input {
    width: 100%;
    height: 50px;
    background: #FFF;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    border-bottom: 1px solid #E8E9F0;
    padding: 0 12px;
    color: #000000;
}

.inptFld input::placeholder {
    color: #000;
}

.inptFld.ageFld {
    width: 100%;
}

.inptFld.gndrFld {
    width: 100%;
}

ul.gndrSlct {
    display: flex;
    margin-left: -10px;
    justify-content: space-evenly;
}

ul.gndrSlct li {
    flex-basis: 80px;
    margin: 0;
    text-align: center;
    font-weight: normal;
    font-size: 13px;
    color: #8E8F8E;
    position: relative;
    background: #FFF;
    border: 1px solid #8E8F8E;
    border-radius: 25px;
    display: block;
    padding: 5px;
}

ul.gndrSlct li::before {
    display: block;
}

ul.gndrSlct li.selected {
    color: #6bc12f;
    border-color: #6bc12f;
    font-weight: bold;
}

ul.gndrSlct li:last-child::before,
ul.gndrSlct li.selected::before {
    display: none;
}

.savePsngrCheck {
    display: block;
    padding-left: 30px;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #686868;
    margin: 0 0 40px;
}

.savePsngrCheck::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: #EFEFEF;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}

.savePsngrCheck.selected::before {
    background: url(../img/check.svg) no-repeat center #58ae58;
}

#footer-menu.bookingBtn {
    background: #6BC12F;
    width: 90%;
    font-weight: bold;
    font-size: 16px;
    line-height: 62px;
    color: #FFFFFF;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 7px;
}

.dvdr {
    border-bottom: 1px solid #D3D3D3;
    margin: 28px 0;
}

.bookingSummary .routeDtls {
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    color: #000;
    display: block;
}

.bookingSummary .tripTime {
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin: 7px 0;
    display: block;
}

.bookingSummary .tripFare {
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    color: #000;
    display: block;
}

.trvlrBox .trvlrHdWrap {
    display: flex;
}

.trvlrHdWrap .trvlrHd {
    flex: 1;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #000;
    display: block;
}

.trvlrHdWrap .trvlEditBtn {
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #000;
    display: block;
}

.trvlrBox .trvlrNames {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    display: block;
    margin-top: 7px;
}

.couponBox .cpnHd {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    display: block;
}

.cpnCodeBox {
    display: flex;
    margin: 15px 0 22px;
}

.cpnCodeBox .inptFld {
    margin: 0;
    flex: 1;
}

.cpnCodeBox .aplyBtn {
    text-align: center;
    background: #267126;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    padding: 0 10px;
}

.cpnCodeBox .aplyBtn.error {
    background: #C83131;
}

.couponBox ul {
    display: block;
    margin: 0 0 22px;
    padding: 0;
}

.couponBox ul li {
    display: flex;
    padding: 15px 10px;
    background: #DFEDDF;
    align-items: center;
}

.couponBox ul li span.cpnIcon {
    display: block;
    background: rgba(255, 255, 255, 0.7);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    padding: 3px;
}

.couponBox ul li span.cpnIcon span.cpnIconIn {
    display: block;
    background: #FFFFFF;
    width: 38px;
    height: 38px;
    color: #349D34;
    border-radius: 50%;
    font-size: 19px;
    line-height: 38px;
    text-align: center;
}

.couponBox ul li span.cpnDtls {
    display: block;
    flex: 1;
    padding: 0 0 0 10px;
}

.couponBox ul li span.cpnDtls span.cpnCode {
    display: block;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #349D34;
}

.couponBox ul li span.cpnDtls span.cpnDesc {
    display: block;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: rgba(52, 157, 52, 0.7);
}

.couponBox ul li span.cpnBtn {
    display: block;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #267126;
    padding: 10px;
}

.couponBox span.showMoreCpn {
    display: block;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #4461C6;
    text-align: center;
}

.tktSendBox .tktSendHd {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 6px;
    display: block;
}

.tktSendBox .inptFld {
    margin: 16px 0;
}

.frBrkupBox .frBrkupHd {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #000;
    margin-bottom: 15px;
    display: block;
}

.frBrkupBox ul {
    display: block;
    margin: 0;
    padding: 0;
}

.frBrkupBox ul li {
    display: flex;
    padding: 0;
    margin-bottom: 20px;
}

.frBrkupBox ul li label {
    flex: 1;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.frBrkupBox ul li span {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.frBrkupBox ul li.highlight {
    border-top: 1px solid #D3D3D3;
    padding: 22px 0 0;
}

.frBrkupBox ul li.highlight label {
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
}

.frBrkupBox ul li.highlight span {
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
}

.userWallet {
    background: #fff;
    padding: 0;
    display: flex;
    box-shadow: none;
    margin: 18px 0;
    line-height: 20px;
}

.userWallet span.wltH {
    color: #3e3e3e;
    flex: 1;
    font-weight: 500;
    font-size: 16px;
}

.userWallet span.wltB {
    color: #267126;
    font-weight: bold;
    font-size: 20px;
}

.userWallet span.wltA {
    padding: 5px 10px;
    background: #ffffe6;
}

.userWallet span.wltA img {
    height: 25px;
    display: block;
    width: 25px;
    margin: 5px auto;
}

.userWallet span.wltA span {
    font-size: 10px;
    line-height: 12px;
    display: block;
    color: #000;
}

.userWalletUse {
    background: #fff;
    padding: 0;
    line-height: 30px;
}

.userWalletUse .userWallet {
    box-shadow: none;
    margin: 0 0 10px;
    line-height: 20px;
}

.userWalletUse label {
    padding: 10px;
    border-radius: 0 0 5px 5px;
    display: flex;
    background: #f6f6f6;
}

.userWalletUse label span {
    flex: 1;
    margin-left: 5px;
    line-height: 12.8px;
    font-weight: 600;
}

.buyersOption {
    padding: 0;
}

.buyersOption h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #000;
    margin-bottom: 6px;
    display: block;
}

.buyersOption ul {
    display: block;
    padding: 0;
    margin: 0;
}

.buyersOption ul li {
    display: block;
    margin: 0 0 15px;
    padding: 0;
}

.buyersOption ul li:last-child {
    margin: 0;
}

.buyersOption label {
    border-radius: 0 0 5px 5px;
    display: flex;
}

.buyersOption label span.name {
    flex: 1;
    line-height: 12.8px;
    font-weight: 600;
}

.buyersOption label span.price {
    line-height: 12.8px;
    font-weight: 600;
}

.buyersOption label span.price small {
    font-size: 9px;
}

.buyersOption ul li p {
    font-size: 11px;
    color: #565656;
    margin: 0;
}

.buyersOption ul li .seatList {
    margin: 10px 0 0;
}

.buyersOption ul li .seatList label.seatNo {
    display: block;
    width: 25%;
    float: left;
    margin: 0 0 10px;
}

.buyersOption ul li .seatList label.seatNo span {
    margin-left: 5px;
    line-height: 12.8px;
    float: left;
    font-size: 12px;
}

.buyersOption ul li .seatList label.seatNo input {
    float: left;
}

.thankyouPage {
    height: 100vh;
    background: #58AE58;
    padding: 68px 16px 16px;
    text-align: center;
}

.thankyouPage img {
    display: inline-block;
    margin: 0 0 25px;
}

span.bkngSt {
    display: block;
    font-weight: bold;
    font-size: 23px;
    line-height: 27px;
    color: #FFFFFF;
    margin: 0 0 20px;
}

span.bkdTime {
    display: block;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    margin: 0 0 10px;
}

span.bkdDtls {
    display: block;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    margin: 0 0 10px;
}

span.bkdRt {
    display: block;
    font-size: 16px;
    line-height: 19px;
    color: #C5FBC5;
    margin: 0 0 35px;
}

ul.bkdAction {
    display: inline-block;
    margin: 0 0 40px;
    padding: 0;
    text-align: left;
}

ul.bkdAction li {
    display: block;
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
}

ul.bkdAction li:last-child {
    margin-bottom: 0;
}

a.rtnJrnyBtn {
    display: block;
    background: #FFFFFF;
    font-size: 20px;
    line-height: 54px;
    color: #58AE58;
    margin: 0 0 10px;
}

a.clsBtn {
    display: block;
    background: #267126;
    font-size: 20px;
    line-height: 54px;
    color: #FFFFFF;
}

.pageHeader {
    display: flex;
    border-bottom: 1px solid #D3D3D3;
    padding: 0 0 10px;
}

.pageHeader span.hdng {
    font-weight: bold;
    font-size: 21px;
    line-height: 35px;
    color: #000000;
    flex: 1;
    text-align: right;
}

.inptFld.wltAmntFld {
    margin: 0 0 10px;
}

.walletBtn {
    font-size: 12px;
    color: #3e3e52;
    line-height: 35px;
    margin: 0 0 20px;
}

.walletBtn span {
    border: 1px solid #aaa;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 10px;
    display: inline;
    margin-right: 5px;
}

.flBtn {
    font-weight: bold;
    font-size: 21px;
    line-height: 56px;
    color: #FFFFFF;
    background: #267126;
    width: 100%;
}

.flBtn.disabledBtn {
    color: #99B199;
    background: #F2F2F2;
}

.walletTxnHd {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin: 20px 0 10px;
    display: block;
}

ul.walletTxn {
    display: block;
    padding: 0;
    margin: 15px 0;
}

ul.walletTxn>li {
    display: flex;
    margin: 0 0 15px;
    background: #fff;
    padding: 10px;
    border: 1px solid #D3D3D3;
}

ul.walletTxn>li span.txnSt {
    text-align: center;
    align-self: center;
}

ul.walletTxn>li span.txnSt.CREDIT {
    color: #267126;
}

ul.walletTxn>li span.txnSt.DEBIT {
    color: #bf0026;
}

ul.walletTxn>li span.txnSt span.txtIcn {
    display: block;
    font-size: 22px;
}

ul.walletTxn>li span.txnSt span.txnTxt {
    display: block;
    font-size: 10px;
    font-weight: 300;
    line-height: 10px;
    margin: 5px 0 0;
}

ul.walletTxn>li span.txnRmrk {
    flex: 1;
    padding: 0 15px;
    font-size: 10px;
    font-weight: 400;
    line-height: 17px;
    color: #3e3e3e;
    align-self: center;
}

ul.walletTxn>li span.txnDtsl {
    text-align: right;
}

ul.walletTxn>li span.txnDtsl span.dtlsDate {
    display: block;
    font-size: 9px;
    color: #545454;
}

ul.walletTxn>li span.txnDtsl span.dtlsAmt {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #3e3e3e;
}

#action-recharge {
    background: #53AF53;
    color: #fff;
}

#action-recharge .hdng {
    font-size: 28px;
    margin: 0;
    line-height: 32px;
}

#action-recharge .subHdng {
    font-size: 12px;
    display: block;
    line-height: 12px;
    margin: 0 0 15px;
    font-weight: normal;
}

#action-recharge .inptFld.wltAmntFld input {
    background: #fff;
}

#action-recharge .walletBtn {
    color: #fff;
}

#action-recharge .walletBtn span {
    border: 1px solid #fff;
}

#action-offerslist {
    background: #fff;
}

span.offersHead {
    display: flex;
    font-size: 16px;
    margin: 0 0 10px;
    border-radius: 5px 5px 0 0;
    line-height: 24px;
}

span.offersHead h3 {
    flex: 1;
    margin: 0;
    line-height: 35px;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
}

span.offersHead span {
    padding: 0 15px;
    font-size: 16px;
    line-height: 35px;
    color: #5F5F5F;
    background: #EDEDED;
    border-radius: 50px;
    display: block;
}

ul.cpnList {
    padding: 0;
    margin: 20px 0 0;
}

ul.cpnList>li {
    display: block;
    margin: 0 0 35px;
    padding: 15px;
    background: #f6f6f6;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

ul.cpnList>li span.cpnImg {
    margin: 0 0 15px;
    display: block;
}

ul.cpnList>li span.cpnImg img {
    width: 100%;
}

ul.cpnList>li span.cpnCode {
    border: 1px dashed #daceb7;
    background: #fffae6;
    line-height: 35px;
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
    min-width: 100px;
    text-align: center;
}

ul.cpnList>li span.cpnCp {
    border: 1px solid #ccc;
    background: #f6f6f6;
    line-height: 35px;
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    margin-left: 10px;
}

ul.cpnList>li span.cpnTitle {
    display: block;
    font-weight: bold;
    color: #3e3e3e;
    font-size: 13px;
    line-height: 15px;
    margin: 15px 0 5px;
}

ul.cpnList>li span.cpnBtn {
    background: #267126;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    margin: 15px 0 0;
}

ul.cpnDisc {
    margin: 0;
    padding: 0 0 0 15px;
    display: block;
}

ul.cpnDisc li {
    padding: 0;
    margin: 0;
    line-height: 14px;
    font-size: 12px;
    color: #888;
}

.referBox {
    margin-top: 20px;
}

.referBox h1 {
    font-size: 30px;
    text-align: center;
    margin: 0;
}

.referBox span.subHdng {
    color: #267126;
    font-size: 10px;
    text-align: center;
    display: block;
}

.referImg img {
    margin: 20px auto;
}

.referredListBox {
    margin-top: 20px;
}

table.referList {
    border-collapse: collapse;
}

table.referList tr th,
table.referList tr td {
    text-align: left;
    padding: 10px 5px;
    line-height: normal;
    font-weight: normal;
}

ul#ntfList {
    display: block;
    margin: 20px 0 0;
    padding: 0;
}

ul#ntfList li {
    display: flex;
    margin: 0 0 10px;
    flex-wrap: wrap;
    padding: 10px;
    background: #f6f6f6;
    align-items: center;
}

ul#ntfList li.unread {
    color: #fff;
    background: #58AE58;
}

ul#ntfList li span.ntfIcon {
    width: 39px;
    margin-right: 10px;
}

ul#ntfList li span.ntfBody {
    flex: 1;
    margin: 0 0 5px;
}

ul#ntfList li span.ntfTitle {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    display: block;
}

ul#ntfList li span.ntfDesc {
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    display: block;
}

ul#ntfList li span.ntfDesc a {
    background: #0F5A0F;
    padding: 0 3px;
    color: #fff;
    margin: 0 2px;
    font-size: 12px;
    display: inline-block;
}

ul#ntfList li span.ntfTime {
    display: block;
    font-weight: normal;
    font-size: 10px;
    flex: 1;
    color: #777;
}

ul#ntfList li.unread span.ntfTime {
    color: #e6e6e6;
}

ul#ntfList li span.ntfRead {
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    display: block;
}

.mapBackIcon {
    position: fixed;
    left: 20px;
    top: 20px;
    z-index: 9;
    width: 43px;
    height: 43px;
    background: #fff;
    border-radius: 50%;
    line-height: 43px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #000;
    text-align: center;
    font-size: 19px;
}

#notifyMe {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    background: #58ae58;
    color: #fff;
    padding: 0 10px;
    line-height: 35px;
    text-align: center;
    float: right;
    margin-left: 5px;
}

.ticketDtls {
    height: 250px;
    /* margin-top: calc(100vh - 250px); */
    background: #fff;
    border-radius: 9px 9px 0 0;
}

.ticketDtlsHd {
    background: #58AE58;
    border-radius: 9px 9px 0px 0px;
    display: flex;
    color: #fff;
    padding: 20px;
    align-items: center;
}

.ticketDtlsHd span.rtDtls {
    flex: 1;
}

.ticketDtlsHd span.rtDtls label {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    height: 19px;
    overflow: hidden;
}

.ticketDtlsHd span.rtDtls span {
    font-size: 16px;
    line-height: 19px;
    color: #C5FBC5;
}

.ticketDtlsHd span.opnTktBtn {
    font-size: 16px;
    line-height: 40px;
    background: #FFFFFF;
    border-radius: 23.5px;
    color: #58AE58;
    width: 130px;
    height: 40px;
    text-align: center;
    display: block;
}

.ticketDtlsIn {
    padding: 0 15px;
}

.busDtlsWrap {
    display: flex;
    padding: 24px 0;
    align-items: center;
}

.busDtlsWrap span.busDtls {
    flex: 1;
}

.busDtlsWrap span.busDtls label {
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    color: #262626;
}

.busDtlsWrap span.busDtls span {
    font-size: 14px;
    line-height: 16px;
    color: #737171;
    height: 16px;
    overflow: hidden;
    display: block;
}

.busDtlsWrap span.busCptnCallBtn {
    font-size: 16px;
    line-height: 35px;
    color: #58AE58;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    width: 132px;
    text-align: center;
}

.busDtlsWrap span.busCptnCallBtn i {
    transform: rotate(90deg);
}

.ticketDtls span.pntHd {
    font-size: 18px;
    line-height: 21px;
    color: #372F2F;
    display: block;
    border-top: 1px solid rgba(211, 211, 211, 0.5);
    padding: 15px 0 0;
}

.pntDtlsWrap {
    display: flex;
    align-items: center;
    padding: 10px 0 25px;
}

.pntDtlsWrap span.pntDtls {
    flex: 1;
}

.pntDtlsWrap span.pntDtls label {
    font-size: 21px;
    line-height: 25px;
    color: #262626;
    height: 25px;
    overflow: hidden;
}

.pntDtlsWrap span.pntDtls span {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #737171;
    display: block;
    height: 16px;
    overflow: hidden;
}

.pntDtlsWrap span.pntTimeDtls {
    padding-left: 10px;
}

.pntDtlsWrap span.pntTimeDtls label {
    font-size: 18px;
    line-height: 21px;
    color: #58AE58;
}

.pntDtlsWrap span.pntTimeDtls label.delay {
    color: #B55C49;
}

.pntDtlsWrap span.pntTimeDtls span {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #737171;
}

.ticketDtls .bkRide {
    border-top: 1px solid rgba(211, 211, 211, 0.5);
    padding: 22px 0 35px;
}

.bkRide h6 {
    font-size: 16px;
    line-height: 19px;
    color: #262626;
    margin: 0 0 25px;
}

.bkRide span.bkUberBtn {
    background: #262626;
    border-radius: 28.5px;
    font-size: 18px;
    line-height: 57px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    margin: 0 0 15px;
}

.bkRide span.bkOLABtn {
    border: 2px solid #58AE58;
    border-radius: 28.5px;
    font-weight: bold;
    font-size: 18px;
    line-height: 57px;
    color: #58AE58;
    display: block;
    text-align: center;
}

.ticketDtls span.drpPntHd {
    font-size: 18px;
    line-height: 21px;
    color: #262626;
    display: block;
    border-top: 1px solid rgba(211, 211, 211, 0.5);
    padding: 15px 0 0;
}

.qrTicket {
    background: #000;
    height: 100vh;
    padding: 20px;
}

.qrTktHd {
    display: flex;
    color: #fff;
    align-items: center;
}

.qrTktHd .backButton {
    color: #fff;
    font-size: 23px;
    line-height: 28px;
}

.qrTktHd h5 {
    flex: 1;
    margin: 0 0 0 10px;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
}

.qrTktHd span.shareTkt {
    font-size: 16px;
    line-height: 19px;
}

.qrTktHd .shareTkt img {
    display: inline-block;
    margin-right: 8px;
}

.qrCodeBox {
    background: #fff;
    border-radius: 5px;
    padding: 35px;
    margin-top: 35px;
    text-align: center;
    color: #000;
}

.qrCodeBox:before {
    width: 15px;
    height: 7px;
    background: #000;
    display: block;
    content: '.';
    color: #fff;
    border-radius: 0 0 20px 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-indent: -999999px;
}

.qrCodeBox:after {
    width: 15px;
    height: 7px;
    background: #000;
    display: block;
    content: '.';
    color: #fff;
    border-radius: 20px 20px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-indent: -999999px;
}

.qrCodeBox span {
    display: block;
}

.qrCodeBox span.pnr {
    font-weight: bold;
    display: block;
    font-size: 21px;
    line-height: 25px;
    margin: 0 0 20px;
}

.qrCodeBox div.qrCode {
    margin: 0 auto 35px;
    height: 205px;
    width: 205px;
}

.qrCodeBox span.tktSt {
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    margin: 0 0 12px;
}

.qrCodeBox span.tktTime {
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 15px;
}

.qrCodeBox span.tktPsngr {
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #7B7B7B;
    margin: 0 0 15px;
}

.qrCodeBox span.tktSt {
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    color: #58AE58;
}

.qrCodeBox span.tktSt.PartiallyCanceled {
    color: #DE970E;
}

.qrCodeBox span.tktSt.Cancelled {
    color: #B55C49;
}


/*-----------------------------------------------RG CSS START-----------------------------------------------*

/*-----------------------------------------------RG CSS END-----------------------------------------------*


/*-----------------------------------------------HP CSS START-----------------------------------------------*

/*-----------------------------------------------HP CSS END-----------------------------------------------*