/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/*
    Created on : Sep 28, 2018, 6:55:40 PM
    Author     : jegan
*/


/* google maps styles */
.page-content {
    overflow-x: hidden;
}

.mtb_10 {
    margin: 10px 0 !important;
}

.m_0 {
    margin: 0 !important;
}

.pac-container {
    z-index: 20000;
}

.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
    display: none;
}

.gmnoprint div {
    background: none !important;
}

.mt-3 {
    margin-top: 3px;
}

.mt-50 {
    margin-top: -50px;
}

.background-success {
    /*background-color: #32ff7e;*/
    background-color: #e1ffdd;
}

.background-expired {
    background-color: #f9d6ad;
}

.background-noshow {
    background-color: #bbeef9;
}

.background-canceled {
    background-color: #e6e7e8;
}

.color-cement {
    background-color: #6f6f6f;
}

.color-asphalt {
    background-color: #34495e;
}

.chip.color-asphalt {
    background-color: #34495e !important;
    color: #fff;
}

.actions-label:first-child {
    font-size: 15px;
}

.color-red-important {
    color: red !important;
}

.color-teal {
    color: teal !important;
}

.color-black-important {
    color: black !important;
}

.bgcolor-black-important {
    background-color: black !important;
}

.bg-peach {
    background-color: #e67e22 !important;
}

.color-white-important {
    color: white !important;
}

.md label.item-radio input[type=radio]:checked~.icon-radio {
    border-color: teal;
}

.md .radio input[type=radio]:checked~.icon-radio:after,
.md label.item-radio input[type=radio]:checked~* .icon-radio:after,
.md label.item-radio input[type=radio]:checked~.icon-radio:after {
    background-color: teal;
}

.md .checkbox input[type=checkbox]:checked~i,
.md label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,
.md label.item-checkbox input[type=checkbox]:checked~.icon-checkbox {
    background-color: teal;
    border-color: teal;
}

.fs-12 {
    font-size: 12px;
}

.fs-12-important {
    font-size: 12px !important;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-30 {
    font-size: 30px;
}

.fs-40 {
    font-size: 40px;
}

.fs-40-important {
    font-size: 40px !important;
}

.fs-25 {
    font-size: 25px;
}

.pl-5 {
    padding-left: 5px;
}

.mt-35 {
    margin-top: -35px;
}

.mt-25 {
    margin-top: -25px;
}

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

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

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

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

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

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

.mt-70 {
    margin-top: -70px !important;
}

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-50 {
    padding-top: 50px;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-10 {
    padding-left: 10px;
}

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

.br-20 {
    border-radius: 20%;
}

.br-25 {
    border-radius: 25%;
}

.br-50 {
    border-radius: 50%;
}

.pb-10 {
    padding-bottom: 10px;
}

.pr-15 {
    padding-right: 15px;
}

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

.credit-style {
    width: 9%;
}

.pull-right {
    float: right;
}

.word-wrap-space {
    white-space: normal;
}

.vertial-center {
    margin-top: auto;
    margin-bottom: auto;
}

.count-badge {
    font-size: 12px !important;
    border-radius: 15px !important;
    margin-top: auto;
    margin-bottom: auto;
}

.dash-newjob-btn {
    background-color: teal;
    font-weight: 1000;
    border: 1px solid white !important;
}

.text-right {
    text-align: right;
}

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

.align-center {
    width: 100%;
    text-align: center;
}

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

.image-size {
    width: 50px;
}

.login-background {
    background-color: #bdc3c7 !important;
}

.basic-link {
    color: black !important;
    font-size: 19px !important;
}

.position-relative {
    position: releative;
}

.fav_online {
    position: absolute;
    right: -13px;
    bottom: 6px;
    font-size: 17px !important;
    color: #24B62D;
}

.fav_offline {
    position: absolute;
    right: -13px;
    bottom: 6px;
    font-size: 17px !important;
    color: red;
}

.dashboard-cards {
    margin-top: 0px;
    margin-bottom: 0px;
}

.background-green-lite {
    background-color: #b6fbb6;
}

.background-blue-lite {
    background-color: #add8fb;
}

.empty-background {
    background-image: url('') !important;
}

.default-ios-bg {
    background-color: #efeff4;
}

#record_button {
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
}


/*default background image */

#profile_picture {
    background-image: url('../img/default-user.png');
}

#supplier_profile {
    background-image: url('../img/default-user.png');
}


/* calender page */

#jobs-calendar,
#jobs-calendar-events {
    height: 50%;
    box-sizing: border-box;
}

#jobs-calendar .calendar {
    height: 100%;
}

#jobs-calendar-events ul {
    height: 100%;
    overflow: auto;
}

#jobs-calendar-events .event-color {
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 100%;
}

.newjob-details {
    font-size: 16px;
    font-weight: 700;
    color: white;
}


/* app color changes */

.navbar {
    background-color: teal !important;
    color: white;
}

.navbar i,
.navbar .link {
    color: white !important;
}

.icon-back {
    /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E") !important;*/
}

.app-color {
    color: teal !important;
}

.app-service-color {
    color: #f13f06 !important;
}

.app-color-important {
    color: teal !important;
}

.bg-app-color {
    background-color: teal !important;
}

.fw-700 {
    font-weight: 700;
}


/* end app color changes */

.ios .navbar .title {
    font-weight: 500;
}

.ls-1 {
    letter-spacing: 1px;
}

.map-background {
    background-color: #bdc3c7;
}

.map-location-div {
    margin-top: 10px !important;
    padding: 0 0px !important;
}

.hide_div {
    display: none !important;
}

.hide_div_important,
.hide {
    display: none !important;
}



/*.side-panel-width {
    width: 200px;
}*/


/* login page styles */

#login_page {
    background-color: #fff !important;
    /*background-image: url("../img/app-background.png");*/
    background-position: center;
    position: relative;
}

#login_page:after {
    background-color: rgba(255, 255, 255, 0.75);
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#login_page .login_with_otp {
    height: 43px;
    line-height: 39px;
    background: #095252;
}

#login_page .item-input-info {
    padding-top: 10px;
}

#login_page input {
    /*border-bottom: 2px solid teal;*/
}

#login_page select {
    /*border-bottom: 2px solid teal;*/
    font-size: 15px;
}

#login_page .demo-card-header-pic {
    box-shadow: none;
    background-color: transparent;
}

#login_page ul.login_input {
    background-color: transparent;
}


/* login email page styles */

#login_side_pages {
    background-color: #fff !important;
    /*background-image: url("../img/app-background.png");*/
    background-position: center;
    /*position: relative;*/
}

#login_side_pages:after {
    background-color: rgba(255, 255, 255, 0.75);
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#login_side_pages .item-input-info {
    padding-top: 10px;
}

#login_side_pages input {
    /*border-bottom: 2px solid teal;*/
}

#login_side_pages .demo-card-header-pic {
    box-shadow: none;
    background-color: transparent;
}

#login_side_pages ul.login_input {
    background-color: transparent;
}

#login_page .new-user-btn {
    text-transform: none;
    margin: auto;
    width: 70%;
    font-size: 18px;
}

#login_side_pages select {
    /*border-bottom: 2px solid teal;*/
}

.password_icon {
    padding-top: 4px;
    padding-right: 14px;
}

.vehicle-model {
    height: 80%;
    width: 90%;
    margin: 15% 5%;
}


/* new job post page */

input.schlue_icn_style {
    background-color: black;
    color: black !important;
    font-size: 0px;
}

.schlue_icn {
    position: relative;
    text-align: center;
    width: 100%;
}


/* .schlue_icn:after
{
    content: "\f017";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 12px;
    z-index: 9999;
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    margin: 0 auto;
    transform: translateX(-6px);
} */

.schlue_icn_style.fa-clock-o:before {
    content: "\f017";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    color: #fff;
    transform: translateY(24%);
    -webkit-transform: translateY(24%);
    -moz-transform: translateY(24%);
    -ms-transform: translateY(24%);
    -o-transform: translateY(24%);
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.vehicle-list {
    border-radius: 10px 10px 0 0;
}

.vehicle-list .media-list {
    margin: 0px;
    height: 300px;
    overflow: scroll;
}

.vehicle-list .actions-label {
    font-size: 18px;
    color: white;
    background-color: teal;
    padding: 14px 10px;
}

.vehicle-list .actions-label b {
    width: 100%;
    text-align: center;
}

#vehicle-list-close {
    width: 100%;
    text-align: center;
    background-color: #f44336;
    width: 40%;
    text-align: center;
    background-color: #f64e4b;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

#vehicle-list-close div {
    color: white;
}

.job-vehicle .item-link .item-title-row {
    padding-right: 0px !important;
    background-image: none;
    padding-top: 7px;
}

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

#person .input_field {
    margin-top: -20px;
}

#pickup-place-search .item-inner,
#pickup-place-search .item-after,
#drop-place-search .item-inner,
#drop-place-search .item-after {
    color: black !important;
}

#newjob-count-div {
    margin-top: 0px;
    margin-bottom: 0px;
}

#newjob-count-div .list.inset {
    margin-top: 0px;
    margin-bottom: 0px;
}

#newjob-count-div .item-label {
    text-align: center;
    font-size: 18px;
    padding-bottom: 8px;
}

#newjob-count-div input {
    font-size: 20px;
    color: black;
}

#newjob-count-div .stepper-button-minus,
#newjob-count-div .stepper-button-plus {
    background-color: teal;
}

#newjob-count-div .stepper-input-wrap {
    border-top: 2px solid teal;
    border-bottom: 2px solid teal;
}


/*#newjobpost_page #guest_name,#newjobpost_page #signage_name,#newjobpost_page #guest_mobno,#newjobpost_page #notes{
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    -o-user-select: auto !important;
    user-select: auto !important;
}*/

.wrap-input-div .item-input-info {
    white-space: pre-wrap !important;
}

#payment_type.segmented .button.button-outline {
    border: 2px solid teal;
}

#payment_type .button {
    color: teal;
}

#payment_type .button.button-fill {
    background-color: teal;
    color: white !important;
}


/* end new job post page */


/* Ride List Page Design */

#rides_list .card-header {
    padding-top: 5px;
    padding-left: 6px;
    padding-right: 6px;
}

#rides_list .job_lst_style ul.frst_rw {
    width: 100%;
    display: block;
    margin: 0;
    list-style: none;
    padding: 0;
}

#rides_list .job_lst_style ul.frst_rw li .amnt {
    float: right;
    margin-top: 3px;
}

#rides_list .badge {
    padding: 1px 9px;
}

#rides_list .vew_btn {
    padding-top: 2px;
}

#rides_list .job_lst_style ul.frst_rw li .item-title {
    margin-bottom: 0;
    font-size: 15px;
    width: 100%;
    float: left;
    overflow: hidden;
    display: flex;
    position: relative;
}

#rides_list .job_lst_style ul.frst_rw li .item-title:after {
    content: "";
    top: 18px;
    position: absolute;
    left: 9px;
    height: 100%;
    width: 1px;
    border-left: 1px solid #c1c1c1;
}

#rides_list .job_lst_style ul.frst_rw li .item-title p {
    display: block;
    margin: 0;
    margin-bottom: 9px;
}

#rides_list .job_lst_style ul.frst_rw li .item-title:last-child,
#rides_list .job_lst_style ul.frst_rw li .item-title:last-child p {
    margin-bottom: 0;
}

#rides_list .job_lst_style ul.frst_rw li .item-title i {
    font-size: 20px;
    margin-right: 4px;
}

#rides_list .job_lst_style .card-header .tmee {
    background-color: #24B62D;
    padding: 6px 8px;
    float: left;
    color: #fff;
    margin-left: -6px;
    font-size: 13px;
    margin-bottom: 8px;
    padding-bottom: 3px;
}

#rides_list .job_lst_style .card-header .tmee i {
    font-size: 15px;
    margin-right: 3px;
    float: left;
}

#rides_list ul {
    padding: 0;
    margin: 0;
}

#rides_list ul.list-header {
    background-color: inherit;
    border-bottom: 1px dashed #bfbfbf;
}

#rides_list .card .list .loctn ul:before,
#rides_list .card .list .loctn ul:after {
    background-color: transparent;
}

#rides_list ul li {
    list-style: none;
}

#rides_list .ptr-preloader {
    top: 70px;
}

#rides_list .ptr-preloader.past {
    top: 0px;
}

#rides_list .ptr-arrow {
    border: 3px solid teal;
    border-left-color: transparent;
}

#rides_list .preloader-inner-half-circle {
    border: 4px solid teal;
}

.infinite-scroll-preloader .preloader-inner-half-circle {
    border: 4px solid teal !important;
}

#rides_list .refresh_pge {
    position: relative;
    top: 0;
    left: 0;
    opacity: 0.5;
    text-align: center;
    color: red;
}


/*.joblist .tab-link{
    color:teal !important;
    border: 1px solid black !important;
}*/


/* Job Details Page Design */

#job_detls_page {
    background-color: #f7f9fc;
}

#job_detls_page .card_detls {
    box-shadow: 0px 1px 19px rgba(212, 212, 212, 0.67);
    box-shadow: none;
}

#job_detls_page .card_detls li {
    padding: 6px 13px;
}

#job_detls_page .card_detls ul {
    overflow: hidden;
}

#job_detls_page .card_detls li.frst_row {
    /* box-shadow: 0px 1px 19px rgba(212, 212, 212, 0.83);
    border-bottom: 1px solid rgba(199, 199, 199, 0.37);
    margin-bottom: 5px; */
    padding-top: 10px;
}

#job_detls_page .card_detls li.frst_row .item-title {
    margin-bottom: 10px;
    text-overflow: inherit;
    white-space: normal;
    font-size: 16px;
}

#job_detls_page .card_detls li.frst_row .item-title.arw_dot {
    position: relative;
    margin-bottom: 0;
}

#job_detls_page .card_detls li.frst_row .item-title.arw_dot:after {
    position: absolute;
    height: 100%;
    width: 1px;
    border-left: 1px dotted #8e8c8c;
    content: "";
    left: 10px;
    top: 24px;
}

#job_detls_page .card_detls li.frst_row .item-title.arw_dot .pick_dest {
    margin-bottom: 10px;
}

#job_detls_page .card_detls .item-inner {
    background-image: none;
    padding-bottom: 0;
    min-height: auto;
    padding-top: 0;
    padding-right: 0;
}

