.input_text1 {
    text-align: left;
    padding-top: 0;
}

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;
}

.flex_vercenter{
    display: flex;
    align-items: center;
}

/*Padding*/

.padding_0 {
    padding: 0 !important;
}

.p-tb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.padding_6 {
    padding: 6px;
}

.padding_lft {
    padding-left: 0;
}

.padding_rt {
    padding-right: 0;
}

.padding_l15 {
    padding-left: 15px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-l-7 {
    padding: 7px 15px !important;
}

.p-r-0 {
    padding-right: 0 !important;
}
.p-l-20{
    padding-left:20px !important;
}
.paddingLeft10 {
    padding-left: 10px !important;
}
.lr_padding {
    padding: 0 0 0 15px;
}

/*mobile and desktop*/
.md_padding_l {
    padding: 0px 0px 0px 15px !important;
}

.mtd_padding {
    padding: 0;
}

.book_schedule_dv {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    margin-bottom: 15px;
    column-gap: 15px;
}

.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);
}

.schedule_btn1 {
    padding: 3px 22px 2px 19px !important;
    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);
}

.schedule_btnNew {
    padding: 3px 10px 3px 5px;
    border: 1px solid #d5d5d5;
    border-radius: 7px;
}
.ridecatagory-outer {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    column-gap: 15px;
    /*background-color: #FFF8E1;*/
    /*padding: 10px;*/
    /*box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2);*/
}
.ridecatagory-btn {
    padding: 3px 10px 3px 5px;
    border: 1px solid #d5d5d5;
    border-radius: 7px;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
}
    .ridecatagory-btn label {
        font-weight: 600 !important;
    }

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

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

/*mobile and desktop end*/

/*Padding*/

/* Margin */
.m-auto {
    margin: auto !important;
}

.m-a-10 {
    margin: 10px;
}

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

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

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

.m-t-5 {
    margin-top: 5px !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 !important;
}

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

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

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

.mL-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-12{
    margin-bottom:35px !important;
}
.m-b-M10 {
    margin-bottom: -10px !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;
}
/* 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;
}

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

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

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

.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;
}

.font-18{
    font-size:18px !important;
}
.font-16 {
    font-size: 16px !important;
}
.font-20{
    font-size:20px !important;
}
.sec_title {
    padding-left: 0;
}

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

.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-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;
}

.color_black {
    color: #000 !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: 12px !important;
    padding: 7px 16px !important;
    font-weight: bold !important;
}

.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;
    /*padding-left: 2em !important;*/
    width: calc(100% - 2.5rem) !important;
}
.address-input {
    margin-left: 0 !important;
    padding-left: 2em !important;
}
/*Location dropdown start*/
.ui-menu {
    width: 475px;
    /* width: 505px;*/
    /*width: calc(100% - 2.5rem) !important;*/
    max-height: 70%;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    z-index: 999;
}

    .ui-menu .ui-menu-item {
        border-bottom: 1px solid rgba(0, 0, 0, 30%);
        margin: 0px 0;
        /*padding-bottom: 10px;
        padding-top: 10px;*/
        cursor: pointer;
        /*list-style-image: url('../../../images/location-redpin.svg')*/
        position: relative;
        list-style-type: none;
        display: flex;
        color: #000 !important;
    }

        .ui-menu .ui-menu-item:after {
            content: '';
            display: inline-block;
            height: 48px !important;
            width: 48px !important;
            background-size: 20px;
            background-image: url("../../../images/location-redpin.svg");
            background-repeat: no-repeat;
            margin-right: 25px;
            position: absolute;
            top: 10px;
            left: 0px;
        }

        .ui-menu .ui-menu-item a span {
            font-weight: 600 !important;
            font-size: 14px;
        }
        .ui-menu .ui-menu-item:hover {
            background: #FFF9E9;
            color: #000 !important;
        }

        .ui-widget-content .ui-state-active {
            background: #FFF9E9;
            color: #000;
            border: 0;
            border-bottom: 1px solid rgba(0, 0, 0, 30%);
        }

