.textColor {
    color: #ffc107!important;
}
.vehicleWidthV1{
    width:55px !important;
}
.btnalignmnt{
    text-align:right !important;
}
.btnmrgnTop{
    margin-top:0px !important;
}
.vehiclemargn {
    margin-top: 0px !important;
}
.bordergray {
    border-top: 1px solid #e2e2e2 !important;
}
.ptb25 {
    padding-top: 10px !important;
    padding-bottom: 25px !important;
}
.stopcount {
    background: #fff !important;
    /* padding: 5px 10px; */
    padding: 7px 10px 7px 10px !important;
    border-radius: 5px !important;
}
.top0{
    top:0px !important;
}
.btnleft {
    text-align: left !important;
}
.padngt10{
    padding-top:10px !important;
}
.vehicletop{
    margin-top:0px !important;
}
.seatbg {
    font-size: 16px !important;
    border: 1px solid !important;
    border-style: dashed !important;
    padding: 10px 45px !important;
    border-radius: 30px !important;
}
.seatpadding{
    padding-top:45px !important;
}
.folderPadding {
    text-align: right !important;
    /* margin-top: 10px; */
    padding: 9px !important;
}
.packagecategory.active{
    background:#e2e2e2 !important;
}
.vehiclecategory.active {
    background: #e2e2e2 !important;
}