#job_detls_page .card_detls .item-inner:after {
    background-color: transparent;
}

#job_detls_page .card_detls .item-inner .item-title {
    font-size: 17px;
    position: relative;
    width: 100%;
}

#job_detls_page .card_detls .item-header {
    margin-bottom: 5px;
    font-size: 16px;
    color: #828282;
}

#job_detls_page .card_detls li.frst_row .item-title p {
    display: block;
    margin: 0;
    margin-bottom: 9px;
}

#job_detls_page .card_detls li.frst_row .item-title i {
    font-size: 20px;
    margin-right: 4px;
}

#job_detls_page .card_detls .divider {
    /* position: relative; */
    /* margin-top: 12px; */
    border-bottom: 1px dashed #c7c7c7;
    margin-bottom: 17px;
    height: 5px;
}

#job_detls_page .card_detls .divider:after {
    content: "";
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50% 0 0 50%;
    background-color: #f4f6f9;
    right: -25px;
    top: 6px;
}

#job_detls_page .card_detls .divider:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 0 50% 50% 0;
    background-color: #f4f6f9;
    left: -25px;
    top: 6px;
}

#job_detls_page .card_detls .pay_detls .item-inner .item-header {
    display: block;
    font-size: 17px;
    margin-bottom: 5px;
    color: #4c4b4b;
}

#job_detls_page .card_detls .pay_detls .item-inner .badge {
    padding: 3px 13px;
    height: inherit;
    border-radius: 3px;
    margin-bottom: 0;
    font-size: 14px;
    white-space: pre-wrap;
}

#job_detls_page .card_detls .pay_detls .item-inner .item-footer {
    font-size: 14px;
    margin-top: 5px;
    color: #009688;
    display: initial;
    margin-left: 0px;
}

#job_detls_page .card_detls .pay_detls {
    display: block;
    background-color: rgba(226, 226, 226, 0.33);
    padding: 11px 13px;
}

#job_detls_page .card_detls .pay_detls .prce_tab {
    position: relative;
}

#job_detls_page .card_detls .pay_detls .prce_tab .item-title:after {
    position: absolute;
    height: 100%;
    top: 0;
    border-right: 1px solid rgb(206, 206, 206);
    content: "";
    right: 14px;
    width: 100%;
    z-index: -1;
}

#job_detls_page .card_detls .pass_detls {
    padding-bottom: 12px;
}

#job_detls_page .card_detls .pass_detls .badge {
    padding: 6px 12px;
    height: initial;
    line-height: initial;
    font-size: 13px;
}

#job_detls_page .list.fot_detls {
    margin: -15px;
    margin-top: 20px;
}

#job_detls_page .border_dash {
    border-bottom: 1px dashed #c7c7c7;
    padding-bottom: 13px;
}

#job_detls_page .proof-div,
#job_detls_page .report-div {
    border-top: 1px solid rgba(199, 199, 199, 0.37);
    background-color: rgba(226, 226, 226, 0.7) !important;
}

#job_detls_page .proof-div .item-header,
#job_detls_page .report-div .item-header {
    width: 100%;
    font-size: 17px;
    color: black;
}


/* Support page Style */


/*#support_page img{
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
}*/

.topup_icon {
    color: #2ecc71;
    font-size: 45px !important;
}

#topup_default button {
    font-size: 20px !important;
    font-weight: 700;
    border: 1px solid black;
}

#topupamt_div .item-input-info {
    white-space: pre-wrap;
}

#topupamt_div {
    margin-top: 0px !important;
}

#card_list ul {
    background-color: #e6e9ea;
    border-radius: 15px;
}


/* dashboard page style */


/*#dashboard-page .pendings_div {
    color: white !important;
}

#dashboard-page .pending_text {
    letter-spacing: 0.5px;
    font-weight: 600;
}*/


/*Login Page Style*/


/*Login Page Style*/

.log_bg {
    background-color: teal;
    height: 85px;
    /* width: 100%; */
    /* float: left; */
    position: relative;
    margin-bottom: 20px;
    /*background: url(../img/login-bg.jpg) no-repeat;*/
    background-size: cover;
    background-position: 100% 100%;
}

.ula_logo {
    position: absolute;
    bottom: -50px;
    width: 110px;
    height: 110px;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    border-radius: 50%;
    box-shadow: 0px -4px rgba(68, 68, 68, 0.47);
}

.ula_logo img {
    width: 70%;
    margin-top: 25px;
}

.frst_frm_name {
    /* background-color: #f1f1f1; */
    display: block;
    /* width: 100%; */
    /* float: left; */
    margin-bottom: 0;
    /*padding-top: 12px;*/
    padding-bottom: 15px;
    /* border-bottom: 1px solid #e2e2e2; */
    position: relative;
}

.log_title {
    text-align: center;
    position: relative;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    margin: 2px 0 3px 0;
    font-size: 44px;
    line-height: 38px;
    /*text-transform: capitalize;*/
    margin-top: 20px;
}

.log_title_slgn {
    text-align: center;
    font-style: normal;
    display: block;
    /*margin-bottom: 8px;*/
    font-size: 20px;
}

.log_para {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 300;
    display: block;
}

#log_frms {
    margin: 0 30px;
    margin-top: 15px;
    margin-bottom: 30px;
}

#log_frms .frm_style {
    display: list-item;
}

#log_frms .frm_style .item-content,
.frm_style .item-content {
    padding-left: 0px;
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-bottom: 13px;
}

#log_frms .frm_style .item-input-wrap:after,
.frm_style .item-input-wrap:after {
    background-color: transparent;
}

#log_frms .frm_style .item-input .item-media,
.frm_style .item-input .item-media {
    background-color: #046b6a;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    height: 52px;
    min-width: 55px;
    text-align: center;
    border-radius: 6px 0 0 6px;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#057f7d+0,046b6a+100 */
    background: rgb(5, 127, 125);
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(5, 127, 125, 1) 0%, rgba(4, 107, 106, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(5, 127, 125, 1) 0%, rgba(4, 107, 106, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(5, 127, 125, 1) 0%, rgba(4, 107, 106, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#057f7d', endColorstr='#046b6a', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

#log_frms .frm_style .item-input .item-media i,
.frm_style .item-input .item-media i {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    font-size: 28px;
    font-weight: normal;
}

#log_frms .frm_style .item-input .item-media i.fa-mobile,
.frm_style .item-input .item-media i.fa-mobile {
    font-size: 36px;
    top: 9px;
}

#log_frms .frm_style .item-inner:after,
.frm_style .item-inner:after,
#log_frms .frm_style .item-inner:after,
.frm_style .item-inner:after {
    background-color: transparent;
}

#log_frms .frm_style .item-input-wrap,
.frm_style .item-input-wrap {
    margin-top: 0px;
}

#log_frms .frm_style .item-input-wrap .form_input,
.frm_style .item-input-wrap .form_input {
    font-size: 19px;
}

#log_frms .log_act_btn,
.log_act_btn {
    width: 60%;
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 16px;
}

#log_frms .log_act_btn .button,
#log_frms .button,
.log_act_btn .button {
    background-color: #008080;
    height: 49px;
    line-height: 49px;
    border: 2px solid #aaeaea;
    border-radius: 6px;
    font-size: 18px;
}

#log_frms p {
    text-align: center;
    margin: 0;
    margin-top: 17px;
}

.navbar:after {
    content: none !important;
}

.navbar .title {
    font-size: 19px;
    font-weight: 200;
    font-family: 'Open Sans Regular';
    line-height: normal !important;
    margin-left: 0 !important;
    white-space: initial;
    text-overflow: initial;
}

.navbar a.link i {
    font-size: 30px;
}

/* Book Your Ride Page Style */
#booking_details_div .block_start {
    margin-top: 10px;
    padding: 0 0px;
}

#booking_details_div .list {
    background-color: #fff;
    margin-bottom: 10px;
}

#booking_details_div .change_date_pick_bton {
    position: absolute;
    right: 0;
    top: -4px;
    height: 35px;
    line-height: 35px;
    font-family: 'Open Sans Regular';
    border-radius: 3px;
    text-transform: capitalize;
}

#booking_details_div .change_date_pick_bton i {
    font-size: 15px;
    margin-top: -4px;
}

#booking_details_div .vehicle_lists {
    display: block;
    min-height: inherit;
    padding: 0.9em 0;

}

#booking_details_div .vehicle_lists figure {
    margin: 0;
    float: left;
    margin-right: 15px;
    padding: 0;
    line-height: normal;
}

#booking_details_div .vehicle_lists figure img {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    max-width: 113px;
}

#booking_details_div .vehicle_lists p {
    margin: 0;
    margin-top: 1%;
    padding-left: 98px !important;
}

#booking_details_div .pick_style li.location_frmto {
    padding-left: 20px;
    display: block;
    min-height: initial;
    position: relative;
}

#booking_details_div .pick_style li.location_frmto .additional_lctn_add {
    background-color: #303030;
    color: #fff;
    position: absolute;
    right: 0;
    padding: 5px;
    border-radius: 2px;
    line-height: 13px;
    z-index: 99;
}

#booking_details_div .pick_style li.location_frmto .additional_lctn_add.sml {
    padding: 3px 7px;
}

#booking_details_div .pick_style li.location_frmto .additional_lctn_add font {
    font-size: 10px;
    font-family: 'Open Sans Regular';
}

#booking_details_div .pick_style li.location_frmto .additional_lctn_add.sml i {
    font-size: 12px;
}

#booking_details_div .pick_style li.location_frmto .additional_lctn_add i {
    font-size: 14px;
}

#booking_details_div .pick_style li.location_frmto:before {
    position: absolute;
    content: "";
    left: 4px;
    width: 2px;
    height: 87%;
    top: 20px;
    background-color: #d9d9d9;
}

#booking_details_div .pick_style li.location_frmto .item-inner {
    position: relative;
    height: 100%;
    min-height: auto;
}

#booking_details_div .pick_style li.location_frmto .item-inner .location_icon {
    position: absolute;
    left: -19px;
    top: 10px;
    color: #626060;
}

#booking_details_div .pick_style li.location_frmto .item-inner.addtnal_stops .location_icon {
    left: -21px;
    background-color: white;
    font-size: 14px;
    top: 8px;
}

#booking_details_div .pick_style li.location_frmto .item-inner .location_icon.stop {
    left: -22px;
    background-color: #fff;
}

#booking_details_div .pick_style li.location_frmto .item-inner:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background-color: #111;
}

#booking_details_div .pick_style li.location_frmto .item-title {
    color: #060606;
    height: auto;
    line-height: normal;
}

#booking_details_div .pick_style li.location_frmto .item-input-wrap {
    min-height: inherit;
    margin-top: 3px;
    padding-bottom: 5px;
}

#booking_details_div .pick_style li.location_frmto .item-input-wrap span.loctn_adrs {
    width: 100%;
    font-family: 'Open Sans Regular';
    color: #0f0f0f;
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    display: block;
    white-space: normal;
    overflow: initial;
    text-overflow: inherit;
}

#booking_details_div .pick_style li.location_frmto .item-input-wrap span.cntact_details {
    background-color: #ececec;
    width: auto;
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 14px;
    box-shadow: 2px 2px #e6e6e6;
    border: 1px solid #cccccc;
    color: #0e0e0e;
}

#booking_details_div .pick_style li.location_frmto .item-input-wrap span.cntact_details b {
    margin-right: 8px;
    font-weight: normal;
    font-family: 'Open Sans Regular';
}

#booking_details_div .pick_style li.location_frmto .item-input-wrap span.cntact_details b:last-child {
    margin-right: 0px;
}

#booking_details_div .pick_style li.location_frmto .item-input-wrap span.cntact_details b i {
    font-size: 12px;
    margin-right: 5px;
    color: #31302f;
}

#booking_details_div .totl_price {
    display: block;
    text-align: right;
    width: 100%;
    padding: 20px 0;
    float: right;
}

#booking_details_div .totl_price .price_dtls {
    display: inline-flex;
}

#booking_details_div .totl_price .price_dtls sub {
    font-size: 20px;
    font-family: 'Open Sans Regular';
    margin-right: 4px;
}

#booking_details_div .totl_price .price_dtls p {
    font-size: 42px;
    font-weight: 400;
    margin: 0;
}

#booking_details_div .totl_price .price_dtls i {
    font-size: 22px;
    line-height: 73px;
    margin-left: 8px;
}

#page-newjobpost .cnfrm_order,
#fav_driver_popup .cnfrm_order {
    background-color: #fff;
    height: 57px;
}

#page-newjobpost .cnfrm_order:after,
#fav_driver_popup .cnfrm_order:after {
    content: none;
}

#page-newjobpost .cnfrm_order .cnfrm_order_btn,
#fav_driver_popup .paymnt_cnfrm_btn_style {
    position: absolute;
    right: 17px;
    height: 45px;
    line-height: 45px;
    font-family: 'Open Sans Regular';
    border-radius: 3px;
    text-transform: capitalize;
    padding: 0px 14px;
    bottom: 7px;
}

#fav_driver_popup .paymnt_cnfrm_btn_style i {
    margin-right: 5px;
}

#page-newjobpost .cnfrm_order .cnfrm_order_btn i {
    font-size: 15px;
}

/* Booking List Page Style */
#rides_list .toolbar-inner {
    background: #0d7b7c;
}

#rides_list .tabbar a.tab-link {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
}

#rides_list .block {
    padding: 0;
    margin: 20px 0;
}

#rides_list .card {
    margin: 14px 0;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 12px rgba(167, 167, 167, 0.59);
    -moz-box-shadow: 0 0 12px rgba(167, 167, 167, 0.59);
    -ms-box-shadow: 0 0 12px rgba(167, 167, 167, 0.59);
    -o-box-shadow: 0 0 12px rgba(167, 167, 167, 0.59);
    box-shadow: 0 0 12px rgba(167, 167, 167, 0.59);
}

#rides_list .list .item-content {
    padding-left: 14px;
}

#rides_list .list .item-content .item-media {
    width: 80px;
    position: relative;
    display: block;
    text-align: center;
    /* margin-right: 11px; */
    margin-right: 22px;
}

#rides_list .list .item-content .item-media figure {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}

#rides_list .list .item-content .item-media figure img {
    width: 100%;
    border-radius: 15%;
}

#rides_list .list .item-inner {
    position: relative;
    /*margin-left: 11px;*/
    padding-top: 11px;
    /*padding-bottom: 11px;*/
    padding-bottom: 0px;
}

