html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.hidden {
    display: none!important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

@media print {
    *,:after,:before {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }
}

.bgimg_box {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover!important;
    background-position: center!important;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    background-repeat: no-repeat!important;
    background: url(../img/slider2.jpg);
    height: 300px;
    background-attachment: fixed;
    padding: 40px 0
}

.footer_widget,.widget_link {
    display: block;
    clear: both
}

.outerborder {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    height: auto;
    padding: 0;
    background: #fff;
    text-align: center
}

.outerborder h3,h3.hed-border {
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 30px;
    text-transform: capitalize;
    letter-spacing: .3px;
    color: #000;
    text-decoration: underline
}

.circle-content {
    width: 200px;
    height: 200px;
    border: 0;
    position: relative;
    background: url(../circile-border.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto
}

.circle-content h2 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 20px
}

.price_1 {
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    display: block;
    text-align: center
}

.price_1 i {
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle
}

.price_1 .hour1 {
    font-size: 16px
}

.outerborder.borderblue {
    border: 8px solid #4855ed;
    border-radius: 4px
}

.tripbutton {
    font-size: 18px;
    text-transform: uppercase;
    background: #000;
    border: 4px solid #f0f0f0;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: .3px;
    border-radius: 3px;
    margin-bottom: 40px
}

.tripbutton i {
    margin-left: 10px
}

.tripbutton:focus,.tripbutton:hover {
    background: #3cba54;
    color: #fff
}

.greenbutn:focus,.greenbutn:hover {
    background: #3cba54
}

.greenbutn {
    background: #000;
    color: #fff
}

.middlecircle .leftalign {
    position: absolute;
    left: -41px;
    top: -30px;
    width: 50px;
    display: none
}

.middlecircle {
    position: absolute;
    left: 54%;
    top: 52%;
    width: 100%;
    transform: translate(-50%,-50%);
    text-align: center
}

.button_price {
    margin-top: 30px;
    text-align: center
}

.borderred {
    border: 8px solid #db3236
}

.borderyellow {
    border: 8px solid #f4c20d
}

.m-driver img {
    width: 50px;
    height: auto;
    max-width: 100%
}

.m-driver {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    vertical-align: middle;
    margin-bottom: 10px
}

.normaltext {
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 500;
    margin-left: 5px;
    color: #000;
    letter-spacing: .3px
}

.img_res {
    margin: auto auto 15px;
    max-width: 100%;
    width: 240px
}

.driverlit {
    margin: 0 0 15px;
    display: block;
    width: 100%;
    list-style-type: circle;
    list-style-position: inside
}

.driverlit li {
    list-style-type: none;
    color: #000;
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 10px;
    list-style-position: unset;
    font-weight: 400
}

.buttonbook {
    padding: 8px 38px;
    border: 3px solid #5db3b6;
    border-radius: 10px;
    width: auto;
    display: inline-block;
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 600;
    color: #3c25cb;
    text-transform: capitalize
}

.buttonbook:focus,.buttonbook:hover {
    color: #5db3b6;
    border: 3px solid #3c25cb
}

.safetytips {
    color: #5db3b6;
    list-style-position: inside;
    display: block;
    margin: 0 0 15px;
    padding: 0
}

.safetytips li .numberlist {
    padding: 0;
    margin: 0 0 20px
}

.safetytips li {
    list-style-position: inside;
    list-style-type: circle;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    font-weight: 600
}

.safetytips li .numberlist li {
    list-style-type: decimal-leading-zero;
    padding-left: 30px;
    margin-top: 10px;
    text-transform: capitalize;
    font-weight: 500
}

.safetytips.greenlist- li {
    color: #3cba54;
    text-transform: none
}

.safetytips.blacklis li {
    color: #000;
    text-transform: none
}

.contactush {
    display: block;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #4ec063;
    margin: 0 0 15px;
    text-transform: none
}

.phonenum {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 15px
}

.phonenum i {
    margin-right: 5px;
    vertical-align: middle
}

.withimg {
    display: block;
    margin: auto;
    width: 100%;
    margin: 0
}

.withimg li {
    position: relative;
    display: block;
    text-align: left;
    margin-bottom: 14px;
    padding-left: 0;
    white-space: nowrap;
    color: #000;
    line-height: 30px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .2px
}

.withimg li img {
    width: 40px;
    position: relative;
    left: 0;
    display: inline-block;
    margin-right: 15px
}

.withimg li img.stepsbwlo {
    width: 110px;
    display: block;
    margin: -6px 0 0 60px
}

.textm {
    text-align: center
}

.withimg li:first-child {
    margin-bottom: 4px
}

.smalltext-h {
    font-size: 14px;
    font-weight: 500;
    margin-top: 2px;
    display: block;
    color: #30a245;
    margin-bottom: 10px
}

.mrtop30 {
    margin-top: 20px!important
}

.boredrdiv {
    border: 6px solid #000;
    border-radius: 10px;
    padding: 30px;
    outline: 1px solid #000;
    outline-offset: -14px
}

.lastborder {
    border-bottom: 2px solid #f1f1f1
}

.pdddriver {
    padding: 20px
}

.oursafety_box_one {
    background: url(../oursafety_box_one.jpg);
    height: 270px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.oursafety_box_two {
    background: url(../oursafety_box_two.jpg);
    height: 390px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.list-inbox {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 51%;
    top: 25%;
    transform: translate(-50%,-50%)
}

.list-inbox li {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    list-style-position: inside;
    list-style: disc;
    margin-bottom: 11px;
    line-height: 20px
}

.list-inbox-two {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 56%;
    transform: translate(-50%,-50%)
}

.list-inbox-two li h3 {
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: .3px;
    line-height: 30px;
    margin-bottom: 25px;
    color: #000
}

.list-inbox-two li h3 i {
    margin-left: 10px;
    color: #3cba54;
    font-size: 26px
}

.list-inbox-two li {
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    padding: 0;
    list-style-position: unset;
    list-style: none;
    margin-bottom: 18px;
    line-height: 20px
}

.circle_list_click {
    margin: 35px 0 0;
    display: block;
    width: 100%;
    padding: 0;
    list-style-type: none
}

.circle_list_click li {
    list-style-type: none;
    display: block;
    padding: 0
}

.circle_list_click li a {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: block;
    text-align: center;
    color: #fff;
    position: relative;
    margin: auto;
    background: #000
}

.circle_list_click h3 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    display: block;
    margin: 0 0 8px;
    line-height: 18px
}

.price_circle {
    font-size: 17px;
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 24px;
    color: #fff;
    text-transform: capitalize
}

.price_circle i {
    margin-right: 4px;
    vertical-align: middle
}

.price_circle .hour_circle {
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px
}

.bookhere {
    text-transform: capitalize;
    border-bottom: 1px solid #fff;
    color: #fff
}

.circle_list_click li:hover .bookhere {
    text-decoration: none
}

.circle_list_click li:first-child a {
    background: #000
}

.circle_list_click li:last-child a {
    background: #000
}

.center_div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    display: block
}

.backbtn:hover {
    color: #5eb3b6
}

.backbtn {
    color: #000;
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 22px
}

.small_t {
    text-align: center;
    font-size: 14px;
    display: block;
    font-weight: 600;
    color: #000;
    margin-bottom: 25px
}

.pick_dropbox {
    width: 100%;
    display: block;
    padding: 30px;
    border: 4px solid #000;
    border-radius: 3px;
    outline: 2px solid #000;
    outline-offset: -12px;
    margin-bottom: 30px
}

.pick_dropbox h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
    margin: 0 0 2px;
    line-height: 30px
}

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

.pick_dropbox ul li span {
    font-size: 12px;
    display: block;
    margin-top: 0
}

.pick_dropbox ul li {
    color: #000;
    padding: 0 0 0 18px;
    margin: 0 0 12px;
    display: block;
    list-style-type: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    position: relative
}

.pick_dropbox ul li:before {
    content: '';
    height: 6px;
    width: 6px;
    background: #000;
    display: inline-block;
    top: 9px;
    left: 0;
    position: absolute;
    border-radius: 50%
}

.pick_dropbox a.booktext {
    text-align: right;
    display: block;
    padding: 0;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    line-height: 24px
}

.in_driver {
    background: url(../icons/circlebg_bg.png) no-repeat;
    background-size: cover;
    width: 315px;
    height: 296px;
    margin: auto auto 30px;
    position: relative
}

.in_dri_middle {
    position: absolute;
    left: 52%;
    top: 50%;
    width: 196px;
    transform: translate(-50%,-50%);
    text-align: center
}

.in_dri_middle h3 {
    font-size: 24px;
    font-weight: 600;
    display: block;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 21px;
    line-height: 24px
}

.in_dri_middle ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.in_dri_middle ul li {
    text-align: left;
    font-size: 13px;
    color: #000;
    padding: 0 0 0 14px;
    margin: 0 0 5px;
    display: block;
    list-style-type: none;
    font-weight: 400;
    line-height: 16px;
    position: relative
}

.in_driver.outsts ul li {
    font-size: 15px;
    line-height: 20px
}

.in_dri_middle ul li:before {
    content: '';
    height: 5px;
    width: 5px;
    background: #000;
    display: inline-block;
    top: 10px;
    left: 0;
    position: absolute;
    border-radius: 50%
}

.in_dri_middle ul li .in_dr_small {
    font-size: 11px;
    display: block
}

.in_dri_middle ul li .circle_text {
    width: 25px;
    height: 25px;
    border: 1px solid #0cb137;
    border-radius: 50%;
    display: inline-block;
    line-height: 24px;
    font-size: 12px;
    text-align: center
}

.in_sec_box {
    border: 3px solid #000;
    border-radius: 7px;
    padding: 15px;
    text-align: center;
    width: 315px;
    margin: auto
}

.in_sec_box ul li:before {
    content: '';
    background: #000;
    display: inline-block;
    top: 4px;
    left: 0;
    position: absolute;
    border-radius: 50%
}

.in_sec_box ul li .in_dr_small {
    font-size: 12px;
    font-weight: 600
}

.driverlit li .fa-check-square-o {
    margin-right: 5px;
    vertical-align: middle
}

.center_div .lighttext {
    font-size: 12px;
    font-weight: 300;
    text-transform: capitalize;
    height: 40px
}

.center_div img {
    width: 35px
}

.mobilenone_dcar {
    display: block
}

.deslopnone_dcar {
    display: none
}

.bookdetails {
    display: inline-block;
    background: #000;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px
}

.book_de_list {
    padding: 0;
    margin: 0;
    position: relative;
    margin-bottom: 30px
}

.book_de_list li {
    text-align: left;
    font-size: 15px;
    margin-bottom: 14px;
    position: relative
}

.book_de_list li span {
    font-size: 18px;
    font-weight: 600
}

.book_details_from {
    margin: 0;
    clear: both
}

.book_n_detail {
    background: #000;
    border: 1px solid #000;
    padding: 8px 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border-radius: 3px
}

.book_n_detail:hover {
    background: 0 0;
    color: #000
}

.book_n_detail1 {
    background: #dad8d9;
    border: 1px solid #dad8d9;
    padding: 8px 20px;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    border-radius: 3px
}

.book_n_detail1:hover {
    background: #000;
    color: #fff
}

.in_driver.outsts ul li .in_dr_small {
    font-size: 12px
}

.in_sec_box .tripbutton {
    background: 0 0;
    color: #000;
    border: 2px solid #000;
    padding: 6px 16px 4px;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 800
}

.in_sec_box .tripbutton:hover {
    background: #000;
    color: #fff;
    border: 2px solid #000
}

.in_sec_box .buttonbook {
    background: #000;
    font-size: 13px;
    font-weight: 400;
    padding: 3px 8px 4px;
    color: #fff;
    border-radius: 3px;
    text-transform: capitalize;
    cursor: pointer;
    text-align: center;
    border: 0
}

.in_sec_box .buttonbook:hover {
    background: 0 0;
    color: #fff;
    background: #0cb137
}

.incity_book {
    background: #000;
    font-size: 13px;
    font-weight: 400;
    padding: 3px 8px 4px;
    color: #fff;
    border-radius: 3px;
    text-transform: capitalize;
    cursor: pointer;
    text-align: center
}

.incity_book:focus,.incity_book:hover {
    background: #0eb239;
    color: #fff
}

.in_dri_middle ul li:first-child:before {
    top: 5px
}

.booktrial {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 20px;
    color: #000
}

.book_you_driver {
    width: 100%;
    margin-bottom: 30px
}

.book_you_driver li {
    position: relative;
    font-size: 16px;
    text-align: left;
    color: #17598e;
    padding-left: 68px;
    line-height: 60px;
    font-weight: 500
}

.book_you_driver li img {
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
    height: 60px
}

.moreinfo {
    font-size: 16px;
    font-weight: 500;
    display: block;
    text-align: center;
    border-bottom: 0;
    padding: 4px 10px;
    text-transform: capitalize;
    color: #000;
    margin-top: 10px;
    background: #f1f1f1;
    display: inline-block
}

.boxundr {
    border: 4px solid #000;
    padding: 20px;
    border-radius: 2px;
    outline: 1px solid #000;
    outline-offset: -10px
}

.driver_bug {
    display: block;
    text-align: center;
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 600;
    color: #000
}

.outerborder .normaltext {
    font-size: 18px
}

.in_driver.outsts ul li:before,.in_driver.outsts ul li:first-child:before {
    top: 8px
}

.app-field span,.book_details_from .app-field input,.book_details_from .app-field select {
    height: 36px
}

.in_dri_middle ul li:last-child {
    text-align: center
}

.book_details_from .app-field input,.book_details_from .app-field select {
    padding-left: 37px
}

.blackcolour .boredrdiv,.blackcolour .circle-content h2,.blackcolour .driver_bug,.blackcolour .outerborder .normaltext,.blackcolour .outerborder h3,.blackcolour .price_1,.blackcolour h3.hed-border {
    color: #1d1211
}

.blackcolour .boredrdiv {
    border: 6px solid #1d1211;
    outline: 1px solid #1d1211
}

.blackcolour .tripbutton {
    background: #1d1211;
    color: #fff
}

.book_belowcircle {
    margin: 15px 0 0;
    background: #e2e2e2;
    border: 0;
    color: #000;
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 2px
}

.book_belowcircle:hover {
    text-decoration: none;
    background: #000;
    color: #f7f7f7
}

.twnty {
    display: inline-block;
    text-align: right;
    font-size: 13px;
    background: #f1f1f1;
    float: right;
    padding: 2px 16px;
    font-weight: 600;
    color: #000
}

.blacksend .driverlit li {
    color: #1d1211
}

.blacksend .circle_list_click h3,.center_div .lighttext {
    color: #c4c1bd
}

.helpline {
    display: block;
    text-align: center;
    width: 100%;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 40px
}

.helpline a {
    background: #f1f1f1;
    padding: 6px 12px;
    border-radius: 4px;
    color: #000
}

.helpline i {
    margin-right: 8px
}

.book_you_driver li .circle {
    position: absolute;
    left: 5px;
    width: 50px;
    line-height: 14px;
    height: 50px;
    background: #000;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    top: 4px;
    font-weight: 600;
    padding-top: 11px
}

.book_you_driver li .circle span {
    font-size: 8px;
    display: block
}

.monthly_d .m-driver {
    text-align: left
}

.you_are_safe {
    padding: 0;
    width: 36%;
    margin: auto
}

.you_are_safe li {
    display: inline-block;
    list-style-type: none;
    margin: 0 0 10px;
    padding: 14px 0 14px 80px;
    font-size: 16px;
    font-weight: 400;
    color: #165895;
    position: relative;
    line-height: 20px
}

.you_are_safe li img {
    width: 60px;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto
}

.driver_img img {
    max-width: 100%;
    width: 330px;
    margin: auto;
    display: block
}

.you_are_safe li span {
    display: block;
    text-align: right;
    color: #8e8e8e;
    font-size: 14px
}

.hire_your {
    display: block;
    clear: both;
    text-align: center;
    margin-bottom: 20px
}

.hire_your h3 span {
    text-align: right;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-top: 6px
}

.hire_your h3 {
    display: block;
    text-align: center;
    background: #000;
    padding: 10px 26px;
    font-weight: 500;
    display: inline-block;
    font-size: 20px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0
}

.box_hireyou {
    display: block;
    width: 100%;
    clear: both;
    background: #d9d9d9;
    padding: 10px 4px;
    text-align: center;
    margin: 0 0 20px;
    min-height: auto
}

.box_hireyou h5 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    color: #000;
    display: block;
    margin-bottom: auto;
    line-height: 22px
}

.box_list_hire {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
    float: left
}

.box_list_hire li {
    padding: 0 4px
}

.box_list_hire li span {
    font-size: 14px;
    color: #a9a9a9;
    display: block
}

.strip_line span {
    text-align: left;
    display: inline-block;
    width: auto;
    position: absolute;
    right: 0;
    width: 70px
}

.strip_line {
    display: block;
    width: 100%;
    background: #bfbfc1;
    color: #000;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 6px;
    margin-bottom: 10px;
    font-weight: 500;
    position: relative;
    height: 30px;
    line-height: 30px
}

.two_strip_line {
    display: block;
    text-align: center;
    margin-bottom: 20px
}

.two_strip_line span {
    text-align: center;
    display: inline-block;
    padding: 10px 6px;
    background: #18578c;
    margin-right: 1px;
    color: #fff;
    width: 110px;
    font-weight: 400
}

.first_st {
    text-align: left;
    display: inline-block;
    padding: 4px;
    background: #d9d9d9;
    margin-right: 1px;
    padding: 10px 14px;
    width: 110px;
    color: #18578c;
    font-weight: 500
}

.d9d9d9.box_hireyou {
    background: #d9d9d9
}

.d9d9d9.box_hireyou h5 {
    color: #ff914c
}

.d9d9d9.box_hireyou span {
    color: #000
}

.ff914c.box_hireyou h5 {
    color: #f1f1f1
}

.ff914c.box_hireyou span {
    color: #000
}

.ff914c.box_hireyou {
    background: #ff914c
}

div.at_every {
    position: absolute;
    right: 0;
    font-size: 11px;
    top: 16px;
    color: #a2a2a2
}

div.car_s {
    display: inline-block;
    position: relative;
    margin-left: 6px
}

.car_san_img {
    width: 120px;
    position: absolute;
    right: 35px;
    top: -40px;
    height: auto
}

.extra_show {
    margin: auto!important;
    width: 196px;
    position: absolute;
    left: 52%;
    top: 55%;
    transform: translate(-46%,-50%);
    flex-direction: row;
    align-items: stretch
}

.box_four {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.box_four li {
    width: 46%;
    display: inline-block;
    background: #d8d9db;
    padding: 6px 2px;
    text-align: center;
    position: relative;
    list-style-type: none;
    float: left;
    margin: 0 2px 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 72px
}

.box_four li h5 {
    font-size: 9px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 2px;
    line-height: 14px
}

.box_four li h5 i {
    margin-right: 4px
}

.box_four li .small_word {
    font-size: 8px;
    line-height: 10px
}

.box_four li .small_word i {
    margin: 2px 0
}

.box_four li div.price_out {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    margin-bottom: 2px
}

.box_four li div.price_out i {
    margin-right: 4px;
    font-size: 13px
}

.outstaion_circle {
    background: url(../icons/circlebg_bg.png) no-repeat;
    background-size: cover;
    width: 315px;
    height: 296px;
    margin: auto auto 30px;
    position: relative
}

.outstaion_circle h4 {
    position: absolute;
    left: -8px;
    top: -6px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize
}

.price_out .perhours {
    font-size: 7px;
    font-weight: 500;
    color: #2a2a2a;
    line-height: 10px;
    display: inline-block
}

.charge_nnig {
    font-size: 10px;
    color: #000;
    margin-top: 5px
}

.charge_nnig span {
    display: block;
    font-size: 9px
}

.afterlist.box_four li:first-child:after {
    content: "\f067";
    font-family: FontAwesome;
    position: absolute;
    right: -11px;
    font-size: 12px
}

.afterlist.box_four li:first-child {
    margin-right: 11px
}

.threebox.box_four li {
    width: 31.2%;
    float: left
}

.in_sec_box .charge_nnig {
    font-size: 11px;
    font-weight: 500
}

.plus_pir {
    margin: 1px 0 0;
    display: block;
    font-size: 10px;
    font-weight: 400
}

.plus_pir i {
    margin-right: 4px
}

.location_details {
    margin: auto;
    text-align: center;
    list-style-type: none;
    padding: 0
}

.location_details li {
    padding-right: 5px;
    margin-right: 1px;
    border-right: 1px solid #dcdcdc;
    text-align: center;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    margin-top: 0;
    color: #000;
    margin-bottom: 10px
}

.location_details li:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0
}

.outstation_inner_circle {
    position: absolute;
    left: 52%;
    top: 54%;
    transform: translate(-50%,-50%);
    width: 178px;
    margin: auto;
    text-align: center
}

.outer_price1 i {
    font-size: 49px;
    margin-right: 4px
}

.outer_content_inner p {
    font-size: 8px;
    line-height: 15px;
    text-align: center;
    margin: 0;
    color: #000
}

.outer_content_inner i {
    font-size: 11px;
    vertical-align: middle
}

.outer_content_inner span {
    background: #f1f1f1;
    padding: 0 2px;
    display: inline-block
}

.outer_price1 {
    font-size: 54px;
    font-weight: 600;
    text-align: center;
    color: #ff914c;
    line-height: 38px;
    margin-bottom: 0
}

.outer_price1 span {
    font-size: 10px;
    font-weight: 500;
    margin-left: 4px;
    color: #000
}

.book_oution {
    background: #000;
    display: inline-block;
    clear: both;
    padding: 2px 15px;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: .3px
}

.book_oution:focus,.book_oution:hover {
    background: #ff914c;
    color: #fff
}

.sec_price_outer {
    font-size: 54px;
    font-weight: 600;
    text-align: left;
    color: #ff914c;
    line-height: 4px;
    margin-bottom: 10px;
    margin-top: 10px
}

.sec_price_outer i {
    font-size: 48px
}

.sec_price_outer span {
    font-size: 10px;
    display: block;
    text-align: right;
    color: #000
}

.outer_strip_div {
    text-align: left;
    display: block;
    font-size: 10px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000
}

.outer_strip_div i {
    font-size: 12px
}

.outer_strip_div span i {
    font-size: 11px
}

.outer_strip_div span {
    display: inline-block;
    color: #ff914c
}

.km_slash {
    display: inline-block;
    font-size: 9px;
    color: #000
}

.textural_data_div {
    display: block;
    margin-bottom: 15px
}

.textural_data_div p {
    text-align: left;
    font-size: 8px;
    margin: 0;
    line-height: 16px;
    font-weight: 400;
    color: #000
}

.last_div_outer {
    text-align: left;
    font-size: 8px;
    margin: 0;
    line-height: 16px;
    font-weight: 400;
    color: #000
}

.last_div_outer i {
    font-size: 9px
}

.bg_spancolor {
    background: #f1f1f1;
    padding: 0 2px;
    display: inline-block
}

.referralcode_link {
    font-size: 12px;
    font-weight: 600;
    color: #b7b7b7;
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 20px;
    border-bottom: 2px solid #b7b7b7
}

.referralcode_link:focus,.referralcode_link:hover {
    color: #195788
}

.nodel_cotent_div h3 {
    font-size: 20px;
    color: #195788;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 15px;
    line-height: 24px
}

.nodel_cotent_div p {
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #9e9e9e;
    margin-bottom: 15px;
    display: block
}

.nodel_cotent_div input {
    width: 100%;
    border-radius: 50px;
    height: 30px;
    border: 1px solid #d6d6d6;
    outline: 0;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500
}

#applycode .modal-footer {
    padding: 0 0 15px;
    border: 0;
    text-align: center
}

#applycode .modal-dialog {
    width: 320px;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.cancelbtn {
    padding: 4px 14px;
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    border-radius: 4px;
    border: 1px solid #195788;
    color: #195788
}

.aplybtn {
    padding: 4px 14px;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    background: #195788;
    border-radius: 4px;
    border: 1px solid #195788;
    color: #fff;
    width: 50%
}

.cancelbtn:focus,.cancelbtn:hover {
    background: 0 0
}