.ui-menu .ui-menu-item-wrapper:hover {
    background: #FFF9E9;
    color: #000;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 30%);
}

.ui-menu .ui-menu-item-wrapper:focus {
    background: #FFF9E9;
    color: #000;
    border: 0;
}
.ui-menu-item a{
    color: #000;
}
    .ui-menu-item a:hover {
        background: #FFF9E9;
        color: #000 !important;
        border: 0;
    }
/*Location dropdown end*/
.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: 1px 19px 1px 19px !important;
    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);
}

.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%;
}

.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;
}

.topbalancebox {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 10px;
}
.agtpage-title {
    text-align: center;
    background-color: #FFF8E1;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
}
/*.cntry_boxouter select > option:hover {
    background: red;
}
.cntry_boxouter select:focus > option:checked {
    background: yellow; 
}*/

/*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;
}
.locationadd-outer{
    display: flex;
}
.locationadd-btn {
    background-color: transparent;
    padding: 6px 10px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;

}
    .locationadd-btn i{
        font-size: 18px;
    }
/*Responsive*/
    @media only screen and (max-width: 600px) {
        .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: 468px) {
    .font_weight {
        font-weight: bold;
    }

    .captcha_flex {
        display: flex !important;
    }

    .float_left1 {
        float: left;
    }

    .form_new {
        padding: 45px 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 !important;
}

.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*/
}

    .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;
    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;
    }

._width {
    width: 58% !important;
    margin: auto !important;
}

.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;
}

.top_bottom_border {
    border-top: 1px solid lightgray !important;
    border-bottom: 1px solid lightgray !important;
}

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

.amount_padding {
    text-align: center !important;
    /*padding-bottom: 15px !important;*/
}

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

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

/*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*/

/* Model of AddClientBalanceMg added by Aishwariya*/
.Model_bg {
    padding: 10px !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;
}

/*Package booking start*/
.package-vehouter {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}
/*Package booking end*/
/*RESPONSIVE*/
@media only screen and (max-width: 1280px) {
    /*Agent Login Sidebar*/
    .ag_veh_type a {
        width: 100px;
    }
    /*Agent Login Sidebar End*/
    .ui-menu {
        width: 420px;
    }
}

@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;
    }
    .ui-menu {
        width: 450px;
    }
}

@media only screen and (max-width: 992px) {
    .navbar-outer {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    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) {
    .padding_l15 {
        padding-left: 15px !important;
    }

    .card_body {
        padding: 0 0px 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 {
        width: 75%;
        margin: 81px auto 10px !important;
    }

    /*.bal_outer {
        padding: 0 !important;
    }*/
    .balance_div {
        float: left;
        /*width: 100%;
        text-align: center;
        background: #DFE3EB;*/
        padding: 10px;
    }
    .topbalancebox {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        column-gap: 0px;
    }
    .bal_outer {
        padding: 0 !important;
    }
    .box_background {
        padding: 5px 0px;
    }
}

@media only screen and (max-width: 640px) {
    .navbar-outer {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .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;
    }
    .add_amount {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 600px) {
    .navbar-outer {
        display: flex;
        align-items: center;
    }
    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;
    }
    .font_13 {
        font-size: 13px !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;
    }
    .prf_inp_pd {
        padding-right: 0;
        padding-left: 0;
    }
    .add_amt {
        margin: 0 7px 0px 0 !important;
    }
    .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;
    }
    .add_amount{
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 480px) {
    .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: 0;
        margin-right: auto;
        margin-left: auto;
    }*/

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

    .card .body {
        font-size: 12px;
        color: #555;
        padding: 6px;
    }
    .navbar-outer {
        display: flex;
        align-items: center;
    }
    .navbar-brand {
        text-align: center;
    }

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

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

    section.content {
        margin: 72px 0px 0 0 !important;
        -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: 65px !important;
    }
        .sidebar_agt .menu .slimScrollDiv{
            height: 450px !important;
        }
        .sidebar_agt .menu .slimScrollDiv ul {
            height: 370px !important;
        }
        /*Agent Login Sidebar*/
        /*Agent booking page*/
        .ag_veh_type a {
            width: 160px;
        }
    .ui-menu {
        width: 320px;
    }
    .book_schedule_dv {
        margin-bottom: 10px !important;
        /*justify-content: space-between;
        column-gap: 0px;*/
    }
    .ridecatagory-outer {
        column-gap: 10px;
    }
    /*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: left;
        /*text-align: center;
        background: #DFE3EB;*/
        padding: 5px;
    }
    .balance_a {
        font-size: 12px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 10px;
    }
    .balance_div .add_amount {
        margin-top: 0;
        font-size: 12px !important;
        padding: 5px 7px !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: #fff;
        padding: 5px;
        text-align: center;
        display: block;
        /*margin-bottom: 10px;*/
        width: 100%;
        margin: 110px auto 15px !important;
    }
    .box_background {
        padding: 5px 0px;
    }
    .pw_text {
        padding: 0px 15px 0 0;
    }
}