#rides_list .list .item-media .price {
    color: #111;
    font-weight: 900;
    font-size: 16px;
    padding: 0 12px;
    box-shadow: 2px 2px #ababab;
    height: 27px;
    margin: 0;
    position: relative;
}

#rides_list .list .item-subtitle .price {
    border-radius: 16px;
    color: white;
    float: right;
}

#rides_list .list .item-subtitle .price .chip-label {
    font-size: 15px;
}

#rides_list .list .item-media i.jtype {
    font-size: 40px;
    margin-left: -11px;
    /*margin-top: 19px;*/
    color: teal;
}

#rides_list .card .list .item-title {
    margin-top: 0;
    max-width: 100%;
    font-size: 18px;
    width: 100%;
}

#rides_list .card .list .redd {
    font-size: 15px;
    color: #f51726;
}

#rides_list .card .list .redd i {
    font-size: 20px;
}

#rides_list .card .list .list_date {
    font-size: 16px;
    margin: 0;
    margin-bottom: 5px;
    font-weight: 500;
    margin-top: -1px;
}

#rides_list .card .list .job_lst_date {
    white-space: normal;
    overflow: auto;
    text-overflow: inherit;
    font-weight: 300;
}

.card-footer .row {
    width: 100%;
}

#rides_list .card .list .loctn,
#rides_list .card .list .pples {
    float: left;
    width: 100%;
}

#rides_list .card .list .loctn ul,
#rides_list .card .list .pples ul {
    padding-left: 0;
}

#rides_list .card .list .loctn ul li,
#rides_list .card .list .pples ul li {
    display: block;
    padding-bottom: 10px;
    position: relative;
    padding-left: 11px;
    border-left: none;
    margin-left: 6px;
    font-size: 18px;
}

#rides_list .card .list .loctn ul li:first-child {
    border-left: 1px dashed #d0d0d0;
}

#rides_list .card .list .pples ul li {
    border: none;
    padding-left: 0;
    padding-bottom: 0;
    margin-left: 0;
}

#rides_list .card .list .pples ul li .chip.fnshd .chip-media {
    border-radius: 50%;
    border: 1px solid #fff;
    margin-left: -10px;
    width: 26px;
    height: 26px;
}

#rides_list .card .list .pples ul li .chip.fnshd .chip-media i {
    font-size: 16px;
}

#rides_list .card .list .loctn ul li:last-child {
    padding-bottom: 0;
    border: none;
    padding-left: 12px;
    padding-bottom: 0;
}

#rides_list .card .list .loctn ul li i.icons,
#rides_list .card .list .pples ul li i.icons {
    position: absolute;
    content: "";
    left: -8px;
    font-size: 16px;
    color: #2196f3;
    top: 0;
}

#rides_list .card .list .loctn ul li i.icons.color-red {
    color: red;
}

#rides_list .card .list .pples ul li i.icons {
    left: -6px;
    font-size: 14px;
}

#rides_list .card .list .loctn ul li:last-child i.icons:after {
    position: absolute;
    /*content: "";*/
    left: 6px;
    width: 4px;
    height: 4px;
    background-color: #ffffff;
    border-radius: 50%;
    top: 4px;
}

#rides_list .card .list .loctn ul li:first-child i.icons {
    -webkit-transform: rotate(85deg);
    -moz-transform: rotate(85deg);
    -ms-transform: rotate(85deg);
    -o-transform: rotate(85deg);
    transform: rotate(85deg);
    top: -1px;
    left: -8px;
}

#rides_list .card .list .loctn ul li p,
#rides_list .card .list .pples ul li p {
    display: block;
    margin: 0;
    min-width: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    white-space: pre-wrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

#rides_list .card .list .loctn ul li p i,
#rides_list .card .list .pples ul li p i {
    color: #848484;
    display: block;
    font-style: normal;
    font-size: 12px;
}

#rides_list .card .list .loctn ul li:last-child p i {
    margin-top: 0;
}

#rides_list .card .card-footer {
    background-color: #f9f9f9;
}

#rides_list .card .card-footer .button {
    border-color: #008080;
    color: #008080;
    font-size: 14px;
}

#rides_list .card .card-footer .redbutton {
    border-color: red;
    color: red;
}

#rides_list .card .card-footer .greenbutton {
    border-color: green;
    color: green;
}

#rides_list .card .card-footer .bluebutton {
    border-color: blue;
    color: blue;
}


/*Side Menu Panel*/

#side_panel .top_content {
    padding: 17px 0;
    background: url(../img/menu-top-bg.jpg) no-repeat center;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #ffbe2e;
    display: block;
    position: relative;
    padding-bottom: 13px;
}

#side_panel .top_content:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #007b7b;
    top: 0;
}

#side_panel .top_content figure {
    width: 105px;
    margin: 0 auto;
    margin-bottom: 8px;
    z-index: 9;
    position: relative;
}

#side_panel .top_content figure img {
    border-radius: 50%;
    border: 2px solid #fff;
    width: 100px;
    height: 100px;
}

#side_panel .top_content .top_text {
    text-align: center;
    color: #fff;
    z-index: 9;
    position: relative;
}

#side_panel .top_content .top_text h1 {
    margin: 0;
    line-height: normal;
    padding: 0 5px;
    margin-top: -9px;
    font-weight: 400;
    font-size: 22px;
}

#side_panel .top_content .top_text p {
    color: #fff !important;
    margin: 0;
    display: block;
    margin-top: 0;
    font-size: 16px;
    font-family: 'Open Sans Regular';
}

#side_panel .list {
    margin: 0;
}

#side_panel .list li {
    border-bottom: 1px solid #e2e2e2;
}

#side_panel .list li a {
    color: #3e3e3e;
    height: 57px;
    background-image: none;
    padding-right: 16px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding-left: 49px;
}

#side_panel .list a:after {
    background-color: transparent;
}

#side_panel .list li a .icons {
    position: absolute;
    left: 11px;
    width: 30px;
    height: 30px;
    text-align: center;
}

#side_panel .list li a .icons i {
    font-size: 18px;
    margin-top: 5px;
    font-weight: 600;
}

#side_panel .list li a .icons i.logut {
    font-size: 20px;
}


/*Support Page Style*/

#support_page .block {
    margin: 0;
    /*-webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    -o-transform: translateY(40%);
    transform: translateY(40%);*/
    margin-top: 20%;
}

#support_page figure {
    display: block;
    width: 40%;
    margin: 0 auto;
    margin-bottom: 10px;
}

#support_page figure img {
    width: 120px;
    border-radius: 50%;
    border: 2px solid #eaeaea;
    padding: 5%;
    box-shadow: 2px 3px rgba(210, 210, 210, 0.35);
}

#support_page .suprt_msge {
    text-align: center;
    color: #000;
}

#support_page .suprt_msge h1 {
    font-size: 25px;
    margin: 0;
    text-transform: uppercase;
}

#support_page .suprt_msge p {
    color: #000;
    margin: 0 auto;
    margin-top: 7px;
    width: 95%;
    font-size: 16px;
}

#support_page .actn_btn {
    width: 100%;
    text-align: center;
    margin-top: 7px;
}

#support_page .actn_btn .chip {
    padding: 0px 18px;
    height: 48px;
    line-height: 48px;
    border-radius: 30px;
    background: #25D366;
    box-shadow: 0px 4px 6px 0px #4CAF50;
}

#support_page .actn_btn .chip-media img {
    width: 28px;
}

#support_page .actn_btn .chip-label {
    font-size: 14px;
    text-transform: normal;
    margin-left: 7px;
}

#support_page .support_version {
    right: 5px;
    bottom: 0;
    width: 94%;
    position: absolute;
    text-align: right;
    padding: 0 2%;
}

#support_page .support_version b {
    float: right;
}

#support_page .support_version span {
    float: left;
    padding-top: 5px;
}

.notify p {
    /*color: #fff;*/
    text-align: center;
    width: 80%;
    margin: 0 auto;
    padding: 20px 0;
    line-height: 24px;
    font-weight: 600;
    font-size: 19px;
}


/*#dashboard-page .shre_btn
{
    width: 45px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 50%;
    height: 45px;
    padding: 0;
    min-width: fit-content;
    margin-top: 5px;
    line-height: 20px;
}
#dashboard-page .shre_btn i
{
    color: #008080;
    font-size: 25px;
     line-height: 20px;
}*/

#rides_list .simple-list li {
    text-align: center;
    display: block;
}

#transaction_details_pge .trsn_tp_dlts,
#withdrawal_details_pge .trsn_tp_dlts {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

#transaction_details_pge .trsn_tp_dlts.sfee span,
#withdrawal_details_pge .trsn_tp_dlts.sfee span {
    background: #4caf50;
}

#transaction_details_pge .trsn_tp_dlts.sfee h1,
#withdrawal_details_pge .trsn_tp_dlts.sfee h1 {
    color: #4caf50 !important;
}

#transaction_details_pge .trsn_tp_dlts.reserved span,
#withdrawal_details_pge .trsn_tp_dlts.sfee span {
    background: #4a4848;
}

#transaction_details_pge .trsn_tp_dlts.reserved h1,
#withdrawal_details_pge .trsn_tp_dlts.sfee h1 {
    color: #4a4848;
}

#transaction_details_pge .trsn_tp_dlts.topup span,
#withdrawal_details_pge .trsn_tp_dlts.topup span {
    background: #2196f3;
}

#transaction_details_pge .trsn_tp_dlts.topup h1,
#withdrawal_details_pge .trsn_tp_dlts.topup h1 {
    color: #2196f3;
}

#transaction_details_pge .trsn_tp_dlts.jaccept span,
#withdrawal_details_pge .trsn_tp_dlts.jaccept span {
    background: #ff9800;
}

#transaction_details_pge .trsn_tp_dlts.jaccept h1,
#withdrawal_details_pge .trsn_tp_dlts.jaccept h1 {
    color: #ff9800;
}

#transaction_details_pge .trsn_tp_dlts.apenalty span,
#withdrawal_details_pge .trsn_tp_dlts.apenalty span {
    background: #e91e63;
}

#transaction_details_pge .trsn_tp_dlts.apenalty h1,
#withdrawal_details_pge .trsn_tp_dlts.apenalty h1 {
    color: #e91e63;
}

#transaction_details_pge .trsn_tp_dlts.penalty span,
#withdrawal_details_pge .trsn_tp_dlts.penalty span {
    background: #f44336;
}

#transaction_details_pge .trsn_tp_dlts.penalty h1,
#withdrawal_details_pge .trsn_tp_dlts.penalty h1 {
    color: #f44336;
}

#transaction_details_pge .trsn_tp_dlts.revert span,
#withdrawal_details_pge .trsn_tp_dlts.revert span {
    background: #795548;
}

#transaction_details_pge .trsn_tp_dlts.revert h1,
#withdrawal_details_pge .trsn_tp_dlts.revert h1 {
    color: #795548;
}

#transaction_details_pge .trsn_tp_dlts.jamount span,
#withdrawal_details_pge .trsn_tp_dlts.jamount span {
    background: #00BCD4;
}

#transaction_details_pge .trsn_tp_dlts.jamount h1,
#withdrawal_details_pge .trsn_tp_dlts.jamount h1 {
    color: #00BCD4;
}

#transaction_details_pge .trsn_tp_dlts span,
#withdrawal_details_pge .trsn_tp_dlts span {
    width: 80px;
    height: 80px;
    margin-bottom: 8px;
    border-radius: 50%;
    background-color: #2867b6;
    display: inline-block;
}

#transaction_details_pge .trsn_tp_dlts span b,
#withdrawal_details_pge .trsn_tp_dlts span b {
    color: #fff;
    font-size: 46px;
    line-height: 80px;
}

#transaction_details_pge .trsn_tp_dlts h1,
#withdrawal_details_pge .trsn_tp_dlts h1 {
    margin: 0;
    color: #2867b6;
    font-weight: 500;
}

#transaction_details_pge .trsn_tp_dlts p,
#withdrawal_details_pge .trsn_tp_dlts p {
    margin: 0;
    margin-bottom: 12px;
    font-size: 18px;
    margin-top: 2px;
}

#transaction_details_pge .card,
#withdrawal_details_pge .card {
    background-color: #fafafa;
    border-color: #e3e3e3;
    border-radius: 5px;
    margin: 0;
}

#transaction_details_pge .card .card-content-padding,
#withdrawal_details_pge .card .card-content-padding {
    padding: 14px;
}

#transaction_details_pge .card-header,
#withdrawal_details_pge .card-header {
    display: block;
    padding: 0;
    margin: 11px 16px;
    padding-bottom: 5px;
    display: none;
}

#transaction_details_pge .card-header:after,
#withdrawal_details_pge .card-header:after {
    background-color: #d8d8d8;
    height: 2px;
}

.card-content p {
    display: block;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 9px;
    margin-bottom: -3px;
}

.card-content p:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.card-content p b {
    display: block;
}


/*Wallet Page Style*/

.transaction_date {
    padding-left: 10px;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 1000;
}

#wallte_page #promo_info {
    font-size: 10px;
    padding-top: 25px;
    margin: 0;
    color: red;
}

#wallte_page #promo_info i {
    font-size: 15px;
}

#wallte_page .wallet_div {
    background-color: #778ca3;
    color: white;
    border-radius: 10px 0 0 0;
}

#wallte_page .promo_div {
    background-color: #4b6584;
    color: white;
    border-radius: 0 10px 0 0;
}

#wallte_page .avlble_sect {
    display: block;
    text-align: center;
    background-color: #f1f1f1;
    padding: 15px 10px;
    padding-bottom: 60px;
}

#wallte_page .avlble_sect .ttle {
    font-size: 24px;
}

#wallte_page .avlble_sect .price {
    display: block;
}

#wallte_page .avlble_sect .ad_cash {
    position: absolute;
    top: -41px;
    color: #ff4c2e;
    right: -40px;
}

#wallte_page .avlble_sect .ad_cash i {
    font-size: 30px;
}

#wallte_page .avlble_sect b {
    font-size: 18px;
    font-weight: normal;
}

#wallte_page .avlble_sect h1 {
    font-size: 52px;
    display: inline-block;
    margin: 0;
    position: relative;
}

#wallte_page .avlble_sect .chip {
    background-color: #008080;
    color: #fff;
    height: 20px;
    padding: 0 9px;
    font-size: 12px;
}