.strip_div_from .start {
    width: 66%;
    display: inline-block;
    text-align: left;
    padding: 6px 8px;
    background: #d9d9d9;
    font-weight: 500;
    color: #333
}

.strip_div_from {
    margin-bottom: 15px;
    width: 100%;
    display: block
}

.strip_div_from select {
    border: 0;
    background: #fbdc2d;
    padding: 6px 8px;
    width: 32%;
    color: #18578c
}

.borderline_gray .app-field input,.borderline_gray .app-field select,.borderline_gray .app-field span.icon-style {
    border: 1px solid #ccc
}

.borderline_gray .app-field span.icon-style {
    color: #ccc
}

.peronal_driver {
    padding: 100px 0 40px;
    display: block;
    width: 100%;
    display: block;
    clear: both;
    position: relative
}

.y_per_driver {
    margin-bottom: 20px;
    background: #3f3f3f;
    padding: 10px 10px 15px;
    border-radius: 3px;
    width: 100%;
    display: block;
    clear: both;
    position: relative
}

.y_per_driver h5 {
    position: relative;
    clear: both;
    display: inline-block;
    background: #fbdc29;
    font-size: 18px;
    text-transform: capitalize;
    padding: 2px 10px;
    color: #3f3f3f;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 18px;
    margin-left: 3px
}

.y_per_driver h5:before {
    content: '';
    background: url(../driver-left.png);
    position: absolute;
    left: -14px;
    width: 18px;
    height: 24px;
    background-repeat: no-repeat;
    top: 0
}

.y_per_driver h5:after {
    content: '';
    background: url(../driver-right.png);
    position: absolute;
    right: -17px;
    width: 18px;
    height: 24px;
    background-repeat: no-repeat;
    top: 0
}

.onetimecharge h4 {
    font-size: 24px;
    text-align: left;
    text-transform: capitalize;
    font-weight: 300;
    color: #fff
}

.onetimecharge h4 span i {
    font-size: 20px
}

.onetimecharge h4 span {
    float: right;
    display: inline-block
}

.onetimecharge h4 del {
    font-size: 13px;
    display: block;
    text-align: right;
    color: #ccc
}

.onetimecharge h4 i {
    font-size: 12px
}

.exp-vdriver {
    text-align: left;
    display: block;
    position: relative;
    text-transform: capitalize;
    color: #fbdc29;
    font-size: 12px;
    font-weight: 300
}

.exp-vdriver span {
    float: right
}

.replacment {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    margin-top: -8px;
    margin-bottom: 10px;
    display: block;
    line-height: 20px
}

.submitdetails {
    display: block;
    margin-bottom: 20px
}

.submitdetails h3 {
    font-size: 22px;
    color: #b7b7b7;
    font-weight: 400;
    margin: 0 10px 10px;
    display: block;
    line-height: 30px
}

.list_two_ve {
    padding: 0 28px
}

.ve_type {
    margin-bottom: 16px;
    display: block;
    clear: both;
    position: relative;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    padding: 0 0 0 25px;
    clear: both
}

.ve_type:before {
    position: absolute;
    content: '';
    left: 0;
    width: 8px;
    height: 8px;
    background: #fcd937;
    border-radius: 50%;
    top: 4px
}

.green_list.ve_type:before {
    background: #008033
}

.yellow_list.ve_type:before {
    background: #fbdc29
}

.red_list.ve_type:before {
    background: #ff141c
}

.blue_list.ve_type:before {
    background: #1a5688
}

.ve_type select,.ve_type input,.form_data .ve_type select {
    background: #ddd;
    border: 1px solid #bbb;
    float: right;
    border: 0;
    font-weight: 600;
    color: #000;
    width: 80px;
    font-size: 12px
}

.tatd-logo {
    width: 100px;
    margin-bottom: 4px;
    display: block
}

.text_peronal {
    margin-top: 20px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #b7b7b7;
    line-height: 18px;
    display: block
}

.form_data {
    display: block;
    width: 100%;
    clear: both;
    position: relative
}

.price_peronaldriver {
    text-align: center;
    color: #1a5688;
    margin-bottom: 20px
}

.price_peronaldriver i {
    font-size: 18px
}

.price_peronaldriver span {
    font-size: 20px;
    line-height: 26px;
    display: inline-block;
    position: relative;
    color: #16588e
}

.btn_driverperonsal {
    display: inline-block;
    border: 6px solid #ccc;
    padding: 6px 46px;
    border-radius: 20px;
    font-size: 17px;
    color: #fbdc29;
    background: #3f3f3f;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 26px
}

.btn_driverperonsal:focus,.btn_driverperonsal:hover {
    background: #fbdc29;
    color: #3f3f3f
}

.form_data input {
    width: 100%;
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
    border: 1px solid #b7b7be;
    padding: 6px 10px;
    border-radius: 3px;
    line-height: 20px
}

#refer_code1 {
    clear: both;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
    display: block;
    color: #9e9e9e
}

.thnaperonal_driver {
    padding: 58px 0 0;
    display: block;
    width: 100%;
    display: block;
    clear: both;
    position: relative
}

.mr20botom {
    margin-bottom: 25px
}

.mr20topm {
    margin-top: 30px
}

.thank_perinalbg {
    background: #fff;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 200px
}

.padding_thank {
    background: #fff;
    position: relative;
    width: 100%;
    margin-top: -100px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 15px #0000001f;
    margin-bottom: 40px
}

.logo_thank {
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
    margin-top: -50px;
    background: #fff;
    position: relative;
    box-shadow: 0 0 15px #0000001a
}

.logo_thank img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    width: 30px
}

.padding_thank h4 {
    font-size: 15px;
    text-align: center;
    display: block;
    margin: 15px 0 2px;
    line-height: 16px
}

.padding_thank h5 {
    font-size: 20px;
    text-transform: unset;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    color: #000;
    display: block;
    padding-bottom: 0
}

.padding_thank h6 {
    font-size: 14px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
    margin-bottom: 14px;
    text-align: center;
    text-transform: unset;
    font-weight: 400
}

.padding_thank span {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    display: block;
    margin-bottom: 15px
}

.padding_thank small {
    font-size: 11px;
    font-weight: 300;
    text-align: center;
    display: block;
    color: #bbb;
    margin-bottom: 20px
}

.padding_thank a {
    display: inline-block;
    margin: auto;
    background: #125082;
    padding: 4px 14px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff
}

.padding_thank a:focus,.padding_thank a:hover {
    color: #fff
}

.hd_subscription {
    padding: 100px 0 0;
    margin: 0;
    width: 100%;
    display: block;
    clear: both;
    position: relative;
    background: #fff
}

.hd_heading {
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 400;
    color: #9d9d9d;
    display: block;
    margin-bottom: 15px;
    clear: both
}

.safe h3,.reliable h3,.flexible h3 {
    text-align: center;
    display: block;
    font-size: 26px;
    text-transform: capitalize;
    font-weight: 300;
    margin-bottom: 26px
}

.safe.white_h h3,.flexible h3 {
    color: #fff
}

.reliable.blue_h h3 {
    color: #16588e
}

.safe {
    background: #16588e;
    padding: 30px 0 0;
    width: 100%;
    clear: both;
    position: relative
}

.box_safe img {
    width: 50px;
    position: relative;
    height: auto
}

.box_safe {
    position: relative;
    width: 100%;
    display: block;
    height: auto;
    text-align: left
}

.box_safe span {
    padding-left: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    width: auto;
    position: absolute;
    left: 70px;
    top: 0
}

.box_safe h4 {
    margin-top: 15px;
    display: block;
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 400;
    color: #fbdc2d;
    margin-top: 30px;
    margin-bottom: 15px
}

.reliable {
    padding: 45px 0
}

.box_safe1 {
    position: relative;
    width: 100%;
    display: block
}

.box_safe1 img {
    width: 60px;
    position: relative;
    height: auto
}

.box_safe1 span {
    position: absolute;
    text-align: center;
    left: 75px;
    font-size: 20px;
    color: #9d9d9d;
    top: 15px;
    font-weight: 400
}

.flexible ul {
    margin: 0;
    padding: 0
}

.flexible {
    width: 100%;
    display: block;
    background: #008037;
    padding: 23px 0
}

.flexible ul li {
    list-style-type: circle;
    list-style-position: inside;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 6px
}

.days_th {
    display: block;
    text-align: right;
    color: #fbdc2d;
    font-size: 16px;
    font-weight: 400
}

.terms {
    font-size: 14px;
    text-align: center;
    display: block;
    width: 100%
}

.terms a.close_hd {
    background: #16588e;
    color: #fff;
    font-size: 18px;
    padding: 8px 70px;
    display: inline-block;
    margin-top: 15px;
    font-weight: 500
}

.terms a.close_hd:hover,.terms a.close_hd:focus {
    background: #16588e;
    color: #fff
}

.terms_anhor {
    margin: 20px 0;
    display: inline-block;
    color: #afafaf;
    padding: 0 25px 0 8px;
    background: #fff;
    box-shadow: 0 0 10px #00000017;
    position: relative;
    line-height: 22px;
    font-weight: 400;
    border-radius: 4px;
    font-size: 12px
}

.terms_anhor:hover,.terms_anhor:focus {
    color: #000
}

.terms_anhor i {
    position: absolute;
    right: 12px;
    top: 4px;
    font-size: 14px
}

.reliable1 {
    padding: 51px 0
}

@font-face {
    font-family: abhayaLibre-medium;
    src: url(abhayaLibre-medium.ttf)
}

.logo_merge .inner_logo {
    font-family: abhayaLibre-medium;
    font-size: 39px;
    font-weight: 500;
    color: #16588e
}

.logo_merge .inner_logo span {
    margin: 0;
    display: inline-block;
    vertical-align: bottom
}

.logo_merge .inner_logo img {
    width: 34px;
    margin: 0
}

.logo_merge .small_slogan {
    font-family: abhayaLibre-medium;
    font-size: 10px;
    margin-left: 16px;
    color: #a5a5a5;
    vertical-align: middle
}

.logo:hover,.logo:focus {
    text-decoration: none
}

.heading_exp {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 30px
}

.heading_exp h3 {
    font-size: 26px;
    text-transform: capitalize;
    font-weight: 400;
    color: #125082;
    margin: 0 0 10px
}

.heading_exp h5 {
    font-size: 18px;
    font-weight: 400;
    text-transform: unset;
    color: #125082
}

.pdleft0 {
    padding-right: 5px
}

.pdright0 {
    padding-left: 5px
}

.r_trip {
    background: #16588e;
    padding: 6px 6px 10px;
    border-radius: 4px;
    margin-bottom: 12px;
    border: 1px solid #16588e;
    display: block;
    width: 100%
}

.r_trip h3 {
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 26px;
    display: inline-block;
    background: #fff;
    color: #16588e;
    padding: 0 4px;
    margin-left: -8px;
    position: relative
}

.r_trip h3:before {
    content: '';
    background: url(rt_icon.png);
    position: absolute;
    right: -15px;
    top: 0;
    width: 16px;
    height: 26px;
    background-size: cover;
    background-repeat: no-repeat
}

.circle_per_day {
    background: url(white-circlebg_bg.png);
    background-repeat: no-repeat!important;
    background-size: cover!important;
    width: 106px;
    height: 100px;
    margin: auto 10px auto auto;
    position: relative
}

.circle_per_day .price_perday {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin: 0;
    text-align: center;
    display: block
}

.circle_per_day .price_perday i {
    vertical-align: baseline;
    font-size: 23px
}

.circle_per_day .pd_ {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    display: block;
    text-transform: capitalize
}

.r_trip a.morei_a {
    text-decoration: underline;
    text-transform: capitalize;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    display: block;
    text-align: left;
    margin: 5px 0 0
}

.r_trip a.morei_a:hover,.r_trip a.morei_a:focus {
    text-decoration: none;
    color: #fff
}

.onewaytrip a.morei_a:hover,.onewaytrip a.morei_a:focus {
    color: #16588e
}

.onewaytrip a.morei_a {
    color: #16588e;
    text-decoration: underline;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
    display: block;
    text-align: left;
    margin: 5px 0 0
}

.middle_circle_per {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    width: 100%
}

.onewaytrip {
    background: #fff;
    border: 1px solid #16588e;
    padding: 6px 6px 10px;
    border-radius: 4px;
    margin-bottom: 30px;
    display: block;
    width: 100%
}

.onewaytrip h3 {
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 26px;
    display: inline-block;
    background: #fff;
    color: #16588e;
    padding: 0 4px;
    margin-left: -8px;
    position: relative
}

.onew_per_day {
    display: block;
    position: relative;
    width: 100%;
    height: 100px
}

.onew_per_day .middle_onew_per {
    display: block;
    background: url(one-way-icon.png);
    background-size: contain!important;
    width: 100%;
    height: 100px;
    margin: 0 0 0 auto;
    position: relative;
    position: absolute;
    right: 4px;
    background-repeat: no-repeat!important;
    background-position: center right!important;
    text-align: right
}

.price_onew {
    font-size: 24px;
    font-weight: 500;
    color: #16588e;
    margin: 0;
    display: block;
    margin-right: 110px
}

.price_onew i {
    vertical-align: baseline;
    font-size: 23px
}

.pd_onew {
    margin-right: 94px;
    font-size: 12px;
    font-weight: 300;
    color: #16588e;
    display: block;
    text-transform: capitalize
}

.referralcode_link.color_r_blue {
    color: #ababab;
    border-bottom: 0 solid #16588e;
    font-weight: 400
}

.togle_top {
    position: absolute;
    top: -34px;
    right: -15px;
    color: #a6a6a6
}

.togle_top:hover,.togle_top:focus {
    color: #a6a6a6
}

.middle_upto {
    position: absolute;
    top: 22px;
    right: 0
}

.form_data select {
    width: 100%;
    display: block;
    font-size: 15px;
    margin-bottom: 15px;
    border: 1px solid #b7b7be;
    padding: 6px 10px;
    border-radius: 3px;
    line-height: 20px;
    background: #fff
}

button:focus,select:focus {
    outline-color: #b7b7be
}

.blue_bo.book_n_detail {
    padding: 6px 40px;
    background: #125082;
    border: 1px solid #125082
}

.blue_bo.book_n_detail:hover {
    color: #fff
}

.mr_data_.form_data {
    margin-top: 15px
}

.v_pd .ve_type select,.v_pd .ve_type input {
    display: inline-block;
    width: 100px;
    background: orange;
    color: #fff
}

.v_pd .ve_type {
    padding: 0 0 0 15px
}

.mrrigt_1 {
    margin-right: 8px
}

.app-field span.icon-style {
    top: 0
}

.header_area.header_blue {
    background: #16588e;
    border-top: 0 solid #16588e;
    box-shadow: none
}

.header_area.header_blue .navbar-inverse .navbar-nav>li>a {
    color: #fff
}

.header_area.header_blue .navbar-inverse .navbar-nav>li>a:focus,.header_area.header_blue .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff
}

.logo_merge.white_logo span,.logo_merge.white_logo .small_slogan {
    color: #fff
}

.header_area.header_blue .navbar-toggle {
    margin-top: 6px;
    margin-bottom: 4px;
    margin-right: 0
}

.navbar-toggle {
    margin-top: 4px
}

.header_area.header_blue .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.header_area.header_white .navbar-inverse .navbar-toggle .icon-bar {
    background: #16588e
}

.header_area.header_blue .navbar-toggle .icon-bar,.header_area.header_white .navbar-toggle .icon-bar {
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.iom_list {
    display: block;
    margin: 15px auto 40px;
    padding: 0;
    float: left;
    clear: both;
    width: 100%
}

.iom_list li {
    display: inline-block;
    background: #fff;
    padding: 150px 10px 18px;
    border-radius: 0;
    margin-bottom: 5px;
    width: 32.33%;
    text-align: center;
    float: left;
    margin-right: 1%
}

.iom_list li:last-child {
    width: 32.33%;
    display: block
}

.price_iom {
    font-size: 20px;
    font-weight: 400;
    color: #16588e;
    display: inline-block;
    position: relative;
    margin: 0 0 30px;
    text-transform: capitalize
}

.price_iom i {
    font-size: 18px
}

.small_iom {
    font-size: 10px;
    font-weight: 400;
    color: #16588e;
    text-transform: capitalize;
    text-align: right;
    display: block;
    position: absolute;
    bottom: -6px;
    right: -28px;
    width: 100%;
    white-space: nowrap
}

.iom_list li a {
    width: 120px;
    padding: 6px 0;
    background: #16588e;
    color: #fff;
    cursor: pointer;
    border: 0;
    display: block;
    white-space: nowrap;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    margin: auto;
    box-shadow: 1px 4px 6px 1px #00000042;
    border-radius: 5px
}

.iom_list li a:hover {
    box-shadow: none
}

.bg_blue_home {
    background: #16588e
}

.whi_h4 .box_safe h4,.bg_blue_home h3,.bg_blue_home .box_safe1 span {
    color: #fff
}

.cash_google {
    width: 60px;
    height: 60px;
    background: #000;
    border-radius: 50%;
    margin: auto;
    text-align: center;
    font-size: 8px;
    vertical-align: middle;
    position: relative;
    overflow: hidden
}

.half_one {
    margin-bottom: 0;
    margin-top: 13px;
    color: #fff;
    font-size: 13px;
    color: #16588e;
    font-weight: 500
}

.half_sec {
    margin-top: -2px;
    line-height: 10px;
    color: #fff;
    font-weight: 300;
    font-size: 8px
}

.mar-autp {
    margin: 20px 0
}

.cas_midelle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.cash_google:before {
    content: '';
    position: absolute;
    height: 50%;
    background: #fff;
    width: 100%;
    left: 0;
    top: 0
}

.r_m_full {
    margin-right: 93px
}

.r_trip2.r_trip2 {
    background: #fff;
    border: 1px solid #16588e
}

.r_trip.r_trip2 h3,.circle_per_day.circle_per_day1 .price_perday,.circle_per_day.circle_per_day1 .pd_,.r_trip.r_trip2.r_trip a {
    color: #16588e
}

.circle_per_day.circle_per_day1 {
    background: url(blue-circlebg_bg.png)
}

.onewaytrip.onew_per_day1 {
    background: #16588e;
    border: 1px solid #16588e
}

.onew_per_day.onew_per_day1 .middle_onew_per {
    background: url(one-way-icon1.png)
}

.onew_per_day.onew_per_day1 .price_onew,.onew_per_day.onew_per_day1 .pd_onew,.onewaytrip.onewaytrip1 a.morei_a {
    color: #fff
}

.onewaytrip.onewaytrip1 {
    background: #16588e;
    border: 1px solid #16588e
}

.onewaytrip.onewaytrip1 h3:before {
    content: '';
    background: url(rt_icon.png);
    position: absolute;
    right: -15px;
    top: 0;
    width: 16px;
    height: 26px;
    background-size: cover;
    background-repeat: no-repeat
}

.price_infodiv {
    text-align: center;
    display: block;
    font-size: 26px;
    text-transform: capitalize;
    font-weight: 300;
    margin-bottom: 26px;
    color: #fff;
    line-height: 18px
}

.price_infodiv .rice_in {
    display: inline-block;
    position: relative
}

.price_infodiv span {
    display: block;
    font-size: 13px;
    position: absolute;
    right: -40px;
    text-transform: capitalize;
    line-height: 15px
}

.lessthen {
    text-align: right;
    display: block;
    color: #fbdc2d;
    font-size: 18px;
    font-weight: 300
}

.lessthen .one_lesss {
    display: block;
    margin-bottom: 8px
}

.sameday {
    text-align: right;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    position: relative;
    float: right
}

.sameday:before {
    top: 6px;
    left: -16px;
    position: absolute;
    background: #fff;
    width: 6px;
    height: 6px;
    content: '';
    border-radius: 50%
}

.header_white .logo_merge.white_logo span,.header_white .logo_merge.white_logo .small_slogan {
    color: #16588e
}

.header_area.header_white .navbar-inverse .navbar-nav>li>a {
    color: #16588e
}

.header_area.header_white .navbar-inverse .navbar-nav>li>a:focus,.header_area.header_white .navbar-inverse .navbar-nav>li>a:hover {
    color: #16588e
}

.header_area.header_white {
    background: #fff
}

.radio_info {
    display: block;
    margin-bottom: 15px;
    clear: both
}

.radio_info .radio {
    display: block;
    position: relative;
    margin: 0;
    margin-bottom: 15px;
    font-size: 15px;
    margin-right: 0;
    font-weight: 500;
    color: #333
}

.form_data .radio_info input[type=radio] {
    width: auto
}

.radio_info label.paym {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block
}

.inner_body h3 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin: 0 0 10px;
    text-transform: capitalize
}

.inner_body ul {
    margin: 0 0 15px;
    padding: 0
}

.inner_body ul li {
    list-style-type: none;
    list-style-position: inside;
    position: relative;
    display: block;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
    line-height: 20px
}

.inner_body ul li:before {
    position: absolute;
    left: 0;
    top: -1px;
    content: "\f105";
    font-family: FontAwesome
}

.price_details_pop .modal-content {
    border-radius: 0
}

.price_details_pop .modal-body {
    padding-right: 20px
}

.price_details_pop .modal-footer {
    padding: 10px;
    text-align: center
}

.below_price {
    font-size: 11px;
    display: block;
    text-align: center;
    font-weight: 400;
    margin-top: 5px;
    color: #16588e;
    text-transform: capitalize
}

.below_price:hover,.below_price:focus {
    color: #16588e;
    text-decoration: underline
}

.total_days {
    font-size: 13px!important;
    color: #a5a5a5!important
}

.back_bg_c {
    background: url(../img/comment_bg.png) no-repeat;
    background-size: 100%;
    width: 400px;
    height: 380px;
    margin: auto;
    position: relative
}

.comment_text {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 320px;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300
}

.blue_bg_com {
    background: #16588e;
    padding: 40px 40px 80px;
    position: relative;
    border-radius: 25px
}

.comment_section {
    padding: 80px 0;
    width: 100%;
    display: block
}

.right_commt {
    position: absolute;
    bottom: -100%;
    right: -45%;
    text-align: right
}

.right_commt h3 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 5px;
    line-height: 24px
}

.right_commt span {
    font-size: 15px;
    font-weight: 300;
    color: #fff
}

.nodel_cotent_div img {
    margin: auto auto 20px;
    width: 40px;
    display: block
}

.gray_c.cancelbtn {
    background: #d9d9d9;
    border: 1px solid #d9d9d9;
    color: #000
}

div #payment_model .gray_c.cancelbtn {
    background: #d9d9d9;
    border: 1px solid #d9d9d9;
    padding: 5px 19px;
    width: auto
}

.green_b.aplybtn:hover {
    color: #FFF:
}

.green_b.aplybtn {
    background: #1aa260;
    border: 1px solid #1aa260;
    padding: 4px 19px;
    width: auto
}

.modal-body.body_div {
    padding: 40px
}

.modal-footer {
    padding: 20px 15px
}

.r_m_full.none_m_m {
    margin: 0
}

.cc-selector-2 input {
    position: absolute;
    margin-left: 97px
}

.car1 {
    background-image: url(hatchback-icon.png)
}

.car2 {
    background-image: url(sedan-icon.png)
}

.car3 {
    background-image: url(suv-icon.png)
}

.cc-selector-2 input:active+.drinkcard-cc,.cc-selector-2 input:checked+.drinkcard-cc,.drinkcard-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 32.5%;
    height: 70px;
    border: 2px solid #a6a6a6;
    border-radius: 3px;
    padding: 49px 0 0 8px;
    color: #a6a6a6;
    font-size: 13px;
    font-weight: 400
}

.drinkcard-cc:hover {
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9)
}

.blue-bx {
    background-color: #16588e;
    padding: 10px;
    margin-bottom: 10px;
    width: 108%
}

.blue-bx h4 {
    font-size: 14px;
    color: #fff;
    font-weight: 300
}

.m-20 {
    margin-bottom: 20px
}

.top-header-p h3 {
    color: #16588e;
    font-size: 16px;
    font-weight: 500
}