.black_text {
    color: #000 !important;
}
.folderbg {
    color: #00BFFF !important;
    /* border: 1px; */
    /* border: 1px solid #000; */
    /* padding: 4px; */
    padding: 6px 7px !important;
    border: 1px solid #ccc !important;
    border-radius: 15px !important;
}
.backtobtn {
    padding: 5px 7px 5px 7px !important;
    border-radius: 33px !important;
    margin-bottom: 10px !important;
    background: #ffbb48 !important;
}
.nextbtnbg {
    background: #ffbb48 !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}
.btn-gray.active{
    background:#ccc !important;
}
.btnbg-gold {
    background: #ffbb48 !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}
    .btnbg-gold:hover {
        color: #ffbb48 !important;
        background: #000 !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        font-weight: 600 !important;
        font-size: 16px !important;
    }
    .btnbg-gold.active {
        color: #ffbb48 !important;
        background: #000 !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        font-weight: 600 !important;
        font-size: 16px !important;
    }
    .input_text1 {
        text-align: left;
        padding-top: 0;
    }
.circlebg {
    background: #ffbb48 !important;
    padding:1px 7px 1px 7px;
    border-radius:15px !important;
}
.btnbalnace {
    background: #fff !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
}
.boxshodow {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12) !important;
    padding:10px !important;
    border-radius:15px !important;
}
.balancebg {
    background: #fbf1de !important;
    padding-top:5px !important;
}
.bgcolor {
    background: #fbf1de !important;
    padding: 13px 5px !important;
}
.vehicleactive.active {
    background: #ffbb48 !important;
}
.vehicledivmargin{
    margin-left:5px !important;
    margin-top:0px !important;
}
.hatchbackpmargin{
    margin-top:15px !important;
}
.vehiclerspmargin{
    margin-top:15px !important;
}
.btntop{
    top:0px !important;
}
.paymentalign{
    text-align:right !important;
}
.namealignment {
    text-align: center !important;
}
.alignmentv1{
    text-align:right !important;
}
.Imgbg {
    width: 70px !important;
    height: 66px !important;
    background: #e2e2e2 !important;
    padding: 8px !important;
    border-radius: 39px !important;
}
.text_gold {
    color: #ffbb48 !important;
}
.phonenbg {
    font-size: 15px !important;
    background: #90EE90 !important;
    padding: 6px 8px !important;
    border-radius: 35px !important;
    color: #fff !important;
}
.vehicleavialble {
    background: #90ee90 !important;
    color: #fff !important;
    padding: 4px 10px 4px 10px !important;
    border-radius: 23px !important;
}
.bgotp {
    border: 1px solid #e2e2e2 !important;
    padding-top: 17px !important;
    /* text-align: right; */
    text-align: center !important;
    background: #e2e2e2 !important;
}
.borderv1 {
    border: 1px solid #e2e2e2 !important;
}
.text_gray{
    color:gray !important;
}
.text_kesri {
    color: #FF6347 !important;
}
.marginleft{
    margin-left:10px !important;
}
.padding40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
/*tracking css*/
.textalign1{
    text-align:right !important;
}
.paddinghdr {
    padding: 17px 15px 7px 15px !important;
}
.paddingtb10{
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.p-b-15{
    padding-bottom:15px !important;
}
.paddingbtm10{
    padding-bottom:10px !important;
}
.p-lr-20{
    padding:0px 20px !important;
}
.paddingTb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.MarginTop5{
    margin-top:5px !important;
}
.margint-5 {
    margin-top: -5px !important;
}
.vehicledisplay{
    display:flex !important;
}
/*add money wallet css*/
.addbtnalign{
    text-align:left !important;
    padding-top:0px !important;
}
   

.widthmargin{
    width:75% !important;
    margin:auto !important;
}
.listmarginv1{
    margin-left:15px !important;
    margin-right:15px !important;
}
.listpadding{
    padding-bottom:25px !important;
}
.leftpadng{
    padding-left:20px !important;
}
.borderbtmv1{
    border-bottom:2px solid #ccc!important;
}
.padding25{
    padding:25px !important;
}
.btnborderbg {
    box-shadow: none !important;
    background: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 30px !important;
}
/*package ride css*/
.Stopalign {
    text-align: center !important;
    padding: 10px 14px !important;
}
.stopbg {
    border-left: 2px solid #fff !important;
    padding-top: 12px !important;
    text-align: center !important;
}
.plusbg {
    /*color: gray !important;*/
    font-size: 23px !important;
}
.bg-gray {
    background: gray !important;
    padding: 7px 20px !important;
    border-radius: 5px !important;
}
.pT12{
    padding-top:12px !important;
}
.btncoloralert {
    background: #ffccbb !important;
}
.bgdarkgray {
    background: #ccc !important;
}
.text-white{
    color:#fff !important;
}
.Marginlr{
    margin-left:25px !important;
    margin-right:25px !important;
}
.borderrdus{
    border-radius:5px !important;
}
/*ride details css*/
.listparent > .listchild {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12) !important;
}
.statusalign{
    text-align:right !important;
}
.ridepaddingT{
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.pickupadding{
    padding-top:15px !important;
}
.listmargin{
    margin-top:7px !important;
}
.ridedetailsfont {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #000 !important;
}
.addresspadding {
    padding-bottom: 15px !important;
}
/*pacakge css*/
.list_style {
    list-style: none !important;
}
.suucess_code{
    color:forestgreen !important;
}
.failure_code{
    color:red !important;
}
.pakgshadow {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12) !important;
    padding-top: 10px !important;
    border-radius: 12px !important;
    padding-bottom: 10px !important;
}
.directionv1 {
    text-align: right !important;
    padding: 20px 10px !important;
}
.arrowbg {
    background: #ffbb48 !important;
    /* padding: 10px; */
    padding: 6px 10px !important;
    border-radius: 27px !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:600 !important;
}
.arrowpadding{
    padding-top:0px !important;
    padding-right:0px !important;
}
.arrowtop{
    margin-top:-20px !important;
}
.listmargin{
    margin-top:7px !important;
}
.vehiclewidth {
    width: 90px !important;
    height: 65px !important;
}
.pkgmargintop{
    margin-top:-60px !important;
    padding-left:0px !important;
}
.detailsmargin{
    margin-top:-45px !important;
}
.pkgvehicle {
    width: 160px !important;
    height: 120px !important;
}
.fairdetailsbg {
    background: #e2e2e2 !important;
    padding: 14px 19px !important;
}
.bgwhite {
    background: #fff !important;
    padding: 10px 9px !important;
    border-radius: 29px !important;
}
.btnblue {
    background: #add8e6 !important;
    padding: 5px 20px !important;
}
/*end*/



section.content_new {
    margin: 100px 15px 0 315px;
}

.page_header {
    font-size: 24px;
}

    .page_header h1 {
        font-size: 24px;
        color: #333;
    }

.display_flex {
    display: flex !important;
}


    .padding_6 {
        padding: 6px;
    }

.padding_lft {
    padding-left: 0;
}


.padding_rt {
    padding-right: 0;
}

.padding_l15 {
    padding-left: 15px !important;
}
.paddingb15{
    padding-bottom:15px !important;
}
.p-l-0 {
    padding-left: 0 !important;
}
.passdingTop{
    padding-top:20px !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.pL-30 {
    padding: 5px 30px 5px 30px !important;
}

.lr_padding {
    padding: 0 0 0 15px;
}
.padding20{
    padding:20px !important;
}
/*new UI css*/
.searchAdd {
    font-size: 16px !important;
    font-weight: 600 !important;
    top: 8px !important;
}
/*mobile and desktop*/
.md_padding_l {
    padding: 0px 0px 0px 15px !important;
}

.mtd_padding {
    padding: 0;
}

.book_schedule_dv {
    display: flex;
}

.schedule_btn {
    /*border: 1px solid #ccc;*/
    padding: 3px 10px 3px 5px;
    margin-right: 20px;
    border-radius: 3px;
    background: #f4f4f4;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(171,171,171,1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(171,171,171,1);
    box-shadow: 0px 2px 2px 0px rgba(171,171,171,1);
}

.book_left {
    padding: 0;
    margin-bottom: 0 !important;
}

.wallet_chk {
    padding: 0 0 0 15px;
}

/*mobile and desktop end*/

/*Padding*/


/* Margin */
.m-a-10 {
    margin: 10px;
}

.m-0 {
    margin: 0px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-7 {
    margin-top: 7px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.-m-t-30 {
    margin-top: -30px;
}

.-m-t-20 {
    margin-top: -20px;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-r-20 {
    margin-right: 15px !important;
}

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

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-t-7 {
    margin-top: 7px !important;
}

.m-auto {
    margin: auto !important;
}

.m10 {
    margin: 10px 3px auto !important;
}
.MT5
{
    margin-top:-5px !important;
}

/*Used for vehicle type*/
.margin30{
    margin-top:34px !important;
}
/* Margin End */


.float_left {
    float: left;
}

.float_none {
    float: none !important;
}

.vbottom {
    display: inline-block;
    vertical-align: text-bottom;
    float: none;
    padding: 45px 3px 0 13px;
}
.fontSize19{
    font-size:19px !important;
}
.text_weight{
    font-weight:600 !important;
}
.font_12 {
    font-size: 12px !important;
    font-weight: normal;
}
.font400{
    font-weight:400 !important;
}
.font-12 {
    font-size: 13px !important;
}
.font16{
    font-size:16px !important;
}

.font_14 {
    font-size: 18px !important;
    font-weight: 600;
}

.font-14 {
    font-size: 14px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font_13 {
    font-size: 13px !important;
    font-weight: normal !important;
}

.font_15 {
    font-size: 15px !important;
}

.font_16 {
    font-size: 16px !important;
    font-weight: normal;
}
.textSize15{
    font-size:15px !important;
    font-weight:600 !important;
}
    
.font_18 {
    font-size: 18px !important;
    font-weight: normal;
}

.font_20 {
    font-size: 20px !important;
    font-weight: normal;
}

.font_22 {
    font-size: 22px !important;
    font-weight: normal;
}

.font_24 {
    font-size: 24px !important;
    font-weight: normal;
}

.font_weight {
    font-weight: normal;
}

.font_bold {
    font-weight: bold;
}



.sec_title {
    padding-left: 0;
}

.down_apk {
    background: #FFC61A;
    padding: 10px;
    text-align: center;
    display: block;
    margin-bottom: 25px !important;
    /*width: 47%;*/
    /*margin: 10px 0 !important;*/
    color: #000 !important;
}

    .down_apk .android_icon {
        color: #42aa37 !important;
        font-size: 24px;
        background: #fff;
        height: 32px;
        width: 32px;
        border-radius: 50%;
        padding: 2px 5px 5px 6px;
    }

    .down_apk a {
        color: #000 !important;
        font-weight: bold;
    }

.txt_center {
    text-align: center;
}

.btn_redius {
    border-radius: 30px !important;
}

.only_box_shdw {
    -webkit-box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.2);
}

.section_left {
    float: left;
}

.bal_outer {
    padding: 2% 15px 0 15px !important;
}

.prf_border {
    border-bottom: 1px dotted #ccc;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
}

.prf_inp_pd {
    padding-right: 15px;
    padding-left: 15px;
}

.btn_save {
    padding: 10px 50px;
    font-size: 16px !important;
    color: #000 !important;
}

.btm_padding {
    padding-bottom: 20px;
}

.pramo_bg {
    background: #FFC107;
    padding: 20px 0;
    color: #AE1558;
    margin-bottom: 0;
    width: 100%;
}

.bg_kesari {
    background: #f15c23;
    padding: 3px;
    color: #fff;
}

.only_left {
    float: left;
}

.fare_details {
    background: #f15c23;
    padding: 3px;
    margin-bottom: 12px;
    color: #fff;
    float: left;
    width: 100%;
}

.border_top {
    border-top: 1px dotted #ccc;
    padding-top: 20px;
}

.otp_bg {
    background: #f15c23;
    padding: 9px;
    color: #fff;
    border-radius: 50px;
    display: inline;
}


.ref_amt_rht {
    padding: 0px 16px 0 6px;
    /*border-right: 1px solid #a1a1a1;*/
    margin-right: 8px;
}


.login_title {
    color: #fff !important;
}

.captcha_dv {
    background: #FFC107;
    padding: 10px 10px;
    color: #AE1558;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.login_box {
    background: rgba(255,255,255,0.1);
}

.login_input {
    background: none;
}

.login_person {
    color: #fff !important;
}

.btn_shdw {
    /*-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75) !important;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75) !important;*/
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 2px 10px rgba(0, 0, 0, 0.12) !important;*/
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 2px 10px rgba(0, 0, 0, 0.12) !important;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 2px 10px rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 2px 10px rgba(0, 0, 0, 0.12) !important;
}

.btn.btn-yellow1 {
    color: #1F1F1F;
    background: #FFC61A;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(255,198,26,0.4);
    -moz-box-shadow: 0px 3px 8px 0px rgba(255,198,26,0.4);
    box-shadow: 0px 3px 8px 0px rgba(255,198,26,0.4); /*added by aishwariya*/
}

.btn.btn-lg1 {
    text-transform: uppercase !important;
    font-size: 14px !important;
    padding: 10px 34px;
}

.get_booking_btn {
    margin: 0px 0 0px !important;
}

.btn.btn-yellow1:hover {
    background: #1F1F1F;
    color: #FFC61A;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(255,198,26,0.4);
    -moz-box-shadow: 0px 3px 8px 0px rgba(255,198,26,0.4);
    box-shadow: 0px 3px 8px 0px rgba(255,198,26,0.4);
}

.conf_rid {
    font-size: 16px;
}

.search_add {
}

    .search_add i {
        /* float: left; */
        position: absolute;
        display: flex;
        top: 0.7em;
    }

.location_icon {
    position: absolute;
    display: flex;
    top: 0.3em !important;
    font-size: 20px;
}

.search_add input {
    margin-left: 2em;
    width: calc(100% - 2.5rem) !important;
}

.veh_div {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    padding: 15px 0;
    margin-bottom: 13px;
}

.veh_icon {
    line-height: 24px !important;
}

.vehicle_box {
    height: auto;
    display: block;
    margin-bottom: 0;
}


.pay_online {
    /*min-width: 90px !important;*/
}

.confirm_b {
    border-top: 1px dotted #ccc;
    margin-top: 20px;
    padding-top: 20px;
}

.box_background {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    /* background-color: #f5f5f5; */
    /* border: 1px solid #e3e3e3; */
    border-radius: 4px;
    -webkit-box-shadow: 2px 10px 5px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 10px 5px -10px rgba(0,0,0,0.75);
    box-shadow: 2px 10px 5px -10px rgba(0,0,0,0.75);
}

.box-background {
    min-height: 20px;
    padding: 0px 0px 10px 0px;
    margin-bottom: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 10px 5px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 10px 5px -10px rgba(0,0,0,0.75);
    box-shadow: 2px 10px 5px -10px rgba(0,0,0,0.75);
}


.mob_amt_display {
    display: block !important;
    text-align: center !important;
}

.amt_display_outer {
    display: flex;
}

/* My Trip */
.trip_margin_btm {
    margin-bottom: 0 !important;
}

.add_money {
    margin-top: 20px;
    padding-top: 20px;
}

.add_amt {
    margin: 0 7px 0 0;
}

.add_m_logo {
    float: left;
    margin: 0 20px 0 0;
}

    .add_m_logo img {
        width: 70px;
    }

.avlbal_bg {
    padding: 20px 0 0 0;
    margin-bottom: 30px;
}

.reg_no {
    float: right;
}

.confirm_box {
    padding: 15px;
}

.confirm_user {
    border-radius: 50%;
}

.img-radius {
    border-radius: 23px;
    width: 40px !important;
    height: 40px !important;
}


.faicn_rotate_90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.color_kesari {
    color: #f15c23;
}

.color_green {
    color: #08c456;
}

.margn_rt_5 {
    margin-right: 5px;
}

.margin_t_7 {
    margin-top: 7px;
}

.margin_t_5 {
    margin-top: 5px;
}

.margn_l_30 {
    margin-left: 30px !important;
}

.margin_t_-5 {
    margin-top: -5px;
}

.lbl_top {
}

    .lbl_top label {
        margin-top: 0;
    }

.balance_div {
    float: none;
}

.avl_amt_bg {
    background: #dfe3eb;
    padding: 15px;
}


.cr_padding {
    padding-top: 100px !important;
}

.cr_box {
    margin-bottom: 50px;
}

.cr_boxborder {
    border: 1px dotted #ccc;
    padding: 20px 0;
    text-align: center;
}

    .cr_boxborder h5 {
        font-size: 16px;
    }

    .cr_boxborder a {
        color: #000;
    }

.cr_logo {
    float: none;
    margin: auto;
    position: relative;
}

    .cr_logo a {
        position: relative !important;
        text-align: center;
    }

.cr_boxpadding {
    padding: 0px 10px !important;
    background: none !important;
}

.trms_btn {
    cursor: pointer;
    font-size: 14px;
    box-shadow: none;
    padding: 0;
}

.cpt_inpt {
}

    .cpt_inpt input {
        margin-top: 20px;
    }

.n_pw_input {
    padding: 3px 10px !important;
    margin-bottom: 7px;
}

.pw_text {
    padding: 6px 15px 0 0;
}

/*Agent booking page*/
.ag_veh_type {
    text-align: center;
    padding-bottom: 28px;
}

    .ag_veh_type a {
        width: 115px;
    }

.agnt_date {
    display: flex;
}

/*Agent booking page end*/



/*Agent booking report page*/
/*.ab_table {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}*/

.ab_thead {
    background: #686868;
    color: #fff;
    font-size: 12px !important;
}

.ab_table tr {
    border-bottom: 1px solid #1D96B3;
}

/*.ab_table tr td {
        border-bottom: 1px solid #1D96B3;
        border-top: none;
        border: none !important;
    }*/




/*Operator-console-dashboard-pie-chart*/
@-webkit-keyframes bake-pie {
    from {
        -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@keyframes bake-pie {
    from {
        -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

.pie-chart {
    font-family: "Open Sans", Arial;
}

.pie-chart--wrapper {
    width: 400px;
    margin: 30px auto;
    text-align: center;
}

.pie-chart__pie, .pie-chart__legend {
    display: inline-block;
    vertical-align: top;
}

.pie-chart__pie {
    position: relative;
    height: 200px;
    width: 200px;
    margin: 10px auto 35px;
}

    .pie-chart__pie::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        width: 100px;
        height: 100px;
        background: #EEE;
        border-radius: 50%;
        top: 50px;
        left: 50px;
    }

    .pie-chart__pie::after {
        content: "";
        display: block;
        width: 120px;
        height: 2px;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.1);
        margin: 220px auto;
    }

.slice {
    position: absolute;
    width: 200px;
    height: 200px;
    clip: rect(0px, 200px, 200px, 100px);
    -webkit-animation: bake-pie 1s;
    animation: bake-pie 1s;
}

    .slice span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: black;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        clip: rect(0px, 200px, 200px, 100px);
    }

.pie-chart__legend {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    background: #FFF;
    padding: 0.75em 0.75em 0.05em;
    font-size: 13px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    text-align: left;
}

    .pie-chart__legend li {
        height: 1.25em;
        margin-bottom: 1.7em;
        padding-left: 0.5em;
        border-left: 1.25em solid black;
    }

    .pie-chart__legend em {
        font-style: normal;
    }

    .pie-chart__legend span {
        float: right;
    }

.pie-charts {
    display: flex;
    flex-direction: row;
}

@media (max-width: 500px) {
    .pie-charts {
        flex-direction: column;
    }
}


/*Operator-console-dashboard-pie-chart-1*/

/*Table*/
.tr_btmline {
    border-bottom: 1px solid #BEBEBE;
    margin-bottom: 10px;
    padding: 10px 15px 10px 0;
}

.btm_pad_mr {
    padding: 5px 15px 5px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #BEBEBE;
}


@-webkit-keyframes bake-pie {
    from {
        -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@keyframes bake-pie {
    from {
        -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

.pie-chart {
    font-family: "Open Sans", Arial;
}

.pie-chart--wrapper {
    width: 400px;
    margin: 30px auto;
    text-align: center;
}

.pie-chart__pie1, .pie-chart__legend1 {
    display: inline-block;
    vertical-align: top;
}

.pie-chart__pie1 {
    position: relative;
    height: 200px;
    width: 200px;
    margin: 10px auto 35px;
}

    .pie-chart__pie1::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        width: 100px;
        height: 100px;
        background: #EEE;
        border-radius: 50%;
        top: 50px;
        left: 50px;
    }

    .pie-chart__pie1::after {
        content: "";
        display: block;
        width: 120px;
        height: 2px;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.1);
        margin: 220px auto;
    }

.slice1 {
    position: absolute;
    width: 200px;
    height: 200px;
    clip: rect(0px, 200px, 200px, 100px);
    -webkit-animation: bake-pie 1s;
    animation: bake-pie 1s;
}

    .slice1 span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: black;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        clip: rect(0px, 200px, 200px, 100px);
    }

.pie-chart__legend1 {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    background: #FFF;
    padding: 0.75em 0.75em 0.05em;
    font-size: 13px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    text-align: left;
    width: 65%;
}

    .pie-chart__legend1 li {
        height: 1.25em;
        margin-bottom: 0.7em;
        padding-left: 0.5em;
        border-left: 1.25em solid black;
    }

    .pie-chart__legend1 em {
        font-style: normal;
    }

    .pie-chart__legend1 span {
        float: right;
    }

.pie-charts {
    display: flex;
    flex-direction: row;
}

@media (max-width: 500px) {
    .pie-charts {
        flex-direction: column;
    }
}
/*Kilometer*/
.svg-wrap {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    left: 20%;
    width: 60%;
}

text {
    fill: white;
    font-size: 30px;
    font-weight: bold;
}

svg {
    position: relative;
    height: 210px;
    width: 209px;
    margin: 0 30px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
}

circle {
    position: relative;
    fill: transparent;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke-width: 8px;
}

.dark-orange {
    stroke: #FF3400;
}

.blue {
    stroke: #0D8DFF;
}

.orange {
    stroke: #FF5700;
}

.dark-blue {
    stroke: #0D36FF;
}

.purple {
    stroke: #A10ACA;
}

.red {
    stroke: #FF0030;
}

/*driver-km*/
svg.radial-progress {
    height: auto;
    max-width: 200px;
    padding: 1em;
    transform: rotate(-90deg);
    width: 100%;
}

    svg.radial-progress circle {
        fill: rgba(0,0,0,0);
        stroke: #fff;
        stroke-dashoffset: 219.91148575129; /* Circumference */
        stroke-width: 10;
    }

        svg.radial-progress circle.incomplete {
            opacity: 0.25;
        }

        svg.radial-progress circle.complete {
            stroke-dasharray: 219.91148575129; /* Circumference */
        }

    svg.radial-progress text {
        fill: #000;
        font: 400 1em/1 'Oswald', sans-serif;
        text-anchor: middle;
    }

    /*** COLORS ***/
    /* Primary */

    svg.radial-progress:nth-of-type(6n+1) circle {
        stroke: #F39C12;
    }

    /* Secondary */

    svg.radial-progress:nth-of-type(6n+2) circle {
        stroke: #83e4e2;
    }

    /* Tertiary */

    svg.radial-progress:nth-of-type(6n+3) circle {
        stroke: #fd6470;
    }

    /* Quaternary */

    svg.radial-progress:nth-of-type(6n+4) circle {
        stroke: #fca858;
    }

    /* Quinary */

    svg.radial-progress:nth-of-type(6n+5) circle {
        stroke: #fddc32;
    }

/*driver-km-end*/

.op_db_ttl {
    display: block;
}

.op_report_sel {
    background: #E9E9E9 !important;
    padding-left: 12px !important;
    border: none;
    padding: 5px;
    border-radius: 4px 0px 0px 4px;
    margin-left: 15px;
}




/*gallery button added by aishwariya*/
.filter-button {
    font-size: 18px;
    border: 1px solid #000;
    border-radius: 5px;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
}

    .filter-button:hover {
        border-radius: 5px;
        font-size: 18px;
        border: 1px solid #FFC61A;
        text-align: center;
        color: #000;
        background-color: #FFC61A;
    }

.btn-default:active .filter-button:active {
    background-color: #FFC61A;
    color: #000;
}

.gallery-title {
    font-size: 36px;
    color: #000;
    font-weight: 500;
    margin-bottom: 70px;
}

    .gallery-title:after {
        content: "";
        position: absolute;
        width: 7.5%;
        left: 46.5%;
        height: 13px;
        border-bottom: 1px solid #000;
    }
/*zoom effect on image*/
.amountfont {
    font-size: 18px;
}

.avilablesize {
    font-size: 16px;
}

.button_border {
    border: 1px solid !important;
    box-shadow: none !important;
}

.text_amount {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.btn-focus.focus, .btn-focus:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.btn-black1 {
    color: #000 !important;
    border: 2px solid #000;
}

.captchp {
    margin-left: -25px;
    color: #fff;
    vertical-align: bottom;
    /* text-align: center; */
    background: black;
    padding: 3px;
    border-radius: 10px;
}

.margin_0 {
    margin: 0px !important;
}

.margin_t {
    margin-top: -26px !important;
}

.cp_btn_mt {
    margin-top: 0px !important;
}

/*added by aishwariya*/
.btn_next {
    height: 27px !important;
    top: 7px !important;
    padding-top: 5px !important;
    border-radius: 21px !important;
    font-size: 14px !important;
}


/*Responsive*/
@media only screen and (max-width: 1000px) {
    .widthmargin {
        width: 93% !important;
    }
}
@media only screen and (max-width: 900px) {
    .widthmargin {
        width: 99% !important;
    }
}
@media only screen and (max-width: 800px) {
    .addbtnalign {
        padding-top: 0px !important;
        text-align: center !important;
    }

    .widthmargin {
        width: 95% !important;
    }

    .padding25 {
        padding: 15px !important;
    }
}

@media only screen and (max-width: 700px) {
    .addbtnalign {
        padding-top: 15px !important;
        text-align: center !important;
    }
}

@media only screen and (max-width: 600px) {
    .addbtnalign {
        padding-top: 15px !important;
        text-align: center !important;
    }
    .vbottom {
        display: inline-block;
        vertical-align: text-bottom;
        float: none;
        padding: 9px 17px 0 13px;
    }

    .btn_save {
        width: 100% !important; /*added by aishwariya*/
    }

    .btn_c {
        text-align: center !important;
    }

    .font_20 {
        font-size: 17px !important;
        font-weight: normal;
    }
}

@media only screen and (max-width: 500px)
{
    .addbtnalign {
        padding-top: 15px !important;
        text-align: center !important;
    }
}
@media only screen and (max-width: 468px) {
    .font_weight {
        font-weight: bold;
    }

    .captcha_flex {
        display: flex !important;
    }

    .float_left1 {
        float: left;
    }

    .form_new {
        /*padding: 45px 0px 30px !important;*/ /*temp*/
        padding: 0px 0px 30px !important;
    }

    .custom-select {
        text-align: left;
    }
}


.msg {
    margin-bottom: 20px !important;
}

.password_style {
    font-weight: 600;
    font-size: 15px;
}

.label_f {
    font-size: 14px;
}

.password_style {
    padding-bottom: 7px;
    font-weight: 600;
    font-size: 18px;
}

.text_align {
    text-align: center !important;
}

.mrgin_top {
    margin-top: 181px !important;
}

.input_padding {
    padding: 8px !important;
}

.text_color {
    color: #000 !important; /*added by aishwariya*/
}

.font_color {
    color: #000 !important;
}

.text_color:hover {
    /*border-bottom: 4px solid #000 !important;*/
    /*padding-bottom: 23px !important;*/
    border-radius: 5px !important;
    font-weight: 500 !important;
    color: #FFC61A !important;
}

.text_color:active {
    /*border-bottom: 4px solid #000 !important;*/
    padding-bottom: 23px !important;
    border-radius: 5px !important;
    font-weight: 500 !important;
    color: #FFC61A !important;
}


.nav_hover > li > a:hover,
.nav_hover > li > a:focus {
    text-decoration: none;
    background-color: none;
}

.nav_shadow {
    box-shadow: none !important;
    border: none !important;
}

.nav_bg {
    background: linear-gradient(90deg, #ffcf00 0%, #ffa500 );
}
/*.balance_bg {
    background: #fff;
    padding-top: -22px;
    margin-top: 14px !important;
    height: 52px !important;
    border-radius: 47px !important;
}
*/
.balance_a {
    font-size: 16px !important;
    color: #000 !important;
    text-decoration: none !important;
    cursor: default;
}

    .balance_a:hover {
        text-decoration: none !important;
    }

    .balance_a:active {
        text-decoration: none !important;
    }

.border_bottom:hover {
    border-bottom: 3px solid #000;
    padding-bottom: 9px;
}

.refresh_0 {
    font-size: 15px !important;
    color: #555 !important;
    cursor: pointer;
}

    .refresh_0:hover {
        font-weight: bold;
    }

.wrapper1 {
    margin: auto !important;
    display: flex !important;
    text-align: center;
}

.input_border {
    border: 1px solid gray;
}

.margin_b0 {
    margin-bottom: 0px !important;
}

.card_margin {
    margin-top: 20px !important;
    padding: 20px !important;
}

.btn_radius {
    border-radius: 34px !important;
}
/*agent wallet*/
.btn_wallet {
    box-shadow: none !important;
    border: 1px solid #a3a3a3 !important;
    border-radius: 13px !important;
    outline: none !important;
    font-weight: bold;
}

/*.btn_wallet:hover {
        background: linear-gradient(90deg, #ffcf00 0%, #ffa500 );
        border: none !important
    }

    .btn_wallet:active {
        background: #ffa500;
        border: none !important
    }*/

.Add_icon {
    font-size: 16px !important;
    top: 0px !important;
    margin-left: 2px !important;
}

.input_walletbtn {
    border: 1px solid gray !important;
    border-radius: 42px !important;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
    height: 40px;
}

.form_width {
    display: flex !important;
    width: 100% !important;
}

.input_text {
    width: 38% !important;
    /* margin-left: 10px; */
    margin-right: 10px !important;
    text-align: left;
}

.form_margin {
    float: none !important;
    margin: auto !important;
}

.btn_p {
    color: #000 !important;
    margin-left: 20px !important;
}

.top_border {
    border-top: 2px solid #ffcf00;
    border-radius: 5px !important;
}

.padding_btn {
    padding: 0px 19px 0px 9px !important;
}

.amount_padding {
    text-align: center !important;
    background: #FFDA87;
    margin-bottom: 15px !important;
    padding: 20px;
}

.addbalance_buttpon {
    border-radius: 26px !important;
    margin-left: 12px !important;
}

.add_amount {
    border-radius: 30px !important;
    margin-left: 7px;
}


/*Booking Report*/
.margin_left {
    margin-left: -86px !important;
}
/*table hover effect*/
.tr:hover {
    background: #000;
}
/*agent wallet transaction*/
.select_text {
    text-align: center !important;
}

.paddiong_01 {
    padding: 0px !important;
}

.padding_0l {
    padding-left: 0px !important;
}

.padding_0r {
    padding-right: 0px !important;
}


/*for datatable*/
.alignment {
    text-align: center !important;
    margin-bottom: 17px;
}

.table_overflow {
    overflow: scroll;
    height: 415px;
}



.float_right {
    float: none;
}

.margin_t_15 {
    margin-top: 5px;
}

.padding_r {
    padding-right: 0px;
}

.marginb_0 {
    margin-bottom: 0px !important;
}

.map_shadow {
    box-shadow: none !important;
}

.card_shadow {
    -webkit-box-shadow: 2px 3px 8px #444;
    -moz-box-shadow: 2px 3px 8px #444;
    box-shadow: 2px 3px 8px #444;
}


.field_icn_eye {
    display: inline-block;
    position: absolute;
    width: 83%;
    width: -moz-max-content;
    margin-top: 7px;
    white-space: nowrap;
    vertical-align: middle;
    z-index: 9;
}

.field_PW {
    display: block;
    position: relative;
}

/*Agent Login Sidebar*/
.sidebar_agt {
    top: 80px !important;
    width: 225px;
}

section.content_agt {
    margin: 95px 0px 0 240px;
}

/*Agent Login Sidebar End*/


/*Operator Login strat*/
.sidebar_new {
    top: 80px !important;
}

.oprtr_date_outer {
    display: flex;
}

.oprtr_dt_input {
    display: flex;
}

.dist_dur {
    display: flex;
    padding: 9px 0 5px;
    float: none;
    background: #dcdcdc;
    margin-top: 0px;
}

.duty_count {
    text-align: right;
    padding-left: 2%;
}

.box_last_tr {
    padding: 5px 15px 5px 0;
}

/*Operator Login end*/

.addmoney-modal {
    margin-top: 15%;
}

.addmoney-box {
    display: flex;
    justify-content: space-around;
}
/* Model of AddClientBalanceMg added by Aishwariya*/
.Model_bg {
    padding: 15px 15px 11px 15px !important;
    /* border-radius: 43px; */
    background: gray !important;
}

/*.model_title {
    color: #fff !important;
    font-weight: 500 !important;
}
*/
/*button.close_model {
    opacity: inherit !important;
    box-shadow: none !important;
    color: #fff !important;
    font-weight: 400 !important;
    text-shadow: none !important;
}
*/
/*.close_model:hover {
    color: #000 !important;
    opacity: inherit !important;
    box-shadow: none !important;
    font-weight: 400 !important;
}
*/
/*.model_border {
    border-bottom: 3px solid #ffcf00 !important;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
*/
.font_16c {
    font-size: 16px;
    color: #000;
}

.padding_10 {
    padding: 10px;
}

.paumoney_d {
    display: contents !important;
    padding-left: -39px !important;
    font-weight: bold;
    color: #000 !important;
}
/*AddBalanceMG*/
.payumoney_img1 {
    cursor: pointer;
    margin-left: 2px !important;
}

.payumoney_img {
    cursor: pointer;
    margin-left: 2px !important;
    margin-right: 9px !important;
}

.font-color1 {
    color: #000 !important;
    font-weight: bold !important;
}

.margin_b10 {
    margin-bottom: 10px !important;
}

.form_padding {
    width: 50% !important;
    margin: auto !important;
}

.from_padding1 {
    background: #DFE3EB;
    margin-top: -42px;
    padding: 14px 0 !important;
}

.payubackground {
    background: teal;
    color: #fff;
    padding: 7px;
    /* border-radius: 29%; */
    border-radius: 24px;
}

.Eass_background {
    background: indigo;
    color: #fff;
    padding: 7px;
    /* border-radius: 29%; */
    border-radius: 24px;
}

.paytm_background {
    background: #1e88e5;
    color: #fff;
    padding: 7px;
    /* border-radius: 29%; */
    border-radius: 24px;
}

.MARGIN_TOP {
    margin-top: 30px !important;
}



/*RESPONSIVE*/

@media only screen and (max-width: 1280px) {
    /*Agent Login Sidebar*/
    .ag_veh_type a {
        width: 100px;
    }
    /*Agent Login Sidebar End*/
}

@media only screen and (max-width: 1024px) {
    /*Agent Login Sidebar*/
    .sidebar {
        left: 0;
    }

    .sidebar_agt {
        top: 80px !important;
    }

    .ag_veh_type a {
        width: 100px;
    }
    /*Agent Login Sidebar End*/


    /*Operator Login strat*/
    .sidebar_new {
        top: 80px !important;
    }

    /*Operator Login end*/

    section.content_new {
        margin: 95px 0px 0 0px;
    }
}

@media only screen and (max-width: 992px) {
    .hatchbackpmargin {
        margin-top: 15px !important;
    }
    section.content_new {
        margin: 166px 0px 0 0px;
    }


    /*Agent Login Sidebar*/
    .sidebar {
        left: 0;
    }

    .sidebar_agt {
        top: 80px !important;
    }

    /*Agent Login Sidebar End*/

    /*Operator Login Sidebar*/
    .sidebar_new {
        top: 151px !important;
    }

    /*Operator Login Sidebar*/

    /*Agent booking page*/

    .ag_veh_type a {
        width: 146px;
    }

    /*Agent booking page end*/

    .balance_div {
        float: none;
        text-align: center;
    }

    .btn.btn-lg1 {
        text-transform: uppercase !important;
        padding: 7px 17px;
        margin: 5px 0 7px;
        font-size: 12px !important;
    }

    .get_booking_btn {
        margin: 5px 0 7px !important;
    }

    .field_icn_eye {
        width: 83%;
    }

    .cp_btn_mt {
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 768px) {
    .hatchbackpmargin {
        margin-top: 17px !important;
    }
    .padding25 {
        padding: 17px !important;
    }
    .widthmargin{
        width:100% !important;
    }
    .padding_l15 {
        padding-left: 15px !important;
    }
    .hatchbackpmargin{
        margin-top:15px !important;
    }

    .card_body {
        padding: 0 15px 0 0 !important;
    }

    .mtd_padding {
        padding: 0;
    }

    .book_left {
        padding: 0 0 0 15px;
    }

    .wallet_chk {
        padding: 0 0 0 15px;
    }

    .font_weight {
        font-weight: bold;
    }

    .card_shadow {
        box-shadow: none !important;
    }

    .btn-lg2 {
        margin-top: -10px !important;
        margin-bottom: 18px !important;
    }


    section.content_new {
        margin: 160px 0px 0 0px;
    }

    /*<Operator Login start>*/
    .sidebar_new {
        top: 145px !important;
    }

    .duty_count {
        text-align: left;
        padding-left: 2%;
    }

    .vbottom {
        padding: 45px 17px 9px 13px;
    }

    /*<Operator Login End>*/

    /*<Agent Login Start>*/

    .sidebar_agt {
        top: 76px !important;
    }

    section.content_agt {
        margin: 156px 0px 0 240px;
    }

    .ag_veh_type a {
        width: 121px;
    }

    /*<Agent Login End>*/

    .wrapper1 {
        margin: auto !important;
        display: flex !important;
    }

    .display_flex {
        display: flex !important;
    }

    .btn.btn-lg1 {
        text-transform: uppercase !important;
        padding: 7px 17px;
        margin: 5px 0 6px;
        font-size: 12px !important;
    }

    .get_booking_btn {
        margin: 5px 0 6px !important;
    }

    .table_overflow {
        overflow: scroll;
        height: 415px;
    }

    .down_apk {
        background: #FFC61A;
        padding: 10px;
        text-align: center;
        display: block;
        margin-bottom: 25px !important;
        /*width: 47%;*/
        /*margin: 10px 0 !important;*/
        color: #000 !important;
    }

        .down_apk a {
            color: #000 !important;
            font-weight: bold;
        }

    /*.bal_outer {
        padding: 0 !important;
    }*/
    /*.balance_div {
        float: left;
        width: 100%;
        text-align: center;
        background: #DFE3EB;
        padding: 10px;
    }*/

    .box_background {
        padding: 5px 0px;
    }
}



@media only screen and (max-width: 640px) {
    .wrapper1 {
        display: block !important;
    }

    .input_text {
        margin-bottom: 13px !important;
        width: 100% !important;
    }

    .btn.btn-lg1 {
        padding: 6px 20px;
        margin-top: 23px;
    }

    .box_background {
        padding: 5px 0px;
    }

    .cp_btn_mt {
        margin-top: -22px !important;
    }
}


@media only screen and (max-width: 600px) {

    section.content_new {
        margin: 149px 0px 0 0px;
    }

    /*Agent Login Sidebar*/
    .sidebar_agt {
        top: 80px !important;
    }

    /*Agent Login Sidebar*/

    /*Agent booking page*/

    .ag_veh_type a {
        width: 133px;
    }

    .font_12 {
        font-size: 12px !important;
        font-weight: normal !important;
    }

    .font_14 {
        font-size: 12px !important;
        font-weight: normal;
    }

    .font_16 {
        font-size: 14px !important;
        font-weight: normal;
    }

    .font_18 {
        font-size: 16px !important;
        font-weight: normal;
    }

    .font_20 {
        font-size: 18px !important;
        font-weight: normal;
    }

    .font_22 {
        font-size: 20px !important;
        font-weight: normal;
    }

    .font_24 {
        font-size: 22px !important;
        font-weight: normal;
    }

    .font-sans {
        font-family: sans-serif !important;
    }

    .prf_inp_pd {
        padding-right: 0;
        padding-left: 0;
    }

    .add_amt {
        margin: 0 7px 0px 0;
    }

    .reg_no {
        float: none;
    }

    .confirm_box {
        padding: 0px;
    }

    .veh_icon {
        line-height: 24px !important;
    }

        .veh_icon img {
            width: 42px;
        }

    .vehicle_box {
        height: auto;
        display: block;
        margin-bottom: 0;
    }

    .lr_adjust {
        margin-right: 11px;
        padding: 0;
    }

    .lr_padding {
        padding: 0px;
    }

    .conf_rid {
        font-size: 13px;
    }
}


@media only screen and (max-width: 480px) {
    .btnmrgnTop{
        margin-top:15px !important;
    }
    .btnalignmnt {
        text-align: left !important;
    }
    .vehicledisplay {
        display: block !important;
    }
    .vehicledivmargin {
        margin-top: 7px !important;
    }
    .paymentalign{
        text-align:left !important;
    }
    .padding40 {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
    .phonenbg {
        padding: 12px 17px !important;
    }
    .Imgbg {
        width: 56px !important;
        height: 56px !important;
        background: #e2e2e2 !important;
        padding: 5px !important;
        border-radius: 31px !important;
    }
        .btnleft{
        text-align:right !important;
    }
    .pkgvehicle {
        width: 86px !important;
        height: 80px !important;
    }
    .seatbg {
        padding: 6px 18px !important;
    }
    .seatpadding {
        padding-top: 19px !important;
        padding-bottom: 19px !important;
    }

    .addbtnalign {
        padding-top: 15px !important;
        text-align: center !important;
    }
    .widthmargin {
        width: 100% !important;
    }
   
    .ls-closed .bars::after, .ls-closed .bars::before {
        left: 28px;
    }

    section.content_new {
        margin: 149px 0px 0 0px;
    }

    .sec_title {
        padding-left: 17px;
    }

    .mtd_padding {
        padding: 0 0 0 15px;
    }

    .book_left {
        padding: 0 0 0 5px;
    }

    .wallet_chk {
        padding: 0 0 0 6px;
    }

    .mob_amt_display {
        display: block !important;
        text-align: center !important;
    }

    .amt_display_outer {
        display: block;
        padding: 0px !important;
    }

    .form_width {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .padding_btn {
        padding: 0px 11px 0px 6px !important;
    }

    .btn_wallet {
        border-radius: 8px !important;
    }

    .font_14 {
        font-size: 14px !important;
    }

    .btn.btn-lg1 {
        padding: 6px 20px;
        margin: 16px 0 0px;
        font-size: 12px !important;
    }

    .get_booking_btn {
        margin: 0px 0 0px !important;
    }

    .input_text {
        margin-bottom: 13px !important;
        width: 100% !important;
    }

    .text_center {
        text-align: center;
    }


    /* new-mobile */
    .container {
        /* padding-right: 15px; */
        /* padding-left: 15px; */
        padding: 0;
        margin-right: auto;
        margin-left: auto;
    }

    .container-fluid {
        /* padding-right: 15px; */
        /* padding-left: 15px; */
        padding: 0;
        margin-right: auto;
        margin-left: auto;
    }

    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .card .body {
        font-size: 12px;
        color: #555;
        padding: 6px;
    }

    .navbar-brand {
        text-align: center;
    }

        .navbar-brand > img {
            display: inline-block;
        }

    .ls-closed section.content {
        margin-left: 0;
    }

    section.content {
        margin: 154px 0px 0 0;
        margin-left: 0px;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    section.content_new {
        margin: 145px 0px 0 0px;
    }

    /*Operator Login Sidebar*/
    .sidebar_new {
        top: 113px !important;
    }

    .oprtr_date_outer {
        display: block;
    }

    .dist_dur {
        background: #dcdcdc;
        margin-top: 0px;
    }


    /*Operator Login Sidebar*/

    /*Agent Login Sidebar*/
    .sidebar_agt {
        top: 80px !important;
    }

    /*Agent Login Sidebar*/

    /*Agent booking page*/

    .ag_veh_type a {
        width: 160px;
    }

    /*Agent booking page end*/

    /*responsive datatable*/
    .alignment {
        text-align: center !important;
        margin-bottom: 17px;
    }

    .table_overflow {
        overflow: auto !important;
    }
    /*AgentWalletTransaction Responsive*/
    .select_text {
        text-align: center !important;
    }

    .paddiong_01 {
        padding: 0px !important;
    }

    .padding_0l {
        padding-left: 0px !important;
    }

    .padding_0r {
        padding-right: 0px !important;
    }

    .date_margin {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        text-align: center;
    }


    .float_right {
        float: right;
    }

    .margin_t_15 {
        margin-top: 15px;
    }

    .padding_r {
        padding-right: 0px;
        padding-left: 0px;
    }

    .btn-lg2 {
        margin-bottom: 30px !important;
    }

    .card_shadow {
        box-shadow: none !important;
    }
    /*mobile and desktop*/
    .md_padding_l {
        padding: 0px 0px 0px 0px;
    }
    /*mobile and desktop*/
    .marginb_0 {
        margin-bottom: 0px !important;
    }
    /*map property*/
    .map_padding {
        padding-left: 0px;
        padding-right: 0px;
    }

    .map_shadow {
        box-shadow: none !important;
    }

    .cp_btn_mt {
        margin-top: -26px !important;
    }

    /*.balance_div {
        float: none;
        text-align: center;
        background: #DFE3EB;
        padding: 10px;
    }*/

    .balance_a {
        font-size: 15px !important;
    }


    /*for logo*/
    .logo_width {
        width: auto !important;
    }

    .input_text1 {
        text-align: center;
    }

    .wrapper1 {
        display: block !important;
    }


    .margin_left {
        margin-left: -57px !important;
    }

    .down_apk {
        background: #FFC61A;
        padding: 10px;
        text-align: center;
        display: block;
        margin-bottom: 25px !important;
        /*width: 47%;*/
        /*margin: 10px 0 !important;*/
        color: #000 !important;
    }

        .down_apk a {
            color: #000 !important;
            font-weight: bold;
        }


    .box_background {
        padding: 5px 0px;
    }

    .pw_text {
        padding: 0px 15px 0 0;
    }
    .vehicletop{
        margin-top:25px !important;
    }
}

@media only screen and (max-width: 375px) 
{
    .bgotp {
        padding-top: 0px !important;
    }
    .widthmargin {
        width: 104% !important;
    }
}

@media only screen and (max-width: 360px) {
   
    .arrowpadding {
        padding-top: 20px !important;
    }

    section.content_new {
        margin: 157px 0px 0 0px;
    }

    .btnleft {
        text-align: right !important;
    }
    /*Operator Login Sidebar*/
    .sidebar_new {
        top: 148px !important;
    }

    /*Operator Login Sidebar*/

    /*Agent booking page*/

    .ag_veh_type a {
        width: 138px;
    }

    /*Agent booking page end*/

    .display_flex {
        display: flex !important;
    }

    .md_padding_l {
        padding: 0px 0px 0px 0px;
    }

    .book_left {
        padding: 0 0 0 20px;
    }

    .wallet_chk {
        padding: 0 0 0 6px;
    }
}



    /*RESPONSIVE END*/

    .img-wid0 {
        height: 24px !important;
        width: 40px !important;
    }

    .cursorP {
        cursor: pointer !important;
    }

    .cancel01 {
        color: #fff !important;
        border-radius: 20px !important;
        padding: 2px 5px 2px 5px !important;
        background: #ff0000 !important;
    }

    .img-width0 {
        width: 40px !important;
        border-radius: 42px;
    }

    .border-btm {
        border-bottom: 1px dotted #ccc !important;
    }

    .left-0 {
        left: 0% !important;
    }

    .width-40 {
        width: 50px !important;
        height: 50px !important;
    }


    /*button property for vehicle*/
    .imgshadow {
        border: none !important;
        background: none !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .treeview {
        background: #e2e2e2 !important;
        border-left: 5px solid #FF8C00 !important;
    }

        .treeview a:hover {
            color: #000 !important;
            font-weight: bold !important;
        }