#wallte_page .walt_ttl_lst {
    margin-top: -70px;
}

#wallte_page .walt_ttl_lst .col {
    color: #fff;
    border: none;
    background-color: transparent;
    margin-bottom: 3px;
}

#wallte_page .walt_ttl_lst .col p {
    font-weight: 400;
    margin: 0;
    font-size: 20px;
    margin-top: 4px;
    margin-bottom: 4px;
}

#wallte_page .walt_ttl_lst .col .chip {
    background-color: #0e0e0e;
    color: #fff;
    font-size: 10px;
    height: 19px;
}

#wallte_page .walt_ttl_lst .col h1 {
    margin: 0;
    font-size: 28px;
    font-weight: 500;
}

#wallte_page .walt_ttl_lst .box_stle {
    border-radius: 4px;
    padding: 4px;
    margin: 10px;
    outline: 1px solid rgba(255, 255, 255, 0.31);
    outline-offset: -4px;
}

#wallte_page .walt_ttl_lst .left_ttl {
    background-color: #39a921;
    margin-right: 0;
}

#wallte_page .walt_ttl_lst .right_ttl {
    background-color: #1f74ce;
    margin-left: 0;
}

#wallte_page .wlt_actn_btns,
#wallte_page .card_dtls_btns,
#wallte_page .trans_dtls {
    display: block;
    padding-bottom: 19px;
    margin: 0 10px;
}

#wallte_page .bdr_btm {
    border-bottom: 1px solid #d7d7d7;
}

#wallte_page .wlt_actn_btns .button,
#wallte_page .card_dtls_btns .button {
    background-color: #086c6c;
    padding-left: 0;
    font-size: 16px;
    text-transform: capitalize;
}

#wallte_page .card_dtls_btns .button {
    background-color: #063e3f;
}

#wallte_page .card_dtls_btns .button:last-child {
    background-color: transparent;
}

#wallte_page .wlt_actn_btns .button span,
#wallte_page .card_dtls_btns .button span {
    background-color: #063e3f;
    float: left;
    width: 38px;
    height: 33px;
    padding-top: 3px;
}

#wallte_page .card_dtls_btns .button span {
    background-color: #086c6c;
}

#wallte_page .wlt_actn_btns .button i,
#wallte_page .card_dtls_btns .button i {
    color: #fff;
    font-size: 20px;
}

#wallte_page .wlt_actn_btns .button.tp_btn span i {
    transform: rotate(180deg);
}

#wallte_page .wallet_btns {
    font-size: 15px;
    height: 55px;
    white-space: pre-wrap;
    position: relative;
}

#wallte_page .wallet_btns .frst_row {
    /*margin-top: -103px;*/
    position: absolute;
    top: -6px;
    left: 0;
    text-align: center;
    width: 100%;
}

#wallte_page .wallet_btns .secnd_row {
    margin-top: -75px;
}

#wallte_page .no_spacing_top {
    margin-top: -15px;
}

#wallte_page .no_spacing_bottom {
    margin-bottom: -15px;
}

.md body,
.ios body {
    font-family: 'Open Sans', sans-serif;
}

.md .toolbar,
.ios .toolbar {
    background: teal;
}

.input_field mark {
    font-size: 12px;
    background-color: white;
    color: black;
}


/* user profile page styles */

#userprofile_page .input_field {
    margin-top: -20px;
}

mark.edit_validate_txt {
    text-align: center;
    width: 100%;
    background-color: white;
    color: red;
}

#bankdetails_page .input_field {
    margin-top: -20px;
}

#addressdetails_page .input_field {
    margin-top: -20px;
}

.md .checkbox input[type=checkbox]:checked~i,
.ios .checkbox input[type=checkbox]:checked~i {
    background-color: teal;
    border-color: teal;
}

.ula_logo img {
    width: 32px;
}

#log_frms .paswrd_fld .item-inner {
    position: relative;
}

#log_frms .paswrd_fld .item-inner input {
    padding-right: 16px;
}

#log_frms .eye_icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 52px;
    width: 38px;
    background-color: #f8f8f8;
    text-align: center;
    border-radius: 0 3px 3px 0;
}

#log_frms .eye_icon i {
    line-height: 52px;
    font-size: 17px;
}

#wallte_page .block-title,
#withdrawal_page .block-title {
    color: #181818;
    margin: 0;
    text-transform: uppercase;
    padding: 10px;
    margin-bottom: 5px;
    margin-top: 4px;
    padding-left: 0;
}

#wallte_page .trans_dtls .list,
#withdrawal_page .trans_dtls .list {
    margin: 0;
}

#wallte_page .trans_dtls .list .item-content,
#withdrawal_page .trans_dtls .list .item-content {
    padding-left: 0;
    min-height: inherit;
    overflow: inherit;
    margin-bottom: 2px;
}

#wallte_page .trans_dtls .list .item-media,
#withdrawal_page .trans_dtls .list .item-media {
    padding: 0;
    margin-top: -15px;
}

#wallte_page .trans_dtls .list .item-media span,
#withdrawal_page .trans_dtls .list .item-media span {
    width: 40px;
    height: 40px;
    background-color: rgba(218, 218, 218, 0.37);
    border-radius: 50%;
    color: #008080;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    /* border: 1px solid #063e3f; */
}

#wallte_page .trans_dtls .list .item-inner,
#withdrawal_page .trans_dtls .list .item-inner {
    padding-right: 0;
    background-image: none;
    margin-left: 11px;
}

#wallte_page .trans_dtls .list .itm_detls,
#withdrawal_page .trans_dtls .list .itm_detls {
    width: 100%;
    flex-shrink: 1;
}

#wallte_page .trans_dtls .list .item-title,
#withdrawal_page .trans_dtls .list .item-title {
    white-space: normal;
    text-overflow: inherit;
    width: 100%;
    min-width: 100%;
}

#wallte_page .trans_dtls .list .item-after,
#withdrawal_page .trans_dtls .list .item-after {
    padding-left: 0;
}

#wallte_page .trans_dtls .list .item-after .chip,
#withdrawal_page .trans_dtls .list .item-after .chip {
    padding: 0 9px;
    height: 23px;
    font-size: 12px;
    color: #fff;
}

#wallte_page .trans_dtls .list .pricce,
#withdrawal_page .trans_dtls .list .pricce {
    width: 130px;
    display: inline-block;
    text-align: right;
}

#wallte_page .trans_dtls .list .sfee .chip,
#withdrawal_page .trans_dtls .list .sfee .chip {
    background: #4caf50;
}

#wallte_page .trans_dtls .list .sfee .pricce,
#withdrawal_page .trans_dtls .list .sfee .pricce {
    color: #4caf50;
}

#wallte_page .trans_dtls .list .topup .chip,
#withdrawal_page .trans_dtls .list .topup .chip {
    background: #2196f3;
}

#wallte_page .trans_dtls .list .topup .pricce,
#withdrawal_page .trans_dtls .list .topup .pricce {
    color: #2196f3;
}

#wallte_page .trans_dtls .list .jaccept .chip,
#withdrawal_page .trans_dtls .list .jaccept .chip {
    background: #ff9800;
}

#wallte_page .trans_dtls .list .jaccept .pricce,
#withdrawal_page .trans_dtls .list .jaccept .pricce {
    color: #ff9800;
}

#wallte_page .trans_dtls .list .apenalty .chip,
#withdrawal_page .trans_dtls .list .apenalty .chip {
    background: #e91e63;
}

#wallte_page .trans_dtls .list .apenalty .pricce,
#withdrawal_page .trans_dtls .list .apenalty .pricce {
    color: #e91e63;
}

#wallte_page .trans_dtls .list .penalty .chip,
#withdrawal_page .trans_dtls .list .penalty .chip {
    background: #f44336;
}

#wallte_page .trans_dtls .list .penalty .pricce,
#withdrawal_page .trans_dtls .list .penalty .pricce {
    color: #f44336;
}

#wallte_page .trans_dtls .list .revert .chip,
#withdrawal_page .trans_dtls .list .revert .chip {
    background: #795548;
}

#wallte_page .trans_dtls .list .revert .pricce,
#withdrawal_page .trans_dtls .list .revert .pricce {
    color: #795548;
}

#wallte_page .trans_dtls .list .jamount .chip,
#withdrawal_page .trans_dtls .list .jamount .chip {
    background: #00BCD4;
}

#wallte_page .trans_dtls .list .jamount .pricce,
#withdrawal_page .trans_dtls .list .jamount .pricce {
    color: #00BCD4;
}

#wallte_page .trans_dtls .list .reserved .chip,
#withdrawal_page .trans_dtls .list .reserved .chip {
    background: #4a4848;
}

#wallte_page .trans_dtls .list .reserved .pricce,
#withdrawal_page .trans_dtls .list .reserved .pricce {
    color: #4a4848;
}

#wallte_page .trans_dtls .list ul:before,
#wallte_page .trans_dtls .list ul:after,
#withdrawal_page .trans_dtls .list ul:before,
#withdrawal_page .trans_dtls .list ul:after {
    background-color: transparent;
    height: 0px;
}

#wallte_page .trans_dtls .list .item-inner:after,
#withdrawal_page .trans_dtls .list .item-inner:after {
    background-color: rgba(0, 0, 0, 0.49);
}

.info_popups li {
    padding-left: 5px;
    padding-bottom: 15px;
    /*color:teal;*/
    /*    background-color: teal;
        color: white;
        border-radius: 5px;*/
}


/* start multiple file attachment */

.multi_attach {
    border-radius: 10px;
}

.multi_attach .card-header {
    height: 50px;
    width: 100%;
    background-color: #ecf0f1;
    border: 2px solid teal;
}

.multi_attach p {
    width: 100%;
}

.multi_attach i {
    float: right;
}

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


/* end multiple file attachment */

.passbook_info_popup li {
    padding-left: 5px;
    padding-bottom: 15px;
}

.change_pass_input {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


/* introduction page styles */

#introduction_page #first_page {
    background-color: #27ae60;
    /*color:#27ae60;*/
}

#introduction_page #second_page {
    /*color:#2980b9;*/
    background-color: #16a085;
}

#introduction_page #third_page {
    /*color:#16a085;*/
    background-color: #2980b9;
}

#introduction_page #fourth_page {
    /*color:#16a085;*/
    background-color: #2c3e50;
}

#introduction_page .swiper-pagination-bullet-active,
.job-vehicles-popup .swiper-pagination-bullet-active {
    background: #000 !important;
}

#introduction_page .swiper-pagination-bullets,
.job-vehicles-popup .swiper-pagination-bullets {
    /*bottom:18px;*/
}

#introduction_page .swiper-pagination-bullet,
.job-vehicles-popup .swiper-pagination-bullet {
    border-radius: 30%;
}

#introduction_page figure,
#allowplugins_page figure,
.job-vehicles-popup figure {
    display: block;
    width: 35%;
    margin: 0 auto;
    margin-bottom: 10px;
}

#introduction_page figure img,
#allowplugins_page figure img,
.job-vehicles-popup figure img {
    width: 100%;
    /*animation: zoominoutsinglefeatured 1s;*/
}

#introduction_page .suprt_msge h1,
#allowplugins_page .suprt_msge h1 {
    /*font-size: 25px;*/
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
    color: white;
}

.job-vehicles-popup .suprt_msge h1 {
    font-size: 25px;
    margin: 0;
    text-transform: uppercase;
    color: black;
}

#introduction_page .suprt_msge p,
#allowplugins_page .suprt_msge p {
    color: #000;
    margin: 0 auto;
    margin-top: 7px;
    width: 95%;
    font-size: 14px;
    color: white;
}

.job-vehicles-popup .suprt_msge p {
    color: #000;
    margin: 0 auto;
    margin-top: 7px;
    width: 95%;
    font-size: 16px;
    color: black;
    /*line-height: 30px;*/
    line-height: 1.7em;
    letter-spacing: 1px;
}

#introduction_page .suprt_msge,
#allowplugins_page .suprt_msge,
.job-vehicles-popup .suprt_msge {
    text-align: center;
    color: #000;
}

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

#allowplugins_page .page-content {
    background-color: #318686;
}


/* end introduction page */


/* start privacy policy page */

#privacy_policy_page .policy-title {
    color: black;
    font-size: 26px;
}

#privacy_policy_page .header {
    color: black;
    font-size: 17px;
}

#privacy_policy_page b {
    color: black;
    font-size: 16px;
}

#privacy_policy_page li {
    margin: 0 0 15px 0;
}


/* end privacy policy page */

.picker-center-highlight {
    border: 1.5px solid teal;
    border-left: 0px;
    border-right: 0px;
}


/* review page */

.comment_rate i {
    color: teal;
    opacity: 1 !important;
}


/* start transactions page */

#transactions_page .block-title {
    color: #181818;
    margin: 0;
    text-transform: uppercase;
    padding: 10px;
    margin-bottom: 5px;
    margin-top: 4px;
    padding-left: 0;
}

#transactions_page .trans_dtls .list {
    margin: 0;
}

#transactions_page .trans_dtls .list .item-content {
    padding-left: 0;
    min-height: inherit;
    overflow: inherit;
    margin-bottom: 2px;
}

#transactions_page .trans_dtls .list .item-media {
    padding: 0;
    margin-top: -15px;
}

#transactions_page .trans_dtls .list .item-media span {
    width: 40px;
    height: 40px;
    background-color: rgba(218, 218, 218, 0.37);
    border-radius: 50%;
    color: #008080;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    /* border: 1px solid #063e3f; */
}

#transactions_page .trans_dtls .list .item-inner {
    padding-right: 0;
    background-image: none;
    margin-left: 11px;
}

#transactions_page .trans_dtls .list .itm_detls {
    width: 100%;
    flex-shrink: 1;
}

#transactions_page .trans_dtls .list .item-title {
    white-space: normal;
    text-overflow: inherit;
    width: 100%;
    min-width: 100%;
}

#transactions_page .trans_dtls .list .item-after {
    padding-left: 0;
}

#transactions_page .trans_dtls .list .item-after .chip {
    padding: 0 9px;
    height: 23px;
    font-size: 12px;
    color: #fff;
}

#transactions_page .trans_dtls .list .pricce {
    width: 130px;
    display: inline-block;
    text-align: right;
}

#transactions_page .trans_dtls .list .sfee .chip {
    background: #4caf50;
}

#transactions_page .trans_dtls .list .sfee .pricce {
    color: #4caf50;
}