.input-oneline {
    display: inline-block;
    border: 2px solid #a6a6a6;
    padding: 5px 96px 5px 15px;
    border-radius: 3px;
    color: #a6a6a6;
    text-align: center;
    width: 49.2%;
    clear: both;
    position: relative
}

.input-oneline input {
    position: absolute;
    margin-left: 78px
}

.input-oneline label {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    margin-left: -10px
}

.btn.btnme1 {
    background-color: #1aa260;
    color: #fff;
    border-radius: 0;
    width: 100%;
    clear: both
}

.btn.btnme2 {
    background-color: #ff8c00;
    color: #fff;
    border-radius: 0;
    width: 50%;
    float: left;
    margin-right: 3px
}

.btn.bluebtn {
    background-color: #26588d;
    color: #fff;
    border-radius: 0;
    width: 50%;
    float: left;
    margin-right: 3px
}

.blue-time-bx select {
    background-color: #16588e;
    color: #fff;
    height: 35px;
    margin-bottom: 10px;
    width: 100%
}

.blue-time-bx.wd {
    width: 100%
}

.daily-validity-bx ul li {
    list-style: none;
    display: block;
    text-align: center;
    border: 1px solid #000;
    min-height: 79px;
    font-size: 10px;
    font-weight: 400;
    line-height: 2;
    color: #000;
    border-radius: 3px;
    width: 100%
}

.mb-20 {
    margin-bottom: 20px
}

.ve_type.mb-30 {
    margin-bottom: 30px
}

.daily-validity-bx ul li span {
    display: block
}

.middle-wrk-text2 {
    font-size: 9px;
    margin-top: -6px
}

.middle-wrk-text1 {
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.middle-wrk-text3 {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin-top: 22px
}

.middle-wrk-text3 .fa {
    font-size: 10px;
    font-weight: 400;
    color: #000;
    margin-top: 13px
}

.red_list.ve_type.dot-r:before {
    background: #fff
}

.ve_type.dot-r {
    padding: 0 0 0 14px
}

.input2 {
    position: absolute;
    margin: 50px 14px 0
}

.daily-validity-bx ul li input {
    margin: 10px -5px 0
}

.daily-validity-bx ul {
    list-style: none;
    display: inline-block;
    text-align: center;
    width: 17%;
    margin-left: 7px
}

.daily-validity-bx {
    margin-bottom: 70px
}

.y_per_driver.blue-bg {
    background-color: #16588e
}

.y_per_driver.blue-bg h5 {
    background-color: #fff;
    margin-left: -12px;
    line-height: 25px
}

.y_per_driver.blue-bg h5:before {
    display: none
}

.y_per_driver.blue-bg h5:after {
    display: none
}

.onetimecharge.tp-head h4 {
    font-weight: 400;
    font-size: 26px
}

.price_peronaldriver.mb-30 {
    margin-bottom: 40px
}

.price_peronaldriver.number-cnt span {
    color: #a4a3a3;
    font-size: 30px;
    font-weight: 700
}

.price_peronaldriver.number-cnt .fa {
    color: #a4a3a3;
    font-size: 20px;
    font-weight: 700
}

.btn.btnme3 {
    background-color: #a4a3a3;
    color: #fff;
    border-radius: 0;
    padding: 3px 35px;
    font-size: 24px
}

.mb-10 {
    margin-bottom: 10px
}

.ve_type.text-t {
    text-transform: unset;
    color: #1a5688;
    font-size: 20px;
    padding: 0 0 0 9px
}

.ve_type.text-t select {
    font-size: 19px;
    margin-right: 7px;
    color: #1a5688;
    font-weight: 400;
    background-color: #fff;
    width: 100px
}

.mb-50 {
    margin-bottom: 50px
}

.peronal_driver.pb-0 {
    padding: 100px 0 0
}

.y_per_driver.cst-code {
    border-radius: 0;
    padding: 10px 10px 35px
}

.y_per_driver.cst-code h5 {
    color: #1a5688;
    font-size: 16px;
    font-weight: 400
}

.ve_type.wdth5 select {
    width: 50px;
    position: absolute;
    right: 54px
}

.navbar-inverse .navbar-nav>li>a img {
    display: none
}

@media only screen and (max-width: 767px) {
    .header_area.header_blue .navbar-inverse .navbar-nav>li>a:focus,.header_area.header_blue .navbar-inverse .navbar-nav>li>a:hover {
        color:#16588e
    }

    .navbar-inverse .navbar-nav>li>a {
        padding: 12px 15px;
        font-size: 14px
    }

    .header_area.header_blue .navbar-inverse .navbar-nav>li>a {
        color: #16588e;
        background: #fff
    }

    .navbar-inverse .navbar-nav>li>a img {
        display: block
    }

    .input-oneline {
        padding: 5px 91px 5px 15px
    }

    .cc-selector-2 input {
        margin-left: 85px
    }

    .input-oneline input {
        margin-left: 70px
    }

    .peronal_driver.pb-0 {
        padding: 100px 0 0
    }

    .form-group.has-icon {
        position: relative
    }

    .radio.radio-inline {
        margin-top: 0
    }

    .btn.btnme3 {
        padding: 6px 35px
    }

    .ve_type.wdth5 select {
        right: 23px;
        padding: 2px;
        width: 59px
    }
}

.furteher {
    font-size: 10px;
    font-weight: 400;
    color: #afafaf;
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 20px;
    border-bottom: 0;
    text-align: center;
    display: block;
    margin-top: 20px
}

.type_m .nav-pills>li+li {
    margin-left: 0
}

.type_m {
    display: block;
    color: both
}

.type_m .nav-pills>li {
    display: inline-block;
    width: 50%;
    text-align: center;
    border: 1px solid #ccc
}

.type_m .nav-pills>li a {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    border-radius: 0
}

.type_m .nav-pills>li.active>a,.type_m .nav-pills>li.active>a:focus,.type_m .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #125082
}

.label_o_box {
    padding: 10px 14px;
    border: 1px solid #ccc;
    display: block;
    clear: both
}

.label_o_box .radio {
    margin: 0
}

.label_o_box .radio label {
    padding: 0;
    width: 100%;
    display: block;
    position: relative
}

.label_o_box .radio img {
    width: 80px;
    margin-right: 30px
}

.label_o_box span {
    font-size: 16px;
    font-weight: 400;
    color: #a6a6a6
}

.label_o_box .radio input[type=radio] {
    display: inline-block;
    width: auto;
    margin: 0;
    float: right;
    position: absolute;
    right: 0;
    top: 12px
}

.driver_on h6 {
    font-size: 27px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 30px;
    text-transform: capitalize;
    letter-spacing: .3px
}

.app-field select.exp_select {
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 5px;
    border: 1px solid #b7b7b7;
    border-radius: 2px
}

.s_my_driver {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    margin: 0;
    padding: 0
}

.s_my_driver li {
    display: inline-block;
    width: 33%;
    border: 1px solid #ccc;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px
}

.radio_info_inner_left {
    display: block
}

.radio_info_inner_right {
    display: inline-block;
    float: right;
    margin-top: -5px
}

.radio_info_inner_left p {
    padding-left: 20px;
    color: #9d9b9b;
    text-align: left;
    margin-bottom: 4px;
    font-size: 13px
}

.blue-tb {
    background: linear-gradient(to left,#6884ff,#a662ff);
    border: 0;
    color: #fff;
    width: auto;
    height: auto;
    margin-left: 21px;
    display: inline-block;
    font-size: 14px;
    padding: 4px 8px;
    position: relative
}

.blue-tb p {
    color: #fff
}

#payment_model .radio_info input[type=radio] {
    width: auto;
    margin-top: -5px
}

div #payment_model .green_b.aplybtn {
    background: #1aa260;
    border: 1px solid #1aa260;
    padding: 5px 19px;
    width: auto
}

div #payment_model .green_b.aplybtn:hover,div #payment_model .green_b.aplybtn:focus {
    color: #fff
}

div #payment_model .blue-tb p {
    color: #fff;
    padding: 0;
    display: block;
    margin: 0
}

.radio_info .radio label {
    position: relative;
    color: #000;
    z-index: 99;
    font-weight: 500
}

.radio_info.radio_heading label.paym {
    display: block;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block
}

.radio_info_inner_right .fa {
    font-size: 15px;
    padding-right: 5px;
    color: #1a5688
}

.radio_info_inner_right span {
    font-size: 19px;
    color: #1a5688
}

.lblue-tb {
    width: 100%;
    padding: 4px;
    position: relative;
    background: #b7b7b7
}

.lblue-tb p {
    color: #fff;
    display: flex;
    font-size: 13px;
    margin: 0;
    text-align: left;
    padding-left: 20px
}

.lblue-tb .fa {
    font-size: 17px;
    padding-right: 0;
    position: absolute;
    left: 5px;
    top: 8px
}

.require {
    text-align: center;
    font-size: 18px;
    text-transform: unset;
    font-weight: 300;
    margin: 20px 0 0;
    display: block;
    color: #fff
}

.call_support {
    float: right;
    display: inline-block;
    background: #fff;
    color: #16588e;
    font-size: 13px;
    font-weight: 400;
    padding: 4px 10px;
    text-transform: capitalize;
    margin-bottom: 15px
}

.call_support:hover,.call_support:focus {
    background: #134b79;
    color: #fff
}

.home_number {
    color: #fff
}

.home_number:hover,.home_number:focus {
    color: #fff
}

#payment_model .modal-footer {
    padding: 15px 0 0
}

.radio.border_bot {
    padding-bottom: 0;
    border-bottom: 0 solid #f1f1f1
}

.vechi_tyoe i {
    width: 36px;
    position: absolute;
    height: 35px;
    line-height: 36px;
    color: #b7b7b7;
    background: 0 0;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid #b7b7b7
}

.radio_info_inner_right {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    right: 0;
    width: 100%;
    text-align: right;
    transform: translate(-50%,-50%)
}

div #payment_model .green_b.aplybtn {
    vertical-align: middle;
    margin: 0 4px
}

.blue-tb:before {
    right: -12px;
    content: "\f0da";
    position: absolute;
    top: 0;
    font-family: 'FontAwesome';
    font-size: 40px;
    color: #6983ff;
    line-height: 23px
}

.radio_info_inner_right1 i {
    margin-right: 4px
}

.radio_info_inner_right1 {
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    color: #000;
    top: 50%;
    left: 50%;
    margin: auto;
    right: 0;
    width: 100%;
    text-align: right;
    transform: translate(-50%,-50%)
}

.pay_online i {
    margin: 0 2px
}

.pay_online {
    background-image: linear-gradient(to left,#104673,#1b6fb3);
    border: 0;
    width: 100%;
    border-radius: 20px;
    font-size: 16px;
    padding: 10px;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500
}

.pay_online:hover,.pay_online:focus {
    background-image: linear-gradient(to left,#1b6fb3,#104673);
    color: #fff
}

.boking_id {
    margin-top: 5px;
    display: block;
    font-size: 13px;
    font-weight: 300;
    color: #fff
}

.header_thanks {
    display: block;
    margin-bottom: 70px;
    clear: both
}

.header_thanks h3 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize
}

.booking_number1 {
    float: right;
    font-size: 20px;
    font-weight: 500
}

.booking_body {
    display: block;
    position: relative;
    margin-bottopm: 30px!important
}

.body_content1_t {
    display: block;
    margin-bottom: 30px;
    position: relative
}

.body_content1_t .fa-check-square-o {
    font-size: 24px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0
}

.unse_p {
    position: unset
}

.th_content {
    padding-left: 30px
}

.th_content h3 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 4px;
    line-height: 20px;
    display: block;
    clear: both;
    letter-spacing: .5px
}

.th_content .date_time {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 4px;
    line-height: 16px
}

.th_content .address_thanks {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 4px;
    line-height: 16px
}

.th_content .m_h {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 5px;
    line-height: 16px
}

.six_hours {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 20px;
    display: block;
    clear: both;
    letter-spacing: .5px;
    text-align: center
}

.thank_list {
    list-style-type: none;
    display: block;
    margin: auto;
    text-align: center
}

.thank_list li {
    display: inline-block;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    background: #ff8c03;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding-top: 11px;
    line-height: 14px;
    text-align: center;
    font-weight: 300
}

.thank_list li i {
    margin-right: 2px;
    vertical-align: middle
}

.thank_list li:first-child {
    background: #1aa262
}

.thank_list li div.t_rd {
    font-size: 9px
}

.cancel_b {
    background: #fff;
    padding: 4px 18px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #16588e;
    margin-right: 5px
}

.cancel_b:hover,.cancel_b:focus {
    background: #16588e;
    color: #fff
}

.free_c {
    font-size: 12px;
    color: #fff;
    font-weight: 300
}

.verify_page {
    width: 100%;
    display: block;
    clear: both;
    position: relative
}

.verify_page h3 {
    font-size: 20px;
    text-transform: unset;
    display: block;
    font-weight: 500;
    color: #000
}

.verify_page span.cancel_bo {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    color: #a5a5a5;
    margin-bottom: 15px;
    display: block
}

.from_g input:focus~.floating-label,.from_g input:not(:focus):valid~.floating-label {
    top: -7px;
    left: 20px;
    font-size: 12px;
    opacity: 1;
    background: #fff;
    bottom: auto;
    padding: 2px 6px;
    color: #16588e
}

.from_g.mobile_n_t .inputText {
    padding: 10px 8px 10px 40px
}

.from_g .inputText {
    font-size: 14px;
    width: 100%;
    height: 45px;
    border-radius: 10px;
    border: 3px solid #16588e;
    padding: 10px 8px
}

.from_div {
    display: block;
    position: relative;
    clear: both
}

.mobile_n_t.from_g .floating-label {
    position: absolute;
    pointer-events: none;
    left: 45px;
    top: 14px;
    transition: .2s ease all;
    font-size: 14px;
    color: #000
}

.from_g .floating-label {
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 14px;
    transition: .2s ease all;
    font-size: 14px;
    color: #000
}

.from_g .inputText:focus,.from_g .inputText:hover {
    outline: 0
}

.from_g {
    margin-bottom: 30px;
    position: relative
}

.plus_nine {
    position: absolute;
    left: 10px;
    top: 13px;
    font-size: 16px;
    font-weight: 500;
    color: #000
}

.arrow_report {
    background: #f6f6f6;
    display: block;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #16588e
}

.arrow_report img {
    width: 40px;
    position: absolute;
    right: 20px;
    top: 14px
}

.arrow_report:hover,.arrow_report:focus {
    color: #16588e;
    -webkit-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.arrow_report:hover img,.arrow_report:focus img {
    right: 15px;
    -webkit-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.arrow_report.green_b {
    background: #1e9f67;
    color: #fff;
    margin-top: 30px
}

.border_none_re.table-responsive,.border_none.table>tbody>tr>td,.border_none.table>tbody>tr>th,.border_none.table>tfoot>tr>td,.border_none.table>tfoot>tr>th,.border_none.table>thead>tr>td,.border_none.table>thead>tr>th {
    border: 0
}

.footer_last {
    background: #16588e;
    display: block;
    width: 100%;
    position: relative;
    padding: 40px 0
}

.contact_footer {
    display: block;
    width: 100%
}

.contact_footer h3,.followus h3 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    display: block;
    margin: 0 0 20px
}

.info_c {
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    margin: 0;
    margin-bottom: 50px
}

.info_c li {
    position: relative;
    display: block;
    margin: 0 0 10px;
    vertical-align: middle
}

.info_c li a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-transform: unset;
    padding: 0 0 0 25px;
    line-height: 24px
}

.info_c li a i {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 16px
}

.followus {
    display: block;
    margin-bottom: 50px
}

.followus ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.followus ul li {
    display: inline-block;
    margin-right: 8px
}

.followus ul li a {
    display: inline-block
}

.followus ul li a i.fa-facebook {
    background: #fff;
    color: #16588e
}

.followus ul li a i.fa-instagram {
    background: radial-gradient(circle at 33% 100%,#fed373 4%,#f15245 30%,#d92e7f 62%,#9b36b7 85%,#515ecf)
}

.followus ul li a i.fa-linkedin {
    background: #0e76a8
}

.followus ul li a i {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    line-height: 38px
}

.footr_links li a {
    background: #f6f6f6;
    display: block;
    padding: 14px;
    border-radius: 10px;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #16588e;
    text-transform: unset
}

.footr_links li a img {
    width: 26px;
    position: absolute;
    right: 20px;
    top: 12px
}

.footr_links li a:hover img,.footr_links li a:focus img {
    right: 15px;
    -webkit-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.terms_c {
    display: block;
    position: relative
}

.terms_c a {
    font-size: 13px;
    font-weight: 400;
    color: #fff
}

.terms_c a:hover,.terms_c a:focus,.apllydriver:hover,.apllydriver:focus {
    color: #fff
}

.terms_c span {
    color: #fff;
    margin: 0 4px
}

.apllydriver {
    font-size: 14px;
    background: #1aa260;
    color: #fff;
    padding: 14px 26px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 10px;
    font-weight: 400
}

.accpt_box {
    margin-bottom: 15px;
    background: #c4c2c3;
    padding: 12px 8px;
    border-radius: 8px;
    position: relative
}

.accpt_box span {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    display: inline-block
}

.accpt_box button.green_accpt {
    background: #1aa260
}

.from_g.margin_bottom_10 {
    margin-bottom: 0
}

.accpt_box button {
    text-transform: capitalize;
    font-size: 14px;
    border: 0;
    color: #fff;
    background: #a6a6a6;
    border-radius: 5px;
    padding: 4px 6px;
    position: absolute;
    right: 5px;
    top: 9px
}

.rate_exp {
    position: relative;
    display: block;
    clear: both;
    margin-bottom: 30px
}

.rate_exp h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 12px;
    display: block;
    font-weight: 600;
    color: #737373
}

.rate_exp span {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    display: block;
    text-transform: uppercase
}

.image_exp_box {
    display: block;
    position: relative;
    clear: both
}

.image_exp_box img {
    margin: auto;
    width: 100%;
    height: auto;
    max-width: 100%
}

.rate_star {
    background: #d9d9d9;
    padding: 15px;
    display: block;
    margin: 0 0 40px
}

.rate_star h3 {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    display: block;
    text-transform: uppercase;
    margin: 0 0 20px
}

.rate_star ul {
    display: block;
    padding: 0;
    list-style-type: none;
    width: 100%
}

.rate_star ul li {
    display: inline-block;
    width: 19%;
    padding: 0;
    margin: 0;
    text-align: center
}

.rate_star ul li a {
    display: block;
    text-align: center;
    font-size: 30px
}

.rate_star ul li a:hover i,.rate_star ul li a:focus i {
    color: #16588e
}

.y-words {
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #878787
}

.driverftatd h3 {
    font-size: 16px;
    margin: 0 0 10px;
    display: block;
    font-weight: 600;
    color: #737373;
    text-transform: unset
}

.driverftatd span {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    display: block;
    text-transform: unset;
    display: block;
    margin: 0 0 20px
}

.driverftatd ul {
    display: inline-block;
    list-style-type: none;
    position: relative
}

.driverftatd ul li {
    display: inline-block
}

.driverftatd ul li i {
    font-size: 14px;
    margin-right: 5px;
    color: #16588e
}

.rati_n {
    display: block;
    margin: 16px 0;
    padding: 0;
    clear: both;
    text-align: center;
    position: relative
}

.rati_n h3 {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #737373;
    margin: 0 0 15px
}

.rati_n ul {
    margin: auto;
    list-style-type: none;
    display: block
}

.rati_n ul li {
    display: inline-block;
    list-style-type: none
}

.rati_n ul li.active_i i {
    font-size: 30px
}

.rati_n ul li i {
    font-size: 24px;
    margin: 0 8px;
    color: #16588e
}

.improve_td {
    margin: 16px 0;
    padding: 0;
    display: block
}

.improve_td h3 {
    font-size: 16px;
    margin: 0 0 25px;
    display: block;
    font-weight: 600;
    color: #737373;
    text-transform: unset;
    text-align: center
}

.i_inner_tatd img {
    width: 44px;
    margin: auto auto 15px;
    display: block;
    height: auto;
    background: #d9d9d9;
    border-radius: 50%;
    padding: 6px
}

.i_inner_tatd h5 {
    font-size: 12px;
    text-transform: capitalize;
    text-align: center;
    display: block;
    color: #737373
}

.i_inner_tatd {
    display: block
}

.text_suggetion:hover,.text_suggetion:focus {
    border-top: 0;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    border-bottom: 1px solid #16588e;
    outline: 0;
    background-color: #d9d9d9
}

.text_suggetion {
    padding: 8px;
    display: block;
    width: 100%;
    position: relative;
    border-top: 0;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    border-bottom: 1px solid #969696;
    margin: 0 0 12px;
    background-color: #d9d9d9
}

.telus_tatd p {
    margin: 0 0 25px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    display: block
}

.syfeedback {
    display: block;
    width: 100%;
    background: #16588e;
    border: 0;
    color: #fff;
    padding: 10px 8px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px
}

.rating_thanks {
    margin: 50px 0;
    display: block;
    text-align: center;
    color: #737373
}

.rating_thanks img {
    width: 250px;
    display: block;
    margin: auto auto 40px
}

.rating_thanks h3 {
    font-size: 24px;
    color: #737373;
    margin: 0 0 15px;
    text-transform: uppercase;
    text-align: center;
    display: block
}

.rating_thanks p {
    color: #737373;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    text-align: center
}

.i_inner_tatd .checkbox {
    text-align: center
}

.i_inner_tatd label {
    padding: 0;
    min-height: auto;
    text-align: center;
    display: block;
    width: 100%
}

.i_inner_tatd .checkbox input[type=checkbox] {
    position: relative;
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: middle
}

.su_mydriver {
    width: 100%;
    display: block;
    margin: 0
}

.box_days .switch {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 4px;
    margin: 0;
    float: right
}

.box_days .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.box_days .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 16px;
    right: 0;
    bottom: 0;
    background-color: #d9d9d9;
    -webkit-transition: .4s;
    transition: .4s;
    border: 5px solid #a9a9a9;
    padding: 0;
    height: 30px
}

.box_days .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 1px;
    bottom: 1px;
    background-color: #a9a9a9;
    -webkit-transition: .4s;
    transition: .4s
}

.box_days input:checked+.slider {
    background-color: #d9d9d9;
    border: 5px solid #16588e
}

.box_days input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

.heading_ms h3 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-align: center;
    display: block;
    text-transform: capitalize;
    margin: 0 0 5px
}

.box_days input:checked+.slider:before {
    -ms-transform: translateX(105px);
    right: 1px;
    position: absolute;
    left: auto;
    background: #16588e
}

.box_days .slider.round {
    border-radius: 34px
}

.box_days .slider.round:before {
    border-radius: 50%
}

.innersu_mydriver {
    background: #efefef;
    width: 100%;
    display: block;
    margin: 0;
    padding: 15px;
    border-radius: 0
}

.innersu_mydriver h3 {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    display: block;
    margin: 0 0 15px;
    text-transform: capitalize
}

.box_days {
    position: relative;
    display: block;
    margin: 0 0 15px
}

.box_days span.days_h {
    font-size: 14px;
    text-transform: capitalize;
    color: #000;
    border: 1px solid #16588e;
    padding: 4px;
    display: inline-block;
    font-weight: 400;
    border-radius: 3px;
    width: 60px;
    text-align: center
}

.ab_div {
    position: absolute;
    right: 0;
    width: 70px;
    top: 0;
    left: auto
}

.pause_div {
    display: inline-block;
    font-size: 12px;
    text-align: left;
    float: left
}

.pause_div.rightfloat {
    float: right
}

.radio-sm-rgt-cnt {
    font-size: 13px;
    color: #9d9b9b;
    font-weight: 400
}

.radio-sm-rgt-cnt span {
    padding-left: 3px
}

.from_g.clearpaytable .table>tbody>tr>td {
    font-weight: 600;
    color: #000;
    font-size: 16px
}

.from_g.clearpaytable .table>thead>tr>th {
    font-size: 16px;
    font-weight: 500;
    color: #16588e;
    border-bottom: 2px solid #ddd0
}

.from_g.clearpaytable .table>tbody>tr>td {
    border-bottom: 2px solid #ddd0
}