@media only screen and (max-width: 360px) {
    section.content {
        margin-top: 76px !important;
    }
    section.content_new {
        margin: 157px 0px 0 0px;
    }
    section.content_agt {
        margin: 156px 0px 0 240px;
    }
    /*Operator Login Sidebar*/
    .sidebar_new {
        top: 148px !important;
    } 
    /*Operator Login Sidebar*/

    /*Agent booking page*/
    .sidebar_agt .menu .slimScrollDiv {
        height: 300px !important;
    }
    .sidebar_agt .menu .slimScrollDiv {
        height: 300px !important;
    }
        .sidebar_agt .menu .slimScrollDiv ul {
            height: 250px !important;
        }
        .sidebar_agt .menu .slimScrollDiv ul {
            height: 270px !important;
        }
    .ag_veh_type a {
        width: 138px;
    }
    .ui-menu {
        width: 280px;
    }
    /*Agent booking page end*/
    .ridecatagory-outer {
        column-gap: 10px;
    }
    /*.ridecatagory-btn label {
        width: max-content;
    }*/
    .ridecatagory-btn { 
        /*height: 57px;*/
    }
    .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*/

/*tab panel*/
.nav-custom > .active-li > .active-nav:before {
    border-bottom: none !important;
    background: #fb8153 !important;
    border-radius: 30px !important;
}

.nav-custom {
    border-bottom: none !important;
}

    .nav-custom > .active-li > .active-nav {
        border: none !important;
        color: #999 !important;
    }

        .nav-custom > .active-li > .active-nav:hover, .nav-custom > .active-li > .active-nav:active, .nav-custom > .active-li > .active-nav:focus {
            background-color: transparent !important;
        }

    .nav-custom .active-li.active .active-nav {
        background: #fb8153 !important;
        border-radius: 30px !important;
        color: #fff !important;
        cursor: pointer !important;
    }

.avilablesize1 {
    background: #42aa37 !important;
    color: #fff !important;
    padding: 2px 5px 2px 5px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.box-shadow-none {
    box-shadow: none !important;
    border-bottom: 1px solid #ddd !important;
}

.border-bottom1 {
    border-bottom: 1px solid #ddd !important;
}

.cursor-p {
    cursor: pointer !important;
}

.btn-backcolor {
    background-color: #000 !important;
    color: #fff !important;
}

/*scroll bar property added by aishwariya*/
.scroll_y {
    overflow-y: scroll !important;
    height: 450px !important;
    width: auto !important;
}

    .scroll_y::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .scroll_y::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        background-color: #f39c12;
    }

.scroll_x {
    overflow-x: scroll !important;
    height: 450px !important;
}

    .scroll_x::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        background-color: #f39c12;
    }

    .scroll_x::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background-color: #F5F5F5;
    }

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

    .treeview a:hover {
        color: #000 !important;
        font-weight: bold !important;
    }
.chkboxv1 {
    left: 110px !important;
    opacity: 18 !important;
}
.vehicleWidthV1 {
    width: 55px !important;
    height: 55px !important;
}
.borderbtm {
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 30px !important;
}

.bookingschedul-outer{
    display: flex;
    align-items: end;
}