#transactions_page .trans_dtls .list .topup .chip {
    background: #2196f3;
}

#transactions_page .trans_dtls .list .topup .pricce {
    color: #2196f3;
}

#transactions_page .trans_dtls .list .jaccept .chip {
    background: #ff9800;
}

#transactions_page .trans_dtls .list .jaccept .pricce {
    color: #ff9800;
}

#transactions_page .trans_dtls .list .apenalty .chip {
    background: #e91e63;
}

#transactions_page .trans_dtls .list .apenalty .pricce {
    color: #e91e63;
}

#transactions_page .trans_dtls .list .penalty .chip {
    background: #f44336;
}

#transactions_page .trans_dtls .list .penalty .pricce {
    color: #f44336;
}

#transactions_page .trans_dtls .list .revert .chip {
    background: #795548;
}

#transactions_page .trans_dtls .list .revert .pricce {
    color: #795548;
}

#transactions_page .trans_dtls .list .jamount .chip {
    background: #00BCD4;
}

#transactions_page .trans_dtls .list .jamount .pricce {
    color: #00BCD4;
}

#transactions_page .trans_dtls .list .reserved .chip {
    background: #4a4848;
}

#transactions_page .trans_dtls .list .reserved .pricce {
    color: #4a4848;
}

#transactions_page .trans_dtls .list ul:before,
#transactions_page .trans_dtls .list ul:after {
    background-color: transparent;
    height: 0px;
}

#transactions_page .trans_dtls .list .item-inner:after {
    background-color: rgba(0, 0, 0, 0.49);
}


/* end transactions page */

.md .item-label,
.ios .item-label {
    font-size: 13px;
}

.md .item-label {
    color: #060606;
}

#page-newjobpost .menu-icon {
    position: absolute;
    z-index: 1;
    left: 4px;
    top: 2px;
    border-radius: 2px;
    /*border: 2px solid teal;*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);
}

#page-newjobpost .menu-icon i {
    font-size: 34px;
    padding-left: 4px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}

#page-newjobpost .pick_style li {
    /* background-color: #fff;
    /*border-radius: 60px;*/
    /* border: 1px solid #e4e4e4;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.21);
    margin-bottom: 10px; */
    padding-left: 0;
}

#page-newjobpost .date_now {
    margin-top: 9px;
    display: block;
    font-size: 16px;
}

#page-newjobpost .pick_style li a {
    padding-left: 7px;
}

#page-newjobpost .pick_style li a i {
    font-size: 24px;
}

#page-newjobpost .pick_style .item-media {
    min-width: 30px;
    border-right: 1px solid #dcdcdc;
    height: 27px;
    padding-left: 5px;
    padding-right: 7px;
}

#page-newjobpost .pick_style .frst_cld .item-title {
    font-size: 16px;
    padding-left: 8px;
}

.lftt_spce {
    padding-left: 8px;
}

#page-newjobpost .pick_style li .item-inner {
    padding-right: 0px;
    margin-left: 0px;
    background-image: none;
}

#page-newjobpost .pick_style li .item-inner:after {
    background-color: transparent;
}

#page-newjobpost .newjob-details {
    background-color: #ffffff;
    height: 35px;
    display: block;
    border: 1px solid #d2d2d2;
    border-radius: 0 30px 30px 0;
    border-left: none;
    margin-left: -3px;
    padding-left: 24px;
    padding-top: 11px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 20px;
}

#page-newjobpost .car_icon {
    border-radius: 30px 0 0 30px;
    min-width: 45px;
    line-height: 44px;
}

#page-newjobpost .car_icon i {
    font-size: 18px;
    margin-left: 5px;
}

#page-newjobpost .butn_algn {
    margin: 0;
    margin-top: 20px;
}

#newjobpost_page .block_style {
    margin: 0;
    padding: 0;
}

#newjobpost_page .fill-back-btn {
    color: teal;
    border: 1px solid teal;
    background-color: white !important;
}

#newjobpost_page .ula-xlarge-btn {
    height: 55px;
    line-height: 20px;
    padding-top: 8px;
}

#newjobpost_page .jobpost-tc {
    color: red;
    font-size: 12px;
    margin-top: 3px;
}

#newjobpost_page .meetgreet-radio .item-radio {
    background-color: #dedede63;
    border-radius: 5px;
}

#newjobpost_page .meetgreet-radio .item-title {
    font-size: 20px;
}

#paycard_list ul {
    background-color: #e2e2e25c;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, .12);
}

#cancel-normaljob-btn,
#cancel-sendingjob-btn {
    width: 100%;
    background-color: red;
    color: white;
}

#drop-location-popup .drop_radio label.item-radio input[type=radio]:checked~.icon-radio,
#pickup-location-popup .pickup_radio label.item-radio input[type=radio]:checked~.icon-radio {
    border-color: teal;
}

#pickup-location-popup .radio input[type=radio]:checked~.icon-radio:after,
#pickup-location-popup label.item-radio input[type=radio]:checked~* .icon-radio:after,
#pickup-location-popup label.item-radio input[type=radio]:checked~.icon-radio:after,
#drop-location-popup .radio input[type=radio]:checked~.icon-radio:after,
#drop-location-popup label.item-radio input[type=radio]:checked~* .icon-radio:after,
#drop-location-popup label.item-radio input[type=radio]:checked~.icon-radio:after {
    background-color: teal;
}


/* full screen popup changes */

.job-status-popup,
.accepted-driver-popup {
    background: transparent;
}

.accepted-driver-popup .guestname {
    text-transform: uppercase;
    font-weight: bold;
}

.accepted-driver-popup .driver_popup_page .card-header {
    border-radius: 50%;
}

.driver_popup_page .accepted-driver-popup {
    height: 300px;
}

/*.job-status-popup #jobstatus-popup-close{
    float:right;
    font-size:25px;
}*/

.job-status-popup .block-header {
    margin-top: 15px;
}

.job-status-popup .block {
    margin-bottom: 10px;
}

.job-status-popup .header-txt {
    font-size: 19px;
    color: teal;
}

.job-status-popup .content-txt {
    font-size: 15px;
}

.job-status-popup .demo-card-header-pic {
    border-radius: 10%;
}

.job-status-popup .demo-card-header-pic div {
    border-radius: 10%;
}

.full-screen-popup {
    background-color: white;
    border: 1px solid #111;
    margin-top: 12vh;
    left: auto !important;
    top: auto !important;
    width: 80%;
    height: auto !important;
}

#accepted-driver-popup .full-screen-popup {
    background-color: white;
    border: 1px solid #111;
    margin-top: 12vh;
    left: auto !important;
    top: auto !important;
    /* width: 80%; */
    height: auto !important;

}

/* end full screen popup */

.select_favourite .favourite_check {
    margin-right: 15px !important;
}

#cancel_reasons .item-title {
    white-space: pre-wrap;
}

.no_records_spacing {
    padding-top: 15px;
    padding-bottom: 15px;
}

#add_favourites_page .inset_no_spacing {
    margin-left: 0px;
    margin-right: 0px;
}

.rm_spacing_inset {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.md .input-focused-after,
.md .item-input-focused .item-input-wrap:after {
    background: teal;
}

.md .item-input-focused .item-floating-label,
.md .md .item-input-focused .item-label {
    color: teal;
}

.md .item-input-focused .item-label {
    color: teal;
}


/* promo page UI changes */

#promo_page .block-title {
    color: #181818;
    margin: 0;
    text-transform: uppercase;
    padding: 10px;
    margin-bottom: 5px;
    margin-top: 4px;
    padding-left: 0;
}

#promo_page .trans_dtls .list {
    margin: 0;
}

#promo_page .trans_dtls .list .item-content {
    padding-left: 0;
    min-height: inherit;
    overflow: inherit;
    margin-bottom: 2px;
}

#promo_page .trans_dtls .list .item-media {
    padding: 0;
    margin-top: -15px;
}

#promo_page .trans_dtls .list .item-media span {
    width: 40px;
    height: 40px;
    background-color: rgba(218, 218, 218, 0.37);
    border-radius: 50%;
    color: #008080;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    /* border: 1px solid #063e3f; */
}

#promo_page .trans_dtls .list .item-inner {
    padding-right: 0;
    background-image: none;
    margin-left: 11px;
}

#promo_page .trans_dtls .list .itm_detls {
    width: 100%;
    flex-shrink: 1;
}

#promo_page .trans_dtls .list .item-title {
    white-space: normal;
    text-overflow: inherit;
    width: 100%;
    min-width: 100%;
}

#promo_page .trans_dtls .list .item-after {
    padding-left: 0;
}

#promo_page .trans_dtls .list .item-after .chip {
    padding: 0 9px;
    height: 23px;
    font-size: 12px;
    color: #fff;
}

#promo_page .trans_dtls .list .pricce {
    width: 130px;
    display: inline-block;
    text-align: right;
}

#promo_page .trans_dtls .list .sfee .chip {
    background: #4caf50;
}

#promo_page .trans_dtls .list .sfee .pricce {
    color: #4caf50;
}

#promo_page .trans_dtls .list .topup .chip {
    background: #2196f3;
}

#promo_page .trans_dtls .list .topup .pricce {
    color: #2196f3;
}

#promo_page .trans_dtls .list .jaccept .chip {
    background: #ff9800;
}

#promo_page .trans_dtls .list .jaccept .pricce {
    color: #ff9800;
}

#promo_page .trans_dtls .list .apenalty .chip {
    background: #e91e63;
}

#promo_page .trans_dtls .list .apenalty .pricce {
    color: #e91e63;
}

#promo_page .trans_dtls .list .penalty .chip {
    background: #f44336;
}

#promo_page .trans_dtls .list .penalty .pricce {
    color: #f44336;
}

#promo_page .trans_dtls .list .revert .chip {
    background: #795548;
}

#promo_page .trans_dtls .list .revert .pricce {
    color: #795548;
}

#promo_page .trans_dtls .list .jamount .chip {
    background: #00BCD4;
}

#promo_page .trans_dtls .list .jamount .pricce {
    color: #00BCD4;
}

#promo_page .trans_dtls .list .reserved .chip {
    background: #4a4848;
}

#promo_page .trans_dtls .list .reserved .pricce {
    color: #4a4848;
}

#promo_page .trans_dtls .list ul:before,
#promo_page .trans_dtls .list ul:after {
    background-color: transparent;
    height: 0px;
}

#promo_page .trans_dtls .list .item-inner:after {
    background-color: rgba(0, 0, 0, 0.49);
}

#promo_details_pge .trsn_tp_dlts,
#withdrawal_details_pge .trsn_tp_dlts {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

#promo_details_pge .trsn_tp_dlts.sfee span {
    background: #4caf50;
}

#promo_details_pge .trsn_tp_dlts.sfee h1 {
    color: #4caf50;
}

#promo_details_pge .trsn_tp_dlts.topup span {
    background: #2196f3;
}

#promo_details_pge .trsn_tp_dlts.topup h1 {
    color: #2196f3;
}

#promo_details_pge .trsn_tp_dlts.jaccept span {
    background: #ff9800;
}

#promo_details_pge .trsn_tp_dlts.jaccept h1 {
    color: #ff9800;
}

#promo_details_pge .trsn_tp_dlts.apenalty span {
    background: #e91e63;
}

#promo_details_pge .trsn_tp_dlts.apenalty h1 {
    color: #e91e63;
}

#promo_details_pge .trsn_tp_dlts.penalty span {
    background: #f44336;
}

#promo_details_pge .trsn_tp_dlts.penalty h1 {
    color: #f44336;
}

#promo_details_pge .trsn_tp_dlts.revert span {
    background: #795548;
}

#promo_details_pge .trsn_tp_dlts.revert h1 {
    color: #795548;
}

#promo_details_pge .trsn_tp_dlts.jamount span {
    background: #00BCD4;
}

#promo_details_pge .trsn_tp_dlts.jamount h1 {
    color: #00BCD4;
}

#promo_details_pge .trsn_tp_dlts.reserved span {
    background: #4a4848;
}

#promo_details_pge .trsn_tp_dlts.reserved h1 {
    color: #4a4848;
}

#promo_details_pge .trsn_tp_dlts span {
    width: 80px;
    height: 80px;
    margin-bottom: 8px;
    border-radius: 50%;
    background-color: #2867b6;
    display: inline-block;
}

#promo_details_pge .trsn_tp_dlts span b {
    color: #fff;
    font-size: 46px;
    line-height: 80px;
}

#promo_details_pge .trsn_tp_dlts h1 {
    margin: 0;
    color: #2867b6;
    font-weight: 500;
}

#promo_details_pge .trsn_tp_dlts p {
    margin: 0;
    margin-bottom: 12px;
    font-size: 18px;
    margin-top: 2px;
}

#promo_details_pge .card {
    background-color: #fafafa;
    border-color: #e3e3e3;
    border-radius: 5px;
    margin: 0;
}

#promo_details_pge .card .card-content-padding {
    padding: 14px;
}

#promo_details_pge .card-header {
    display: block;
    padding: 0;
    margin: 11px 16px;
    padding-bottom: 5px;
    display: none;
}

#promo_details_pge .card-header:after {
    background-color: #d8d8d8;
    height: 2px;
}

.md.device-pixel-ratio-2 .item-input-wrap:after {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
}


/* dashboard page */

#dashboard-page .bookings_count_div .list_div {
    padding-top: 9px;
    background-color: teal;
    color: white;
    font-size: 20px;
}

#dashboard-page .bookings_count_div .advance_div {
    padding-top: 9px;
    background-color: white;
    color: teal;
    font-size: 20px;
}

#dashboard-page .bookings_count_div .elevation-24 {
    width: 100%;
}

#dashboard-page .list_div .text_div {
    text-align: right;
}

#dashboard-page .advance_div .text_div {
    text-align: right;
}


/* loader icon */

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid blue;
    border-right: 16px solid green;
    border-bottom: 16px solid red;
    border-left: 16px solid pink;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* start job payment popup */

.job-payment-popup .header_txt {
    text-align: center;
    font-size: 30px;
    padding-top: 20px;
}

.job-payment-popup .header_amt {
    text-align: center;
    font-size: 20px;
    margin-top: -30px;
}

.job-payment-popup .header_amt span {
    font-size: 30px;
}

.job-payment-popup .list .item-inner {
    margin-left: 0px !important;
    background-image: none;
    padding-right: 15px !important;
}