.book_n_detail.full-blue-btn {
    background: #125082;
    border: #125082;
    width: 100%;
    color: #fff
}

.book_n_detail.full-blue-btn i {
    margin: 0 2px
}

@media only screen and (max-width: 768px) {
    .from_g.clearpaytable .table>tbody>tr>td {
        font-weight:600;
        color: #000;
        font-size: 12px
    }

    .from_g.clearpaytable .table>thead>tr>th {
        font-size: 12px;
        font-weight: 500;
        color: #16588e
    }

    .verify_page.top-m-page {
        margin-top: 50px
    }
}

.box_makee {
    background: #fff;
    padding: 30px;
    border: 0;
    border-radius: 0;
    display: block;
    margin: 0 0 15px
}

.box_makee label {
    display: block;
    font-size: 19px;
    font-weight: 300;
    margin: 0 0 20px;
    color: #000
}

.box_makee h3 {
    text-align: left;
    text-transform: unset;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin: 0 0 25px
}

.box_makee select {
    background-color: #fff;
    border-left: 0;
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    width: 60%;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border-bottom: 2px solid #16588e;
    padding: 10px 0
}

.box_makee input {
    border-left: 0;
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border-bottom: 2px solid #ccc;
    padding: 10px 0
}

.box_makee h3 p {
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #9e9e9e
}

.backbtn1 {
    color: #16588e;
    padding: 10px 26px;
    margin: 10px 10px 15px 0;
    display: inline-block;
    background: #fff;
    font-weight: 500;
    border: 0
}

.smitbtn {
    color: #fff;
    padding: 10px 20px;
    margin: 10px 10px 15px 0;
    display: inline-block;
    background: #16588e;
    border: 0
}

.smitbtn:hover,.smitbtn:focus {
    background: #fff;
    color: #16588e
}

.backbtn1:hover,.backbtn1:focus {
    background: #16588e;
    color: #fff
}

.emailpro {
    display: inline-block;
    background: #f5f5f5;
    color: #16588e;
    outline: 0;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    padding: 8px 10px;
    border: 0;
    width: 45%;
    box-shadow: 0
}

.booknw:hover,.booknw:focus {
    text-decoration: none;
    color: #fff
}

.booknw {
    text-align: center;
    display: inline-block;
    background: #16588e;
    color: #fff;
    border: 0;
    outline: 0;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    padding: 8px 10px;
    border: 0;
    width: 45%
}

.box-home-page {
    background: #124f82;
    padding: 130px 30px 30px;
    border-radius: 10px
}

.box-home-page:hover a,.box-home-page:focus a {
    color: #fff;
    border: 2px solid #fff
}

.box-home-page a {
    background: #16588e;
    font-size: 16px;
    display: block;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 25px;
    padding: 10px;
    font-weight: 400;
    color: #fff
}

.homehead {
    font-size: 22px;
    text-transform: unset;
    font-weight: 500;
    color: #000;
    margin: 0 0 20px;
    display: block
}

.box-others {
    background: #124f82;
    padding: 30px 15px;
    display: block;
    margin: 0;
    text-align: center;
    border-radius: 10px
}

.box-others h3 {
    font-size: 15px;
    text-transform: unset;
    color: #fff;
    display: block;
    line-height: 24px;
    font-weight: 400
}

.box-others span {
    background: #16588e;
    color: #fff;
    display: block;
    margin-top: 20px;
    padding: 10px;
    font-size: 16px;
    border-radius: 25px;
    font-weight: 400
}

.box-others img {
    width: 45px;
    height: auto;
    margin: auto auto 20px
}

.box-o1 {
    background-color: #16588e
}

.box-o1 span {
    background: #124f82
}

.box-blue {
    display: block;
    width: 100%;
    border: 2px solid #16588e;
    border-radius: 10px;
    padding-bottom: 30px
}

.otpsend {
    padding-left: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #929292;
    margin: 0 0 4px
}

.re-otpsend {
    padding-left: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #929292;
    text-decoration: underline
}

.re-otpsend:hover,.re-otpsend:focus {
    color: #16588e
}

.bookoid {
    padding-left: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.bookthanksdiv {
    display: block;
    text-align: center;
    clear: both;
    position: relative;
    width: 100%
}

.bookthanksdiv img {
    margin: 0 0 20px;
    width: 50px;
    height: auto
}

.bookthanksdiv h4 {
    text-transform: unset;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    margin: 0 0 10px;
    display: block;
    color: #16588e
}

.bookthanksdiv span.tym {
    font-size: 15px;
    font-weight: 500;
    color: #16588e;
    margin: 0;
    line-height: 20px;
    display: block;
    margin-bottom: 20px
}

.paratext.smallsze p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px
}

.paratext.smallsze .pttxt p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px
}

.book_details_from .app-field.margfll {
    margin-bottom: 20px
}

.book_details_from .app-field.margfll select,.book_details_from .app-field.margfll input {
    font-weight: 400;
    font-size: 14px;
    height: 40px
}

.book_details_from .app-field.margfll span.icon-style {
    height: 40px
}

.box_days select.action_active {
    background: #a9a9a9;
    border: 1px solid #a9a9a9
}

.box_days select {
    background: #16588e;
    color: #fff;
    font-size: 14px;
    padding: 4px;
    border: 1px solid #16588e;
    border-radius: 4px;
    outline: 0
}

.namedays {
    position: absolute;
    left: 23px;
    top: 8px;
    font-size: 10px;
    font-weight: 500
}

.active_days .namedays {
    right: 8px;
    left: auto
}

.book_id {
    float: right;
    color: #fff;
    text-align: right;
    font-size: 17px;
    margin-right: 20px;
    margin-top: 10px;
    line-height: 14px
}

.book_id span {
    font-size: 10px
}

.end {
    margin: 15px 0 -5px;
    text-align: right;
    color: #ffb204;
    font-size: 10px;
    line-height: 15px
}

.time ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.time ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 24%
}

.time p {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px
}

.time p span {
    font-size: 12px;
    font-weight: 500
}

.time_box {
    margin: 40px 0
}

.time_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.time_box ul li {
    margin: 0 1px;
    padding: 0 5px;
    display: inline-block;
    width: 28%;
    border: 1px solid #afafaf;
    border-radius: 3px
}

.time_box ul li:last-child {
    background: #16588e
}

.time_box ul li:last-child .min,.time_box ul li:last-child .min_count {
    color: #fff
}

.min {
    font-size: 10px;
    color: #000;
    margin: 0;
    text-align: left
}

.min_count {
    margin: 2px 0 0;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 14px
}

.min_count span {
    font-size: 10px
}

.accptbox {
    background: #16588e;
    margin-bottom: 20px;
    padding: 10px;
    display: block;
    clear: both;
    color: #fff;
    position: relative
}

.timingdiv {
    display: block;
    color: #fff;
    margin: 0 0 15px
}

.timingdiv h4 {
    font-size: 14px;
    display: inline-block;
    margin: 0;
    color: #fff;
    font-weight: 500
}

.timingdiv h4 span {
    font-size: 10px;
    margin-left: 5px;
    font-weight: 400
}

.timingdiv .m_icon {
    display: inline-block;
    margin-left: 5px;
    font-size: 10px
}

.timingdiv .m_icon i {
    font-size: 14px;
    margin-right: 5px
}

.white_trip {
    background: #fff;
    border-radius: 15px;
    padding: 8px;
    min-height: 100px
}

.white_trip h3 {
    font-size: 16px;
    text-transform: capitalize;
    color: #16588e;
    margin: 0 0 10px;
    display: block
}

.white_trip p {
    font-size: 9px;
    font-weight: 400;
    color: #000;
    text-transform: capitalize;
    margin: 20px 0
}

.white_trip .m_icon1 {
    font-size: 15px;
    color: #16588e;
    font-weight: 500
}

.white_trip .m_icon1 i {
    font-size: 18px;
    margin-right: 5px
}

.right_trip {
    text-align: center
}

.right_trip .price_t {
    display: block;
    font-size: 28px;
    font-weight: 600
}

.right_trip .price_t i {
    vertical-align: middle;
    margin-right: 5px
}

.packge_div {
    font-size: 10px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    line-height: 15px;
    margin-top: 0
}

.accpt_d {
    background: #fff;
    padding: 4px 20px;
    display: inline-block;
    border-radius: 10px;
    color: #16588e;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
    border: 0
}

.accpt_d:hover,.accpt_d:focus {
    background: #16588e;
    color: #fff
}

.list_ul li {
    font-size: 12px;
    color: #000;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    padding-left: 15px;
    margin: 0 0 5px
}

.list_ul {
    list-style-type: none;
    position: relative;
    margin: 0;
    padding: 0
}

.list_ul li:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 3px;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%
}

.list_ul li.green-li:before {
    background: #0dc53d
}

.list_ul li.red-li:before {
    background: #d00c0c
}

.list_ul li:last-child {
    margin: 0
}

.whitebxo {
    background: #fff;
    border-radius: 15px;
    padding: 15px;
    display: block;
    clear: both;
    position: relative;
    margin-bottom: 20px
}

.div_firstname {
    font-size: 14px;
    font-weight: 600;
    color: #16588e;
    display: inline-block
}

.div_firstname span {
    display: block
}

.bbingid span {
    display: block;
    font-size: 12px
}

.bbingid {
    font-size: 16px;
    float: right;
    display: inline-block;
    font-weight: 400;
    color: #16588e;
    text-align: right
}

.greybox {
    background: #a2a2a2;
    padding: 10px;
    border-radius: 15px;
    margin: 0 0 20px
}

.paratext .greybox p,.greybox p {
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    margin: 0 0 15px
}

.passie.re_due {
    color: #c30b0b
}

.passie {
    text-align: center;
    font-size: 18px;
    display: block;
    color: #16588e;
    font-weight: 800;
    display: block;
    vertical-align: middle
}

.passie i {
    vertical-align: middle
}

.passie span {
    display: block;
    font-size: 10px
}

.buttongroup {
    padding: 10px;
    text-align: center
}

.buttongroup a {
    background: #fff;
    padding: 8px 26px;
    display: inline-block;
    font-size: 13px;
    color: #16588e;
    font-weight: 600;
    border-radius: 15px;
    margin: 0 4px 15px 0
}

.letsbox {
    padding: 15px 0;
    display: block;
    width: 100%;
    clear: both
}

.nameboxdiv {
    display: block;
    clear: both;
    position: relative;
    margin: 0 0 15px
}

.bluepart {
    padding: 40px 10px 20px;
    background: #16588e;
    margin-bottom: 50px;
    font-size: 36px;
    color: #ffff;
    font-weight: 500;
    text-align: center;
    display: block
}

.bluepop .modal-body {
    padding: 0;
    border: 2px solid #16588e;
    text-align: center
}

.belowparts {
    padding: 0 20px
}

.belowparts h3 {
    font-family: 'Ek Mukta',sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #16588e;
    display: block;
    margin: 0 0 15px;
    line-height: 30px
}

.belowparts img {
    max-width: 100%;
    width: 100px;
    margin: auto auto 15px 0
}

.belowparts p {
    line-height: 20px;
    color: #000;
    font-weight: 600;
    margin: 0 0 15px;
    display: block
}

.belowparts a {
    display: inline-block;
    padding: 10px 30px;
    background: #16588e;
    margin-bottom: 20px;
    color: #fff
}

.belowparts a:hover,.belowparts a:focus {
    color: #fff
}

.bluepop .modal-content {
    border-radius: 10px!important
}

.right_s {
    float: right;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    text-align: right
}

.right_s span {
    display: block;
    font-size: 10px;
    line-height: 14px
}

.datet_div {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
    display: block;
    text-transform: capitalize
}

.main_sec {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    margin-bottom: 30px
}

.main_sec .r_trip h3 {
    font-weight: 500
}

.inner_bl_box {
    border: 2px solid #16588e;
    border-radius: 10px;
    display: block;
    position: relative
}

.main_sec .r_trip h3 {
    padding-left: 20px
}

.running_min {
    display: block;
    padding: 0;
    margin: 20px 15px 10px
}

.running_min li span.p_mn {
    display: block;
    font-size: 10px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 400;
    text-transform: capitalize
}

.running_min li h4 {
    font-size: 20px;
    text-align: center;
    display: block;
    color: #fff;
    font-weight: 600;
    position: relative
}

.running_min li {
    display: inline-block;
    width: 32.33%;
    padding: 4px 6px;
    border: 1px solid #fff;
    border-radius: 4px;
    position: relative;
    min-height: 75px;
    vertical-align: top
}

.running_min li.overtime {
    background: #fff
}

.running_min li.overtime h4 {
    color: #16588e
}

.main_rrr {
    display: block;
    width: 100%;
    margin-top: 15px
}

.running_min li.overtime h4 span.rs_tag {
    display: inline-block
}

.running_min li.overtime h4 span {
    display: block
}

.running_min li.overtime .p_mn {
    color: #16588e
}

.running_min li h4 span a {
    text-decoration: underline
}

.running_min li h4 span,.running_min li h4 span a {
    color: #16588e;
    display: block;
    font-size: 10px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 16px
}

.package_iddiv {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
    display: block;
    text-transform: capitalize
}

.main_sec .r_trip {
    margin-bottom: 15px
}

.below_sec1 {
    padding: 0 15px 15px
}

.belowrepot {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    display: block;
    text-align: center
}

.belowrepot .timerdiv {
    font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 2px;
    font-weight: 400
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8
}

.trip_button {
    display: inline-block;
    padding: 10px 30px;
    background: #16588e;
    margin-bottom: 20px;
    color: #fff
}

.orange_tct.submitdetails h3 {
    color: #ff5f1f
}

.v_pd .ve_type select.wok.orangeBg {
    background: orange;
    color: #fff
}

.navbar-inverse .navbar-nav>li>a img {
    width: 26px;
    position: absolute;
    height: auto;
    right: 20px;
    top: 11px
}

.navbar-inverse .navbar-nav>li:last-child>a {
    margin-bottom: 0
}

.sidenav.main_sidenav {
    height: auto;
    width: 0;
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    background-color: #a6a6a6;
    overflow-x: hidden;
    transition: .5s;
    padding-top: 24px
}

.nav-pills.menu_select>li:first-child>a {
    margin-right: 3px
}

.nav-pills.menu_select>li>a {
    background: 0 0;
    font-size: 14px;
    text-transform: unset;
    font-weight: 400;
    border-radius: 0;
    padding: 8px 4px;
    color: #000;
    border-bottom: 3px solid transparent
}

.nav-pills.menu_select>li.active>a,.nav-pills.menu_select>li.active>a:focus,.nav-pills.menu_select>li.active>a:hover {
    color: #16588e;
    background: 0 0;
    border-bottom: 3px solid #16588e
}

.nav-pills.menu_select,.top_menu_links {
    padding: 0 15px;
    margin-bottom: 30px
}

.top_menu_links {
    position: relative;
    list-style-type: none
}

.top_menu_links li {
    width: 100%;
    display: block
}

.top_menu_links li a {
    background: #f6f6f6;
    display: block;
    padding: 12px 14px;
    border-radius: 10px;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #16588e;
    text-transform: unset
}

.top_menu_links li a img {
    width: 21px;
    position: absolute;
    right: 15px;
    top: 12px
}

.sidenav.main_sidenav .closebtn {
    position: absolute;
    top: 0;
    font-size: 18px;
    margin-left: 0;
    background: #16588e;
    width: 30px;
    height: 30px;
    line-height: 30px;
    right: 0;
    text-align: center;
    color: #fff;
    border-radius: 0
}

@media screen and (max-height: 450px) {
    .sidenav.main_sidenav {
        padding-top:15px
    }
}

.navbar-toggle {
    display: inline-block;
    margin-right: 0
}

.top_menu_links li.dark-green-li a {
    background: #1e9f67;
    color: #fff
}

.top_menu_links li.dark_blue_li a {
    background: #16588e;
    color: #fff
}

.myrides_top {
    background: #16588e;
    padding: 10px 6px 0;
    display: block;
    clear: both;
    position: relative;
    width: 100%;
    margin: 15px 0 0;
    border-radius: 10px 10px 0 0
}

.rides-heading:hover,.rides-heading:focus {
    color: #fff
}

.rides-heading {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0
}

.rides-heading i {
    font-weight: 800;
    margin-right: 10px
}

.tabs_myrides .nav-pills {
    margin-top: 30px;
    display: block;
    position: relative
}

.tabs_myrides {
    display: block;
    margin: 10px 0 1px
}

.tabs_myrides .nav-pills>li {
    float: unset;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 49%
}

.tabs_myrides .nav-pills>li>a {
    background: 0 0;
    text-align: center;
    color: #b3b3b3;
    border-radius: 0;
    letter-spacing: .3px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    text-transform: capitalize
}

.tabs_myrides .nav-pills>li.active>a,.tabs_myrides .nav-pills>li.active>a:focus,.tabs_myrides .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: transparent;
    border-bottom: 2px solid #fff
}

.rides_timing {
    padding: 10px;
    display: block;
    border-radius: 0 0 10px 10px;
    background: #d9d9d9
}

.rides_timing li {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding-right: 12px;
    margin-right: 8px;
    color: #000;
    position: relative;
    line-height: 20px
}

.rides_timing li:before {
    content: '';
    position: absolute;
    background: #a5a5a5;
    width: 2px;
    right: 0;
    height: 20px
}

.rides_timing li:last-child {
    float: right;
    font-size: 12px;
    margin-right: 0;
    padding-right: 0
}

.rides_timing li:nth-child(2):before,.rides_timing li:last-child:before {
    height: 0;
    padding-right: 0;
    margin-right: 0
}

.rides_timing li i.fa-check-circle {
    font-size: 18px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: bottom;
    color: #75c519
}

.rides_bookid {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin: 0 0 20px;
    display: block;
    text-transform: capitalize
}

.inner_rides {
    padding: 10px;
    display: block;
    width: 100%;
    position: relative
}

.ridescontent {
    background: #b7cbdc;
    display: block;
    width: 100%;
    margin: 0 0 20px;
    border-radius: 0 0 10px 10px
}

.inner_rides h3 {
    text-transform: capitalize;
    font-size: 26px;
    font-weight: 500;
    color: #000;
    display: block;
    margin: 0 0 8px;
    line-height: 30px
}

.inner_rides .pack_rides {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin: 0 0 20px;
    display: block;
    text-transform: capitalize;
    clear: both
}

.rides_msg span {
    padding-right: 30px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin: 0 0 10px;
    line-height: 22px
}

.rides_msg {
    clear: both;
    position: relative;
    display: block;
    width: 100%
}

.rides_msg i {
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 24px;
    color: #16588e
}

.ridesbtn {
    display: block;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    text-align: center;
    width: 100%;
    color: #000;
    padding: 10px 4px;
    font-weight: 500;
    letter-spacing: .3px;
    border-radius: 5px;
    box-shadow: 0 0 15px #0000002b;
    margin-bottom: 20px;
    text-transform: capitalize
}

.red_rides.ridesbtn {
    color: #b92213;
    border: 1px solid #b92213
}

.ridesbtn:hover,.ridesbtn:focus {
    box-shadow: none
}

.gre_rides.ridesbtn {
    color: #1aa260;
    border: 1px solid #1aa260
}

.blc_rides.ridesbtn {
    color: #000;
    border: 1px solid #000
}

.ornage_rides.ridesbtn {
    color: #ff9800;
    border: 1px solid #ff9800
}

.blue_rides.ridesbtn {
    color: #16588e;
    border: 1px solid #16588e
}

.rides_timing li i.fa-times-circle {
    font-size: 18px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: bottom;
    color: #c51919
}

.tabs_myrides .nav-pills.three_tabs>li {
    float: left;
    width: 33%
}

.tabs_myrides .nav-pills.three_tabs>li a {
    padding: 10px 2px
}

.ridescontent.off_rr .running_min {
    margin: 0 0 10px;
    clear: both
}

.ridescontent.off_rr .rides_timing li {
    color: #fff
}

.ridescontent.off_rr .rides_timing li:before {
    background: #fff
}

.ridescontent.off_rr .rides_timing {
    background: #16588e
}

.ride_info_the {
    display: block;
    margin: 0 0 0 10px;
    clear: both;
    position: relative
}

.ride_info_the li {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin: 0;
    display: inline-block;
    border-right: 1px solid #000;
    text-transform: capitalize;
    line-height: 16px;
    padding-right: 5px;
    margin-right: 3px
}

.ride_info_the li.invouce_li {
    position: absolute;
    right: 0;
    top: 0
}

.ride_info_the li:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: 0
}

.due_rdi {
    position: absolute;
    right: 0;
    top: -7px;
    font-size: 9px;
    color: #c31313
}

.my_current_rides {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 80px
}

.modal-body .running_min li h4 span {
    color: #fff
}

.modal-body .running_min li.overtime h4 span {
    color: #16588e
}

.modal-body .belowrepot .timerdiv {
    font-size: 11px
}

.modal-body .below_sec1 {
    padding: 0 5px 15px
}

.my_current_rides img {
    width: 200px;
    height: auto;
    margin: auto auto 40px
}

.my_current_rides .no_activebook {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin: 0 0 30px;
    display: block;
    text-transform: capitalize
}

.invoice_downliad {
    float: right;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 500;
    color: #16588e;
    text-align: center;
    margin-right: 0
}

.invoice_downliad i {
    margin: 0 0 2px;
    display: block;
    font-size: 20px
}

.invoice_downliad:hover,.invoice_downliad:focus {
    color: #000;
    text-decoration: none
}

.hometabs {
    padding: 0;
    list-style-type: none;
    list-style-position: inside;
    clear: both;
    width: 100%;
    float: left
}

.nav-pills.hometabs>li>a {
    border-radius: 0;
    padding: 0;
    text-transform: capitalize;
    color: #c4c2c5
}

.hometabs.nav-pills>li.active>a,.hometabs.nav>li>a:focus,.hometabs.nav>li>a:hover,.hometabs.nav-pills>li.active>a:focus,.hometabs.nav-pills>li.active>a:hover {
    background: 0 0;
    color: #fff
}

.homebox_sec a {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #16588e;
    display: block;
    margin-top: 8px
}

.homebox_sec a:hover,.homebox_sec a:focus {
    color: #16588e
}

.homebox_sec {
    background: #fff;
    clear: both;
    position: relative;
    padding: 15px;
    text-align: left;
    margin-bottom: 30px;
    border-radius: 10px
}

.homebox_sec p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    margin: 0 0 15px;
    height: 80px
}

.homebox_sec h6 {
    font-size: 14px;
    font-weight: 500;
    text-transform: unset;
    color: #000
}

.homebox_sec img {
    width: 60px;
    margin: auto auto 15px;
    display: none
}

.hometabs.nav-pills>li.active>a span,.hometabs.nav-pills>li.active>a:focus span,.hometabs.nav-pills>li.active>a:hover span {
    background: #fff
}

.nav-pills.hometabs>li+li {
    margin: 0
}

.hometabs li {
    display: inline-block;
    position: relative;
    width: 24%;
    float: none;
    text-align: center;
    padding: 0 5px;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
    margin: 0 0 15px;
    white-space: nowrap
}

.hometabs li span {
    width: 45px;
    height: 45px;
    background: #c4c2c5;
    display: block;
    border-radius: 50%;
    padding: 8px;
    margin: auto auto 5px;
    line-height: 28px
}

.hometabs li span img {
    width: 26px;
    line-height: 32px;
    height: auto
}

.homebox_sec.bluehome p {
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 15px;
    height: 80px
}

.homebox_sec.bluehome img {
    width: 50px;
    margin-bottom: 10px;
    display: none
}

.homebox_sec.bluehome h6 {
    color: #fff;
    font-size: 14px
}

.homebox_sec.bluehome {
    background: #134c7b;
    padding: 10px;
    text-align: left
}

.hometabs::-webkit-scrollbar,.requie_hompage ul::-webkit-scrollbar {
    width: 5px;
    height: 6px
}

.hometabs::-webkit-scrollbar-track,.requie_hompage ul::-webkit-scrollbar-track {
    background: #c4c2c5;
    border-radius: 10px
}

.hometabs::-webkit-scrollbar-thumb,.requie_hompage ul::-webkit-scrollbar-thumb {
    background: #338cd8;
    border-radius: 10px
}

.hometabs::-webkit-scrollbar-thumb:hover,.requie_hompage ul::-webkit-scrollbar-thumb:hover {
    background: #555
}

.cancel_book_content h3 {
    font-size: 20px;
    text-transform: capitalize;
    color: #000;
    text-align: center;
    display: block;
    margin: 10px 0 40px;
    font-weight: 500
}

.custumradio .container1 {
    display: block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 25px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    color: #000
}

.custumradio .container1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.custumradio .checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 22px;
    width: 22px;
    background-color: #d9d9d9;
    border-radius: 50%;
    border: 2px solid #18558b
}

.custumradio .container1:hover input~.checkmark {
    background-color: #ccc
}

.custumradio .container1 input:checked~.checkmark {
    background-color: #d9d9d9;
    border: 2px solid #18558b
}

.custumradio .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.custumradio .container1 input:checked~.checkmark:after {
    display: block
}

.custumradio .container1 .checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #18558b
}

.popcnale .modal-content {
    background: #d9d9d9
}

.cancel_book.no-btn {
    background: #fff;
    color: #000
}

.cancel_book.no-btn:hover,.cancel_book.no-btn:focus {
    color: #fff;
    background: #18558b
}

.cancel_book:hover,.cancel_book:focus {
    color: #18558b;
    background: #fff
}

.cancel_book {
    border: 0;
    padding: 12px;
    margin: 0 8px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #18558b;
    width: 80px;
    display: inline-block;
    text-align: center
}

.small_ex_ve {
    text-align: right;
    display: block;
    font-size: 11px;
    color: #fff;
    color: #fff;
    font-weight: 300;
    text-transform: capitalize;
    margin-top: 4px
}

.rupee_feild {
    position: relative;
    margin: 10px 0 0;
    display: block;
    clear: both
}

.book_details_from .app-field.rupee_feild input {
    border-left: 0;
    border-bottom: 2px solid #ccc;
    border-top: 0;
    font-size: 18px;
    border-right: 0
}

.app-field.rupee_feild span.icon-style {
    border: 0
}

.special_ins {
    font-size: 13px;
    font-weight: 400;
    color: #16588e;
    text-decoration: underline;
    margin: 20px 0 30px;
    display: block
}

#your-personal-drivers.modal {
    bottom: 0;
    top: auto
}

padding:8px 10px;#your-personal-drivers .modal-header {
    border-bottom: 0
}

.review-rating {
    padding: 40px 0 20px;
    display: block;
    width: 100%;
    clear: both;
    position: relative
}

.inner_rr {
    margin-bottom: 20px;
    display: block;
    background: #d9d9d9;
    border-radius: 10px;
    padding: 15px;
    z-index: 2;
    position: relative;
    z-index: 2
}

.inner_rr h3 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-align: left;
    display: block;
    margin: 0 0 30px;
    text-transform: unset
}

.reviewleft {
    position: absolute;
    left: 0;
    top: 0;
    width: auto
}

.top_rating {
    font-size: 40px;
    font-weight: 500;
    color: #000;
    line-height: 34px;
    margin: 0 0 10px
}

ul.review1_list {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0
}

ul.review1_list li {
    display: inline-block;
    font-size: 14px;
    margin-right: 2px;
    color: #16588e
}

.t_c_review {
    display: block;
    font-size: 14px;
    color: #878787;
    font-weight: 400;
    margin-top: 6px
}

.review_section {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 40px
}

.rightreviewsec {
    padding-left: 130px;
    position: relative;
    display: block
}

.number_review_1 {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 11px
}

.progress_outer {
    position: relative;
    display: block
}

.progress {
    position: relative;
    height: 10px;
    margin-bottom: 10px;
    margin-left: 18px;
    background: #a6a6a6
}

.progress .progress-bar {
    background-color: #16588e
}

.review_customer {
    display: block;
    margin: 0 5px;
    clear: both;
    position: relative
}

.review_customer .name_location {
    display: block;
    margin: 0 0 10px;
    position: relative
}

.name_location .name_first_review {
    display: inline-block;
    position: relative;
    padding-left: 50px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 36px
}

.name_location .name_first_review span {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    display: inline-block;
    background: #16588e;
    color: #fff;
    border-radius: 50%;
    line-height: 36px;
    text-align: center;
    font-size: 15px;
    font-weight: 500
}

.name_location .location_right {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 36px
}

.date_list_review {
    display: block;
    margin: 0 0 10px;
    position: relative
}

.date_list_review .review1_list {
    display: inline-block;
    margin-right: 10px
}

.date_list_review .printdate {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 13px;
    text-transform: capitalize;
    display: inline-block
}

div.text-container {
    margin: 0 auto;
    width: 100%;
    text-align: left;
    position: relative
}

.short-text {
    overflow: hidden;
    height: 62px;
    font-size: 14px;
    color: #878787;
    line-height: 20px;
    margin: 0;
    text-align: justify;
    text-align-last: left;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.full-text {
    height: auto;
    display: block
}

.show-more {
    padding: 4px 0;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.show-more a {
    font-size: 12px;
    font-weight: 500;
    color: #878787;
    text-decoration: underline;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0
}

.reviewslider .slick-next.pull-right.slick-arrow {
    display: none!important
}

.seemorerview {
    font-size: 13px;
    font-weight: 500;
    color: #16588e;
    vertical-align: middle;
    line-height: 21px
}

.seemorerview img {
    width: 20px;
    height: auto;
    margin-left: 4px
}

.left_arrow {
    display: block;
    position: absolute;
    bottom: -35px;
    font-size: 13px;
    font-weight: 400;
    color: #a0a0a0;
    text-transform: capitalize
}

.left_arrow img {
    width: 16px;
    height: auto;
    margin-right: 5px
}

.reviewfooter {
    text-align: right;
    margin-top: 15px;
    display: block
}

.booknw.fixed_return {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 9
}

.trial_div {
    display: block;
    width: 100%;
    clear: both;
    position: relative
}

.trial_div .timedte {
    font-size: 15px;
    font-weight: 500;
    color: #16588e;
    margin-bottom: 40px
}

.trial_div .timedte .datetrial {
    float: right
}

.trial_div .daysperhours {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #16588e;
    margin-bottom: 40px
}

.trial_div .rs_trial {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #16588e;
    display: block;
    margin: 0 0 10px;
    clear: both;
    line-height: 28px
}

.three_trial {
    text-align: center;
    display: block;
    margin: 0;
    display: block;
    clear: both;
    position: relative
}

.three_trial span {
    font-size: 11px;
    text-transform: capitalize;
    font-weight: 500;
    color: #16588e;
    letter-spacing: 0;
    display: block
}

.three_trial h4 {
    line-height: 24px;
    font-size: 24px;
    font-weight: 700;
    color: #16588e;
    margin: 0 0 5px
}

.three_trial img {
    margin: auto auto 5px;
    width: 30px;
    height: auto
}

.blue_addres_trial {
    background: #16588e;
    color: #fff;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    line-height: 20px;
    padding: 10px;
    border-radius: 10px;
    margin: 50px 15px
}

.permentdriver {
    width: 100%;
    display: block;
    clear: both;
    position: relative;
    border: 2px solid #16588e;
    border-radius: 10px;
    margin: 0;
    padding: 0
}

.permentdriver_inner {
    width: 100%;
    margin: 40px 0;
    padding: 15px;
    background: #16588e;
    display: block
}

.permentdriver_inner h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin: 0 0 20px;
    text-transform: capitalize;
    letter-spacing: .3px
}

.permentdriver_inner img {
    width: 50px;
    margin: 0 0 10px;
    height: auto
}

.permentdriver_inner span {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: block
}

.paratext.meidumsize p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px
}

.app-field a.vechi_tyoe1:before {
    content: "\f0d7";
    position: absolute;
    font-family: FontAwesome;
    font-size: 16px;
    font-weight: 400;
    right: 9px;
    top: 7px
}

#PayOvertime {
    margin-top: 15px
}

.panel_tabs_rides .tab-content {
    border: 2px solid #16588e;
    padding: 0 0 20px;
    border-radius: 0 0 10px 10px
}

.panel_tabs_rides {
    padding-bottom: 50px
}

.shohde:hover,.shohde:hover {
    color: #353535
}

.shohde {
    font-size: 12px;
    font-weight: 500;
    background: #c1c1c1;
    display: block;
    width: 100%;
    text-align: left;
    margin: 20px 0 0;
    padding: 4px 33px 4px 6px;
    color: #353535
}

.refreaern {
    background: #16588e;
    padding: 15px;
    width: 100%;
    display: block;
    clear: both;
    border-radius: 25px
}

.leftdtaa {
    padding-right: 110px
}

.leftdtaa h3 {
    font-size: 24px;
    text-transform: unset;
    color: #fff;
    margin: 0 0 15px;
    line-height: 34px;
    font-weight: 500
}

.leftdtaa span {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    display: block;
    line-height: 22px
}

.refreaern img.abs_im {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 110px
}

.refreaern a {
    display: block;
    font-size: 14px;
    background: #fff;
    text-align: center;
    border-radius: 15px;
    position: relative;
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #16588e
}

.refreaern a img {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 16px
}

.uppersection {
    position: relative;
    display: block;
    margin-top: 50px;
    margin-bottom: 20px
}

.refreaern1 h3 {
    color: #fff;
    font-size: 24px;
    text-transform: unset;
    color: #fff;
    margin: 0 0 30px;
    line-height: 34px;
    font-weight: 500
}

.refreaern1 {
    background: #16588e;
    padding: 15px;
    width: 100%;
    display: block;
    clear: both;
    text-align: center;
    border-radius: 25px
}

.refreaern1 p {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    display: block;
    line-height: 24px;
    margin-bottom: 50px
}

.refreaern1 img {
    width: 180px;
    margin: 30px auto
}

.refreaern1 a,.refer__ {
    display: inline-block;
    border: 0;
    outline: 0;
    background: #fff;
    text-align: center;
    border-radius: 15px;
    position: relative;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #16588e
}

.refreaern2 {
    background: #0077b5;
    padding: 15px;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    clear: both;
    border-radius: 25px
}

.refreaern2 h3 {
    color: #fff;
    font-size: 24px;
    text-transform: unset;
    color: #fff;
    margin: 0;
    line-height: 34px;
    font-weight: 500;
    text-align: left
}

.refreaern2 img {
    margin: auto 0 15px auto;
    display: block;
    width: 200px
}

.refreaern2 ul {
    position: relative;
    list-style: unset
}

.refreaern2 ul li {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
    display: block;
    padding-left: 15px;
    position: relative
}

.refreaern2 ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    left: 2px;
    top: 6px;
    position: absolute
}

.box_name_1 {
    background: #f1f1f1;
    padding: 15px;
    border-radius: 25px;
    margin-bottom: 15px
}

.box_name_1 .from_g {
    margin: 0
}

.box_name_1 .from_g .inputText {
    border: 3px solid #9e9e9e
}

.cotent_refer p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 24px
}

.cotent_refer p a {
    color: #000
}

.referearnpop .modal-content {
    background-color: transparent
}

.referearnpop .modal-header {
    padding: 0;
    border: 0
}

.referearnpop .box_name_1 .from_g .inputText {
    border: 0;
    background: #f0f8ff;
    color: #000
}

.referearnpop .box_name_1 {
    background: 0 0;
    padding: 0
}

.modal.referearnpop {
    top: auto
}

.referearnpop .modal-body {
    background: #0077b5;
    border-radius: 15px
}

.referearnpop .close {
    position: absolute;
    top: -20px;
    right: 20px;
    background: #0077b5;
    font-size: 22px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    border: 2px solid #fff;
    z-index: 9999;
    opacity: 1
}

@media (max-width: 767px) {
    .referearnpop .modal-dialog {
        margin:30px 0 0
    }
}

.sendhed {
    color: #fff;
    font-size: 24px;
    text-transform: unset;
    color: #fff;
    margin: 0;
    line-height: 34px;
    font-weight: 600
}

.whiteox {
    background: #fff;
    padding: 30px 10px 10px;
    border-radius: 10px;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: -36px -15px 0
}

.price_peronaldriver span.total_price del {
    font-size: 16px;
    color: #c1c1c1;
    display: inline-block;
    margin-left: 10px;
    position: absolute;
    bottom: 0;
    line-height: 20px;
    width: 50px
}

.refreaern a.text_withoutclas {
    color: #fff;
    text-decoration: underline;
    display: unset;
    padding: 0;
    border-radius: 0;
    text-align: unset;
    background: 0 0;
    font-size: unset;
    font-weight: unset
}

.yshuclde {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-transform: unset;
    margin: 15px 0 10px;
    color: #16588e
}

.completeyour {
    display: block;
    width: 100%;
    clear: both
}

.completeyour h3 {
    font-size: 22px;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    margin: 0 0 40px
}

.compliance_box {
    padding: 0;
    margin: 0;
    display: block
}

.compliance_box li {
    margin-bottom: 15px;
    margin-right: 3%;
    display: inline-block;
    width: 47.5%;
    background: #f0f0fa;
    padding: 10px;
    border-radius: 15px;
    position: relative
}

.compliance_box li .sizeslect {
    position: absolute;
    right: 10px;
    font-size: 12px;
    background: #d9d9d9;
    color: #000;
    border: 0;
    padding: 1px;
    outline: 0
}

.compliance_box li img {
    width: 80px;
    margin: auto;
    display: block;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px
}

.compliance_box li:nth-child(even) {
    margin-right: 0
}

.compliance_box li .cont_number {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.compliance_box li .cont_number span.c_nn {
    position: absolute;
    right: 0;
    background: #ccc;
    padding: 2px 8px;
    font-weight: 600;
    font-size: 16px;
    top: -3px;
    border-radius: 5px
}

.compliance_box li .price-div {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.compl_label .checkbox {
    background: #f0f0fa;
    padding: 10px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px
}

.compl_label .checkbox input[type=checkbox] {
    margin: 3px 0 0 -20px
}

.btn_comp_c {
    background: #fff;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    border-radius: 10px;
    color: #16578d;
    font-weight: 600
}

.btn_comp_c:hover,.btn_comp_c:focus {
    background: #16588e;
    color: #fff
}

.rou_one_way {
    display: block;
    text-align: center
}

.rou_one_way p {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    margin: 15px 0
}

.box_emilpro {
    position: relative;
    padding: 20px;
    background-color: #0077b3;
    margin-bottom: 40px;
    border-radius: 15px;
    margin-top: 30px
}

.box_emilpro h3 {
    font-size: 20px;
    font-weight: 500;
    text-transform: unset;
    color: #fff;
    margin: 0 0 20px
}

.emai_de {
    width: 100%;
    height: 40px;
    margin: 0 0 15px;
    border-radius: 5px;
    outline: 0;
    padding: 0 10px;
    font-weight: 13px;
    border: 0;
    background: #f0f8ff
}

.cross_sign:hover {
    color: #fff
}

.cross_sign {
    position: absolute;
    top: -20px;
    right: 20px;
    background: #0077b5;
    font-size: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    border: 2px solid #fff;
    z-index: 9999;
    opacity: 1;
    text-align: center;
    line-height: 35px
}

.shohde i {
    float: right;
    font-size: 18px;
    font-weight: 600;
    color: #353535
}

.tt_box_t {
    margin-bottom: 30px;
    display: block;
    text-align: center;
    clear: both;
    position: relative;
    border-radius: 10px;
    padding: 6px 4px
}

.rating_per_tt {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    display: block
}

.crr_ {
    font-size: 13px;
    font-weight: 600;
    color: #fff
}

.green_bb {
    background-color: #18a360
}

.yelloe_bb {
    background-color: #fbdc2c
}

.req_fduty {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 4px 0 30px;
    text-transform: unset
}

.tt_box_t.yelloe_bb .crr_,.tt_box_t.yelloe_bb .rating_per_tt {
    color: #16588e
}

.red_bb {
    background-color: #de5245
}

.contsatrt {
    background: #fff;
    display: block
}

.from_select {
    margin-top: 60px
}

.from_select select {
    float: right;
    background: #16588e;
    border: 0;
    padding: 4px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff
}

.from_select label {
    text-align: left;
    font-weight: 500
}

.common_value {
    padding: 30px 0 60px;
    width: 100%;
    display: block;
    clear: both;
    position: relative
}

.manual_ht1 {
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 20px
}

.manual_ht {
    font-size: 13px;
    font-weight: 500;
    color: #fff
}

.manual_ht i {
    margin-right: 4px
}

.manual_ht2 {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px
}

.jiancolo {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    line-height: 30px;
    text-transform: capitalize;
    margin: 0 0 30px
}

.refreaern a.btn_frd img {
    position: absolute;
    left: 10px;
    top: 15px;
    width: 16px;
    top: 14px;
    right: auto
}

.refreaern a.btn_frd img.rate_d {
    right: 10px;
    left: auto;
    width: 16px
}

.refreaern a.btn_frd {
    font-size: 12px;
    padding: 14px 10px 14px 26px;
    position: relative;
    line-height: 15px
}

.refreaern a.btn_frd1 {
    font-size: 12px;
    padding: 14px 30px 14px 10px;
    position: relative;
    line-height: 15px
}

.boredr_all {
    border: 2px solid #16588e;
    border-radius: 8px;
    display: block;
    clear: both;
    position: relative;
    margin-bottom: 30px
}

.pdl {
    padding-left: 20px
}

.pdr {
    padding-right: 20px
}

.border_bot1 {
    border-bottom: 2px solid #ccc;
    margin-bottom: 20px
}

.active_days .namedays1.namedays {
    right: auto;
    left: 25px
}

.crrr {
    display: inline-block;
    float: right;
    background: #2076bd;
    padding: 4px;
    border-radius: 2px;
    line-height: 16px;
    font-size: 12px
}

.manage_work {
    font-size: 14px;
    color: #fff;
    background: #ff914d;
    display: inline-block;
    padding: 6px;
    text-align: center;
    margin: 0 10px 10px 0;
    width: 120px;
    font-weight: 500
}

.manage_work:hover,.manage_work:focus {
    color: #fff
}

.left_menu1 {
    margin: 100px 0
}

.left_menu1 li {
    display: block
}

.left_menu1 li a {
    background: #fff;
    display: block;
    padding: 18px 10px;
    border-radius: 10px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #16588e;
    text-transform: unset
}

.left_menu1 li.acive a {
    background: #d9d9d9
}

.left_menu1 li img {
    width: 40px;
    position: absolute;
    right: 20px;
    top: 21%
}

.bg_chnge {
    background: #0077b5!important
}

.green_bbt {
    position: relative;
    margin-bottom: 62px
}

.green_bbt .ab_div {
    width: 100%
}

.green_bbt .box_days .slider {
    left: 0
}

.green_bbt1 .box_days input:checked+.slider,.green_bbt1 .box_days .slider {
    background: #fff;
    border: 5px solid #1ba162
}

.green_bbt1 .box_days input:checked+.slider:before,.green_bbt1 .box_days .slider:before {
    background: #1ba162
}

.rred_bbt1 .box_days input:checked+.slider,.rred_bbt1 .box_days .slider {
    background: #fff;
    border: 5px solid #dc5248
}

.rred_bbt1 .box_days input:checked+.slider:before,.rred_bbt1 .box_days .slider:before {
    background: #dc5248
}

.ylowrd .box_days input:checked+.slider,.ylowrd .box_days .slider {
    background: #fff;
    border: 5px solid #fadc2c
}

.ylowrd .box_days input:checked+.slider:before,.ylowrd .box_days .slider:before {
    background: #fadc2c
}

.full_bill_see {
    display: block;
    text-align: center;
    clear: both;
    position: relative;
    margin: 60px 15px
}

.full_bill_see .rupee_bill {
    display: block;
    font-size: 26px;
    color: #a6a6a6;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 10px
}

.full_bill_see .rupee_bill i {
    font-size: 20px
}

.full_bill_see span {
    display: block;
    border: 1px solid #a6a6a6;
    padding: 4px 4px 3px;
    line-height: 21px;
    font-size: 14px;
    text-align: center;
    margin: 0;
    color: #000;
    border-radius: 4px;
    font-weight: 900
}

.full_bill_see a {
    color: #5e17eb;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin: 0 0 15px;
    border-bottom: 2px solid #5271ff;
    padding-bottom: 6px
}

.full_bill_see a:hover,.full_bill_see a:focus {
    color: #518cc1
}

.bill_name {
    display: block;
    text-align: right;
    font-size: 15px;
    color: #16588e;
    margin: 0 0 10px;
    font-weight: 500
}

.id_date_right {
    display: inline-block;
    float: right
}

.id_date_right ul {
    display: block;
    list-style-type: none;
    list-style-position: inside
}

.id_date_right ul li:last-child {
    font-size: 15px;
    margin-left: 15px
}

.id_date_right ul li {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    vertical-align: middle;
    font-weight: 300
}

.id_date_right ul li span {
    display: block;
    font-size: 9px
}

.r_rse {
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: 0
}

.r_rse span {
    font-size: 11px;
    display: block;
    margin-top: 4px
}

.small_dtt {
    font-size: 12px;
    display: block;
    text-align: center;
    margin-bottom: 0
}

.overblue_table {
    margin: 20px 0 0;
    color: #fff
}

.overblue_table tbody>tr,.overblue_table tbody>tr>td {
    border: 0;
    vertical-align: top;
    font-size: 12px;
    color: #fff;
    padding: 4px;
    font-weight: 300
}

.datetime_t tbody>tr,.datetime_t tbody>tr>td {
    border: 0
}

.total_charge tbody>tr,.total_charge tbody>tr>td {
    font-size: 11px;
    font-weight: 400;
    color: #000
}

.ru_big_bill {
    font-size: 14px;
    font-weight: 700
}

.address_las {
    margin-top: 20px;
    font-size: 12px;
    font-weight: 400
}

.addmoredetails {
    display: block;
    text-align: center;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 500;
    clear: both;
    text-decoration: underline
}

.manageorder {
    display: block;
    text-align: right;
    margin-bottom: 20px;
    font-weight: 600;
    color: #ff8c00;
    text-decoration: underline;
    clear: both
}

.order_mm.nav-pills>li>a {
    font-size: 14px;
    background: #eff0fa;
    color: #16588e;
    font-weight: 500
}

.order_mm.nav-pills>li {
    display: inline-block;
    width: 49%;
    text-align: center
}

.order_mm.nav-pills>li.active>a,.order_mm.nav-pills>li.active>a:focus,.order_mm.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #16588e
}

.r_r_morder {
    text-align: right;
    display: block;
    font-size: 20px;
    color: #929292;
    font-weight: 600
}

.date-andti {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 30px
}

.cancel-rdd:hover,.cancel-rdd:focus {
    color: #fff
}

.cancel-rdd {
    background: #ff1616;
    color: #fff;
    font-size: 14px;
    padding: 5px 18px;
    font-weight: 500;
    border-radius: 4px
}

.img_an {
    width: 50px;
    margin: auto;
    text-align: center;
    display: block
}

.office_trval {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    background: #fbdc2c;
    padding: 15px;
    margin-bottom: 35px
}

.office_trval h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    display: block;
    margin: 0 0 10px;
    line-height: 20px;
    text-align: center
}

.office_trval p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 20px;
    display: block;
    color: #000
}

.office_trval a.explore_ {
    display: inline-block;
    background: #16588e;
    padding: 8px;
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    border-radius: 15px;
    line-height: 20px
}

.office_trval a.explore_ img {
    width: 25px;
    margin-left: 20px
}

.office_trval img.ps {
    width: 120px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #f0f0fa;
    border-radius: 90px 0 0;
    padding-left: 18px;
    padding-top: 18px
}

.homebox_sec a.ph_oen i {
    margin-right: 8px
}

.homebox_sec a.ph_oen1 i {
    margin-right: 4px;
    margin-left: 4px
}

.homebox_sec a.ph_oen_white i {
    margin-right: 4px;
    margin-left: 4px
}

.homebox_sec a.ph_oen1 {
    margin: 0;
    line-height: 17px;
    display: inline-block;
    color: #000
}

.homebox_sec a.ph_oen_white {
    margin: 0;
    line-height: 17px;
    display: inline-block;
    color: #fff
}