.job-payment-popup .list .item-after {
    font-size: 20px;
}

.job-payment-popup .success-job {
    height: 30%;
    background-color: #2ecc71;
    color: white;
}

.job-payment-popup .error-job {
    height: 30%;
    background-color: #e74c3c;
    color: white;
}

.job-payment-popup .process-job {
    height: 30%;
    background-color: #f39c12;
    color: white;
}


/* end job payment popup */


/* start messages page  */

.inbox-msgs .msg-unread .item-media,
.inbox-msgs .msg-read .item-media {
    margin-right: -15px;
    margin-top: 10px;
}

.inbox-msgs .msg-unread .item-media img,
.inbox-msgs .msg-read .item-media img {
    width: 30px;
}

.inbox-msgs .msg-unread .item-media i {
    position: absolute;
    font-size: 13px;
    padding-left: 20px;
    color: teal;
    margin-top: -5px;
}

.inbox-msgs .msg-unread .item-inner .item-title-row,
.inbox-msgs .msg-read .item-inner .item-title-row {
    background-image: none;
}

.inbox-msgs .msg-unread .item-inner .item-title-row,
.inbox-msgs .msg-read .item-inner .item-title-row {
    padding-right: 0px;
}

.inbox-msgs .msg-unread .item-inner .item-text {
    white-space: nowrap;
    color: black;
}

.inbox-msgs .msg-unread .item-inner .item-title {
    /*text-overflow:clip;*/
}

.inbox-msgs .msg-read .item-inner .item-title {
    color: #6f6666;
    /*text-overflow:clip;*/
}

.inbox-msgs .msg-read .item-inner .item-text {
    white-space: nowrap;
}

#message_details_page .delete-msg {
    padding-right: 15px;
}


/* end messages page  */


/* start notification page */

#notification_page .notify-i {
    font-size: 22px;
    margin-top: -3px;
}

#notification_page #notification_list .block {
    margin-top: -15px;
    border-radius: 20px;
}

#notification_page #notification_list .block-strong:before,
#notification_page #notification_list .block-strong:after {
    background-color: transparent;
}

#notification_page #notification_list .item-title {
    font-size: 19px;
    border-bottom: 1px dashed #c7c7c7;
    padding-bottom: 7px;
}

#notification_page #notification_list .item-title span {
    float: right;
    font-size: 14px;
    padding-top: 6px;
    color: teal;
}

#notification_page #notification_list .item-content {
    padding-top: 6px;
}

#notification_page #notification_list .color-green {
    color: #27ae60;
}

#notification_page #notification_list .color-red {
    color: #c0392b;
}

#notification_page #notification_list .color-blue {
    color: #2980b9;
}


/* end notification page */


/* pending favourites page */

#pending_favourites .list .item-title {
    padding-bottom: 10px;
    font-size: 20px;
    text-align: center;
}

#pending_favourites .list .item-subtitle a {
    border-radius: 20px;
}

#page-jobstatus .back-icon {
    position: absolute;
    z-index: 1;
    left: 4px;
    top: 2px;
    border-radius: 30%;
    height: 40px;
    /*border: 2px solid teal;*/
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px;
}

#page-jobstatus .back-icon i {
    font-size: 34px;
    padding-left: 4px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 1px;
}

#page-jobstatus .eta-icon {
    position: absolute;
    z-index: 1;
    right: 3px;
    top: 2px;
    border-radius: 12%;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px;
    text-align: center;
    width: 80px;
    font-size: 12px;
    color: teal;
    padding: 7px;
}

#page-jobstatus .eta-icon b {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    color: teal;
}

#page-jobstatus .eta-icon i {
    font-size: 25px;
    padding: 1px 5px 1px 4px;
}

#page-jobstatus li.frst_row {
    border: 2px solid rgba(0, 0, 0, 0.1);
    box-shadow: none !important;
    margin-bottom: 0px !important;
}

.collect-cash-popup .dialog-inner {
    background-color: #c0392b;
    color: white;
}

.collect-cash-popup .dialog-title {
    color: white;
    text-align: center;
}

.collect-cash-popup .dialog-text {
    text-align: center;
}

.collect-cash-popup .dialog-text span {
    font-size: 40px;
}

.md .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner.accordition-icon-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%2000000'%20transform%3D'translate(6.5%2C%206.5)%20rotate(-315)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}

.md .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner.accordition-icon-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'13px'%20height%3D'8px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%2000000'%20transform%3D'translate(1.5%2C%206.5)%20rotate(-135)%20translate(-10%2C%20-6.5)'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}


/* landing page css */

#landing-page .landing-header {
    background-color: teal;
}

#landing-page .landing-header p {
    color: white;
    width: 100%;
    text-align: center;
    font-size: 45px;
    margin: 10px;
    letter-spacing: 1px;
}

#landing-page .landing-content {
    padding-top: 10%;
}

#landing-page .landing-content .landing-inner {
    background-color: teal;
}

#landing-page .landing-content .landing-inner .swiper-wrapper {
    height: 100%;
}

#landing-page .landing-content .landing-inner .swiper-slide {
    background-color: teal;
}

#landing-page .landing-content .landing-inner .swiper-slide .block {
    margin-top: 15px;
}

/* #landing-page .landing-buttons {
    position: relative;
    bottom: 10px;
    width: 100%;
} */

.landing-buttons {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#landing-page .landing-buttons a {
    width: 50%;
    font-size: 15px;
    border-radius: 0px;
    border: 2px solid white !important;
}

#landing-page .swiper-pagination-bullet-active,
.job-vehicles-popup .swiper-pagination-bullet-active {
    background: #000 !important;
}

#landing-page .swiper-pagination-bullet,
.job-vehicles-popup .swiper-pagination-bullet {
    border-radius: 30%;
}

#landing-page figure,
#allowplugins_page figure,
.job-vehicles-popup figure {
    display: block;
    width: 35%;
    margin: 0 auto;
    margin-bottom: 10px;
}

#landing-page figure img,
#allowplugins_page figure img,
.job-vehicles-popup figure img {
    width: 100%;
}

#landing-page .suprt_msge h1,
#allowplugins_page .suprt_msge h1 {
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
    color: white;
}

#landing-page .suprt_msge p,
#allowplugins_page .suprt_msge p {
    color: #000;
    margin: 0 auto;
    margin-top: 7px;
    width: 95%;
    font-size: 14px;
    color: white;
}

#landing-page .suprt_msge,
#allowplugins_page .suprt_msge,
.job-vehicles-popup .suprt_msge {
    text-align: center;
    color: #000;
}

/* end landing page css */

.md .progressbar-infinite:after,
.md .progressbar-infinite:before {
    background: teal;
}

.md .progressbar,
.md .progressbar-infinite {
    background: rgba(0, 128, 128, .5)
}

.notification-title {
    color: teal !important;
}

.padding-div {
    padding: 0px 0px !important;
}

.padding-div mark.edit_validate_txt {
    margin: 0px 10px;
}

.ula-icons-div.demo-icon {
    border: 2px solid #02b875;
    width: 45px;
    padding-top: 5px;
    border-radius: 10px;
}

/*.actions-grid .actions-button{
    width: 50%;
}*/

.actions-grid .actions-button-text {
    font-size: 15px !important;
    color: black !important;
}

.eta-preloader {
    width: 20px !important;
    height: 20px !important;
}

.calendar-modal.modal-in .calendar-header {
    background: teal;
}

.calendar-modal.modal-in .calendar-day.calendar-day-selected .calendar-day-number {
    background: teal;
}

.pickup-local-radio .item-title {
    white-space: pre-wrap;
}

/* preloader styles */

/*.preloader-modal{
    background:transparent;
}

.preloader-modal .preloader-inner-half-circle{
    border-color:teal !important;
}*/

/*.past-booking-search .list ul:after,.past-booking-search .list ul:before{
    background-color: transparent;
}*/


/*selva added css*/
.share_ula_popup {
    position: relative;
    left: 70%;
}

.share_ula_chip {
    background-color: teal !important;
    box-shadow: 1px 5px 5px 0px #607D8B;
}

.main-cInfo {
    margin: auto !important;
    padding: 14px 0px 0px 50px !important
}

.sub-cInfo {
    background-color: #e81e1e !important;
    color: #fff !important;
    height: 100% !important;
    line-height: 22px !important;
}

#job_notes {
    color: teal;
    font-size: large;
    /*text-shadow: 0px 1px 2px black;*/
}

.guest_main_info {
    margin: auto !important;
    top: -6%;
    font-size: small !important;
    padding-bottom: 5px;
}

.guest_chip_info {
    background: teal !important;
    color: #fff !important;
    font-size: smaller !important;
}

.page_center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sw_txt {
    /* text-shadow: 2px 1px 2px #607D8B; */
    margin-bottom: -23px;
    font-size: 20px;
}

.ex_content {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

#booking_info {
    color: teal;
}

#booking_info_rt {
    position: absolute;
    color: teal;
    right: 5%;
}

.info_circle {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    font-size: 10px;
    color: #fff;
    line-height: 35px;
    text-align: center;
    padding: 0px -1px;
    margin-right: 5px;
}

.mg_bg {
    background: #673AB7;
}

.dwp_bg {
    background: #F44336;
}

.hl_bg {
    background: #3F51B5;
}

.at_bg {
    background: #2196F3;
}

.text-uppercase {
    text-transform: uppercase;
}

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

.picker-columns {
    justify-content: flex-start !important;
}

.pp-toggle {
    float: right;
    margin-top: -11%;
    color: #009688;
    margin-right: -8%;
}

.cash-info-new-job {
    font-size: 12px;
    color: #000000;
    display: block;
    margin-top: -11px;
    text-align: justify;
    margin-bottom: 7px;
    background-color: #ebda1d;
    border-radius: 4px;
    padding: 4px 7px;
    line-height: 16px;
}

.cash-info-new-job:empty {
    padding: 0;
}

.driver-partner-span {
    font-size: 11px;
    color: teal;
    margin-right: 2%;
}

.common_dash_toggle {
    display: flex;
    border: 1px solid white;
    z-index: 1500;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .4);
    margin-left: 40%;
    background: white;
    border-radius: 6px;
    padding: 4px 14px;
    position: fixed;
    right: 0%;
    cursor: pointer;
}

.common_dash_toggle_content {
    width: 63%;
    height: 5%;
    align-items: center;
}

.common_dash_toggle_icon_forward {
    width: 75%;
    height: 4%;

}

.common_dash_toggle_icon_backward {
    width: 4%;
    height: 4%;
    align-items: center;
    justify-content: center;
}

#popup_all_fare .item-input-wrap .ula_fare {
    font-size: 20px;
    color: #514f4f;
}

#popup_all_fare .item-content.item-final .currency_code,
#popup_all_fare .item-content.item-final .ula_fare {
    font-size: 20px;
    color: #fff;
}

#popup_all_fare .item-input-wrap {
    min-height: 0px !important;
}

#popup_all_fare .item-input-wrap:after {
    content: none;
}

#popup_all_fare .list .item-inner {
    position: relative;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    min-width: 0;
    padding-right: 0 !important;
}

#popup_all_fare p {
    margin: 0;
    text-align: right !important;
}

#popup_all_fare .md .list .item-inner {
    padding-right: 0px !important;
}

#all_fare_div .md .list {
    margin: 0px !important;
    font-size: 16px !important;
}

#all_fare_div .item-content {
    padding-left: 16px;
    height: 42px !important;
    min-height: 0px;
    /* background-color: #f3f3f3; */
    margin-bottom: 1px;
}

#all_fare_div .item-content.hide_div {
    display: none !important;
}

#all_fare_div .item-content .item-inner {
    height: auto !important;
    padding-top: 12px;
    padding-right: 20px;
    padding-left: 0;
    padding-bottom: 15px;
}

#all_fare_div .item-content .item-inner .item-title {
    color: #514f4f;
    font-weight: normal;
    font-size: 14px;
}

/* #all_fare_div  .item-content:nth-child(even)
{
    background-color: #f7f7f7;
} */
#all_fare_div .item-content.item-final {
    background-color: #56535a;
    margin-bottom: 0;
    height: 48px !important;
}

#all_fare_div .item-content.item-final .item-title {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 23px;
}

#all_fare_div .list {
    margin: 0px !important;
    font-size: 16px !important;
}

.popup_btn {
    margin-bottom: 25px !important;
    margin-top: 11px !important;
}

.Fare_Details_list {
    border-radius: 10px 10px 0 0;
}

.Fare_Details_list .media-list {
    margin: 0px;
    /* height: 300px; */
    /* overflow: scroll; */
}

.Fare_Details_list .actions-label {
    font-size: 18px;
    color: #fff;
    background-color: teal;
    padding: 14px 10px;
}

.Fare_Details_list .actions-label b {
    width: 100%;
    text-align: center;
    font-size: 20px;
}

#Fare_Details-close {
    width: 40%;
    text-align: center;
    background-color: #f64e4b;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

#Fare_Details-close div {
    color: white;
}

.item_lbl {
    padding-top: 0px !important;
}


/* Vehicle List Popup Style */
#vehicle-list ul li.block-title {
    display: block;
    margin: 18px 16px;
    font-size: 18px;
    font-weight: 200;
    background-color: #fff !important;
}

#vehicle-list ul li .item-title {
    color: #545252;
    font-size: 14px;
}

#vehicle-list ul li .item-media {
    padding-top: 10px;
    padding-bottom: 10px;
}

#vehicle-list ul li {
    background-color: #f4f4f4;
    margin-bottom: 1px;
}

#vehicle-list ul li.selected-vehicle {
    background-color: #616161 !important;
}

#vehicle-list ul li.selected-vehicle .item-title,
#vehicle-list ul li.selected-vehicle .info_icon {
    color: #fff !important;
}

#vehicle-list .list ul:before {
    content: none;
}

#vehicle-list ul li:nth-child(odd) {
    background-color: #f9f8f8;
}

#vehicle-list ul li .info_icon {
    float: right;
    font-size: 24px;
    padding-right: 4px;
}

#vehicle-list ul li .item-media img {
    width: 70px;
}

#vehicletype_next_btn {
    bottom: 10px;
    right: 10px;
    position: absolute;
    z-index: 999;
    background-color: teal;
    color: #fff;
}

#send-job-btn {
    background-color: #1e5656;
    border-radius: 3px;
    min-width: auto;
    height: auto;
    line-height: normal;
    padding: 8px 11px;
    font-size: 14px;
    margin-right: 7px;
    font-family: 'Open Sans Regular';
    margin-top: 1px;
}