.homebox_sec a.ph_oen {
    font-size: 18px;
    margin: 0;
    line-height: 17px
}

.office_trval span a {
    color: #000
}

.bookin_urs {
    display: block;
    background: #16588e;
    border-radius: 10px;
    padding: 10px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    margin: 0 10% 30px;
    pointer-events: none;
    position: relative
}

.office_trval span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #000;
    margin-top: 25px;
    margin-bottom: 0
}

.bookin_urs img {
    width: 20px;
    position: absolute;
    right: 15px;
    top: 14px
}

.from-button {
    background-color: #16588e;
    width: 170px;
    margin: 0 0 12px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #fff
}

.from-button1 {
    background-color: #16588e;
    width: 185px;
    margin: 0 0 12px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #fff
}

form.frm-b1 {
    margin: 0 0 0 10px;
    padding: 6px 0 0 1px
}

@media only screen and (max-width: 360px) {
    .from-button {
        display:block;
        margin-left: auto!important;
        margin-right: auto
    }
}

.address_box {
    display: block;
    margin: 0 0 15px;
    clear: both;
    position: relative
}

.address_box textarea {
    background: #d9e9f6;
    width: 100%;
    border-radius: 5px;
    border: 0;
    padding: 10px;
    height: 80px;
    outline: 0;
    font-size: 14px;
    color: #000;
    font-weight: 400
}

.buttonCick {
    display: block;
    margin: 0 0 20px;
    position: relative
}

.buttonCick a {
    width: 80px;
    display: inline-block;
    text-align: center;
    background: #16588e;
    padding: 14px 10px;
    position: absolute;
    color: #fff;
    left: 0;
    border-radius: 5px
}

.buttonCick span {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    display: inline-block;
    padding-left: 90px
}

.dropdown-center {
    text-align: center;
    position: relative;
    margin: auto auto 30px;
    display: inline-block;
    border-bottom: 2px solid #ddd
}

.dropdown-center select {
    padding: 6px 25px;
    font-size: 14px;
    border: 0;
    width: 100%;
    display: block;
    background: 0 0;
    outline: 0
}

.buttonCick img {
    width: 25px;
    margin-left: 10px;
    transform: rotate(180deg)
}

.name_related {
    display: block;
    clear: both;
    position: relative;
    margin: 0 0 30px;
    background: #16588e;
    padding: 15px;
    border-radius: 5px
}

.name_related .lft_txt {
    display: inline-block
}

.name_related .ryt_txt {
    display: inline-block;
    text-align: center;
    float: right
}

.lft_txt p:last-child {
    margin-top: 15px
}

.name_related .ryt_txt i {
    display: block;
    border: 2px solid #fff;
    height: auto;
    line-height: 38px;
    border-radius: 5px;
    font-size: 17px;
    color: #fff;
    margin: 0 0 10px
}

.lft_txt p {
    color: #fff;
    font-size: 14px;
    margin: 0 0 5px;
    line-height: 18px;
    font-weight: 400
}

.ryt_txt span {
    font-weight: 500;
    color: #fff;
    text-transform: capitalize
}

.otp_sed {
    width: 110px
}

.otp_sed button {
    background: #16588e;
    font-size: 14px;
    border: 0;
    padding: 6px 8px;
    border-radius: 5px;
    color: #fff
}

.otp_sed input {
    width: 70px;
    display: inline-block;
    padding: 4px 6px;
    border-radius: 4px;
    border: 0;
    outline: 0;
    color: #000;
    background: 0 0;
    border: 2px solid #a9a9a9
}

.otp_sed a {
    font-size: 13px;
    text-align: left;
    display: block;
    margin-top: 7px;
    color: #16588e;
    text-decoration: underline
}

.name_related.bg_gray {
    background: #d9d9d9
}

.name_related.bg_gray .lft_txt p {
    color: #000
}

.manual_ht1.font94 {
    font-size: 94px
}

.newfeature_book {
    clear: both;
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    float: left
}

.newfeature_book .headering_new {
    display: inline-block;
    background: #ff8c00;
    color: #fff;
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 400
}

.right_quickb {
    display: inline-block;
    float: right;
    padding: 18px;
    text-align: center;
    color: #16588e
}

.right_quickb img {
    width: 60px;
    height: auto;
    margin: 0 0 15px
}

.right_quickb h3 {
    color: #16588e;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    font-weight: 500
}

.from_quickbook {
    background: #efefef;
    padding: 5px;
    border-radius: 5px;
    display: block;
    margin: 0 0 30px;
    position: relative
}

.from_quickbook input {
    display: block;
    width: 100%;
    border: 0;
    height: auto;
    border-radius: 4px;
    padding: 25px 5px 5px;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    letter-spacing: .3px
}

.from_quickbook input:hover,.from_quickbook input:focus {
    border: 0;
    outline: 0
}

.inputff {
    position: relative;
    display: block;
    clear: both
}

.inputff span {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #b7b5b5;
    font-size: 14px;
    font-weight: 400
}

.cr_from {
    display: block;
    clear: both;
    position: relative
}

.feild_outer {
    display: block;
    width: 100%;
    margin: 0 0 20px;
    clear: both;
    position: relative
}

.feild_outer input,.feild_outer select,.feild_outer textarea {
    clear: both;
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    height: auto;
    border-radius: 4px;
    padding: 6px 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    letter-spacing: .3px;
    border-bottom: 2px solid #b3b3b3;
    border-radius: 0;
    font-weight: 500;
    background: 0 0
}

.feild_outer input:hover,.feild_outer input:focus,.feild_outer select:hover,.feild_outer select:focus,.feild_outer textarea:hover,.feild_outer textarea:focus {
    outline: 0
}

.feild_outer span {
    position: relative;
    color: #b5b5b5;
    display: block;
    font-size: 14px;
    display: block
}

.form-msgd {
    margin-left: 0;
    margin-top: 38px
}

.close.hhh {
    position: absolute;
    top: -20px;
    right: -20px;
    background: #0077b5;
    font-size: 22px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    border: 2px solid #fff;
    z-index: 9999;
    opacity: 1
}

.areusur {
    text-align: center
}

.datefull li:before {
    content: '|';
    position: absolute;
    right: 0;
    top: 0
}

.datefull li:last-child:before {
    padding-right: 0;
    margin-right: 0;
    content: ''
}

.datefull {
    margin-bottom: 20px
}

.datefull.rddd li {
    color: #eb1111
}

.datefull li {
    display: inline-block;
    padding-right: 10px;
    margin-right: 4px;
    color: #398b07;
    font-weight: 400;
    font-size: 15px;
    position: relative
}

.areusur p.reddd {
    color: #eb1111
}

.areusur p {
    font-size: 15px;
    font-weight: 400;
    color: #398b07;
    line-height: 20px;
    margin: 0 0 5px
}

.tat-box {
    border-radius: 15px;
    background: #fff;
    height: 250px;
    padding: 20px;
    border: 5px solid #16588e;
    margin-bottom: 20px
}

.tat-box h4 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    float: right;
    text-transform: lowercase;
    margin-bottom: 20px
}

.tat-box p {
    font-size: 21px;
    font-weight: 500;
    color: #000;
    float: left;
    line-height: 32px
}

.agent-wrapper {
    padding: 12px;
    background: #fff;
    border-radius: 14px;
    border: 2px solid #16588e
}

@media only screen and (max-width: 768px) {
    .tat-box {
        border-radius:15px;
        background: #fff;
        height: 228px;
        padding: 20px;
        border: 3px solid #16588e;
        margin-bottom: 20px
    }

    .tat-box h4 {
        font-size: 20px;
        font-weight: 600;
        color: #000;
        float: right;
        margin-bottom: 10px
    }

    .tat-box p {
        font-size: 16px;
        font-weight: 500;
        color: #000;
        float: left;
        margin-bottom: 2px;
        line-height: 27px
    }
}

.agent_panel_notification_div h3 {
    font-size: 20px;
    color: #195788;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 15px;
    line-height: 24px
}

.agent_panel_notification_div input {
    width: 100%;
    border-radius: 50px;
    height: 30px;
    border: 1px solid #d6d6d6;
    outline: 0;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500
}

.driver_aw_head {
    font-size: 25px;
    font-weight: 400;
    margin: 0 0 15px;
    display: block;
    text-transform: unset;
    line-height: 40px;
    color: #000
}

.small_dtext {
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 20px;
    display: block;
    color: #000
}

.drivernowlege {
    padding: 0;
    list-style-type: none;
    position: relative
}

.drivernowlege li {
    display: block;
    list-style: none
}

.drivernowlege li a img {
    width: 16px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0
}

.drivernowlege li a {
    display: block;
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    position: relative;
    color: #000;
    text-transform: capitalize;
    padding-left: 30px;
    font-size: 16px
}

.drivernowlege li span {
    position: absolute;
    right: 0;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    bottom: 10px
}

.drivernowlege li:last-child a {
    border-bottom: 0
}

.drivernowlege li a:hover {
    color: #000
}

.blue_border_div {
    margin-bottom: 30px;
    display: block;
    border: 2px solid #16588e;
    border-radius: 15px;
    padding: 10px
}

.cont_text h5 {
    font-size: 16px;
    font-weight: 400;
    display: block;
    color: #000;
    width: 100%;
    text-transform: unset
}

.cont_text h4 {
    font-size: 13px;
    display: block;
    text-align: center;
    font-weight: 400;
    text-transform: unset;
    margin-bottom: 30px;
    color: #000
}

.cont_text h3 {
    font-size: 24px;
    display: block;
    text-align: center;
    font-weight: 600;
    text-transform: unset;
    color: #000
}

.cont_text h3 span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 50px;
    text-transform: unset
}

.cont_text a {
    margin-bottom: 10px;
    font-size: 16px;
    padding: 10px
}

.book_n_detail.blue_bo.sss {
    padding: 10px 35px;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 10px
}

.white_box_awern {
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin: 0;
    padding: 0;
    color: #000;
    background: #fff;
    margin: -20px;
    position: relative;
    padding: 30px 24px 20px;
    box-shadow: 0 -6px 15px #00000012;
    border-radius: 0 0 10px 10px
}

.payment_page_only .modal-backdrop {
    position: relative
}

.myearing span {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    display: inline-block;
    position: relative;
    padding-bottom: 6px
}

.myearing span:before {
    bottom: 0;
    content: '';
    background: #000;
    height: 1px;
    width: 80%;
    display: block;
    left: 50%;
    position: absolute;
    margin: auto;
    transform: translate(-50%,0%)
}

.tatd_balnce {
    margin-top: 50px;
    display: block;
    list-style-type: none
}

.tatd_balnce li {
    display: block;
    position: relative;
    clear: both;
    margin-bottom: 10px;
    display: block
}

.tatd_balnce li img {
    width: 35px;
    display: inline-block;
    height: auto;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0
}

.tatd_balnce li .bal_contt.boredr_bt:before {
    content: '';
    background: #000;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0
}

.tatd_balnce li .bal_contt {
    position: relative;
    left: 0;
    width: 100%;
    padding-left: 40px;
    display: inline-block;
    padding-bottom: 12px;
    overflow: hidden
}

.tatd_balnce li span {
    width: 40px;
    display: inline-block;
    height: auto;
    margin: 0;
    font-size: 26px;
    line-height: 1;
    color: #16588e;
    position: absolute;
    left: 0
}

.tatd_balnce li .time_inte {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #b1b1b1;
    margin-top: 4px
}

.tatd_balnce li h3 {
    font-size: 14px;
    text-transform: unset;
    font-weight: 400;
    display: inline-block;
    padding-right: 50px;
    line-height: 22px
}

.tatd_balnce li .right_bal {
    font-size: 18px;
    text-transform: unset;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    right: 0
}

.agent-cmmadded {
    background: #ecf0f3;
    padding: 30px;
    display: block;
    width: 100%;
    margin: 0 0 15px
}

.agent-cmmadded h3 {
    font-size: 30px;
    text-transform: unset;
    display: block;
    font-weight: 400;
    margin: 0 0 15px
}

.ammount_age {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin: 0 0 15px
}

.ammount_age img {
    width: 44px;
    vertical-align: middle;
    margin-left: 10px
}

.auto_agent_cc {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    margin: 0 0 20px;
    display: block;
    border-bottom: 1px solid #000;
    padding-bottom: 20px
}

.customer_agen {
    display: block;
    width: 100%
}

.customer_agen h4 {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-transform: unset;
    margin: 0 0 30px
}

.customer_agen h4 span {
    display: inline-block;
    text-align: right;
    float: right
}

.invoice_value {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 0 0 15px
}

.bookgid {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 0 0 15px
}

.agentnm {
    font-size: 26px;
    font-weight: 400;
    color: #000;
    display: block;
    margin: 0 0 15px
}

.tatd_balnce li a {
    text-transform: unset
}

.time_top_add {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-transform: unset;
    margin: 0 0 5px;
    text-align: right
}

.gsttext {
    font-size: 13px;
    font-weight: 400;
    color: #62bbdf;
    margin: 0 15px 10px 0;
    display: inline-block;
    text-align: right;
    border-bottom: 1px solid #16588e;
    padding-bottom: 4px
}

.gstnumbername {
    display: inline-block;
    padding-left: 30px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase
}

.gstnumbername span {
    display: block;
    height: auto;
    text-transform: uppercase;
    color: #b1b1b1;
    font-size: 13px;
    letter-spacing: .3px;
    margin-top: 1px
}

.gstinfoedit {
    display: block;
    width: 100%;
    padding: 0 15px;
    margin: 0 0 15px
}

.editjst {
    float: right;
    background: #dbdbdb;
    padding: 8px 14px;
    border-radius: 5px;
    color: #16588e;
    line-height: 18px;
    font-size: 13px;
    font-weight: 500
}

.radio.radiobn {
    margin: 0;
    display: inherit;
}

.radio.radiobn input {
    padding-left: 0;
    margin: -26px 0 0;
    width: 15px;
    height: auto
}

.agent_listbox {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    margin: 0 0 35px;
    border: 1px solid #16588e;
    border-radius: 10px;
    padding: 10px
}

.top_radiusbox {
    display: block;
    margin: 0;
    clear: both
}

.top_radiusbox .number_rs.with_o_color {
    background: #fff;
    border: 1px solid #16588e
}

.top_radiusbox .number_rs {
    display: inline-block;
    width: 70px;
    position: relative;
    height: 70px;
    border-radius: 50%;
    background: #16588e
}

.top_radiusbox .number_rs.with_o_color .small_rs.big_nuu {
    color: #16588e
}

.top_radiusbox .number_rs .small_rs.big_nuu {
    font-size: 35px;
    text-decoration: unset;
    font-weight: 700;
    color: #16588e;
    color: #fff
}

.top_radiusbox .number_rs .small_rs {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 70px;
    text-align: center;
    display: block;
    text-decoration: underline
}

.ryt_num_price {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #16588e
}

.top_radiusbox .ryt_num {
    display: inline-block;
    float: right
}

.top_radiusbox .ryt_num a {
    background: #16588e;
    color: #fff;
    font-size: 13px;
    display: block;
    padding: 5px 8px;
    text-transform: capitalize;
    border-radius: 6px
}

.bottom_pan {
    display: block;
    margin: 0
}

.bottom_pan ul {
    list-style: none;
    position: relative
}

.bottom_pan ul li {
    display: inline-block;
    width: 20.5%;
    color: #16588e;
    font-size: 12px;
    text-align: center;
    font-weight: 400
}

.bottom_pan ul li span {
    font-size: 13px;
    font-weight: 700;
    display: block
}

.bottom_pan ul li:first-child {
    float: none;
    font-weight: 500;
    width: 34%;
    text-align: left
}

.top_radiusbox .ryt_num a img {
    margin-left: 5px;
    width: 15px
}

.top_agents_tens {
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-decoration: underline;
    margin: 0 0 15px;
    text-transform: capitalize;
    color: #16588e;
    text-align: right
}

.agent_listbox.agent_blubg {
    background: #16588e
}

.agent_listbox.agent_blubg .top_radiusbox .number_rs {
    background: #fff
}

.agent_listbox.agent_blubg .top_radiusbox .number_rs .small_rs {
    color: #16588e
}

.agent_listbox.agent_blubg .top_radiusbox .ryt_num a {
    background: #fff;
    color: #16588e
}

.agent_listbox.agent_blubg .bottom_pan ul li {
    color: #fff
}

.ryt_num .box_days .slider:before {
    width: 24px;
    height: 24px
}

.ryt_num .box_days .slider {
    border: 2px solid #a9a9a9;
    width: 24px height:24px
}

.ryt_num .box_days input:checked+.slider:before {
    background: #fff
}

.ryt_num .box_days input:checked+.slider {
    background-color: #16588e;
    border: 2px solid #fff
}

.bottom_pan .nav-pills>li.active>a,.bottom_pan .nav-pills>li.active>a:focus,.bottom_pan .nav-pills>li.active>a:hover {
    color: #16588e;
    background-color: transparent
}

.bottom_pan .nav-pills>li {
    padding: 0;
    float: none;
    margin: 0
}

.bottom_pan .nav-pills>li>a {
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    padding: 0;
    text-transform: unset;
    border-radius: 0;
    color: #939393
}

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

.text_boundies {
    margin-top: 30px;
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    border: 1px solid #16588e;
    border-radius: 5px;
    padding: 10px
}

.text_boundies p {
    line-height: 20px;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 15px;
    display: block
}

.add_bankdetails {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    border: 1px solid #16588e;
    border-radius: 5px;
    padding: 20px
}

.add_bankdetails .bank_input {
    display: block;
    width: 100%;
    margin: 0 0 15px
}

.add_bankdetails .bank_input input,.add_bankdetails .bank_input textarea,.add_bankdetails .bank_input select {
    display: block;
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 2px solid #ccc;
    font-size: 13px;
    font-weight: 400;
    padding: 4px 0
}

.add_bankdetails .bank_input .booknw {
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    margin-top: 10px
}

.add_bankdetails .bank_input label {
    display: block;
    font-size: 13px;
    color: #999;
    display: block;
    font-weight: 400
}

.add_bankdetails .bank_input input:hover,.add_bankdetails .bank_input input:focus {
    outline: 0
}

.bankdt {
    display: block;
    width: 100%;
    margin: 0 0 15px;
    text-align: right;
    font-size: 13px;
    font-weight: 500;
    color: #16588e;
    text-transform: capitalize
}

.agent_listbox.blubox1 {
    background: #16588e;
    padding: 10px
}

.agent_listbox.blubox1 .bottom_pan .nav-pills>li>a {
    color: #fff;
    font-size: 12px
}

.agent_listbox.blubox1 .bottom_pan .nav-pills>li {
    width: 20.4%
}

.agent_listbox.blubox1 .bottom_pan .nav-pills>li a i {
    font-size: 8px;
    background: #fff;
    color: #16588e;
    width: 8px;
    height: 8px;
    margin: 0;
    display: inline-block;
    overflow: scroll
}

.agent_listbox.blubox1 .bottom_pan .nav-pills>li:first-child {
    width: 35%
}

.agent_listbox.blubox1 .top_radiusbox .number_rs {
    background: #fff
}

.booking_sms2.res {
    border: none;
    background: #fff;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
    color: #040404;
    text-transform: capitalize
}

.phone_csms {
    display: inline-block
}

.datet {
    font-size: 13px;
    color: #fff
}

.top_radiusbox .ryt_num a.dete_icon {
    display: inline-block;
    padding: 0;
    margin-left: 6px
}

.customnn {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    vertical-align: top
}

.agent_listbox.blubox1 .bottom_pan .nav-pills.extralist>li:first-child {
    width: 24%
}

.agent_listbox.blubox1 .bottom_pan ul.extralist li {
    width: 24%
}

.interviewww {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    background: #16588e;
    border-radius: 12px
}

.interviewww .greypart {
    display: block;
    background: #f0f0fa;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #16588e
}

.interviewww .greypart p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin: 0
}

.private_di {
    padding: 20px 15px 15px;
    display: block;
    position: relative;
    border-radius: 10px;
    background: #16588e
}

.private_di .drive_head {
    display: block;
    margin: 0 0 10px;
    position: relative;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize
}

.private_di .drive_head span {
    text-align: right;
    float: right
}

.private_di .drive_head span i {
    margin-right: 5px
}

.intervaltime {
    display: block;
    width: 100%;
    margin: 0 0 15px;
    position: relative
}

.intervaltime a {
    background: #fff;
    padding: 7px 22px;
    display: inline-block;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 500;
    color: #16588e;
    float: right;
    position: absolute;
    right: 0;
    bottom: 0
}

.leftvie {
    display: inline-block
}

.leftvie b {
    display: block;
    width: 100%
}

.leftvie {
    color: #fff;
    text-transform: capitalize
}

.leftvie span {
    display: inline-block;
    margin-right: 10px
}

.dattime {
    display: inline-block
}

.parkview {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize
}

.mrp-drimrp-dri {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    padding-left: 20px;
    text-transform: capitalize;
    margin: 0 0 60px
}

.conbooking {
    background: #000;
    display: inline-block;
    padding: 4px 19px;
    font-size: 13px;
    color: #16588e;
    border-radius: 4px;
    background: #fff;
    margin-left: -14px;
    font-weight: 600
}

.extra_inc span {
    font-size: 14px
}

.extra_inc {
    font-size: 27px;
    font-weight: 500;
    color: #16588e;
    margin: 0 0 15px;
    text-transform: capitalize;
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    margin-left: -14px;
    margin-top: 1px;
    border-radius: 5px
}

.mrp-drimrp-dri span {
    font-size: 14px;
    font-weight: 500
}

.book_n_detail.whitebbt {
    background: #fff;
    color: #16588e;
    border: 1px solid #16588e
}

.div_border_list {
    display: block;
    width: 100%;
    border: 1px solid #fff;
    float: left;
    width: 100%;
    border-radius: 12px;
    padding-bottom: 15px
}

.tshirtbook .table>tbody>tr>td {
    font-size: 9px
}

.tshirtbook img {
    width: 95px;
    margin: auto;
    display: block;
    margin: 20px auto
}

.paid_pric {
    display: inline-block;
    background: #fff;
    font-size: 13px;
    border-radius: 4px;
    color: #16588e;
    padding: 2px 15px 0;
    vertical-align: middle;
    font-weight: 500
}

.driver_ddtime {
    margin: 15px;
    border: 2px solid #fff;
    padding: 10px;
    border-radius: 18px
}

.driver_ddtime p {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    font-weight: 400
}

.cust_care_av {
    position: relative;
    display: block
}

.cust_care_av span {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0
}

.tim_aa {
    font-size: 7px;
    color: #fff;
    padding-right: 81px;
    line-height: 15px
}

.bills_tatds {
    padding: 20px;
    background: #16588e;
    border-radius: 10px;
    display: block;
    width: 100%;
    clear: both;
    position: relative
}

.bills_tatds .data_bills {
    width: 100%;
    display: block;
    clear: both;
    position: relative;
    margin: 0 0 15px;
    border: 5px solid #fff;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 400
}

.bills_tatds .data_bills span {
    float: right
}

.pa_du_tat {
    display: block;
    width: 100%;
    position: relative;
    clear: both;
    margin-bottom: 30px
}

.leftrightdata {
    text-transform: capitalize;
    display: block;
    font-size: 13px;
    margin: 0 0 3px
}

.leftrightdata span {
    float: right
}

.am_packge {
    background: #ecf0f3;
    padding: 15px 15px 0;
    margin-bottom: 30px
}

.am_packge h3 {
    font-size: 26px;
    font-weight: 400;
    color: #000;
    text-transform: capitalize;
    margin: 10px 0 15px
}

.am_packge .cost_pck {
    display: block;
    position: relative;
    margin: 0 0 15px
}

.am_packge .cost_pck .right_dd {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    text-transform: capitalize;
    width: auto
}

.am_packge .cost_pck .right_dd span {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 20px
}

.am_packge .cost_pck .right_dd .onl_ine {
    display: inline-block;
    color: #1a558f
}

.am_packge .cost_pck .num_co {
    font-size: 38px;
    font-weight: 700;
    display: inline-block;
    position: relative
}