#send-job-btn i {
    font-size: 14px;
    margin-right: 5px;
}

/* Favourites List Popup Style */
#fav_driver_popup .searchbar {
    margin: 0;
    margin-top: 10px;
    box-shadow: none;
    background-color: #f5f5f5;
}

#fav_driver_popup .searchbar .searchbar-icon {
    left: 6px;
}

#fav_driver_popup .searchbar input[type=search] {
    padding-left: 51px;
    font-size: 16px;
    color: #615e5e;
}

#fav_driver_popup .selct_all_tle {
    margin: 16px;
    margin-top: 19px;
}

#fav_driver_popup .searchbar-found .item-inner:after {
    background-color: transparent;
}

#fav_driver_popup .searchbar-found li {
    background-color: #f5f5f5;
}

#fav_driver_popup .searchbar-found li:nth-child(even) {
    background-color: #efefef;
}

#fav_driver_popup .searchbar-found .selct_all_tle {
    padding: 20px 15px;
    background-color: #e2e2e2;
    margin: 0;
    color: #111;
}

#fav_driver_popup #select-all-favourites {
    width: 9% !important;
}

/* Payment Page Style */
#booking_details_div .payment_page .item-content {
    padding-left: 0;
}

#booking_details_div .payment_page .item-content .item-inner {
    padding-right: 0;
}

#booking_details_div .payment_page .pymnt_option {
    background-color: #f3f3f3;
    outline: 1px solid #c8c8c8;
    margin-top: 10px;
    padding: 8px;
    text-align: center;
    padding-top: 12px;
}

#booking_details_div .payment_page .pymnt_option .item-radio {
    display: inline-block;
    min-height: inherit;
    height: auto;
    margin-right: 15px;
    margin-bottom: 10px;
}

#booking_details_div .payment_page .pymnt_option .item-radio:last-child {
    margin-right: 0;
}

#booking_details_div .payment_page .pymnt_option .item-radio .icon-radio {
    margin-right: 5px;
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 3px;
}

#booking_details_div .payment_page .pymnt_option .item-radio input[type=radio]:checked~.icon-radio {
    border-color: #303030;
}

#booking_details_div .payment_page .pymnt_option .item-radio input[type=radio]:checked~.icon-radio:after {
    background-color: #303030;
}

#booking_details_div .payment_page .pymnt_option .item-radio .icon-radio:after {
    /* width: 9px; */
    /* height: 9px; */
    /* margin-left: -4px; */
}

#booking_details_div .payment_page .pymnt_option .item-radio .item-inner {
    padding-right: 0;
    width: auto;
    min-height: auto;
    margin: 0;
    padding: 0;
}

#booking_details_div .payment_page .pymnt_option .item-radio .item-inner:after {
    content: none;
}

#booking_details_div .payment_page .pymnt_option .list {
    margin: 0;
}

#booking_details_div .payment_page .pymnt_option .list ul li {
    padding: 0;
}

#booking_details_div .payment_page .pymnt_option .list ul li .item-title {
    font-family: 'Open Sans Regular';
    color: #0f0f0f;
}

#booking_details_div .payment_page .pymnt_option .list ul li .item-after {
    font-size: 18px;
    color: #0f0f0f;
    font-family: 'Open Sans Bold';
}

#booking_details_div .payment_page .pymnt_option li .item-content .item-inner {
    padding: 0 12px;
}

#booking_details_div .payment_page .pymnt_option .final_fare {
    background-color: #0d6666;
    color: #fff;
}

#booking_details_div .payment_page .pymnt_option .list ul li.final_fare .item-title,
#booking_details_div .payment_page .pymnt_option .list ul li.final_fare .item-after {
    color: #fff;
    font-size: 18px !important;
}

#booking_details_div .payment_page .paymnt_cnfrm_btn {
    margin-top: 20px;
}

#booking_details_div .payment_page .paymnt_cnfrm_btn .paymnt_cnfrm_btn_style,
#fav_driver_popup .paymnt_cnfrm_btn .paymnt_cnfrm_btn_style {
    border-radius: 3px;
    text-transform: capitalize;
    font-size: 14px;
    font-family: 'Open Sans Regular';
    min-width: auto;
    white-space: normal;
    height: auto;
    line-height: normal;
    padding: 14px 0;
}

#booking_details_div .payment_page .paymnt_cnfrm_btn .paymnt_cnfrm_btn_style i,
#fav_driver_popup .paymnt_cnfrm_btn .paymnt_cnfrm_btn_style i {
    margin-right: 5px;
}

/* Additional Stops View Style */
#stop_view .list {
    background-color: #fff;
    margin-bottom: 102px;
}

#stop_view .change_date_pick_bton {
    position: absolute;
    right: 0;
    top: -4px;
    height: 35px;
    line-height: 35px;
    font-family: 'Open Sans Regular';
    border-radius: 3px;
    text-transform: capitalize;
}

#stop_view .change_date_pick_bton i {
    font-size: 15px;
    margin-top: -4px;
}

#stop_view .vehicle_lists {
    display: block;
    min-height: inherit;
    padding: 0.9em 0;
    padding-bottom: 0;
}

#stop_view .vehicle_lists figure {
    margin: 0;
    float: left;
    width: 26%;
    margin-right: 15px;
    padding: 0;
    line-height: normal;
}

#stop_view .vehicle_lists figure img {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}

#stop_view .vehicle_lists p {
    margin: 0;
    margin-top: 5px;
}

#stop_view .pick_style li.location_frmto {
    padding-left: 20px;
    display: block;
    min-height: initial;
    position: relative;
}

#stop_view .pick_style li.location_frmto .additional_lctn_add {
    background-color: #303030;
    color: #fff;
    position: absolute;
    right: 0;
    padding: 5px;
    border-radius: 2px;
    line-height: 13px;
    z-index: 99;
}

#stop_view .pick_style li.location_frmto .additional_lctn_add.sml {
    padding: 3px 7px;
}

#stop_view .pick_style li.location_frmto .additional_lctn_add font {
    font-size: 10px;
    font-family: 'Open Sans Regular';
}

#stop_view .pick_style li.location_frmto .additional_lctn_add.sml i {
    font-size: 12px;
}

#stop_view .pick_style li.location_frmto .additional_lctn_add i {
    font-size: 14px;
}

#stop_view .pick_style li.location_frmto:before {
    position: absolute;
    content: "";
    left: 4px;
    width: 2px;
    height: 93%;
    top: 20px;
    background-color: #d9d9d9;
}

#stop_view .pick_style li.location_frmto .item-inner {
    position: relative;
    height: 100%;
}

#stop_view .pick_style li.location_frmto .item-inner .location_icon {
    position: absolute;
    left: -19px;
    top: 10px;
    color: #626060;
}

#stop_view .pick_style li.location_frmto .item-inner.addtnal_stops .location_icon {
    left: -21px;
    background-color: white;
    font-size: 14px;
    top: 11px;
}

#stop_view .pick_style li.location_frmto .item-inner .location_icon.stop {
    left: -22px;
    background-color: #fff;
}

#stop_view .pick_style li.location_frmto .item-inner:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background-color: #111;
}

#stop_view .pick_style li.location_frmto .item-title {
    color: #060606;
    height: auto;
    line-height: normal;
    font-size: 14px;
}

#stop_view .pick_style li.location_frmto .item-input-wrap {
    min-height: inherit;
    margin-top: 3px;
    padding-bottom: 5px;
}

#stop_view .pick_style li.location_frmto .item-input-wrap span.loctn_adrs {
    width: 100%;
    font-family: 'Open Sans Regular';
    color: #0f0f0f;
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    display: block;
}

#stop_view .pick_style li.location_frmto .item-input-wrap span.cntact_details {
    background-color: #4a4a4a;
    width: auto;
    border-radius: 3px;
    padding: 3px 8px;
    font-size: 14px;
    /* box-shadow: 2px 2px #e6e6e6; */
    /* border: 1px solid #cccccc; */
    color: #ffffff;
}

#stop_view .pick_style li.location_frmto .item-input-wrap span.cntact_details b {
    margin-right: 8px;
    font-weight: normal;
    font-family: 'Open Sans Regular';
}

#stop_view .pick_style li.location_frmto .item-input-wrap span.cntact_details b:last-child {
    margin-right: 0px;
}

#stop_view .pick_style li.location_frmto .item-input-wrap span.cntact_details b i {
    font-size: 12px;
    margin-right: 5px;
    color: #fff;
}

/* From Location Popup Style */
#location_pop_new {
    display: block;
}

.map_image {
    margin: 0;
}

.map_image img {
    width: 100%;
}

#location_pop_new .searchbar {
    margin: 0;
    margin-top: -5px;
    box-shadow: none;
    background-color: #636363;
}

#location_pop_new .searchbar .searchbar-icon {
    left: 6px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}

#location_pop_new .searchbar input[type=search] {
    padding-left: 45px;
    font-size: 16px;
    /* color: #615e5e; */
    color: #fff;
}

#location_pop_new .searchbar .searchbar-disable-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f4f4f4'%2F%3E%3C%2Fsvg%3E");
}

#location_pop_new .searchbar .input-clear-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}

#location_pop_new .location_cntct_dtls {
    background-color: #f9f9f9;
    border-top: 1px solid #eaeaea;
    padding-bottom: 10px;
}

#location_pop_new .location_cntct_dtls .block-title {
    margin: 0;
    color: #3c3b3b;
    padding-top: 16px;
}

#location_pop_new .location_cntct_dtls .block,
#location_pop_new .location_cntct_dtls .list {
    margin: 0;
}

#location_pop_new .location_cntct_dtls .list .item-content {
    padding-left: 0;
    /* border-bottom: 1px solid #e8e8e8; */
}

#location_pop_new .location_cntct_dtls .list .item-icon {
    padding: 0;
    position: relative;
    width: 30px;
    height: 50px;
}

#location_pop_new .location_cntct_dtls .list .item-icon i {
    font-size: 20px;
    top: 20px;
    position: absolute;
}

#location_pop_new .location_cntct_dtls .list .item-icon i.mble_icon {
    font-size: 28px;
}

/* #location_pop_new .location_cntct_dtls .list .item-icon i.cmts_icon
{
    top: -9px;
} */
#location_pop_new .location_cntct_dtls .list .item-content .item-inner {
    padding-bottom: 0;
}

#location_pop_new .location_cntct_dtls .list textarea.resizable {
    /* height: 106px; */
    padding: 0;
}

#location_pop_new .accordion-list ul:after,
#location_pop_new .accordion-list ul:before {
    content: none;
}

#location_pop_new .accordion-list ul li.ac_frst {
    background-color: #f3f3f3;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    margin-bottom: 20px;
}

.accordion-item-opened>.accordion-item-content {
    border-top: 1px solid rgb(200, 200, 200);
}

#location_pop_new .accordion-list .accordion-item .item-content.acrd_heading {
    min-height: 58px;
}

#location_pop_new .accordion-list .accordion-item .item-title {
    font-size: 14px;
    color: #0f0f0f;
}

#location_pop_new .accordion-list .accordion-item .item-content.acrd_heading .item-inner {
    padding: 0;
    min-height: auto;
}

#location_pop_new .accordion-list .accordion-item .item-content.acrd_heading .item-inner .item-title {
    text-overflow: inherit;
    overflow: initial;
    font-family: 'Open Sans Regular';
}

#location_pop_new .accordion-list .accordion-item .item-content.acrd_heading .item-inner .item-title b {
    padding-top: 14px;
    display: block;
    font-family: 'Open Sans Bold';
    font-size: 16px;
}

#location_pop_new .accordion-list .accordion-item .item-content.acrd_heading .item-inner .item-title span {
    position: absolute;
    top: -2px;
    z-index: 999;
    left: 0;
    font-size: 12px;
}

#location_pop_new .accordion-list .accordion-item-content .stepper-fill .stepper-button-minus,
#location_pop_new .accordion-list .accordion-item-content .stepper-fill .stepper-button-plus {
    background-color: #007f7f;
}

#location_pop_new .accordion-list .accordion-item-content .stepper-fill .stepper-input-wrap,
#location_pop_new .accordion-list .accordion-item-content .stepper-fill .stepper-value {
    border: none;
    background-color: #fff;
}

#location_pop_new .accordion-list .accordion-item-content .item-content {
    padding-left: 0;
}

#location_pop_new .accordion-list .accordion-item-content .item-content .item-inner {
    padding-right: 0;
}

#location_pop_new .accordion-list .accordion-item-content .block {
    margin-bottom: 15px;
}

#location_pop_new .accordion-list .accordion-item-content .info_box {
    font-size: 14px;
    color: #000000;
    display: block;
    text-align: center;
    margin-top: 7px;
    background-color: #ebda1d;
    border-radius: 4px;
    padding: 4px 7px;
    line-height: 19px;
}

#location_pop_new .accordion-list .accordion-item-content .item-floating-label {
    font-size: 11px;
    color: #0f0f0f;
}

#location_pop_new .accordion-list .accordion-item-content .item-input-focused .item-floating-label {
    font-size: 12px;
    color: #007f7f;
}

#location_pop_new .accordion-list .accordion-item-content .meetgreet-radio label.item-radio>.icon-radio {
    margin-right: 15px;
}

#location_pop_new .accordion-list .accordion-item-content .meetgreet-radio .item-inner {
    padding-right: 0;
}

#location_pop_new .accordion-list .accordion-item-content .meetgreet-radio .item-inner .item-title {
    font-size: 16px;
}

#location_pop_new .accordion-list .accordion-item-content .meetgreet-radio .item-inner:after {
    content: none;
}

#location_pop_new .accordion-list .accordion-item-content .drive-way-div .item-inner .item-input-wrap {
    position: relative;
}

#location_pop_new .accordion-list .accordion-item-content .drive-way-div .item-inner .item-input-wrap .loc_fltr_toggle,
#location_pop_new .accordion-list .accordion-item-content .meetgreet-div .item-inner .item-input-wrap .loc_fltr_toggle {
    position: absolute;
    right: 0;
    top: 4px;
    background-color: #009688;
    color: #fff;
    padding: 6px 9px;
    font-size: 13px;
    border-radius: 3px 3px 0 0;
}

#location_pop_new .location_set {
    text-transform: capitalize;
}

#location_pop_new .location_set i {
    font-size: 15px;
}