.actibtndiv {
    display: block;
    width: 100%;
    margin: 0 0 15px;
    border-bottom: 2px solid #ababab;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    text-align: right
}

.actibtndiv a {
    padding: 6px 20px;
    background: #125082;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    border-radius: 5px
}

.time_tvl {
    margin: 0 0 15px;
    border-bottom: 2px solid #ababab;
    padding-bottom: 10px;
    display: block;
    position: relative;
    clear: both
}

.time_tvl .name-dd {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    display: block;
    position: relative;
    text-transform: capitalize;
    text-align: right
}

.time_tvl .name-dd .time_trvl {
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    line-height: 24px
}

.time_tvl .name-dd .time_trvl span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-align: right
}

.addr_ti {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    display: block;
    margin: 0 0 10px;
    text-transform: capitalize
}

.phn_ti {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    margin: 0 0 10px;
    text-transform: capitalize;
    background: #737373;
    padding: 4px 10px;
    border-radius: 5px
}

.send_msg_div {
    width: auto;
    margin: 0 30px 20px;
    display: block
}

.send_msg_div .phone_rec_text {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    display: block;
    margin: 0 0 35px
}

.send_msg_div .phone_rec_text a {
    float: right;
    background: #1aa35f;
    padding: 4px 14px;
    border-radius: 5px;
    color: #f9f9f9
}

.cusname {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    float: left;
    margin-top: 5px
}

.myearning_btn {
    background: #125082;
    padding: 8px 18px;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px
}

.bottom_pan ul.size_li_vrry li {
    width: 15%
}

.bottom_pan ul.size_li_vrry li:first-child {
    width: 51%
}

.right_clum {
    display: inline-block;
    float: right;
    width: auto
}

.autoLidiv {
    display: block;
    width: auto
}

.autoLidiv li {
    list-style-type: none;
    padding: 0;
    margin-left: 10px;
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.earnig_div {
    font-size: 9px;
    color: #fff;
    display: block;
    font-weight: 400;
    text-align: center
}

.notificaio {
    font-size: 9px;
    color: #fff;
    text-transform: unset;
    position: relative;
    text-align: center;
    display: block;
    font-weight: 400
}

.notificaio i {
    font-size: 25px;
    margin: auto
}

.notificaio p {
    position: absolute;
    top: 0;
    right: 0;
    background: #c31f1f;
    color: #fff;
    padding: 2px 4px;
    line-height: 10px;
    font-size: 8px
}

.notificaio span {
    display: block;
    margin-top: 8px
}

.loction_diid {
    font-size: 9px;
    text-transform: capitalize;
    text-align: center;
    color: #fff;
    font-weight: 400
}

.loction_diid span {
    display: block;
    margin-top: 8px
}

.loction_diid i {
    width: 25px;
    height: 25px;
    line-height: 22px;
    border-radius: 4px;
    border: 1px solid #fff;
    background: #c31f1f;
    font-size: 13px;
    vertical-align: middle
}

.blco_div {
    font-size: 10px;
    color: #fff;
    margin-top: 37px;
    text-align: center
}

.earnig_div span {
    display: block;
    margin-top: 8px
}

.earnig_div a {
    display: inline-block;
    background: #fff;
    padding: 6px 10px;
    text-align: center;
    color: #16588e;
    margin: auto
}

.earnig_div a:hover {
    color: #fff
}

.rapper1 {
    display: -webkit-flex;
    -webkit-justify-content: center;
    display: flex;
    justify-content: center
}

.rapper1 a {
    -webkit-flex: 1;
    flex: 1;
    border: 1px solid #16588e;
    margin: 0 2px;
    background: #fff;
    color: #16588e;
    font-size: 10px;
    text-align: center;
    text-transform: capitalize;
    padding: 4px 0;
    position: relative
}

.ededed_a {
    border-radius: 0 0 10px 10px;
    background: #ededed;
    padding: 4px 2px;
    margin-bottom: 30px;
    border: 1px solid #16588e
}

.cunt_vid {
    position: absolute;
    top: 0;
    left: 0;
    background: #c31f1f;
    color: #fff;
    padding: 2px 4px;
    line-height: 10px;
    font-size: 8px
}

.inner_selectcity {
    padding: 25px;
    background: #fff;
    border: 2px solid #16588e;
    border-radius: 20px
}

.inner_selectcity h3 {
    font-size: 18px;
    text-transform: capitalize;
    display: inline-block;
    border-bottom: 2px solid #16588e;
    margin: 0 0 25px;
    padding-bottom: 10px;
    color: #16588e;
    font-weight: 500
}

.top_menu_links.selectyourcity li a {
    cursor: pointer;
    font-size: 15px;
    background: hsl(207deg 73% 32%);
    margin-bottom: 15px;
    color: #fff
}

.red_iMake {
    width: 25px;
    height: 25px;
    line-height: 22px;
    border-radius: 4px;
    border: 1px solid #fff;
    background: #c31f1f;
    font-size: 13px;
    vertical-align: middle;
    text-align: center;
    color: #fff
}

.outerswachjal_ott {
    padding: 10px;
    border: 1px solid #16588e;
    margin: 20px 0;
    border-radius: 10px;
    display: block;
    width: 100%;
    clear: both;
    position: relative
}

.outerswachjal {
    background: #16588e;
    padding: 10px;
    display: block;
    margin: 0 0 15px;
    border-radius: 10px
}

.innerswachjal {
    background: #fff;
    padding: 10px;
    border-radius: 10px
}

.outerswachjal .toparea {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 10px
}

.outerswachjal .toparea .datetimes {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    text-transform: capitalize
}

.outerswachjal .toparea a {
    margin-left: 15px;
    color: #fff;
    font-size: 13px
}

.outerswachjal .top_name_edit {
    font-size: 14px;
    color: #16588e;
    font-weight: 600;
    margin: 0 0 3px;
    display: block
}

.outerswachjal .top_name_edit a {
    float: right;
    color: #cbcbcb
}

.outerswachjal .address_sw {
    font-size: 14px;
    margin: 0 0 10px;
    color: #16588e
}

.whiteswachjal .btns_onthe {
    display: block;
    width: 100%;
    margin: 0
}

.whiteswachjal .red_ceee {
    background: #de5246;
    text-transform: capitalize;
    padding: 4px 14px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    color: #fff
}

.whiteswachjal .blue_ceee {
    background: #16588e;
    text-transform: capitalize;
    padding: 4px 14px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    color: #fff;
    float: right
}

.bell_oo {
    font-size: 14px;
    color: #000
}

.phone_ca {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #16588e;
    margin-bottom: 10px
}

.block_nuumer {
    display: block;
    margin: 0 0 5px;
    position: relative
}

.block_nuumer .phon_11 {
    display: inline-block;
    background: #16588e;
    font-size: 12px;
    padding: 4px;
    color: #fff;
    border-radius: 5px;
    width: 90px
}

.block_nuumer .ddtt {
    display: inline-block;
    font-size: 11px;
    padding: 0;
    border-radius: 5px;
    text-transform: capitalize;
    vertical-align: -webkit-baseline-middle;
    text-transform: capitalize;
    color: #16588e
}

.block_nuumer .delet_bb {
    float: right;
    display: inline-block;
    font-size: 20px;
    color: #000;
    line-height: 30px
}

.block_nuumer .digit_count {
    display: inline-block;
    background: #16588e;
    font-size: 12px;
    padding: 4px 6px;
    color: #fff;
    border-radius: 5px
}

.outerline {
    padding: 15px;
    border: 2px solid #16578d;
    border-radius: 10px
}

.frmgro select {
    font-size: 11px;
    border-radius: 0;
    border: 1px solid #ff7349;
    background: #ff7349;
    padding: 4px 10px;
    color: #fff
}

.tshirtbook .unifrom {
    font-size: 11px;
    font-weight: 400;
    color: #000;
    display: block;
    margin: 0 0 15px;
    line-height: 22px
}

.blue_rateyour {
    margin-top: 100px;
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    border: 4px solid #16588e;
    border-radius: 10px
}

.blue_rateyour h3 {
    background: #16588e;
    padding: 15px 15px 30px;
    text-transform: unset;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #fff
}

.blue_rateyour h2 {
    font-size: 18px;
    font-weight: 500;
    color: #16588e;
    display: block;
    text-align: center;
    margin: 0 0 15px;
    text-transform: capitalize
}

.blue_rateyour ul {
    list-style-type: none;
    position: relative;
    padding: 0 20px;
    display: inline-block;
    text-align: center;
    border: 2px solid #16588e;
    margin: 0 0 20px;
    border-radius: 10px
}

.blue_rateyour ul li {
    display: inline-block;
    margin: 0 6px
}

.blue_rateyour ul li a {
    font-size: 36px;
    color: #16588e
}

.iner_rateyour {
    padding: 0 15px
}

.fo_rrii {
    margin: 0 0 20px;
    text-align: right
}

.fo_rrii a {
    font-size: 16px;
    font-weight: 400;
    color: #adadad;
    margin-left: 16px;
    text-transform: uppercase
}

.iner_rateyour input {
    outline: 0;
    border-left: 0;
    width: 100%;
    border-right: 0;
    border-top: 0;
    border-bottom: 2px solid #16588e;
    display: block;
    margin-bottom: 30px;
    font-size: 14px;
    padding: 6px 4px
}

.add_adhpan h3 img {
    width: 35px;
    margin-right: 12%;
    float: right
}

.add_adhpan h3 {
    font-size: 18px;
    font-weight: 800;
    text-transform: capitalize;
    line-height: 28px;
    margin: 0 0 20px;
    display: block;
    text-align: left
}

.btn_frot_bac {
    background: #16588e;
    padding: 6px 40px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer
}

.inu_btn {
    display: block;
    margin: 0
}

.add_adhpan input[type=file] {
    height: 0
}

.drivermae {
    float: left
}

.cwwb {
    display: block;
    width: 100%;
    clear: both;
    position: relative
}

.cwwb ul {
    list-style: none;
    display: block;
    padding: 0
}

.cwwb ul li {
    border: 3px solid #f1f1f1;
    border-radius: 5px;
    padding: 8px 15px;
    display: block;
    list-style-type: none;
    margin-bottom: 20px;
    position: relative
}

.cwwb ul li a {
    text-transform: unset
}

.cwwb ul li .icon_left_img {
    position: absolute;
    left: 0;
    top: 0;
    /* bottom: 8px; */
}

.cwwb ul li .icon_left_img img {
    width: 31px;
    margin-top: 0px;
    margin-left: 0px;
}

.cwwb ul li .contentmideel {
    padding-left: 45px;
    display: inline-block;
    padding-right: 30px;
    width: 100%
}

.cwwb ul li .btnonoff {
    position: absolute;
    right: 0;
    top: 10px
}

.cwwb ul li .contentmideel p {
    font-size: 10px;
    font-weight: 400;
    color: #9b9b9b;
    line-height: 18px;
    margin: 0
}

.cwwb ul li .contentmideel h3 {
    font-size: 15px;
    margin: 0 0 5px;
    text-transform: unset;
    display: block;
    font-weight: 500;
    color: #000;
    line-height: 18px
}

.cwwb ul li .contentmideel h3 span {
    background: #16588e;
    padding: 2px 4px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.btnonoff .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin: 0
}

.btnonoff .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.btnonoff .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.btnonoff .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.btnonoff input:checked+.slider {
    background-color: #2196f3
}

.btnonoff input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

.btnonoff input:checked+.slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px)
}

.btnonoff .slider.round {
    border-radius: 34px
}

.btnonoff .slider.round:before {
    border-radius: 50%
}

.right_ddd {
    position: absolute;
    right: 0;
    top: 4px
}

.right_ddd .price_mrp {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.cont_d {
    padding-left: 56px;
    padding-right: 65px;
    position: absolute;
    left: 0;
    top: 7px;
    display: block;
    width: 100%
}

.cont_d h3 {
    font-size: 14px;
    text-transform: capitalize;
    color: #000;
    display: block;
    margin-bottom: 6px
}

.cont_d p {
    font-size: 13px;
    font-weight: 400;
    color: #a1a1a1;
    display: block;
    margin: 0;
    line-height: 16px
}

.cont_perexp {
    display: block;
    width: 100%;
    clear: both;
    background: #16588e;
    position: relative;
    padding: 0;
    border-radius: 15px
}

.cont_perexp .head_top_id {
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.cont_perexp .head_top_id h6 {
    font-size: 13px;
    color: #a3a3a3;
    font-weight: 500;
    margin: 0 0 10px;
    text-transform: unset;
    font-weight: 400;
    display: block
}

.cont_perexp .head_top_id h3 {
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    color: #a3a3a3
}

.driver_detals {
    width: 100%;
    display: block;
    position: relative
}

.driver_detals .img_first {
    display: inline-block;
    position: relative
}

.driver_detals .img_first img {
    width: 48px
}

.fare-strip {
    display: block;
    width: 100%;
    padding: 4px;
    background: #16588e;
    color: #fff;
    font-size: 13px;
    margin: 0 0 20px
}

.right_ddd .radio-inline {
    margin: -21px 0 0;
    display: inline-block
}

.driver_detals ul {
    list-style-position: inside;
    padding-left: 20px;
    margin: 20px 0
}

.driver_detals ul li {
    list-style-type: disc;
    font-size: 13px;
    font-weight: 400;
    color: #838383;
    margin: 0 0 10px
}

.bg-wh_g {
    background: #fff;
    padding: 10px;
    border-radius: 15px
}

.checkbox_accpt {
    font-size: 12px;
    margin: 0 0 30px
}

.addchaiffer {
    background: #b9b9b9;
    padding: 10px;
    display: inline-block;
    width: 200px;
    border-radius: 20px;
    color: #000;
    font-weight: 500;
    text-transform: unset
}

.addchaiffer:hover,.addchaiffer:focus {
    color: #000
}

.checkbox_accpt input[type=checkbox] {
    margin-top: 2px
}

.close_btn_div {
    position: absolute;
    right: -10px;
    background: #16588e;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    top: -10px;
    font-size: 13px
}

.modal-header .close.cl_bb {
    position: absolute;
    right: 10px;
    top: -15px;
    z-index: 9;
    color: #fff;
    opacity: 1;
    background: #16588e;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.terms_c_c .modal-body {
    max-height: 100vh;
    overflow-y: scroll
}

.terms_c_c .modal-body ul {
    padding: 0;
    margin: 0 0 120px;
    position: relative;
    list-style-position: inside
}

.terms_c_c .modal-body ul li {
    list-style-type: decimal;
    list-style-position: inherit;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px;
    line-height: 22px
}

.terms_c_c .modal-content {
    border-radius: 10px!important
}

.terms_c_c .modal-body h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    display: block;
    margin: 0 0 10px;
    text-transform: capitalize
}

.footer_mod {
    position: fixed;
    z-index: 9999;
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    bottom: 12%;
    display: block;
    width: 100%;
    background: #fff;
    padding: 15px;
    text-align: center;
    left: 0
}

.footer_mod .accpt_bb {
    display: inline-block;
    padding: 5px 22px;
    border: 1px solid #16588e;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 400;
    background: #16588e;
    border-radius: 5px;
    color: #ffff
}

.footer_mod .cnnel_bb {
    display: inline-block;
    padding: 5px 22px;
    border: 1px solid #000;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    border-radius: 5px
}

.vaservices {
    display: block;
    width: 100%
}

.vaservices h6 {
    font-size: 13px;
    text-transform: capitalize;
    display: block;
    margin: 0 0 15px;
    font-weight: 500;
    color: #adaaaa
}

.skipbutton {
    display: block;
    width: 100%;
    background: #16578d;
    color: #fff;
    padding: 20px 30px;
    border-radius: 15px;
    text-align: center;
    float: left;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 42px;
    clear: both
}

.adds_section {
    margin-bottom: 40px;
    clear: both;
    position: relative;
    display: block
}

.skipbutton:hover,.skipbutton:focus {
    color: #fff
}

.skipbutton img {
    width: 50px;
    float: left;
    transform: rotate(180deg)
}

.sec_img {
    float: right!important;
    transform: rotate(0deg)!important
}

.img_adds {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center
}

.vaservices .adds_section:last-child {
    padding-bottom: 50px
}

.img_adds img {
    width: 76px
}

.img_adds a {
    display: block;
    text-align: center;
    font-size: 11px;
    color: #16578d;
    text-decoration: underline;
    font-weight: 400;
    margin-top: 3px
}

.details_con {
    padding-left: 90px;
    display: block;
    width: 100%
}

.details_con h5 {
    font-size: 13px;
    text-transform: capitalize;
    display: block;
    margin: 0 0 12px;
    font-weight: 500;
    color: #adaaaa
}

.details_con h3 {
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    margin: 0 0 15px;
    font-weight: 500;
    color: #000
}

.details_con .value_price {
    display: block;
    width: 100%;
    margin-top: 38px
}

.details_con .value_price span {
    display: inline-block;
    vertical-align: super;
    line-height: 26px;
    font-size: 14px
}

.details_con .value_price span del {
    color: #b7b7b7
}

.details_con .value_price a {
    float: right;
    padding: 2px 16px;
    border: 1px solid #000;
    display: inline-block;
    text-transform: capitalize;
    border-radius: 5px;
    line-height: 21px;
    font-size: 14px;
    color: #d72c2c
}

#mydiv {
    overflow: hidden;
    left: 0;
    bottom: 0;
    position: fixed;
    opacity: 1;
    display: none;
    z-index: 200;
    top: auto;
    width: 100%;
    right: 0;
    background: #fff;
    border-radius: 0;
    margin: 0 auto;
    box-shadow: 0 0 9px #0000001f
}

#mydiv-container {
    margin-left: auto;
    margin-right: auto
}

#mydiv-content {
    width: 100%;
    padding: 10px
}

.valueaddd_services {
    padding: 30px 0;
    width: 100%;
    position: relative;
    display: block
}

.btn_proc {
    background: #16578d;
    display: inline-block;
    font-size: 14px;
    padding: 10px 40px;
    border: 1px solid #16578d;
    color: #fff;
    margin: 0;
    border-radius: 10px;
    font-weight: 300;
    letter-spacing: .5px
}

.added_services {
    display: block;
    width: 100%;
    text-align: right
}

.added_services span {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    text-align: left;
    text-transform: capitalize;
    float: left;
    line-height: 46px;
    margin-left: 10px
}

.verif_pedning_se {
    padding: 40px 0;
    display: block;
    width: 100%;
    position: relative
}

.box_ver_pend {
    background: #d9d9d9;
    padding: 12px;
    border-radius: 15px;
    display: block;
    width: 100%;
    position: relative;
    margin: 0 0 20px
}

.box_ver_pend h4 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    display: block;
    text-transform: capitalize;
    margin: 0;
    letter-spacing: .5px;
    line-height: 24px;
    display: inline-block;
    position: relative
}

.status_section {
    display: block;
    width: 100%;
    clear: both;
    position: relative
}

.left_status {
    display: inline-block
}

.left_status .option_section span {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 4px;
    display: block
}

.left_status .option_section {
    width: 100%;
    margin-top: 25px;
    display: block
}

.left_status .option_section a {
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    color: #5674df;
    text-decoration: underline;
    text-transform: capitalize
}

.right_status {
    float: right;
    display: inline-block
}

.tow_status {
    display: inline-block;
    margin-left: 1px;
    text-align: center;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
    color: #000
}

.option_section span select {
    background: 0 0;
    border: 0;
    padding: 0;
    outline: 0
}

.tow_status.green_satus span {
    background: #1ca162
}

.tow_status.yelloe_staus span {
    background: #ff8c03
}

.tow_status.red_sttsu span {
    background: #e05143
}

.tow_status span {
    display: block;
    text-align: center;
    width: 26px;
    height: 30px;
    background: #15588f;
    line-height: 30px;
    color: #fff;
    margin: 0 auto auto
}

.contactu_nf ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.contactu_nf {
    display: block;
    width: 100%;
    margin-top: 30px;
    clear: both;
    position: relative;
    padding-left: 10px
}

.contactu_nf li {
    display: inline-block;
    width: 48%;
    margin: 0 0 20px;
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.contactu_nf li i {
    margin-right: 6px;
    display: inline-block;
    font-size: 16px;
    vertical-align: text-bottom
}

.contactu_nf li.mapmarker {
    width: 100%;
    display: block;
    margin: 0
}

.th_top h4 .fa-phone {
    font-size: 18px
}

.th_top {
    display: block;
    margin-bottom: 10px
}

.date_top {
    display: inline-block;
    float: right;
    font-size: 14px
}

.date_top i {
    margin-right: 5px
}

.contactu_nf .table>tbody>tr>td {
    padding: 5px 0;
    border-top: 0;
    font-size: 14px
}

.one_two_fi {
    list-style: none;
    padding: 0;
    margin: 0
}

.one_two_fi li {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 22px;
    height: 25px;
    background: #e05143;
    line-height: 25px;
    text-align: center;
    color: #fff
}

.left_status .option_section.margin_tttpp {
    margin: 0
}

.status_section.top_maaa {
    margin-top: 20px
}

.box_parkview {
    background: #16588e;
    padding: 5px;
    display: block;
    position: relative;
    width: 100%;
    clear: both;
    border-radius: 10px;
    margin-bottom: 30px
}

.whitertp {
    background: #fff;
    display: block;
    width: 100%;
    border-radius: 10px
}

.whitertp ul {
    display: block;
    list-style: none;
    position: relative;
    padding: 8px;
    margin-bottom: 10px
}

.whitertp ul li:first-child {
    color: red
}

.whitertp ul li {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding-right: 9px;
    color: #16588e
}

.whitertp ul li.lastchild {
    float: right;
    padding: 0;
    font-weight: 400;
    margin-top: 2px
}

.whitertp ul li.lastchild:before {
    content: ""
}

.whitertp ul li:nth-child(3n):before {
    content: ""
}

.whitertp ul li:before {
    content: "|";
    position: absolute;
    right: 0;
    top: 0
}

.box_parkview .add_p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
    line-height: 22px
}

.box_parkview .date_wie {
    display: block;
    position: relative;
    margin: 0 0 10px
}

.box_parkview .date_wie li {
    font-weight: 400;
    position: relative;
    display: inline-block;
    font-size: 13px;
    padding-right: 6px;
    margin-right: 0;
    color: #fff
}

.box_parkview .date_wie li:before {
    content: '|';
    right: 0;
    top: 0;
    position: absolute
}

.box_parkview .date_wie li:last-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0
}

.box_parkview .number_wise {
    position: relative;
    display: block
}

.box_parkview .number_wise li {
    background: #dcd8d7;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 6px 4px;
    margin: 0 2px 10px 0;
    font-size: 11.8px;
    line-height: 15px
}

.box_parkview .time_wie li {
    font-weight: 400;
    position: relative;
    display: inline-block;
    font-size: 9.4px;
    padding: 2px;
    margin-right: 0;
    color: #16588e;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 6px
}

.arte_div_f {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 50px
}

.arte_div_f .le_aret {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    font-weight: 500
}

.arte_div_f .le_aret span {
    display: inline-block;
    font-weight: 400;
    font-size: 13px
}

.arte_div_f .right_aret {
    float: right;
    display: inline-block
}

.arte_div_f .right_aret a {
    background: #fff;
    padding: 4px 14px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #16588e;
    border-radius: 5px
}

.arte_div_f .right_aret a:hover {
    background: #fff;
    color: #16588e
}

.flex_subs {
    display: block;
    width: 100%;
    position: relative
}

.flex_subs .box-heading {
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-bottom: 6px;
    color: #16588e
}

.box_pro1 {
    border: 1px solid #337ab7;
    border-radius: 10px;
    display: block;
    padding: 5px;
    min-height: 154px
}

.box_pro1 h3 {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    display: block;
    text-align: center;
    margin: 0 0 15px;
    text-transform: capitalize
}

.box_pro1 img {
    width: 48px;
    margin: auto;
    display: block;
    margin: auto auto 5px auto
}

.box_pro1 a {
    display: block;
    width: 100%;
    margin: 0 0 15px;
    font-size: 13px;
    font-weight: 400;
    color: #337ab7;
    text-align: center;
    text-decoration: underline
}

.box_pro1 .cha_sel {
    display: block;
    width: 100%;
    margin: 0;
    position: relative
}

.cha_sel .lef_leaf {
    display: inline-block;
    font-size: 13px;
    color: #000
}

.cha_sel .lef_leaf del {
    display: block;
    font-size: 12px;
    text-align: right;
    color: #cbcbcb;
    line-height: 12px
}

.cha_sel .right_leaf {
    display: inline-block;
    float: right
}

.cha_sel .right_leaf button {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    background: #ebebeb;
    border: 1px solid #337ab7;
    border-radius: 3px;
    text-transform: capitalize;
    padding: 1px 2px
}

.scroll_list_data {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
    clear: both
}

.scroll_list_data li {
    display: inline-block;
    width: 33%;
    margin-right: 3px;
    vertical-align: middle;
    margin-bottom: 20px
}

.scroll_list_data::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 2px
}

.scroll_list_data::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #170000
}

.blue_et_ox {
    background: #16588e
}

.d_1_box.blue_et_ox:hover {
    background: #16588e
}

.d_1_box:hover {
    background: #16588e
}

.d_1_box:hover span {
    color: #fff
}

.d_1_box:hover .nubm_bx {
    color: #fff
}

.blue_et_ox.d_1_box:hover {
    background: #fff
}

.blue_et_ox.d_1_box:hover span {
    color: #16588e
}

.blue_et_ox.d_1_box:hover .nubm_bx {
    color: #16588e
}

.d_1_box {
    padding: 15px;
    border: 1px solid #16588e;
    border-radius: 5px;
    margin-bottom: 35px;
    text-align: center;
    position: relative
}

.d_1_box.blue_et_ox span {
    color: #fff
}

.d_1_box.nubm_bx span {
    color: #fff
}

.d_1_box span {
    font-size: 15px;
    font-weight: 500;
    color: #16588e;
    margin: 0;
    display: block
}

.d_1_box .nubm_bx {
    font-size: 25px;
    font-weight: 600;
    color: #16588e
}

.d_1_box.blue_et_ox .nubm_bx {
    color: #fff
}

.listofedit {
    position: relative;
    display: block;
    width: 100%;
    margin: 0
}

.listofedit .inputdiv {
    background: #fff;
    border-radius: 5px;
    display: block;
    padding: 2px 8px 4px;
    position: relative;
    margin: 0 0 8px
}

.listofedit .inputdiv .radio {
    margin: 0
}

.listofedit .inputdiv .radio label {
    padding: 0;
    display: block
}

.section_3 .firstdiv {
    width: 26%;
    display: inline-block;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    font-size: 13px;
    line-height: 23px;
    vertical-align: middle
}

.section_3 .seconddiv {
    display: inline-block;
    width: 42%;
    text-align: center;
    margin: 0 20px;
    background: #16588e;
    border-radius: 10px;
    color: #fff;
    text-transform: capitalize;
    font-size: 11px;
    padding: 2px 0
}

.section_3 .thirt_inpy {
    display: inline-block;
    width: 18%;
    float: right;
    text-align: right
}

.section_3 .seconddiv .aviable_sign {
    position: relative
}

.week_dayss {
    margin-bottom: 20px;
    background: #fff;
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    padding: 0;
    float: left;
    border-radius: 5px;
    clear: both;
    overflow: hidden
}

.week_dayss .left_weeks {
    display: inline-block;
    float: left;
    width: 40%
}

.week_dayss .right_weeks {
    float: right;
    width: 60%;
    display: inline-block
}

.week_dayss .right_weeks ul {
    display: block;
    position: relative;
    padding: 0
}

.week_dayss .right_weeks ul li {
    display: inline-block;
    float: left;
    width: 9%;
    text-align: center;
    margin: 0 2px
}

.firstplace {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px
}

.week_dayss .right_weeks ul li span {
    border-radius: 50%;
    border: 1px solid #000;
    width: 20px;
    display: block;
    margin: 0;
    height: 20px;
    line-height: 19px;
    font-size: 13px;
    text-transform: capitalize
}

.week_dayss .right_weeks ul li .radio {
    margin: 0
}

.week_dayss .right_weeks ul li .radio label {
    padding-left: 22px
}

.navbar-toggle.demo_clas {
    display: inline-block
}

.footer_fixed,.custom_driver {
    display: none
}

.footer_fixed {
    z-index: 99;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 0;
    box-shadow: 0 -2px 8px -3px #000
}

.fixed-ul.five_dd {
    width: 100%
}

.fixed-ul {
    float: left;
    position: relative;
    padding: 0;
    width: 100%
}

.fixed-ul li a img {
    display: block;
    margin: auto auto 8px;
    width: 26px
}

.fixed-ul.five_dd li {
    width: 20%
}

.fixed-ul li {
    position: relative;
    display: inline-block;
    float: left;
    padding: 8px 4px;
    text-align: center
}

.fixed-ul li a {
    font-size: 12px;
    font-weight: 400;
    color: #337ab7;
    text-transform: capitalize
}

.fixed-ul li a span {
    display: block
}

.resume_div {
    display: none;
    position: absolute;
    bottom: 110%;
    right: 5%;
    background: #fff;
    border-radius: 5px;
    width: 89%;
    box-shadow: 0 0 15px #0000001a
}

.resume_div1 {
    display: none;
    position: absolute;
    bottom: 210%;
    right: 5%;
    background: #fff;
    border-radius: 5px;
    width: 65%;
    box-shadow: 0 0 15px #0000001a
}

.fixed-ul.four_auto_dd li {
    width: 20%;
    border-right: 1px solid #f1f1f1
}

.fixed-ul.four_auto_dd.four_box_dd li {
    width: 25%;
    border-right: 1px solid #f1f1f1
}

.fixed-ul.four_auto_dd li a {
    font-size: 11px
}

.fixed-ul.four_auto_dd li img {
    width: 22px
}

.fixed-ul.four_auto_dd li:last-child {
    border-right: 0
}

.fixed-ul.third_auto_dd li {
    width: 33%;
    border-right: 1px solid #f1f1f1
}

.fixed-ul.third_auto_dd li a {
    font-size: 11px
}

.fixed-ul.third_auto_dd li img {
    width: 22px
}

.fixed-ul.third_auto_dd li:last-child {
    border-right: 0
}

.custom_driver {
    float: right;
    position: relative;
    margin: 18px 0 5px
}

.custom_driver .driver_cusdiv {
    display: block;
    background: #fff;
    border-radius: 20px;
    padding: 4px;
    border: 1px solid #16588e
}

.custom_driver .driver_cusdiv a {
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
    width: 85px;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    line-height: 21px
}

.custom_driver .driver_cusdiv a.active {
    background: #16588e;
    color: #fff
}

.custom_driver .driver_cusdiv a.active_driver {
    background: #ff8b00;
    color: #fff
}

.enter_mobile_box {
    display: block;
    width: 100%;
    padding: 0;
    position: relative;
    margin-top: 240px
}

.enter_mobile_box input {
    display: block;
    border-radius: 15px;
    outline: 0;
    border: 3px solid #a3a3a3;
    width: 100%;
    padding: 12px 10px;
    margin: 0 0 15px;
    display: block;
    font-size: 16px
}

.enter_mobile_box h3 {
    font-size: 14px;
    text-transform: unset;
    font-weight: 400;
    display: block;
    margin: 0 0 15px;
    color: #a3a3a3
}

.enter_mobile_box .orange_btn:hover {
    background: #ff8b00;
    color: #fff
}

.enter_mobile_box .orange_btn {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 10px;
    border-radius: 15px;
    background: #ff8b00;
    color: #fff;
    border: 0;
    outline: 0
}

.firstplace.hea_fix_div {
    position: fixed;
    left: 0;
    top: auto;
    height: 40px;
    background: #fff;
    z-index: 99
}

.fixed-ul.five_dd.four_li_here li {
    width: 25%
}

.morevaluediv {
    z-index: 99;
    position: absolute;
    font-size: 11px;
    right: 3px;
    top: 2px;
    text-decoration: underline;
    color: #ff8b00;
    font-weight: 500
}

.dri_erred_div {
    max-width: 100%;
    max-height: 47vh;
    overflow: scroll;
    position: relative
}

.dri_erred_div table {
    position: relative;
    border-collapse: collapse
}

.dri_erred_div td,.dri_erred_div th {
    text-transform: capitalize;
    padding: .25em;
    white-space: nowrap;
    font-size: 11px;
    text-align: center
}

.dri_erred_div thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #16588e;
    color: #fff;
    z-index: 99
}

.dri_erred_div tbody th:first-child {
    text-align: left;
    text-align: left;
    width: 10em;
    min-width: 10em;
    max-width: 10em;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dri_erred_div thead th:first-child {
    left: 0;
    text-align: left;
    z-index: 9999
}

.dri_erred_div tbody th {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background: #fcfcfc;
    border-right: 1px solid #ccc;
    z-index: 99
}

.fatrash {
    display: inline-block;
    font-size: 11px;
    background: #e1e1e1;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    margin-right: 5px;
    border-radius: 50%
}

.dri_erred_div .checkbox {
    margin: 4px 0
}

.dri_erred_div .checkbox label {
    padding-left: 26px
}

.btn_tbletble {
    background: #16588e;
    color: #fff;
    padding: 8px 30px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    border: 0 solid #16588e
}

.from_select_rej {
    padding: 0 15px;
    text-align: center;
    display: block;
    width: 100%
}

.input_select {
    margin-bottom: 15px;
    display: block
}

.input_select textarea {
    width: 100%;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #16588e;
    outline: 0;
    padding: 6px 8px
}

.from_select_rej a {
    display: inline-block;
    padding: 8px 20px;
    font-size: 15px;
    color: #FFF;
    font-weight: 500;
    background: #16588e;
    line-height: 20px;
    border-radius: 4px;
    letter-spacing: .3px
}

.from_select_rej a:hover {
    color: #FFF
}

.from_select_rej .rej {
    background: #c92a2a
}

.text_p_selec {
    padding: 0 15px;
    font-size: 15px;
    text-align: left;
    font-weight: 400;
    margin: 0 0 15px;
    color: #000
}

.text_p_selec span {
    font-weight: 600
}

.jobstartdate {
    padding: 0 15px;
    display: block;
    width: 100%;
    clear: both
}

.jobstartdate span.b_id {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin-bottom: 15px;
    display: -webkit-box
}

.cancellation_pop .modal-dialog {
    margin: 55% 10px
}

.cancellation_class {
    text-align: left;
    background: #16588e;
    padding: 12px;
    border-radius: 10px;
    margin-top: 0
}

.cancellation_class h3 {
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    display: block;
    padding-bottom: 10px
}

.btnclo {
    padding: 8px 30px;
    border: 0;
    background: #ededed;
    font-size: 13px;
    font-weight: 500;
    color: #8f8f8f;
    border-radius: 5px
}

.btncloL:hover {
    color: #000
}

.cancellation_class p {
    color: #FFF;
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    display: block;
    margin: 0
}

.cancellation_pop .modal-header {
    padding: 0;
    border-bottom: 0
}

.cancellation_pop .close {
    position: absolute;
    top: 2px;
    border-radius: 0 8px 0 14px;
    right: 0;
    background: #FFF;
    font-size: 16px;
    width: 24px;
    height: 24px;
    color: #e33535;
    border: 0;
    z-index: 9999;
    opacity: 1
}

.cancellation_pop .modal-content {
    border-radius: 10px!important;
    border: 0;
    background: #16588e
}

.cancellation_pop {
    border-radius: 10px!important;
    border: 0
}

.booking_status_div {
    display: block;
    position: relative;
    clear: both
}

.booking_head {
    display: block;
    margin: 0 0 25px
}

.booking_head h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    display: inline-block;
    line-height: 37px;
    text-transform: unset
}

.booking_head a {
    float: right;
    background: #16588e;
    padding: 8px 25px;
    border-radius: 25px;
    color: #FFF;
    font-size: 15px;
    font-weight: 500
}

.book_box_div {
    clear: both;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #16588e;
    background: #f7f9ff;
    margin-bottom: 30px
}

.book_box_div span.timdiv {
    float: right;
    font-size: 14px;
    font-weight: 400;
    display: block;
    color: #afafaf;
    line-height: 20px;
    margin: 0 0 5px
}

.book_box_div span.dri_span {
    font-size: 14px;
    font-weight: 400;
    display: block;
    color: #afafaf;
    line-height: 20px;
    margin: 0 0 5px
}

.book_box_div .driver_address {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    display: block;
    line-height: 24px;
    margin-bottom: 15px
}

.booking_ass_list {
    list-style-type: none;
    padding: 0;
    position: relative
}

.booking_ass_list:before {
    content: '';
    height: 100%;
    background: #e7e7e7;
    width: 1px;
    display: block;
    top: 0;
    left: 8px;
    position: absolute
}

.booking_ass_list li.active {
    font-size: 16px;
    color: #000;
    font-weight: 600
}

.booking_ass_list li.active:before {
    width: 12px;
    height: 12px;
    left: 3px;
    top: 5px
}

.booking_ass_list li {
    position: relative;
    display: block;
    font-size: 15px;
    width: 100%;
    margin-bottom: 10px;
    color: #afafaf;
    font-weight: 400;
    padding-left: 20px
}

.booking_ass_list li span {
    display: inline-block;
    float: right
}

.booking_ass_list li:before {
    content: '';
    background: #16588e;
    width: 8px;
    height: 8px;
    display: inline-block;
    left: 5px;
    top: 6px;
    position: absolute;
    border-radius: 50%
}

.bbo_id {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    display: block;
    margin: 0 0 8px
}

.sch_tie {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    display: block;
    margin: 0 0 10px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px
}

.charge_boo {
    position: relative;
    display: block;
    padding: 0;
    margin: 0
}

.charge_boo li {
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: block;
    width: 100%;
    color: #333;
    font-weight: 400;
    font-size: 15px
}

.charge_boo li span {
    float: right;
    color: #afafaf
}

.charge_boo li.grandtotal span {
    color: #000
}

.charge_boo li.grandtotal {
    border-top: 1px solid #dfdfdf;
    padding-top: 15px;
    margin-top: 10px;
    font-size: 16px;
    color: #000;
    font-weight: 600
}

.howwas {
    display: block;
    width: 100%;
    margin: 0 0 25px;
    position: relative;
    text-align: center
}

.howwas h3 {
    font-size: 20px;
    text-align: center;
    text-transform: unset;
    font-weight: 500;
    color: #333;
    margin: 0 0 30px
}

.howwas ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.howwas ul li {
    display: inline-block
}

.howwas ul li a {
    margin: 0 8px 30px;
    font-size: 30px;
    color: #16588e
}

.btn_dd_grp {
    display: block;
    text-align: center
}

.btn_dd_grp a.cancel_anhr {
    padding: 6px 24px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #bf4b4b;
    border: 1px solid #bf4b4b;
    border-radius: 25px;
    margin: 0 5px;
    outline: 0;
    width: 140px
}

.btn_dd_grp a.res_anhr {
    padding: 6px 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #4bbf5a;
    border: 1px solid #4bbf5a;
    border-radius: 25px;
    margin: 0 5px;
    outline: 0;
    width: 140px
}

.btn_dd_grp .res_anhr {
    padding: 6px 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #4bbf5a;
    border: 1px solid #4bbf5a;
    border-radius: 25px;
    margin: 0 5px;
    outline: 0;
    width: 140px
}

.pin_trip {
    clear: both;
    border: 1px solid #16588e;
    border-radius: 20px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    float: left;
    padding-top: 15px
}

.pin_trip img {
    width: 50px;
    height: 50px;
    object-position: top;
    object-fit: contain;
    background: #d9d9d9;
    border-radius: 50%
}

.pin_trip span.star_div {
    position: absolute;
    left: 10px;
    bottom: -13px;
    display: block;
    background: #f7f9ff;
    border: 1px solid #16588e;
    border-radius: 10px;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #16588e;
    width: 60px;
    line-height: 19px
}

.pin_trip span i {
    margin-left: 2px
}

.ryt_pintrip {
    display: inline-block;
    float: right;
    padding-right: 15px
}

.ryt_pintrip h3 {
    font-size: 16px;
    text-transform: unset;
    text-align: right;
    margin-bottom: 8px;
    font-weight: 600
}

.ryt_pintrip a {
    font-size: 14px;
    text-decoration: underline;
    color: #8b8b8b;
    font-weight: 500;
    margin: 0 0 15px;
    display: block
}

.lef_pintrip {
    display: inline-block;
    padding-left: 15px;
    position: relative
}

.circle_phone {
    display: block;
    text-align: center;
    margin: 50px 0
}

.circle_phone i {
    background: #ddd;
    font-size: 20px;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    font-size: 24px;
    color: #333
}

.pin_tip_ff {
    border: 1px solid #16588e;
    background: #FFF;
    border-radius: 17px;
    padding: 10px 15px;
    border-bottom: 0;
    font-size: 15px;
    font-weight: 600;
    color: #333
}

.pin_tip_ff .pinext {
    display: inline-block;
    width: auto
}

.digit_pin {
    float: right;
    display: inline-block
}

.digit_pin span {
    background: #16588e;
    padding: 2px 6px;
    color: #FFF;
    font-weight: 400
}

.chating_box {
    position: relative;
    width: 100%;
    height: 100%;
    clear: both
}

#messages {
    height: 100%;
    overflow-y: scroll;
    border: 0 solid #ccc;
    padding-bottom: 80px
}

#messages > ul {
    list-style: none;
    padding: 0;
    margin: 5px
}

#messages > ul li.message.a {
    margin-left: 30px;
    background: #f0f0fa;
    color: #000;
    border-radius: 10px 10px 5px 0
}

#messages > ul li.message {
    border: 0 solid #ccc;
    padding: 12px 15px;
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

#messages > ul li.message.b {
    margin-right: 30px;
    background: #16578d;
    color: #FFF;
    border-radius: 10px 10px 5px 0
}

#messages .leftchat span {
    text-align: left
}

#messages .rightchat span {
    text-align: right
}

#messages span {
    font-size: 16px;
    font-weight: 400;
    font-size: 15px;
    display: block;
    margin: 0 0 15px;
    line-height: 16px
}

.reply {
    margin: 0;
    padding: 10px;
    position: fixed;
    bottom: 0;
    background: #f0f0fa;
    width: 100%;
    left: 0
}

.reply .form-control {
    height: auto;
    box-shadow: none;
    border: 0;
    outline: 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    display: inline-block;
    padding: 6px 54px 6px 12px
}

.reply .form-control:hover,.reply .form-control:focus {
    outline: 0;
    box-shadow: none
}

.chattime {
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: left;
    margin-bottom: 10px;
    line-height: 16px
}

.reply button {
    border-radius: 50%;
    outline: 0;
    border: 0;
    background: #16578d;
    color: #FFF;
    line-height: 36px;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px
}

.cancel_rides_page .r_caa {
    font-size: 18px;
    text-transform: capitalize;
    color: #555;
    font-weight: 400;
    text-align: center;
    display: block;
    margin: 0 0 40px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    border-top: 2px solid #16588e;
    padding-top: 15px;
    border-radius: 10px 10px 0 0
}

.ride_option {
    display: block;
    width: 100%;
    position: relative;
    margin: 0 0 20px
}

.ride_option .leftride {
    display: block
}

.leftride label {
    width: 100%;
    display: block;
    margin-bottom: 30px
}

.leftride h3 {
    position: relative;
    display: block;
    font-size: 16px;
    color: #555;
    text-transform: unset;
    padding-right: 75px;
    width: 100%;
    font-weight: 600
}

.leftride label img {
    position: absolute;
    right: 0;
    width: 65px;
    height: 65px;
    vertical-align: top
}

.leftride h5 {
    font-size: 18px;
    font-weight: 400;
    color: #555;
    text-transform: unset;
    padding-right: 75px;
    margin-bottom: 40px;
    line-height: 28px
}

.worngpick {
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    display: block
}

.worngpick h3 {
    font-size: 16px;
    text-transform: unset;
    font-weight: 400;
    color: #555
}

.worngpick h3 a {
    float: right;
    color: #16588e
}

.button_option {
    display: block;
    text-align: center
}

.y_c {
    padding: 14px 10px;
    display: block;
    font-weight: 500;
    color: #e12929;
    background: #f3f3f3;
    border-radius: 15px;
    font-size: 16px;
    margin: 0 0 15px
}

.f_an_dr {
    padding: 14px 10px;
    display: block;
    font-weight: 500;
    color: #FFF;
    border: 1px solid #16588e;
    border-radius: 15px;
    font-size: 16px;
    margin: 0 0 15px;
    background: #16588e
}

.y_c.no_tbb {
    background-color: transparent;
    color: #000
}

.hirepersonaldriver {
    display: block;
    width: 100%;
    position: relative;
    clear: both
}

.hiredriver_blue {
    background: #16588e;
    padding: 30px;
    border-radius: 20px;
    margin: 0 0 30px
}

.shareD {
    font-size: 18px;
    font-weight: 500;
    color: #a3a3a3;
    text-transform: uppercase;
    margin: 0 0 15px
}

.hiredriver_blue h3 {
    color: #FFF;
    font-size: 26px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
    padding-top: 20px
}

.iconfeild {
    display: block;
    position: relative;
    clear: both;
    margin-bottom: 15px
}

.iconfeild i {
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid #ccc;
    line-height: 33px;
    padding: 0 8px;
    color: #c9c9c9;
    width: 33px;
    text-align: center
}

.iconfeild select,.iconfeild input,.iconfeild select,.iconfeild input,.icon_without input {
    outline: 0;
    border: 1px solid #ccc
}

.iconfeild select,.iconfeild input,.iconfeild select,.iconfeild input {
    display: block;
    background-color: #FFF;
    width: 100%;
    border: 1px solid #ccc;
    padding: 6px 10px 6px 36px;
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.send_review_box {
    background: #d9d9d9;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px
}

.b_review_box {
    width: 100%;
    display: block;
    position: relative;
    clear: both
}

.b_review_box textarea {
    width: 85%;
    background: #FFF;
    border: 0;
    outline: 0;
    border-radius: 10px;
    padding: 10px;
    font-size: 16px
}

.b_review_box .inputtext {
    width: 100%;
    display: block;
    position: relative
}

.b_review_box .inputtext input {
    width: 85%;
    background: #FFF;
    border: 0;
    outline: 0;
    border-radius: 10px;
    padding: 10px;
    font-size: 16px
}

.b_review_box .inputtext a {
    width: 40px;
    height: 40px;
    background: #FFF;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    border-radius: 50%;
    color: #16588e;
    font-size: 16px
}

.icon_without input {
    display: block;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #ccc;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.boktril {
    background: #16588e;
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 30px;
    border-radius: 20px;
    width: 180px;
    color: #FFF;
    font-weight: 500;
    font-size: 16px;
    margin-top: 10px
}

.fix_div_bottom {
    margin: 0;
    z-index: 999;
    padding: 0;
    position: fixed;
    bottom: 0;
    background: #FFF;
    display: block;
    width: 100%;
    left: 0;
    padding: 10px 0
}

.fix_div_bottom li {
    display: inline-block;
    width: 33.33%;
    float: left;
    text-align: center
}

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

.fix_div_bottom li a {
    display: block;
    color: #333;
    font-size: 13px;
    text-decoration: none;
    font-weight: 500
}

.fix_div_bottom li a img {
    display: block;
    margin: auto auto 8px;
    width: 35px
}

.SlideDiv {
    position: fixed;
    bottom: 14%;
    background: transparent;
    width: 100%;
    left: 0;
    padding: 0 20px;
    z-index: 99
}

.Show_hide {
    display: none
}

.SlideDiv .inputtext11 {
    width: 100%;
    display: block;
    position: relative;
    text-align: center
}

.SlideDiv .inputtext11 input {
    width: auto;
    background: #FFF;
    border: 0;
    outline: 0;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 16px;
    background: #f7f9ff;
    border-radius: 25px;
    color: #000
}

.SlideDiv .inputtext11 a {
    margin-left: 5px;
    width: 40px;
    height: 40px;
    background: #FFF;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    border-radius: 50%;
    color: #16588e;
    font-size: 16px
}

.inputtext11 a img {
    width: 20px;
    margin: auto
}