.booking_div_new {
    margin-top: 10px;
}

.date_pick_li {
    margin-top: 11px !important;
}

.place_bold::-webkit-input-placeholder {
    font-weight: 900 !important;
    font-weight: bolder !important;
}

.favourites_cnfrm_btn_style {
    border-radius: 3px !important;
    text-transform: capitalize !important;
    font-size: 14px !important;
    font-family: 'Open Sans Regular' !important;
    min-width: auto !important;
    white-space: normal !important;
    height: auto !important;
    line-height: normal !important;
    padding: 14px 0 !important;
    margin-top: 300px;
    margin-right: 10px !important;

}

/* Location Popup Style */
#location_pop_new .map_list {
    margin: 0px 10px;
}

#location_pop_new .list .item-content {
    min-height: 48px;
    padding-left: 5px;
}

#side_panel .list li.logout_menu a {
    color: #f44336;
}



/* .view_from_contact
{
    background-color: white;
    width: auto;
    border-radius: 2px;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #cccccc;
    color: #0e0e0e;
    margin: 5px 0px;

}
.flexbox{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;

}
.flexbox div{
    display: flex;
    align-items: center;
}

.view_from_contact b
{
    margin-right: 8px;
    font-weight: normal;
    font-family: 'Open Sans Regular';
}

.view_from_contact b i
{
    font-size: 12px;
    margin-right: 5px;
    color: #31302f;
}

.view_accord1
{
    background-color: #f3f3f3;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    margin-bottom: 20px;
}
.view_ul
{
    padding-left:0px  !important;
}
.view_cont
{
    min-height: 0px !important;
    padding-left: 0px !important;
} */


/* sathish updates */

.no-margin-padding,
.no-margin-padding ul,
.no-margin-padding li {
    padding: 0 !important;
    /* margin: 0!important; */
}

.jobDetailContainer li.accordion-item {
    background-color: #f3f3f3;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    margin-bottom: 20px !important;
    font-size: 14px;
}

.jobDetailContainer li.item-title {
    font-size: 14px;
}

.jobDetailContainer li a {
    height: auto !important;
    padding: 10px 0 0 10px !important;
}

.jobDetailContainer .collapsed-jobDetail .item-inner {
    padding: 10px;
}

.jobDetailContainer .collapsed-jobDetail .item-header {
    font: size 14px;
}


/* .no-margin-padding a {
    padding-left: 0!important;
} */

.collapsed-jobDetail {
    border-top: 1px solid rgb(200, 200, 200);
}

.collapsed-jobDetail .header {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px dashed #8080808c;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
}

/* .collapsed-jobDetail .header div:first-child {
    border-right: 1px dashed #8080808c;
} */

.collapsed-jobDetail .header div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* sathish updates */

.no-margin-padding,
.no-margin-padding ul,
.no-margin-padding li {
    padding: 0 !important;
    /* margin: 0!important; */
}

.jobDetailContainer li.accordion-item {
    background-color: #f3f3f3;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    margin-bottom: 20px !important;
    font-size: 14px;
}

.jobDetailContainer li.item-title {
    font-size: 14px;
}

.jobDetailContainer li a {
    height: auto !important;
    padding: 10px 0 0 10px !important;
}

.jobDetailContainer .collapsed-jobDetail .item-inner {
    padding: 10px;
}

.jobDetailContainer .collapsed-jobDetail .item-header {
    font: size 14px;
}


/* .no-margin-padding a {
    padding-left: 0!important;
} */

.collapsed-jobDetail {
    border-top: 1px solid rgb(200, 200, 200);
}

.collapsed-jobDetail .header {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px dashed #8080808c;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.collapsed-jobDetail .header div:first-child {
    padding-right: 9px !important;
    border-right: 1px dashed #8080808c;
}

/* .collapsed-jobDetail .header div:nth-child(2)  {
    padding-right: 9px !important;
    border-right: 1px dashed #8080808c;
} */




.collapsed-jobDetail .header div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jobDetailContainer {
    margin-bottom: 10px
}


/* .jobDetailContainer .FromContainer .FromContainerInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f3f3f3;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    margin-bottom: 20px !important;
    font-size: 14px;
    padding: 5px 10px;
}

.jobDetailContainer .FromContainer .FromContainerInner .item {
    display: flex;
    align-items: center;
} */

.view_from_contact {
    background-color: #ececec;
    width: auto;
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 14px;
    box-shadow: 2px 2px #e6e6e6;
    border: 1px solid #cccccc;
    color: #0e0e0e;
    margin: 10px 0;
}

.view_from_contact b {
    margin-right: 8px;
    font-weight: normal;
    font-family: 'Open Sans Regular';
}

/* #jobsinner .item-inner
{
    padding: 10px !important;
} */

#jobsinner .chip-label {
    white-space: inherit !important;

}

.viwe_main-cInfo {
    margin: auto !important;
    padding: 0px;
}

.view_to_contact {
    margin: 4px;
}

#job_detls_page .accordion-item-opened>.accordion-item-content {
    border-top: 0px solid rgb(200, 200, 200);
}

.pay_jovtxt {
    font-size: 22px !important;
    margin-left: 8px !important;
}

#totalDistance {
    font-size: 18px;
    color: #0f0f0f;
    font-family: 'Open Sans Bold';
}

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

.mrg_10 {
    margin-top: 10px;
}

.fare_line {
    border-top: 1px dashed #80808069;
}

.fare_color1 {
    background-color: #e8e8e8;
}

.fare_color2 {
    background-color: #d0d0d0;
}

.fare_color3 {
    background-color: #f1f1f1;
}

.viwe_padding_notes {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    padding: 8px;
}

.tolocph {
    margin-left: 10px;
}



/* sathish accordBox */
.accordBox {
    background-color: #f3f3f3;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    margin-bottom: 20px !important;
    font-size: 14px;
}

.accordBox .accordHeader {
    display: flex;
    align-items: center;
    padding: 10px;
    color: #080808fa;
    justify-content: space-between;
}

.accordBox .accordHeader .content {}

.accordBox .accordHeader .after i {
    font-size: 13px;


    transform: rotateX(0deg);
    transition: all 0.3s ease-in-out;
    transform-origin: 30%;
    -ms-transform: rotateX(0deg);
    -ms-transition: all 0.3s ease-in-out;
    -ms-transform-origin: 30%;
    transition: all 0.3s ease-in-out;
}

.accordBox .accordHeader .after i.expand {
    transform: rotateX(180deg);
    transition: all 0.3s ease-in-out;
    -ms-transform: rotateX(180deg);
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordBox .accordBody {
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out;

}

.accordBox .accordBody.expand {
    max-height: 1000px;
    transition: all 0.4s ease-in-out;
}

.accordBox .accordBody .accordBodyInner ul {
    padding: 0 !important;

}

.accordBox .accordBody .accordBodyInner li {

    padding: 0 !important;
}

.accordBox .accordBody .accordBodyInner li .item-inner {
    padding: 5px 7px !important;
}

.div_job_pay {
    margin: 10px 0px 10px !important;
}

#booking_details_div .car_aligns {
    margin-top: 1%;
}

.fare_details_after {
    display: flex !important;
    justify-content: flex-end !important;
}

.page-overflow {
    overflow: hidden;
}

.pay_page {
    height: 90vh !important;
}

.booker-notes-popup .dialog-inner {
    background-color: #fff;
    color: black;
}

.booker-notes-popup .dialog-title {
    color: black;
    text-align: center;
}

.booker-notes-popup .dialog-text {
    text-align: center;
}

.booker-notes-popup .dialog-text span {
    font-size: 40px;
}

/* datepicker styles  start by parthiban (24-Sep-2020) */
.perfect-datetimepicker {
    width: 100% !important;
    line-height: none !important;
    border: none !important;
    text-align: center;
}

.perfect-datetimepicker table {
    width: 100%;
}

.perfect-datetimepicker table.tt input {
    width: 100%;
    height: 38px !important;
    font-size: 23px !important;
    text-align: center;
    border: 1px solid #a6a6a7;
}

.perfect-datetimepicker table td {
    padding: 3px;
}

.buttonpane {
    width: 100%;
    border-top: 1px solid #9c9999fa;
}

.buttonpane .ok {
    padding-top: 5px;
    color: teal;
    font-size: 18px;
    text-align: right;
    padding-right: 8px;
}

.buttonpane .clear {
    padding-top: 5px;
    color: teal;
    text-align: left;
    font-size: 18px;
    padding-left: 8px;
}

.perfect-datetimepicker td.day,
.perfect-datetimepicker thead td.title {
    font-size: 18px;
}

.perfect-datetimepicker table {
    border-spacing: 10px;
}

.perfect-datetimepicker tbody td.selected {
    border: 1px solid teal !important;
    background-color: teal !important;
    color: white;
}

.perfect-datetimepicker table.tt tbody td:first-child {
    font-size: 17px;
    color: teal;
}

.perfect-datetimepicker table.dt {
    border-bottom: 1px solid gray;
}

.perfect-datetimepicker i.material-icons {
    color: black;
}

.perfect-datetimepicker .mt {
    background-color: white;
}

/* datepicker styles  end*/


.admbookpay {
    margin-right: 187px !important;
}

.fare_total_amount {

    /* padding-bottom: 10px !important; */
    text-align: right;
}

#jobamount::after {
    background-color: #111 !important;
}

/* Accept Drive Popup */
#acptd_drve_popup {
    height: auto;
    min-height: auto;
}

#acptd_drve_popup .full-screen-popup {
    margin-top: 0 !important;
}

#acptd_drve_popup #driver_img {
    width: 100px;
    height: 100px;
}

#acptd_drve_popup #driver_img:after {
    content: none;
}

#acptd_drve_popup .supimage {
    display: block;
    box-shadow: none;
}

/* Job Posted Popup */
#job_posted_popup {
    height: auto;
}

#job_posted_popup .full-screen-popup {
    margin-top: 12vh;
}

/* address  new changes */

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

.add_spantxt {
    word-wrap: break-word;
    word-break: break-all;
    height: 80px;
}

.color-green-important {
    color: green !important;
}

/* additional stops */
.add_iconcolor {
    background-color: #2ecc71 !important;
}

.remove_icon_col {
    background-color: #f44336 !important;
}

.from_list_view {
    padding-left: 0px !important;

}

.white_space_nowrap {
    white-space: nowrap;
}

.additional-stops {
    margin: 5px 0 !important;
}

.white_space_nowrap {
    white-space: nowrap;
}

.item-inner.add_job {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* #fromlist_view  ul li{

    padding-left: 0px !important;

} */
.md .list ul ul.list_view_lk {
    padding-left: 0px;
}

#googleMap .gmnoprint {
    display: none !important;
}

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

#cancel_reasons ul li {
    margin-left: 10px ! important;
}

a {
    color: #0254EB
}

a:visited {
    color: #0254EB
}

a.morelink {
    text-decoration: none;
    outline: none;
}

.morecontent span {
    display: none;
}

.markerlabl {
    color: red;
    background-color: white;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 40px;
    border: 2px solid black;
    white-space: nowrap;
}

.job-payments li {
    padding-left: 10px;
}

#firstHeading.firstHeading {
    margin: 0;
    padding-bottom: 5px;
    font-size: 15px;
    color: #4d4d4d;
    font-weight: 500;
}

#googleMapPayment .gmnoprint {
    display: none !important;
}

/* 19-Nov-2020 */
.viwe_status {
    font-size: 14px !important;
}

#cancel_reasons ul li {
    margin-left: 10px ! important;
}

a {
    color: #0254EB
}

a:visited {
    color: #0254EB
}

a.morelink {
    text-decoration: none;
    outline: none;
}

.morecontent span {
    display: none;
}

.markerlabl {
    color: red;
    background-color: white;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 40px;
    border: 2px solid black;
    white-space: nowrap;
}

.job-payments li {
    padding-left: 10px;
}

.status_text {
    border-bottom: 1px solid #80808045;
    width: 100%;
    padding: 5px;
}

.view_pay_price {

    display: flex;
    justify-content: space-between;
    margin: 5px;
    width: 100%;
    font-size: 17px;
    color: white;
    padding: 4px 0;

}

.frst_row_status {
    padding: 0;
}

.view_status {
    border-radius: 2px;
    font-size: 17px;
    background-color: teal;
    padding: 1px 6px;
    border-radius: 3px;
    padding: 1px 6px;
    vertical-align: middle;
}

/* 25-Nov-2020 */
.address_slist {
    padding: 0 10px;
}

.drive_content {
    height: 100% !important;
}

.picker-popover {
    display: block !important;
    top: 560.031px !important;
    left: 410.781px !important;
    width: 39% !important;
}

.date_text {
    font-size: 18px;
    color: #0f0f0f;
    font-family: 'Open Sans Bold';
}

/*Mobile Device Style */
@media only screen and (max-width: 768px) {
    #log_frms {
        margin-left: 10px;
        margin-right: 10px;
    }

    #log_frms .log_act_btn,
    .log_act_btn {
        width: 70%;
    }

    #app {
        width: 100% !important;
    }

    #intro_page .cmn_space {
        width: 5%;
    }

    #intro_page .landing-inner {
        width: 90%;
    }

    #log_frms .col-30 {
        display: none;
    }

    #log_frms .col-40 {
        width: 100%;
    }

    .md .dialog {
        width: 360px;
        margin-left: -180px;
    }

    .mobile_none {
        display: none !important;
    }

    .full_width {
        width: 100% !important;
    }

    .pay_page {
        height: 100% !important;
    }

    .km_dis {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    #rides_list .detail_width {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .col_width_100 {
        width: 100% !important;
    }

    .p_left_30 {
        padding-left: 30px !important;
    }

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

    #bankdetails_page .list.inset,
    #addressdetails_page .list.inset {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #addressdetails_page .input_field {
        margin-top: 10px;
    }

    #dashboard-page .title {
        display: none;
    }
}

@media (min-width:300px) and (max-width:629px) {
    .popup.job-date-popup {
        width: 100% !important;
        height: 100% !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

#guest_mobno+.item-input-info {
    top: 54px !important;
}

#bind_date_picker {
    margin-left: 2px !important;
}

/* #guest_countrycode+.item-input-info {
    top:54px !important;
    overflow: unset;
}  */


/* .popup {
    border-radius: 15px;
    height: 95vh !important;
    overflow: auto;
    top: 2% !important;
} */