@charset "utf-8";

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tt,
ul,
var {
    border: 0;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    margin: 0;
    padding: 0;
    background: #ebecf5;
    background-repeat: repeat-x;
    font-family: 'Roboto', sans-serif;
}

html {
    height: 100%;
}

body.login-signup-template {
    height: 100%;
}

p {
    color: #393939;
    font-size: 16px;
    margin: 20px 0;
    white-space: pre-line;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    margin: 20px 0;
}

a {
    color: #1bbdbe;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}

a,
a:focus,
a:hover {
    text-decoration: none;
}

a:hover {
    outline: 0;
}

a:focus {
    outline: 0;
}

a:focus,
a:hover {
    color: #119192;
}

.form-control:focus {
    border-color: #a1d0cd;
    box-shadow: none;
}

.form-control {
    box-shadow: none;
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

a,
img,
input,
select,
textarea {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    outline: 0;
}

#page {
    position: relative;
    z-index: 9;
}

#loading {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#loading img {
    animation: jump 1s ease-in infinite;
    width: 90px;
}

#loading .loader-shadow {
    display: block;
    border-radius: 100%;
    width: 100px;
    background: rgba(0, 0, 0, 0.56);
    filter: blur(5px);
    -webkit-filter: blur(5px);
    opacity: .3;
    animation: scale-shadow 1s ease-in infinite;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    height: 12px;
}

@keyframes scale-shadow {
    0% {
        opacity: .3;
        transform: scale(1)
    }

    50% {
        opacity: .2;
        transform: scale(.5)
    }

    to {
        opacity: .3;
        transform: scale(1)
    }
}

@keyframes jump {
    0% {
        transform: translateY(0) scale(1.15, .8)
    }

    20% {
        transform: translateY(-35px) scaleY(1.1)
    }

    50% {
        transform: translateY(-50px) scale(1)
    }

    80% {
        transform: translateY(-35px) scale(1)
    }

    to {
        transform: translateY(0) scale(1.15, .8)
    }
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    /* display: none; */
}

body.withoutscrollerbar::-webkit-scrollbar {
    display: none;
}

*::-webkit-scrollbar,
*::-webkit-scrollbar-thumb {
    width: 10px;
    border-radius: 13px;
    background-clip: padding-box;
    border: 0px solid transparent;
    color: #d4d4d4;
}

*::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px;
}

ol {
    padding-left: 15px;
}

ol li {
    list-style: inherit;
}

ul li {
    list-style: disc;
}

ul {
    padding-left: 15px;
}

li,
ul {
    list-style: none;
}

img {
    vertical-align: top;
    max-width: 100%;
}

a,
input,
select,
textarea,
img {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    outline: none;
}

li {
    margin: 12px 0;
    padding-left: 10px;
    text-align: left;
    padding-bottom: 2px;
    font-size: 15px;
}

::-webkit-input-placeholder {
    color: #878787;
    font-size: 13px;
}

:-moz-placeholder {
    color: #878787;
    font-size: 13px;
}

::-moz-placeholder {
    color: #878787;
    font-size: 13px;
}

:-ms-input-placeholder {
    color: #878787;
    font-size: 13px;
}

.clearfix {
    clear: both;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.clear10 {
    clear: both;
    height: 10px;
}

.input-class,
.label-class {
    font-size: 14px;
    margin: 10px 0;
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-moz-selection {
    text-shadow: none;
    background: rgba(0, 0, 0, .6);
    color: #fff;
}

::selection {
    text-shadow: none;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    z-index: 2;
}

.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.container-fl {
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transition: left .4s ease-in-out;
    -moz-transition: left .4s ease-in-out;
    -ms-transition: left .4s ease-in-out;
    -o-transition: left .4s ease-in-out;
    transition: left .4s ease-in-out;
}

header {
    width: 100%;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0px 0;
    background: #1d2531;
    z-index: 99999;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.31);
}

section {
    width: 100%;
    float: left;
}

footer {
    width: 100%;
    float: left;
    background: #333;
    padding: 25px 0;
}

.common {
    width: 100%;
    float: left;
}

.rel-pos {
    position: relative;
}

.full_parallax,
.parallax {
    background-attachment: fixed;
    background-position: 50% 0;
}

.label-class {
    color: #444;
}

.input-class {
    height: 50px;
    border-radius: 3px;
    text-indent: 7px;
    border: 2px solid #ccc;
    outline: 0;
    display: block;
}

.textarea-common {
    height: 100px !important;
    padding: 7px;
    width: 100%;
    text-indent: inherit !important;
}

.nomarbottom {
    margin-bottom: 0 !important;
}

.nopadbottom {
    padding-bottom: 0 !important;
}

.nomartop {
    margin-top: 0 !important;
}

.nopadtop {
    padding-top: 0 !important;
}

.nopad {
    padding: 0 !important;
}

.nomar {
    margin: 0 !important;
}

.noborer {
    border: 0 !important;
}

.nomaleft {
    margin-left: 0 !important;
}

.clear_div {
    height: 70px;
}

.common_pad {
    padding: 35px 0;
}

.centered {
    float: none !important;
    margin: 0 auto;
    display: inline-block;
}

.pad_top {
    padding-top: 40px;
}

.pad_bottom {
    padding-bottom: 40px;
}

.margin_top {
    margin-top: 30px;
}

.wq-margin_top {
    margin-top: -10px;
}

.margin_bottom {
    margin-bottom: 20px;
}

.nopad_left {
    padding-left: 0 !important;
}

.nopad_right {
    padding-right: 0;
}

.common-img img {
    width: 100%;
}

.navigation {}

.navigation nav {
    border: 0;
    background: none;
    margin-bottom: 0;
    min-height: inherit;
}

.navigation nav li {
    margin: 0 3px;
    padding: 0;
    position: relative;
}

.navigation nav li::before {
    content: '';
    height: 1px;
    background: #3d3d3d;
    width: 0%;
    position: absolute;
    top: -22px;
    transition: all 0.3s;
}

.navigation nav li:hover::before {
    content: '';
    height: 1px;
    background: #3d3d3d;
    width: 100%;
    position: absolute;
    top: -22px;
}

.navigation nav li::after {
    content: '';
    height: 1px;
    background: #666;
    width: 0%;
    position: absolute;
    bottom: -10px;
    top: inherit;
    transition: all 0.3s;
}

.navigation nav li:hover::after {
    content: '';
    height: 1px;
    background: #ffc609;
    width: 100%;
    position: absolute;
    bottom: -10px;
    top: inherit;
}

.navbar-default .navbar-nav>li>a {
    color: #5b6e77;
    font-family: 'Roboto', sans-serif;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
    font-weight: 600;
    border-radius: 3px;
    padding: 9px 15px 6px 15px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    background: none !important;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ffc609 !important;
    background: none !important;
}

.navigation .navbar-nav>li>.dropdown-menu {
    margin-top: 25px;
}

.current a {
    background: none !important;
    color: #00ceff !important;
}

.current a:hover {
    color: #ff3000 !important;
}

.nav-collapse {
    padding: 0;
}

.banner {
    background-size: cover !important;
    padding: 150px 0;
}

.language-frop li {
    list-style: none;
    margin: 0;
    padding: 0px 5px;
}

.language-frop ul {
    margin: 0;
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    margin-top: 35px;
}

.language-wrap {
    margin-left: 25px;
    margin-top: 3px;
    text-align: left;
}

.cab-call-time span {
    color: #462a06;
    text-shadow: 0px 1px 0px #ffe27d;
    font-size: 13px;
}

.cab-call-time {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffda1b+0,dba61f+100 */
    background: #ffda1b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffda1b 0%, #dba61f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffda1b 0%, #dba61f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffda1b 0%, #dba61f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffda1b', endColorstr='#dba61f', GradientType=0);
    /* IE6-9 */
    padding: 4px;
}

.wrap-common {
    padding: 11px 15px;
}

.right-header-back h3 {
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    float: right;
    width: 100%;
    text-align: right;
    color: #fff;
}

.details-cab-account span {
    color: #fff;
    font-size: 13px;
    margin-left: 15px;
    margin-top: 4px;
}

.starrrate i {
    display: inline-block;
    margin-left: 2px;
    color: #fff;
}

.logout-but {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffda1b+0,dba61f+100 */
    background: #ffda1b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffda1b 0%, #dba61f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffda1b 0%, #dba61f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffda1b 0%, #dba61f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffda1b', endColorstr='#dba61f', GradientType=0);
    /* IE6-9 */
    color: #462a06;
    text-shadow: 0px 1px 0px #ffe27d;
    padding: 3px 17px;
    position: relative;
    top: 0px;
    border-radius: 3px;
}

.logout-but:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9915+31,ff9915+31,ffcc00+100 */
    background: #ff9915;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ff9915 31%, #ff9915 31%, #ffcc00 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff9915 31%, #ff9915 31%, #ffcc00 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff9915 31%, #ff9915 31%, #ffcc00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff9915', endColorstr='#ffcc00', GradientType=0);
    /* IE6-9 */
    color: #462a06;
    text-shadow: 0px 1px 0px #ffe27d;
}

.left-wrap-nav {
    width: 100%;
    height: calc(100% - 180px);
}

.small-navs .left-wrap-nav {
    height: 100%;
}

.nav-side-menu {
    overflow: auto;
    font-size: 12px;
    /* background-color: #2a3e54; */
    height: 100%;
    color: #ffffff;
}

.nav-side-menu .brand {
    background-color: #23282e;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 14px;
}

.nav-side-menu .toggle-btn {
    display: none;
}

.nav-side-menu ul,
.nav-side-menu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 29px;
    cursor: pointer;
    /* .collapsed{
         .arrow:before{
             font-family: FontAwesome;
             content: "\f053";
             display: inline-block;
             padding-left:10px;
             padding-right: 10px;
             vertical-align: middle;
             float:right;
        }
    }
     */
}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
    font-family: FontAwesome;
    content: "\f078";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
    border-left: 3px solid #ff8c15;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffda1b+0,ff9915+100 */
    background: #ffda1b;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffda1b 0%, #ff9915 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffda1b 0%, #ff9915 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffda1b 0%, #ff9915 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffda1b', endColorstr='#ff9915', GradientType=1);
    /* IE6-9 */
    font-weight: 400;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
    color: #fff;
    background-color: #c18926;
}

.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
    color: #fff;
}

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
    background-color: #615b4f;
    border: none;
    line-height: 29px;
    border-bottom: 1px solid #504e4e;
    margin-left: 0px;
    font-size: 12px;
    padding-left: 13px;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
    background-color: #3e3e3e;
}

.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

.nav-side-menu li {
    padding-left: 0px;
    border-left: 3px solid transparent !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.nav-side-menu li a {
    text-decoration: none;
    color: #c3cbd8;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    padding: 6px 0px;
    line-height: 27px;
    display: block;
}

/* .nav-side-menu .activeLink a {
    font-size: 13px;
} */
.nav-side-menu li a i {
    padding-left: 0;
    width: 15px;
    padding-right: 10px;
    font-size: 11px;
}

.nav-side-menu li:hover {
    border-left: 3px solid #1bbdbe !important;
    background-color: #303a4a;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.nav-side-menu li.active a {
    color: #1bbdbe !important;
    text-shadow: 0px 1px 0px #1bbdbe;
}

.nav-side-menu li.active:before {
    color: #1bbdbe !important;
    text-shadow: 0px 1px 0px #1bbdbe;
}

.activeLink {
    background-color: #303a4a;
}

.nav-side-menu li.activeLink a {
    color: #1bbdbe;
}

.whiteColor {
    color: #1bbdbe;
}

@media (max-width:991px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }

    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }
}

@media (min-width: 992px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
}

.right-dashboard-wrap {
    padding: 25px;
    /*background: #f1efef;
    */
    position: relative;
    height: 100%;
}

.title-page h1 {
    font-weight: 700;
    font-size: 20px;
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #272727;
    color: #272727;
}

.content-wrap-dash {
    margin-top: 75px;
}

.dropmenu-wq label {
    font-size: 13px;
}

.dropmenu-wq {
    border-radius: 0;
    border: 0;
    right: -78px;
    left: inherit;
    top: 35px;
    float: right;
    position: absolute;
}

.dropmenu-wq li {
    padding: 5px;
    list-style: none;
    margin: 0;
}

.dropmenu-wq li input {
    float: left;
    margin-right: 4px;
}

.dropmenu-wq li .logout-but {
    font-size: 13px;
    text-align: center;
    color: #462a06;
    text-shadow: 0px 1px 0px #ffe27d;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9915+31,ff9915+31,ffcc00+100 */
    background: #ff9915;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ff9915 31%, #ff9915 31%, #ffcc00 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff9915 31%, #ff9915 31%, #ffcc00 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff9915 31%, #ff9915 31%, #ffcc00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff9915', endColorstr='#ffcc00', GradientType=0);
    /* IE6-9 */
}

.dropmenu-wq li .logout-but:hover {
    font-size: 13px;
    text-align: center;
    color: #fff !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#555555+0,333333+100 */
    background: #555555;
    /* Old browsers */
    background: -moz-linear-gradient(top, #555555 0%, #333333 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #555555 0%, #333333 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #555555 0%, #333333 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
    /* IE6-9 */
    text-shadow: none;
}

.after-logo {
    padding-left: 25px;
    padding-top: 10px;
}

.logo-back {
    padding-top: 6px;
}

.after-logo li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.after-logo ul {
    margin: 0;
    width: 100%;
    border-radius: 3px;
    border: 0;
    margin-top: 7px;
    padding: 0;
}

.after-logo .btn-primary {
    color: #9ab0d4 !important;
    font-size: 22px;
    font-weight: 400;
    background: none !important;
    border: 0;
}

.after-logo .btn-primary font {
    color: #9ab0d4 !important;
    font-size: 22px;
    font-weight: 200;
}

.after-logo ul a {
    padding: 15px 10px;
}

.user-access-right {
    padding-left: 10px;
    /* border-left: 1px solid #dfdfdf; */
}

.user-access-right li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.user-access-right ul {
    margin: 0;
    width: 100%;
    border-radius: 3px;
    border: 0;
    margin-top: 7px;
    padding: 0;
}

.user-access-right .btn-primary {
    color: #000 !important;
    font-size: 15px;
    font-weight: 400;
    background: none !important;
    border: 0;
    width: 100%;
    text-align: left;
    padding: 0px;
}

.user-access-right .btn-primary font {
    color: #7f90a4 !important;
    font-size: 12px;
    font-weight: 400;
    display: block;
}

.user-access-right ul a {
    padding: 15px 10px;
}


/* .icon-user {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     border: 2px solid #fff;
} */

.icon-user {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.icon-user span {
    overflow: hidden;
    width: 100%;
    border-radius: 50%;
    float: left;
    width: 35px;
    height: 35px;
    min-width: 35px;
    background: #ebecf5;
}

.icon-user img {
    width: 100%;
}

.user-div-top {
    padding-top: 6px;
    padding-left: 10px;
    width: calc(100% - 50px);
}

.headMenuRow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* .icon-user font {
     width: 13px !important;
     height: 13px;
     border-radius: 10px;
     position: absolute;
     top: 0px;
     left: -2px;
     border: 2px solid #626f82;
} */

.icon-user font {
    width: 10px !important;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    top: 0px;
    right: -2px;
    /* border: 1px solid #fff; */
}

.online {
    background: #0C3;
}

.notoifications {
    border: 0;
    padding: 0 10px;
}

.notoifications i {
    font-size: 24px;
    color: #98a4b5;
}

.notoifications h4 {
    font-size: 16px;
    padding: 10px;
    margin: 0;
}

.credit-limit font {
    width: 100%;
    font-size: 24px;
    padding-top: 5px;
    color: #bfc2c7;
}

.credit-limit span {
    width: 100%;
    font-size: 13px;
    color: #bfc2c7;
}

.bookride {
    display: inline-block;
    padding: 12px 27px 10px;
    color: #fff;
    background: #1bbdbe;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
}

.bookride:hover,
.bookride:focus,
.bookride:active,
.bookride:active:focus {
    color: #fff !important;
    background: #12a4a5;
}

.block-sec {
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15);
}

.refresh-map {
    color: #000;
    font-weight: 600;
    font-size: 12px;
    padding: 0 10px;
    margin-top: 5px;
    margin-right: 15px;
}

.squaredFour {
    width: 20px;
    position: relative;
    margin: 0;
    margin-top: 2px;
}

.squaredFour label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ccc;
}

.squaredFour label:after {
    content: '';
    width: 12px;
    height: 6px;
    position: absolute;
    top: 5px;
    left: 3px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredFour label:hover::after {
    opacity: 0.5;
}

.squaredFour input[type=checkbox] {
    visibility: hidden;
}

.squaredFour input[type=checkbox]:checked+label:after {
    opacity: 1;
}

.check-ar {
    margin-top: 0;
}

.check-ar span {
    padding-left: 10px;
    font-size: 12px;
    font-weight: 700;
    padding-top: 5px;
    margin-right: 10px;
}

.link-one {
    padding: 4px 10px;
    background: #284b80;
    border-radius: 3px;
    font-size: 11px;
    color: #fff;
}

.link-one:hover {
    background: #000;
    color: #fff;
}

.content-wrap-inside {
    padding: 20px 0;
}

.content-wrap-inside p {
    font-size: 14px;
    margin: 0;
}

.content-wrap-inside h3 {
    font-size: 16px;
    margin: 0;
    text-align: center;
    color: #666;
}

.wrap-title {
    border-bottom: 1px solid #ededed;
}

.wrap-title {
    padding: 15px 0;
}

.wrap-title h4 {
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    line-height: 26px;
}

.list-users {
    margin: 0 0;
}

.list-users li {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #ededed;
    display: block;
}

.user-anch a {
    padding-right: 15px;
    font-size: 12px;
}

.side-widget {
    margin-bottom: 5px;
}

.side-widget h4 {
    font-weight: 600;
    font-size: 15px;
    margin: 0;
    line-height: 27px;
}

.side-widget .wrap-title {
    padding-top: 0;
}

.side-wrap-footer {
    border: 0;
    padding-bottom: 0;
    padding-top: 15px !important;
}

.days-select a {
    background: #fff;
    color: #1bbdbe;
    border: 0 !important;
    padding: 0px;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
}

.days-select a:hover {
    background: #fff;
    color: #000;
}

.days-select li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.days-select ul {
    margin: 0;
    padding: 0;
    right: 0;
    left: inherit;
    border: 0;
}

.days-select li a {
    padding: 8px;
}

.usage-lists div {
    padding: 20px 0;
    margin-top: 15px;
    border-right: 1px solid #ededed;
}

.usage-lists div:last-child {
    border-right: 0px solid #ededed;
}

.usage-lists h3 {
    color: #000;
    font-weight: 700;
    font-size: 28px;
    margin: 0 0 10px 0;
}

.usage-lists font {
    color: #666;
    font-weight: 600;
    font-size: 14px;
}

.left-wrap-nav-wrap {
    position: absolute;
    height: 100%;
}

.map-rider {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
}

.map-rider iframe {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}

.form-riders-overmap {
    position: relative;
    padding-top: 25px;
    padding-left: 35px;
}

.form-ride {
    background: #fff;
    border-radius: 0px;
    padding: 25px;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.25);
}

#map {
    width: 100%;
    height: 100%;
}

.form-ride h1 {
    font-weight: 200;
    font-size: 35px;
    margin-top: 0;
}

.question-mark {
    color: #666;
    font-size: 19px;
}

.input-for-passenger .drop-lists {
    width: 50%;
    padding-right: 15px;
}

.input-for-passenger .btn-primary {
    border: 1px solid #ccc;
    height: 40px;
    border-radius: 0;
    background: none;
    width: 100%;
    color: #555;
    text-align: left;
    line-height: 28px;
}

.input-for-passenger .btn-primary .caret {
    margin-top: 10px;
}

.input-for-passenger li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.input-for-passenger li a {
    line-height: 39px;
}

.input-for-passenger ul {
    margin: 0;
    width: 100%;
    border-radius: 3px;
    border: 0;
    margin-top: 7px;
    padding: 0;
}

.dropdown-menu>li>ul>li>a {
    display: block;
    padding: 8px 10px 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 18px;
    color: #333;
    white-space: nowrap;
    font-size: 13px;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #fff;
}

.dropdown-menu>li>ul>li>a:hover {
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #fff;
    background: #fdfdfd;
}

.hidden-lists {
    background: #f3f3f3;
}

.close-names-one {
    font-size: 20px;
    padding-top: 4px;
}

.info-abt-pass {
    padding-top: 10px;
    padding-left: 0;
}

.wrap-infor {
    width: 200px;
    background: #fff;
    position: absolute;
    top: 30px;
    left: 0;
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.close-ss {
    font-size: 20px;
    padding-top: 4px;
}

.wrap-infor h4 {
    border-bottom: 1px solid #ededed;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
}

.wrap-infor p {
    font-size: 13px;
    color: #666;
    margin: 0;
}

.input-form-location .input-class {
    border: 1px solid #ccc;
    margin: 10px 0;
    width: 100%;
    text-indent: 35px;
    height: 42px;
    border-radius: 0;
}

.ablp {
    width: 25px;
    height: 25px;
    background: #000;
    color: #fff;
    font-weight: 700;
    padding-top: 3px;
    text-align: center;
    position: absolute;
    top: 19px;
    left: 5px;
    border-radius: 50%;
}

.current-location {
    position: absolute;
    right: 10px;
    top: 21px;
    font-size: 18px;
    color: #555;
}

.replacements-ico {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.55);
    border-radius: 50%;
    width: 38px;
    height: 38px;
    text-align: center;
    padding-top: 9px;
    font-size: 20px;
    position: absolute;
    z-index: 9;
    top: -20px;
    right: 10px;
    cursor: pointer;
}

.close-inputs-stop {
    position: absolute;
    right: 10px;
    top: 19px;
    font-size: 22px;
    cursor: pointer;
}

.contu-button {
    padding: 13px 34px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    background: #000;
    border-radius: 3px;
}

.contu-button:hover {
    color: #fff;
    background: #f9b233;
}

.enter-locations {
    margin-top: 15px;
}

.saved-rides {
    position: fixed;
    bottom: 0;
    width: inherit;
}

.inner-ride-saved {
    padding: 20px 25px;
    width: calc(100% - 55px);
}

.ride-details:first-child {
    margin-top: 20px;
}

.ride-details {
    margin: 0px 0 0 0;
    background: #fff;
    border-top: 1px solid #ededed;
    padding: 10px;
}

.ride-details h4 {
    font-size: 16px;
    font-weight: 700;
    color: #666;
    margin: 0 0 10px 0;
}

.ride-details h4 font {
    font-size: 13px;
    font-weight: 300
}

.price-ride {
    font-size: 24px;
    font-weight: 300;
    color: #000;
}

.mile-km {
    color: #e69605;
    font-size: 13px;
    margin-left: 20px;
    margin-top: 10px;
}

.arrow-up {
    position: absolute;
    right: 20px;
    top: -20px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
    font-size: 20px;
    box-shadow: 0px -6px 6px rgba(0, 0, 0, 0.15);
}

.history-rides-wrap {
    max-height: 350px;
    overflow: auto;
}

.custom-dropdown {
    position: absolute;
    background: #fff;
    top: 53px;
    z-index: 9999;
    left: 0;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
}

.custom-dropdown h5 {
    background: #ededed;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    padding: 19px 10px;
}

.custom-dropdown ul {
    margin: 0;
    padding: 0;
}

.custom-dropdown li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
}

.custom-dropdown li a {
    padding: 10px;
    background: #fff;
    font-size: 14px;
    float: left;
    font-weight: 400;
    color: #555;
    border-bottom: 1px solid #ededed;
    width: 100%;
    float: left;
}

.custom-dropdown li a:hover {
    background: rgba(237, 237, 237, 0.43);
}

.custom-dropdown li a i {
    font-size: 20px;
    top: 2px;
    position: relative;
    margin-right: 4px;
}

.book-hourly h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.book-hourly span {
    font-size: 13px;
    color: #666;
    line-height: 18px;
}

.book-hourly li a {
    padding-right: 50px;
}

.ar-nav {
    position: absolute !important;
    right: 3px;
    font-size: 25px !important;
    color: #000;
    padding-top: 15px;
}

.pho-no {
    color: #1bbdbe;
}

.list-hours {
    position: absolute;
    left: 100%;
    width: 150px;
    border-radius: 3px;
    margin: 0;
    padding: 0;
    z-index: 99;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.35);
    display: none;
}

.h-rides:hover .list-hours {
    display: block;
}

.list-hours li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

.list-hours a {
    padding: 5px;
    font-size: 13px;
    color: #000;
}

.list-hours a:hover {
    background: #ededed !important;
    color: #000;
}

.hour-arrows {
    cursor: pointer;
    border-bottom: 1px solid #fff;
}

.hour-arrows i {
    color: #000;
    cursor: pointer;
    font-size: 25px;
    position: absolute;
    right: 10px;
    top: 14px;
}

.small-heading {
    font-weight: 700;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 10px;
}

.flight-topimg {
    background: #fff url(../images/flights.jpg) top right no-repeat;
}

.tab-airports .panel-default {
    border-color: transparent;
    background-color: #fff;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.tab-airports .panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: transparent;
    border: 0;
    padding: 0;
}

.tab-airports .nav-tabs {
    border: 1px solid #1d2531;
}

.tab-airports .nav-tabs>li {
    float: left;
    margin-bottom: 0;
    border: 0;
    padding: 0;
    margin: 0;
    width: 50%;
    text-align: center;
}

.tab-airports .nav-tabs>li a {
    margin-right: 0;
    line-height: 1.42857143;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: #000;
    font-size: 13px;
}

.tab-airports .nav-tabs>li.active>a,
.tab-airports .nav-tabs>li.active>a:focus,
.tab-airports .nav-tabs>li.active>a:hover {
    color: #fff !important;
    cursor: default;
    background-color: #1d2531;
    border: 0;
    border-bottom: 0;
}

.tab-airports .panel-body {
    padding: 15px 0;
}

.div-in-form .input-class {
    border-radius: 0;
    height: 38px;
    text-indent: 45px;
    border: 1px solid #ccc;
    margin: 0;
    width: 100%;
    background: #fff;
    padding: 0;
}

.div-in-form .input-group-addon {
    border-radius: 0;
}

.div-in-form {
    margin-bottom: 10px;
}

.inp-nos {
    height: 36px;
    border-right: 1px solid #ccc;
    width: 38px;
    text-align: center;
    position: absolute;
    background: #fff;
    padding-top: 5px;
    font-weight: 700;
    font-size: 20px;
    z-index: 9;
    left: 1px;
    top: 1px;
}

.list-airport-drop {
    top: 38px;
    z-index: 99;
}

.div-airport-texts h4 {
    font-weight: 700;
    color: #000;
    margin: 0 0 0px 0;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
}

.div-airport-texts h4 span {
    font-weight: 300;
    font-size: 15px;
}

.div-airport-texts p {
    font-size: 14px;
    margin-top: 5px;
}

.acs-text {
    font-weight: 600;
    font-size: 14px;
    color: #666;
}

.acs-text a {
    color: #1bbdbe;
}

.dp-air-wrap .input-class {
    text-indent: 8px;
}

.cross-input {
    position: absolute;
    top: 6px;
    right: 10px;
}

.div-airport-form2 .input-class {
    text-indent: 8px;
}

.half-div {
    width: 48%;
}

.sh-tab-airports .input-class {
    text-indent: 8px;
}

.shedule-title-lists {
    color: #666;
    margin-bottom: 25px;
    font-size: 13px;
}

.wrap-infor2 {
    width: 320px;
    background: #fff;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 999;
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.close-ss2 {
    font-size: 20px;
    padding-top: 4px;
}

.wrap-infor2 h4 {
    border-bottom: 1px solid #ededed;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
}

.wrap-infor2 p {
    font-size: 13px;
    color: #666;
    margin: 0;
}


/*============== ADDED BY TANMAY ===============*/

.form-ride h1 {
    font-weight: 300;
}

.page-title {
    font-weight: 700;
    font-size: 25px;
    margin-top: 0;
    border-bottom: 1px solid #bb7402;
    color: #3b2705;
    background: #f9b233;
    padding: 10px 10px;
    text-align: center;
}

.booking-filter label {
    font-weight: 700;
    font-size: 14px;
}

.booking-filter .input-class {
    width: 100%;
    height: 35px;
    border: 2px solid #ccc;
    border-radius: 0;
}

.booking-filter .input-class:focus {
    border: 2px solid #f9b234;
}

.right-dashboard-wrap {
    min-height: 600px;
}

.booking-filter {}

.booking-filter .col-lg-1-half,
.booking-filter .col-md-1-half {
    width: 10.333%;
    float: left;
    padding-left: 15px;
}

.booking-filter .col-lg-3,
.booking-filter .col-md-3 {
    width: 23%;
}

.booking-filter>div {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-mT {
    margin-top: 10px;
}

.inline-btn {
    display: inline-block;
    margin-left: 4px;
}

.export-btn {
    background: #1bbdbe;
}

.export-btn:hover {
    background: #333;
    color: #fff !important;
}

.export-btn i {
    margin-right: 10px;
}

.booking-filter-btns {
    padding: 15px;
    background: #FFF;
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

.f-btn-g {
    display: inline-table;
    margin-right: 1px;
}

.sm-btn {
    padding: 8px 22px;
}

.f-btn-g span {
    display: inline-block;
    margin: 0 3px;
    background: #fff;
    padding: 6px 8px;
    font-weight: bold;
    border-radius: 4px;
    border: 2px solid #f9b233;
}

.sm-btn.active {
    background: #1bbdbe;
}

.tan-table tr th {
    background: #f9b233;
    border-color: #f0d354 !important;
    padding: 6px 4px !important;
    font-size: 13px;
}

.booking-date {
    display: inline-block;
    background: red;
    color: #fff;
    padding: 2px 10px;
    border-radius: 4px;
    margin-bottom: 7px;
}

.booking-info {
    background: url(../images/united-kingdom.png) no-repeat left 2px;
    font-size: 15px;
    padding: 0 0 0 40px;
    margin-bottom: 10px;
}

.tan-table tr td {
    vertical-align: middle !important;
    font-size: 12px;
}

.booking-d i {
    color: red;
    font-size: 22px;
    margin-right: 5px;
    vertical-align: middle;
}

.booking-price img {
    max-width: 100%;
}

.green-btn {
    background: #337ab7;
    color: #fff;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 12px;
    width: 100%;
}

.contu-button.disabled {
    cursor: no-drop;
    background: #eee;
    color: #484848;
    font-weight: normal;
}

.page-title span {
    color: #fff;
    font-weight: bold;
}

.input-group-addon:last-child {
    opacity: 0;
    padding: 0;
}

.add-btn i {
    margin-right: 10px;
}

.display-inline {
    float: none;
    display: inline-block;
}

.client-form>div {
    text-align: left;
}

.client-form .col-lg-1,
.client-form .col-md-1 {
    padding-left: 15px;
}

.tan-table-new {
    margin: 20px 0;
    background: #fff;
}

.edit-ibtn {
    color: #333;
}

.delete-ibtn {
    color: red;
}

.tan-table-new tr td b a {
    color: #333;
    font-weight: bold;
}

.tan-table-new tr td b a:hover {
    color: #f9b233;
}

.form-box {
    padding: 15px;
    background: #FFF;
}

.form h4 {
    border-bottom: 2px solid #f9b233;
    text-transform: uppercase;
    font-weight: 500;
    background: #fff2da;
    padding: 8px;
}

.form .input-class {
    height: 36px;
    border-radius: 3px;
    text-indent: 7px;
    border: 2px solid #ccc;
    outline: 0;
    display: inline-block;
    padding: 6px 6px;
    width: 100%;
    margin: 0 0 15px;
    text-indent: 0;
}

.form label {
    font-weight: bold;
    margin-bottom: 10px;
}

.fieldWithFlag img {
    float: left;
    width: 20px;
    margin: 8px 8px 0 0;
}

.fieldWithFlag .input-class {
    width: 86%;
}

.form-date .input-class {
    width: 96px;
    display: inline-block;
}

.form-date select.input-class {
    width: 69px;
    text-align: left !important;
    margin-left: -3px;
    margin-right: -3px;
}

.form-date .date {
    width: 96px;
    margin: 0 -5px 0 0px;
    float: left;
}

.booking-txt {
    background: #f8f8f8;
    padding: 7px 10px;
    text-align: center;
    border: 1px solid #dcdcdc;
    font-size: 14px;
}

.form .table tr td {
    border: none !important;
    padding: 6px;
}

.form .table tr td label {
    margin: 0;
}

.tan-table2 .input-class {
    margin: 0;
}

.booking-t .input-class {
    width: 40px;
    margin-right: 3px;
    margin-bottom: 5px;
}

.booking-t span {
    font-size: 12px;
    font-weight: bold;
}

.img img {
    width: 70px;
}

.saloon {
    margin-top: 20px;
}

.saloon img {
    width: 24px;
    vertical-align: bottom;
}

.saloon span {
    font-weight: bold;
    color: red;
    font-size: 20px;
}

.inputW2 {
    width: 67px !important;
}

.inr {
    font-size: 20px;
    font-weight: bold;
    color: red;
    padding-left: 6px;
}

.price-val {
    font-weight: bold;
    font-size: 20px;
}

.form-control.textarea {
    height: 130px;
}

.checkbox.custom-checkbox input[type="checkbox"],
.checkbox.custom-checkbox input[type="radio"],
.checkbox.switch input[type="checkbox"] {
    position: absolute;
    left: -9999em;
}

.checkbox.custom-checkbox label,
.radio.custom-radio label,
.checkbox.switch label {
    padding-left: 0;
}

.checkbox.custom-checkbox span,
.radio.custom-radio span {
    background-color: #fff;
    border: 1px solid #999;
    font-size: 10px;
    line-height: 10px;
    padding: 3px;
    border-radius: 2px;
    float: left;
    margin-right: 5px;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.radio.custom-radio span {
    border-radius: 50%;
    line-height: 9px;
}

.checkbox.custom-checkbox input:checked+span,
.radio.custom-radio input:checked+span {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.form .row {
    margin-left: -8px;
    margin-right: -8px;
}

.form .row>div {
    padding-left: 8px;
    padding-right: 8px;
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 10px;
}

.btn-basic {
    background: #333;
    color: #fff;
}

.btn-basic:hover {
    background: #f9b233;
    color: #333;
}

.form h4 span {
    color: #f9b233;
}

.sep-txt {
    background: #333;
    margin-top: -20px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 7px 0;
    font-size: 20px;
}

.marT {
    margin-top: 20px;
}

.sand-box-sec {
    background: #efebd4;
    margin: 7px -15px !important;
    padding: 12px 8px;
}

.noti-txt {
    background: #fff0d6;
    color: #2a2929;
    font-size: 13px;
    padding: 7px 0;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #f9b233;
}

.form .table.card-table tr td {
    border: 1px solid #dfdfdf !important;
}

.min-height {
    min-height: 1010px;
}

.min-height2 {
    min-height: 1130px;
}

.mrgnT {
    margin-top: 20px;
}

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

.tan-tab.nav-tabs>li {
    float: none;
    display: inline-block;
    padding: 0;
}

.tan-tab.nav-tabs>li a {
    background: #1d2531;
    color: #fff;
}

.tan-tab.nav-tabs>li.active>a,
.tan-tab.nav-tabs>li.active>a:focus,
.tan-tab.nav-tabs>li.active>a:hover {
    background-color: #f9b233;
    border: 1px solid #f9b233;
    color: #3b2705;
}

.tan-tab.nav-tabs {
    border-bottom: 2px solid #f9b233;
}

.vehicle-table tr th {
    text-align: center;
    font-size: 12px;
    padding: 6px 2px !important;
}

.vehicle-table tr th a {
    color: #333;
}

.vehicle-table tr td {
    padding: 6px 2px !important;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    outline: 0;
}

.vehicle-table tr td img {
    max-width: 80%;
}

.viewMoreIco {
    background: #ff4646;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    font-size: 15px;
}

.viewMoreIco::before {
    padding-top: 8px;
    display: block;
}


/*tr:nth-child(even) {
     background: #fff 
}
*/


/*tr:nth-child(odd) {
     background: #fef0d0;
}
*/

.vehicle-table tr:hover td {
    background: #dff3ff;
}

.input-vechile {
    height: 35px;
    font-size: 12px;
    color: #000;
    padding: 4px;
    border: 1px solid transparent;
    background: none;
    cursor: default;
    min-width: 60px;
    max-width: 80px;
}

.input-vechile:focus {
    background: #fff;
    border: 1px solid #000;
}

.datepicker-days tr:nth-child(odd) {
    background: #fff;
}

.img-drivers {
    width: 170px;
    height: 170px;
    overflow: hidden;
    margin-bottom: 15px;
}

.img-drivers img {
    width: 100%;
}

.fileinput05 {
    position: absolute;
    left: 0;
    top: 11px;
    height: 40px;
    opacity: 0;
}

.img-dri {
    float: left;
    width: 100px;
    max-height: 100px;
    overflow: hidden;
}

.img-dri img {
    width: 100%;
}

.day-input {
    width: 35px !important;
    height: 25px !important;
    border: 1px solid #ccc !important;
}

.spl-zone a {
    padding: 10px 8px;
    font-size: 13px;
}

.buttons-grp a {
    font-weight: 400;
    margin: 0;
    padding: 10px;
    text-align: center;
}

.btn-serach-btn i {
    margin: 0;
}

.btn-gr-action a {
    padding: 3px 5px;
    font-size: 10px;
}

.search-panel-pricing {
    margin-top: 10px;
    background: #f2f2f2;
    padding: 15px !important;
}

span.multiselect-native-select {
    position: relative
}

span.multiselect-native-select select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px -1px -1px -3px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    left: 50%;
    top: 30px
}

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow: auto;
}

.multiselect-container .input-group {
    margin: 5px
}

.multiselect-container>li {
    padding: 0px;
    margin: 1px 0;
    font-size: 12px;
    list-style: none;
}

.multiselect-container>li>a.multiselect-all label {
    font-weight: 700
}

.multiselect-container>li.multiselect-group label {
    margin: 0;
    padding: 3px 20px 3px 20px;
    height: 100%;
    font-weight: 700
}

.multiselect-container>li.multiselect-group-clickable label {
    cursor: pointer
}

.multiselect-container>li>a {
    padding: 0
}

.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 0 3px 30px
}

.multiselect-container>li>a>label.radio,
.multiselect-container>li>a>label.checkbox {
    margin: 0
}

.multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 5px
}

.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}

.multiselect-native-select button {
    text-align: left;
    border-radius: 0;
}

.multiselect-native-select button .caret {
    float: right;
    margin-top: 9px;
}

.serch-in .input-class {
    margin: 0;
    height: 35px;
    /* border-radius: 0; */
    border: 1px solid #ccc;
    width: 100%;
}

.btn-common-search {
    height: 35px;
    /* border-radius: 0; */
    border: 1px solid #ccc;
    margin-right: 5px;
}

.close-price-search {
    color: #000;
    margin-top: 9px;
}

.modal-pricing .modal-dialog {
    width: 90%;
}

.label-pop-pricing {
    font-size: 14px;
    margin: 10px 0 2px 0px !important;
    background: #fff;
    padding: 0 2px;
    display: inline-block;
    position: relative;
    z-index: 999;
}

.modal-pricing .input-class {
    border: 1px solid #ccc;
    /* border-radius: 0; */
    height: 35px;
    width: 100%;
    margin-top: 0;
}

.from-post {
    margin-bottom: 15px;
}

.quantity {
    position: relative;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity input[type=number] {
    -moz-appearance: textfield;
}

.quantity input {
    width: 100%;
    height: 35px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 0;
    border: 1px solid #eee;
}

.quantity input:focus {
    outline: 0;
}

.quantity-nav {
    float: left;
    position: relative;
    height: 42px;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 22px;
    text-align: center;
    color: #333;
    font-weight: normal;
    font-size: 14px;
    line-height: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding-top: 9px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: -1px;
    height: 50%;
}

.bs-example .panel-default>.panel-heading {
    color: #fff;
    background-color: #1bbdbe;
}

.timezone-picker {
    display: inline-block;
    position: relative;
    width: 100%;
}

.timezone-picker-textfield input {
    width: 100%;
    padding: 9px 12px;
    height: 35px;
    font: inherit;
    box-sizing: border-box;
    outline: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0px;
    width: 100%;
}

.timezone-picker-list {
    top: 100%;
    left: 0;
    right: 0;
    max-height: 200px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    border: 1px solid #e6ebec;
    margin-top: -1px;
    border-radius: 0 0 3px 3px;
    display: none;
    font-size: 12px;
}

.timezone-picker-list-rel {
    position: relative
}

.timezone-picker-list-abs {
    position: absolute;
    background-color: #fff;
    z-index: 2000;
    opacity: .99
}

.timezone-picker-list-item {
    color: #444;
    padding: 5px 12px
}

.timezone-picker-list-item-active {
    background: #ececec;
    cursor: pointer
}

.timezone-picker-open .timezone-picker-list {
    display: block;
    position: absolute;
    background: #fff;
    z-index: 9999;
    font-size: 12px !important;
}

.timezone-picker-open .timezone-picker-list li {
    font-size: 13px !important;
    margin: 0;
    border-bottom: 1px solid #ededed;
}

.timezone-picker-selected .timezone-picker-textfield input {
    color: #474747
}

.timezone-wrap button,
.timezone-wrap b {
    display: none;
}

.info-pop {
    position: absolute;
    bottom: 16px;
    right: -5px;
}

.has-tool .tooltip-inner {
    max-width: 450px;
    /* If max-width does not work, try using width instead */
    width: 450px;
}

.small-input {
    width: 65px !important;
    display: inline-block;
}

.table-distance th,
.table-distance td {
    text-align: left !important;
    padding: 8px !important;
    vertical-align: middle !important;
}

.numbers-distan {
    padding: 9px 7px 0 0;
}

.table-distance .small-input {
    width: 75px !important;
}

.headtag-text {
    margin-top: 7px !important;
    float: left;
}

.bodytag-text {
    margin-top: 7px !important;
    float: left;
}

.period-wrap .input-class {
    width: 100%;
}

.period-wrap .date {
    width: 40%;
    float: left;
    margin-left: 5px;
}

.period-wrap label {
    padding-top: 8px;
}

.phone-wrap .input-class {
    width: 70%;
    margin-left: 5px;
}

.phone-wrap label {
    padding-top: 8px;
}

.succbtn {
    font-size: 11px;
    font-weight: 300;
    padding: 2px;
}

.table-searchs td {
    padding: 15px 10px 10px 0px;
    vertical-align: top
}

.table-searchs tr {
    background: none
}

.wrap-widget {
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
}

.common-button-edit {
    padding: 15px 10px;
    font-size: 13px;
    color: #000;
    width: 100%;
    text-align: left;
    height: 50px;
    float: left;
    border-top: 2px solid #fff;
}

.common-button-edit:hover {
    background: #ededed;
    border-top: 2px solid #ededed;
}

.lang-drop .dropdown button {
    width: 100%;
    float: left;
    border-radius: 0;
    text-align: left;
    padding: 13px 10px;
    height: 50px;
    font-size: 13px;
    background: none;
    border-top: 2px solid #fff;
    outline: none !important;
    box-shadow: none !important;
}

.lang-drop .dropdown button:hover {
    background: #ededed;
    border-top: 2px solid #ededed;
}

.lang-drop .dropdown-menu {
    top: 48px;
    border-radius: 0;
    padding: 10px;
    box-shadow: none;
}

.lang-drop .dropdown-menu a {
    width: 100%;
    float: left;
    color: #000;
    font-size: 13px;
    padding: 5px;
}

.booxking-w-wrap {
    background: #fff;
    padding: 25px;
}

.booxking-w-wrap .input-class {
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 0;
}

.icon-se {
    color: #949494;
    position: absolute;
    right: 10px;
    top: 19px;
    font-size: 23px;
}

.typeahead {
    min-width: 300px;
    border-radius: 0;
}

.typeahead li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.typeahead li a {
    padding: 10px;
    font-size: 13px;
}

.calendar-bookwed .input-group-addon:last-child {
    opacity: 1;
    padding: 0;
    background: none;
    border: 0 !important;
}

.calendar-bookwed .icon-se {
    right: 10px;
}

.time-select {
    border: 1px solid #ccc;
    height: 40px;
}

.select-time {
    width: 30%;
    display: inline-block;
    padding: 0px 10px 0;
    text-align: center;
    border: 0;
    height: 38px;
    position: relative;
    left: -20px;
}

.via-links a {
    color: #555;
    font-size: 14px;
    padding-top: 0;
    font-weight: 300 !important;
}

.close-via {
    position: absolute;
    top: 2px;
    right: -5px;
    cursor: pointer;
}

.timewrap {
    margin: 10px 0;
}

.clc-price a {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px;
    background: #1bbdbe;
    color: #fff;
    margin-top: 15px;
}

.clc-price a:hover {
    background: #333;
    color: #fff;
}

.active-section {
    border-top: 2px solid #ecb066;
}

.block-cars {
    background: #fff;
    padding: 15px;
    margin-bottom: 10px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #fff;
}

.block-cars:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid #f9b233;
}

.img-car-bl {
    width: 100px;
}

.img-car-bl img {
    width: 100%;
}

.info-cars {
    width: calc(100% - 100px);
    padding-left: 15px;
}

.info-cars h3 {
    font-size: 17px;
}

.info-cars h3 span {
    font-size: 20px;
}

.icon-forcars {
    margin-right: 10px;
    color: #000;
}

.icon-forcars .bigico {
    font-size: 22px;
    color: #999;
}

.map-cars-screen {
    padding: 10px;
    background: #fff;
}

.sho-maps {
    color: #000;
    margin-top: 8px;
}

.edit-ed {
    padding-right: 0;
    font-size: 16px;
}


/* The container */

.container-wrap {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default radio button */

.container-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #666;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.container-wrap:hover input~.checkmark {
    background-color: #f7f7fb;
}


/* When the radio button is checked, add a blue background */

.container-wrap input:checked~.checkmark {
    background-color: #1bbdbe;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.container-wrap input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.container-wrap .checkmark:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}

.table-forms tr {
    background: none !important;
}

.table-forms .input-class {
    width: 100%;
    height: 35px;
    border: 1px solid #888;
    border-radius: 0;
}

.wrap-bookpay {
    background: #fff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.28);
}

.tablesout td {
    padding: 0 4px;
}

.bigtext {
    font-size: 28px;
}

.sub-buttons a {
    padding: 10px;
    border-radius: 0;
    width: 48%;
}

.infor-book {
    padding: 20px;
}

.infor-book ul {
    padding: 0;
    margin: 0;
}

.infor-book li {
    list-style: none;
    margin: 5px 0;
    padding: 0;
}

.edit-sf {
    padding-right: 0;
    font-size: 16px;
}

.header-bot .bookride {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    background: #1bbdbe;
    margin-top: 1px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px;
}

.header-bot .bookride:hover {
    color: #fff;
    background: #1bbdbe;
}

.dash-wrap {
    background: rgba(55, 65, 80, 0.86);
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.color-white {
    color: #fff;
}

.dash-style {
    background: url(../images/img-back.jpg) no-repeat top center;
    background-size: cover;
}

.dash-style2 {
    background: #000;
    background-size: cover;
}


/* .dash-style .nav-side-menu {
     background-color: rgba(29, 37, 49, 0.71);
} */

.chart {
    padding: 20px 26px 20px 18px;
}

.wrap-charts h4 {
    color: #dadada;
    margin: 0;
    font-weight: 300;
}

.dash-wrap canvas {
    margin-top: 20px;
}

.comon-boxes {
    height: 380px;
}

.box-on {
    margin-bottom: -20px;
}

.block-today {
    padding: 2px;
}


/* .block-today div {
     padding: 15px;
     border-radius: 3px;
     margin-bottom: 10px 
} */

.block-today h4 {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    color: #fff;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
}

.block-today h3 {
    font-size: 20px;
    margin: 13px 0 0 0;
    color: #fff;
}

.block-today h3 span {
    font-size: 13px;
    padding-top: 15px
}

.block-blue {
    background: #1292eb;
}

.block-green {
    background: #77bb26;
}

.block-red {
    background: #d20a34;
}

.right-graph {
    margin-top: 65px;
}

.booking-wrap {
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2)
}

.booking-wrap h2 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #222;
    font-size: 14px;
    margin-left: 5px;
    font-weight: 600;
}

.booking-wrap h3 {
    color: #000;
}

.booking-wrap h3 span {
    color: #fff;
}

.block-green2 {
    background: #5cb45b;
}

.block-red2 {
    background: #f03154;
}

.block-blue2 {
    background: #3292e0;
}

.booking-wrap-all {
    padding: 5px;
}

.ove-dash h3 {
    color: #fff;
}

.table-dash tr {
    background: none;
}

.table-dash th {
    font-weight: 600;
    font-size: 13px;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    background: none;
}

.table-dash td {
    font-size: 13px;
    padding: 5px;
    border-bottom: 1px solid #ededed;
}

.middle-column {
    float: none !important;
    margin: 0 auto;
}

.billing-inner .panel-heading {
    padding: 15px 15px;
    border-radius: 4px;
    margin-bottom: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d2531+0,2c3b53+100 */
    background: #1d2531;
    /* Old browsers */
    background: -moz-linear-gradient(left, #1d2531 0%, #2c3b53 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1d2531 0%, #2c3b53 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1d2531 0%, #2c3b53 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1d2531', endColorstr='#2c3b53', GradientType=1);
    /* IE6-9 */
}

.billing-inner .panel-heading h4 {
    color: #fff;
    margin: 0;
    font-size: 14px;
    line-height: 19px;
}

.billing-inner .panel-heading h4 span {
    width: 8px;
    height: 8px;
    border-radius: 10px;
    margin-right: 7px;
    background: #1bbdbe;
    margin-top: 5px;
}

.billing-inner .panel-heading .btn {
    margin-top: -7px;
}

.panel-card {
    position: relative;
    padding: 15px 20px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.panel-card h4 {
    margin: 0;
    font-size: 16px;
}

.panel-card p {
    font-size: 14px;
    color: #737373;
}

.keyboard_key {
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    line-height: 26px;
    min-width: 26px;
    height: 26px;
    border: 1px solid #c3cfd8;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0px 6px;
    background-color: #ffffff;
    box-shadow: inset 0 0 1px #ffffff, inset 0 0 0.1em #ffffff, 0 0.1em 0 #ebeef0, 0 0.12em 0.1em #212529;
    margin: 0px 2px 2px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    font-weight: 400;
    color: #1a1a1a;
}

.keyboard_key {
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    line-height: 26px;
    min-width: 26px;
    height: 26px;
    border: 1px solid #c3cfd8;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0px 6px;
    background-color: #ffffff;
    box-shadow: inset 0 0 1px #ffffff, inset 0 0 0.1em #ffffff, 0 0.1em 0 #ebeef0, 0 0.12em 0.1em #212529;
    margin: 0px 2px 2px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    font-weight: 400;
    color: #1a1a1a;
}

.panel-card .form-control {
    margin-top: 15px;
    border-color: #1bbdbe;
}

.home_card_content_message {
    margin-top: 12px;
}

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

.plan-head h1 {
    margin: 0;
    /*background: #1d2531;
    */
    color: #000;
    padding: 10px 0;
    font-weight: 300;
}

.plan-head h3 {
    margin: 0;
    padding: 0 0 50px 0;
    color: #777;
    font-weight: 300;
    font-size: 20px;
}

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

.plan-table tr th {
    text-align: center;
    padding: 20px !important;
    font-size: 17px;
    vertical-align: middle !important;
    font-weight: 400;
    background: #fff3de;
}

.plan-table tr th strong {
    font-size: 22px;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    color: #aa300f;
}

.plan-table tr th span {
    font-size: 15px;
    line-height: 18px;
    display: block;
}

.plan-table tr td:first-child {
    text-align: left;
}

.plan-table tr td {
    padding: 12px 20px !important;
    font-size: 17px;
    vertical-align: middle !important;
    font-weight: 400;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.plan-table tr td sup {
    color: #808080;
    margin-top: 10px;
    display: inline-block;
    vertical-align: top;
    font-size: 21px;
    font-weight: bold;
    position: static;
    font-weight: 300;
    top: 0;
    line-height: normal;
}

.new_price_bold {
    font-size: 25px;
    color: #808080;
    font-weight: bold;
    line-height: 60px;
    display: inline-block;
    font-style: normal;
}

.new_price_bold span {
    font-weight: 400;
}

.per_dri {
    margin: 0;
    font-size: 15px;
    line-height: 18px;
    display: block;
}

.plan-table tr td .btn {
    padding: 10px 32px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px;
}

.tick-mark {
    color: #7ab55c;
}

.plan-table tr:nth-child(2n+1) {
    background: #fffcf5;
}

.pricing-txt td {
    background: #f3f3f3;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.plan-table tr:hover td {
    background: #feeccc;
}

.bg-img-bill {
    margin-bottom: 30px;
}

.over-banner {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 7%;
}

.over-banner h1 {
    color: #000;
    font-size: 34px;
    font-weight: 400;
}

.panel-card a.btn-basic {
    font-size: 12px;
    background: #1bbdbe;
    box-shadow: none;
    border: 1px solid #1bbdbe;
    color: #fff;
}

.panel-card a.btn-basic:hover {
    font-size: 12px;
    background: #1bbdbe;
    box-shadow: none;
    border: 1px solid #1bbdbe;
    color: #fff;
}

.billing-inner .panel-heading .btn-danger {
    background: #1bbdbe;
    border: 0;
    font-size: 13px;
    padding: 8px 22px;
}

.billing-inner .panel-heading .btn-danger:hover {
    background: #1bbdbe;
    border: 0;
}

.new-color-table tr:hover td {
    background: #f3f3f3;
}

.new-color-table tr th {
    text-align: center;
    padding: 20px !important;
    font-size: 17px;
    vertical-align: middle !important;
    font-weight: 400;
    background: #f3f3f3;
    border-color: #dcdcdc !important;
}

.new-color-table tr:nth-child(odd) {
    background: #f3f3f3;
}

.no-odd tr:nth-child(odd) {
    background: #fff;
}

.new-color-table tr th strong {
    font-size: 22px;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    color: #1bbdbe;
}

.new-color-table tr td {
    padding: 12px 20px !important;
    font-size: 17px;
    vertical-align: middle !important;
    font-weight: 400;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-weight: 300;
}

.new-color-table tr td .btn {
    padding: 10px 32px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px;
    background: #1bbdbe;
    border: 0;
}

.new-color-table tr td .btn:hover {
    background: #333;
    color: #fff;
}

.left-tabds h3 {
    font-weight: 600;
    font-size: 16px;
}

.left-tabds p {
    font-size: 13px;
}

.in-right-tbds {
    background: #fff;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 3px;
    margin-top: 15px;
}

.in-right-tbds table tr {
    background: none;
}

.in-right-tbds table th,
td {
    padding: 5px;
}

.tabds {
    border-bottom: 1px solid #ccc;
    padding: 15px 15px 35px 15px;
}

.in-right-tbds .panel-card {
    box-shadow: none;
    padding: 0;
}

.in-right-tbds p {
    font-size: 13px;
}

.in-right-tbds h3 {
    font-weight: 600;
    font-size: 16px;
}

.twillo {
    padding: 15px 0;
}

.infor-account {
    background: #f3f3f3;
    padding: 20px 15px;
}

.infor-account label {
    font-weight: 300;
}

.default-gatea {
    border-top: 1px solid #ccc;
    padding-top: 11px;
}

.activate .btn-basic {
    margin-top: 20px;
    padding: 10px 30px;
    font-size: 14px !important;
}

.tooltips {
    position: absolute;
    right: -24px;
    top: 26px;
    background: #1bbdbe;
    width: 20px;
    height: 20px;
    color: #fff !important;
    text-align: center;
    padding-top: 2px;
    border-radius: 12px;
}

.infor-account .tooltip-inner {
    max-width: 200px;
    /* If max-width does not work, try using width instead */
    width: 200px;
}


/* .small-navs {
	 left:-250px;
     overflow: hidden;
     z-index: 99;
     transition: all 0.3s;
} */

.small-navs ul,
.small-navs li {
    width: 250px;
}

.logo-small {
    padding: 4px;
    background: #1f242d;
}

.logo-small img {
    max-width: 50px;
}

.full-height {
    height: 100%;
    position: absolute !important;
    width: 100%;
}


/* .small-navs .nav-side-menu {
     background-color: rgba(29, 37, 49, 1);
} */

.bignav {
    /* width: 250px; */
    left: 250px;
    transition: all 0.3s;
}


/* .toggle-menu-app-right {
     left: 200px;
     transition: all 0.3s;
} */

.notifications-dash {
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 999;
}

.notifications-dash a {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 24px;
    padding: 12px;
    box-shadow: 0px 0px 10px rgba(6, 6, 6, 0.45);
}

.left-dispatch-area {
    width: 400px;
    position: fixed;
    left: 250px;
    top: 45px;
    background: #fff;
    z-index: 99;
    box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.2);
    height: 100%;
    overflow: auto;
    transition: all 0.3s;
    transform: translateX(0);
    max-width: 680px;
    min-width: 360px;
}

.heading-top-panel {
    background: #1bbdbe;
}

.heading-top-panel h4 {
    color: #fff;
    padding: 25px 15px;
    font-weight: 700;
    font-size: 18px;
}

.heading-top-panel h4 a {
    color: #fff;
}

.left-dispatch-area.hide-panel-left {
    transform: translateX(-200%);
    transition: all 0.3s;
    z-index: 9;
    width: 0;
    padding: 0 !important;
}

.show-again {
    cursor: pointer;
    color: #000;
    font-size: 30px;
    position: absolute;
    left: 260px;
    top: 60px;
    z-index: 999;
    display: none;
}

.show-again i {
    box-shadow: 0px 0px 10px rgba(6, 6, 6, 0.45);
    border-radius: 35px;
    color: #1bbdbe;
    font-size: 35px;
}

.panel-dispatch {
    margin-bottom: 0;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: none;
}

.panel-dispatch .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: transparent;
    padding: 0;
    box-shadow: none;
    border: 0;
}

.same-width-list li {
    padding: 0;
    margin: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
}

.same-width-list li.addBooking {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.same-width-list .nav-tabs>li.active>a,
.same-width-list .nav-tabs>li.active>a:focus,
.same-width-list .nav-tabs>li.active>a:hover {
    border: 0;
    box-shadow: none;
    background: none;
    border-bottom: 2px solid #1bbdbe;
    padding: 19px 0;
    color: #1bbdbe;
}

.same-width-list .nav-tabs>li a {
    border: 0;
    box-shadow: none;
    background: none;
    border-bottom: 2px solid #d0d0d0;
    padding: 19px 0;
    color: #696969;
}

.same-width-list .panel-body {
    padding: 15px 0;
}

.same-width-list .input-group-addon:last-child {
    opacity: 1;
    background: none;
}

.ser {
    background: none;
    border: 0;
}

.plus-add-button {
    background: none;
    border: 1px solid #cecece;
    border-radius: 3px;
    outline: none;
    padding: 7px 14px 5px;
    font-size: 16px;
    color: #555;
    transition: all 0.3s;
}

.plus-add-button:hover {
    border: 1px solid #1bbdbe;
    color: #1bbdbe;
    transition: all 0.3s;
}

.plus-add-button i {
    transition: all 0.3s;
}

.close-panel-sign {
    transform: rotate(45deg);
    transition: all 0.3s;
}

.close-panel-sign-wrap {
    border: 1px solid #1bbdbe;
    color: #1bbdbe;
    transition: all 0.3s;
}

.selectbox-new {
    width: 22%;
    position: relative;
}

.select-wrapper {
    float: left;
    display: inline-block;
    border: 1px solid #ededed;
    background: url("../images/ico16.png") no-repeat right center;
    cursor: pointer;
}

.select-wrapper,
.select-wrapper select {
    width: 90%;
    height: 34px;
    line-height: 20px;
    border-radius: 3px;
}

.select-wrapper:hover {
    background: url(../images/ico16.png) no-repeat right center;
    border-color: #d4d4d4;
}

.select-wrapper .holder {
    display: block;
    margin: 0 17px 0 5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 9;
    padding-top: 7px;
    font-size: 13px;
}

.select-wrapper select {
    margin: 0;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    /* CSS hacks for older browsers */
    _noFocusLine: expression(this.hideFocus=true);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}

.wrap-selects {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 15px 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

.reset-but {
    border: 0;
    background: #F3F3F3;
    font-size: 13px;
    padding: 8px 15px;
}

.area-results {
    padding: 10px 0;
}

.h-three {
    margin-top: 10px !important;
    margin-bottom: 0;
}

.pass-infor {
    padding: 15px 0;
    border-top: 1px solid #ededed;
    margin-top: 15px;
}

.pass-infor .input-class {
    height: 37px;
    border: 1px solid #ccc;
    text-indent: 0px;
    box-shadow: none;
    font-size: 13px;
    background: #fff;
}


/* .pass-infor .input-class:focus {
     border: 1px solid #b5cce0;
} */

.country-code {
    width: 60px;
}

.phone-code {
    float: right;
    width: calc(100% - 80px);
}

.icon-ic {
    padding: 9px 10px !important;
}

.hidden-vis {
    visibility: hidden;
    position: absolute;
}

.panel-location {
    display: none;
    width: 420px;
    background: #fff;
    left: 455px;
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    overflow: auto;
}

.heading-top-panel2 {
    background: #245996;
}

.togg-location {
    padding: 10px 0;
    margin-top: 15px;
    color: #555;
}

.reslt-coll {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    padding: 10px;
    border-radius: 3px;
    float: left;
    width: 100%;
    height: auto !important;
    transition: all 0.2s;
}

.table-dri-loc {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
}

.table-dri-loc td {
    font-size: 13px;
    padding: 0 0 10px 0;
}

.table-dri-loc td span {
    font-size: 11px;
}

.est-arri {
    color: #1bbdbe;
    padding: 10px 0;
    font-size: 13px;
}

.est-arri i {
    color: #dd0000;
    font-size: 16px;
}

.dis-loc-footer {
    position: absolute;
    bottom: 0;
    padding: 10px;
    background: #ededed;
    width: 100%;
    left: 0;
}

.btn-a {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    margin: 10px;
    background: #1bbdbe;
    color: #fff;
    font-size: 13px;
    padding: 10px 20px;
}

.btn-a:hover {
    background: #333;
    color: #fff;
}

.btn-b {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    margin: 10px;
    background: #245996;
    color: #fff;
    font-size: 13px;
    padding: 10px 20px;
}

.btn-b:hover {
    background: #333;
    color: #fff;
}

.top-parts {
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
}

.t-by {
    margin-top: 10px;
}

.icon-shape {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50px;
    color: #fff !important;
    overflow: hidden;
    position: relative;
    top: 5px;
    font-size: 11px;
}

.fleet-lists li {
    width: 20%;
}

.h-a {
    background: #215ca0;
    padding-top: 6px;
}

.h-b {
    background: #e26930;
    padding-top: 6px;
}

.h-c {
    background: #36ca11;
    padding-top: 5px;
}

.h-d {
    background: #50b8ea;
    padding-top: 6px;
}

.h-e {
    background: #e04b6e;
    padding-top: 5px;
}

.fleet-lists .panel-heading {
    color: #333;
    background-color: #ffffff;
}

.fleet-lists .nav-tabs>li.active>a,
.fleet-lists .nav-tabs>li.active>a:focus,
.fleet-lists .nav-tabs>li.active>a:hover {
    padding: 8px 0 12px 0;
}

.fleet-lists .nav-tabs>li>a {
    padding: 8px 0 12px 0;
}

.listing-vech {
    margin-top: 15px;
    border-top: 1px solid #ededed;
    padding-bottom: 15px;
}

.listing-vech table td {
    color: #666;
    font-size: 13px;
    border-bottom: 1px solid #ededed;
}

.red-dot {
    position: absolute;
    top: 26px;
    left: 40px;
    height: 15px;
    width: 15px;
    background: #dd0000;
    border-radius: 15px;
    border: 4px solid #fff;
}

.td-data {
    cursor: pointer;
}

.td-data:hover {
    background: #F4F4F4;
}

.border-left-td {
    border-right: 4px solid #fff;
}

.td-data:hover .border-left-td {
    border-right: 4px solid #1bbdbe;
}

.taxidrivers {
    position: fixed;
    top: 0;
    width: 420px;
    z-index: 10;
    background: #fff;
    height: 100%;
    display: none;
    border-right: 1px solid #e4e4e4;
}

.img-us {
    width: 50px;
}

.listing-vech td {
    padding: 10px 0;
}

.ve-table td {
    padding: 5px 0px;
    font-size: 13px;
}

.ve-table {
    margin-top: 10px;
}

.table-blocks {
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.tripsta {
    width: 30%;
}

.inner-results {
    background: #fdfdfd;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 15px;
}

.inner-results h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
}

.car-div {
    padding: 10px 0;
}

.names-span {
    padding-left: 10px;
    font-weight: 600;
}

.box-cars {
    padding: 7px 0 !important;
}

.close-ic {
    position: absolute;
    top: 20px;
    right: 5px;
    color: #000;
}

.small-navs .nav-side-menu li a {
    padding: 7px 10px;
}

.upgrade-ad {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #1d2531;
    padding: 10px 0 0 0;
}

.upgrade-ad .btn-a {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    margin: 3px 0 9px 0;
    background: #1bbdbe;
    color: #fff;
    font-size: 11px;
    padding: 6px 4px;
}

.upgrade-ad .btn-a:hover {
    background: #1bbdbe;
    color: #fff;
}

.upgrade-ad span {
    font-size: 10px;
    color: #fff;
}

.bignav .upgrade-ad .btn-a {
    padding: 9px 20px;
    font-size: 12px
}

.bignav .upgrade-ad span {
    font-size: 12px;
    color: #fff;
}

.small-dates {
    width: 37%;
    margin-top: 0;
    border: 0;
    padding: 0;
    margin-bottom: 1px;
    margin-right: 5px;
}

.small-dates .input-class {
    height: 34px;
}

.small-dates .icon-ic {
    padding: 8px 10px !important;
}

.custon-form .panel-heading h4 {
    font-size: 13px;
    font-weight: 400;
    padding: 10px;
}

.custon-form .panel-default {
    border-color: #fff;
}

.table-form-book td {
    font-size: 13px;
    color: #666;
    padding: 3px;
}

.infor-passtwo {
    padding: 0;
    margin: 0;
    border: 0;
}

.table-form-book .input-class {
    margin: 0;
}

.big-dates {
    width: 100%;
}

.small-in {
    width: 60px;
}

.cap-font {
    padding-top: 11px;
    padding-left: 10px;
    float: left;
}

.bbut {
    margin: 10px 0 0 0;
}

.se-section {
    border-top: 1px solid #ededed;
}

.se-section td {
    padding-top: 10px;
    margin-top: 10px;
}

.se-section2 {
    border-bottom: 1px solid #ededed;
}

.se-section2 td {
    padding-bottom: 10px;
}

.nobortd td {
    padding-left: 0;
}

.btn-group .btn-a {
    width: 100px;
    box-shadow: none;
}

.btn-group .inactive {
    background: #ededed;
    color: #999;
}

.tp-pad td {
    padding-top: 15px;
}

.acc-ref-wrap label {
    font-size: 13px;
}

.acc-ref-wrap .input-class {
    margin-top: 2px;
    text-indent: 3px;
}

.buttns-lsr a {
    font-size: 13px;
}

.buttns-lsr {
    margin-bottom: 15px;
}

.datefl {
    margin-bottom: 12px;
}

.notac {
    color: #999;
}

.togg-dri-vei span {
    cursor: pointer;
}

.instr {
    padding-top: 20px;
}

.instr label {
    color: #000;
    font-size: 11px;
}

.instr label:hover {
    color: #39C;
    cursor: pointer;
}

.btn-cusgr button {
    box-shadow: none !important;
    margin: 0 -2px !important;
    width: 33.33% !important;
}

.est-cost {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.est-cost span {
    padding-top: 11px;
    margin-right: 2px;
}

.est-cost a {
    padding-top: 11px;
    margin-right: 2px;
    margin-left: 5px;
}

.check-pull {
    margin-left: 28px;
    padding-top: 2px !important;
}

.est-cost .aap {
    width: 90px !important;
}

.card-add-sec {
    background: #f0f7ff;
    padding: 15px;
    margin-top: 5px;
    border-radius: 3px;
}

.card-add-sec h5 {
    margin: 0;
    padding-bottom: 10px;
}

.card-input {
    height: 37px !important;
    text-indent: 10px !important;
    font-size: 18px !important;
}

.ddmm {
    position: absolute;
    color: #a7adb3;
    font-size: 19px;
    top: 6px;
    right: 10px;
}

.takepay {
    margin: 0;
    float: right !important;
    margin-top: 15px !important;
}

.hide-divs-all {
    padding-bottom: 100px;
}

.hide-divs-all .dis-loc-footer {
    position: fixed;
    width: 420px;
    left: 455px;
}

.batch-label {
    color: #1bbdbe;
    cursor: pointer;
}

.dup-batch {
    padding: 10px;
    background: #ededed;
    border-radius: 3px;
    margin: 10px 0;
}

.dup-batch h4 {
    font-size: 16px;
    margin: 0 0 10px 0;
}

.options-label {
    margin-right: 12px;
}

.options-label input {
    float: left;
    margin-right: 3px;
    margin-top: 2px;
}

.notoficationss h6 {
    font-size: 15px;
    cursor: pointer;
}

.notoficationss span img {
    position: relative;
    top: -4px;
}

.fill-im {
    width: 100% !important;
    margin: 5px 0 0 0;
}

.topmar {
    margin-top: 10px;
}

.cardlink {
    color: #666;
    font-size: 13px;
    margin-top: 15px;
}

.full-select .selectbox-new {
    width: 100%;
}

.full-select .select-wrapper {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
}

.full-select select {
    width: 100%;
}

.assign-heading {
    margin-top: -16px;
}

.assign-heading li a {
    border-radius: 0;
    border: 0 !important;
    padding: 10px 0 !important;
}

.assign-heading li.active a {
    background: #333e4e !important;
    border-radius: 0;
    border: 0 !important;
    padding: 10px 0 !important;
    color: #fff !important;
}

.assign-heading .nav-tabs {
    border-bottom: 0;
}

.margin_top_top {
    margin-top: 19px;
}

.strong {
    font-weight: bold;
}

.result-wrap {
    padding: 10px 0;
}

.result-wrap span {
    font-size: 13px;
}

.idno {
    color: #1bbdbe;
}

.assigned-body .area-results {
    border-left: 3px solid #f9b233;
    margin-bottom: 2px;
}

.small-assign {
    padding: 2px 8px;
    float: left !important;
    /* margin-top: -7px !important; */
    font-size: 12px;
}

.dash-style2 .booking-wrap {
    background: #212224;
}

.dash-style2 .booking-wrap h2 {
    color: #fff;
}

.dash-style2 .booking-wrap h3 {
    color: #fff;
}

.dash-style2 .table-dash th {
    color: #cacaca;
    border-bottom: 1px solid #515152;
}

.dash-style2 .table-dash td {
    border-bottom: 1px solid #515152;
    color: #fff;
}

.pro-assign-but {
    margin-top: 3px !important;
    float: right !important;
}

.accept-but {
    background: #369E27;
}

.accept-but:hover {
    background: #333;
}

.numbers-blw [type="radio"]:checked,
.numbers-blw [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.numbers-blw [type="radio"]:checked+label,
.numbers-blw [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 0;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #fff;
    width: 100%;
}

.numbers-blw [type="radio"]:checked+label:before,
.numbers-blw [type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 18px;
    border: 0;
    border-radius: 0;
    background: #1bbdbe;
}

.numbers-blw [type="radio"]:checked+label:after,
.numbers-blw [type="radio"]:not(:checked)+label:after {
    content: "";
    width: 100%;
    height: 18px;
    background: #333e4e;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.numbers-blw [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.numbers-blw [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.numbers-blw p {
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 0;
    white-space: inherit;
    width: 25%;
}

.numbers-blw p span {
    position: relative;
    z-index: 99;
    font-size: 11px;
    width: 100%;
    text-align: center;
    float: left;
    padding-top: 0px;
}

.numbers-blw label {
    font-size: 11px;
}

.numbers-blw {
    margin-top: -5px;
}

.more-small {
    width: 29%;
    margin-right: 3px;
}

.more-small .input-class {
    font-size: 11px;
    padding-left: 0;
    padding-right: 0;
}

.check-trips {
    width: auto;
    margin-right: 15px;
}

.check-trips .container-wrap {
    padding-left: 24px;
    font-size: 15px;
    margin-bottom: 0;
}

.main-lab {}

.ch-tripwrap {
    margin-top: 15px;
}

.ch-tripwrap-wq {
    margin-bottom: 15px;
}

.main-lab {
    margin-right: 15px;
}

.languageswq {
    margin-top: 10px;
    padding: 0;
    background: #ffffff;
}

.languageswq span {
    font-size: 11px;
    line-height: 16px;
    margin-right: 6px;
}

.languageswq span a {
    color: #000;
}

.languageswq span img {
    width: 20px;
}

.fav-lan {
    margin-top: 25px;
    margin-bottom: -15px;
}

.fav-lan span {
    font-weight: 700;
    position: relative;
    top: 3px;
    color: #999;
}

.arrow-down {
    width: 30px;
    height: 15px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    top: 0px;
}

.arrow-down:before,
.arrow-down:after {
    content: "";
    display: block;
    width: 11px;
    height: 3px;
    background: #545454;
    position: absolute;
    top: 5px;
    transition: transform .5s;
}

.arrow-down:before {
    right: 17px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transform: rotate(45deg);
}

.arrow-down:after {
    right: 10px;
    transform: rotate(-45deg);
}

.arrow-down.active:before {
    transform: rotate(-45deg);
}

.arrow-down.active:after {
    transform: rotate(45deg);
}

.fulldivs {
    width: 100%;
    display: inline-block;
}

.payico {
    font-weight: 700;
}

.payico2 {
    font-weight: 700;
    margin-top: 7px;
}

.get-started {
    position: fixed;
    bottom: 0;
    background: #101825;
    width: inherit;
    padding: 5px;
    color: #fff;
    font-size: 13px;
}

.get-started a {
    color: #fff;
}

.line-process {
    width: 75%;
    height: 6px;
    border-radius: 15px;
    background: #4a586d;
}

.smmar {
    margin-top: 8px;
}

.inner-process {
    position: absolute;
    left: 0;
    top: 0;
    height: 6px;
    border-radius: 15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#05abe0+0,87e0fd+100 */
    background: #05abe0;
    /* Old browsers */
    background: -moz-linear-gradient(left, #05abe0 0%, #87e0fd 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #05abe0 0%, #87e0fd 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #05abe0 0%, #87e0fd 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#05abe0', endColorstr='#87e0fd', GradientType=1);
    /* IE6-9 */
}

.amount-process {
    color: #fff;
    width: 25%;
    margin-top: -6px;
}

.sec-user-plans {
    /* background: #101825; */
    padding: 3px 7px;
}

.sec-user-plans .user-access-right {
    /* padding: 10px 0; */
    border-left: 0;
}

.sec-user-plans .btn-danger {
    background: #1bbdbe !important;
    color: #fff !important;
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    font-size: 17px;
    padding: 12px 10px;
}

.sec-user-plans .btn-danger:hover {
    background: #1bbdbe !important;
    border: 0;
}

.sec-user-plans .icon-user {
    width: 50px;
    height: 50px;
    border-radius: 3px;
    border: 1px solid #404c5f;
}

.sec-user-plans .icon-user span {
    border-radius: 3px;
}

.plas-des {
    padding: 5px;
    border-top: 1px solid #404c5f;
    border-bottom: 1px solid #404c5f;
}

.user-bl {
    width: 33.33%;
}

.user-bl h4 {
    margin: 0;
    font-size: 14px;
    color: #b3c0d4;
    font-weight: 700;
}

.user-bl font {
    margin: 0;
    font-size: 12px;
    color: #707f96;
}


/*****========== CSS WRITTEN BY RAKESH NANDY *****==========*/


/** BOOKING PAGE **/

.wqheader {
    width: 100%;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0px 0;
    background: #fff;
    z-index: 99999;
    box-shadow: none;
    border-bottom: 1px solid #e7eaec !important;
}

.wqnotoifications i {
    color: #999c9e;
}

.wqlogo-small {
    padding: 17px 17px 17px 8px;
    background: #1f242d;
}

.wqlogo-small img {
    max-width: 168px;
}

.wqsmall-navs {
    overflow: hidden;
    z-index: 99999999;
    transition: all 0.3s;
    position: fixed;
    top: 0;
    width: 250px;
    left: 0;
    background: #1d2531;
}

.wqnav-side-menu li:hover {
    border-left: 3px solid #1bbdbe;
}

.wqtoggle-menu-app {
    position: fixed;
    top: 21px;
    background-color: transparent;
    border-radius: 3px;
    color: #98a4b5;
    right: 15px;
    font-size: 23px;
    cursor: pointer;
    z-index: 9;
    padding: 0;
    transition: all 0.3s;
}


/* .wqtoggle-menu-app:hover {
     background-color: #1bbdbe;
     border-color: #1bbdbe;
} */


/* .toggle-menu-app-right {
     left: 265px;
     transition: all 0.3s;
} */

.wqheader-bot .wqbookride {
    display: inline-block;
    color: #fff;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    margin-top: 6px;
    font-size: 16px;
    font-weight: 400;
    padding: 9px 18px;
    border-radius: 3px;
}

.wqheader-bot .wqbookride:hover {
    color: #fff;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
}

.wqmenu-list {
    margin-top: 5px;
}

.wqfull-height {
    height: 100%;
    position: absolute !important;
    width: 100%;
    background-color: #ebecf5;
}

.content_area {
    margin: 76px 0 0 0;
    padding: 0;
    position: relative;
}

.content_area .resrvtn_box {
    width: 100%;
    background: #ffffff;
    padding: 3px 0;
    border-bottom: 1px solid #e7eaec;
    position: relative;
    display: none;
}

.resrvtn_box h1 {
    font-size: 24px;
    color: #000;
    margin-left: 20px;
}

.resrvtn_box p {
    font-size: 15px;
    font-weight: 400;
    color: #676a6c;
    margin-left: 52px;
    margin-top: -10px;
    margin-right: 30px
}

.resrvtn_box span {
    font-size: 20px;
    position: absolute;
    left: 19px;
    top: 55px;
}

.bokking_box {
    /* width: 93%; */
    /* background: #ffffff; */
    /* margin: 4px auto; */
    /* border-top: 1px solid #e7eaec; */
    /* overflow: hidden; */
    /* padding-bottom: 20px; */
}

.bokking_box .tabeltop {
    margin: 20px 0;
    overflow: hidden;
}

.tabel_box {
    margin-top: 0px;
}

.tabeltop .btn {
    padding: 6px 12px;
    border-radius: 3px;
}

 
.tabeltop .btn-primary {
    background: #1bbdbe;
    border-color: #1bbdbe;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.tabeltop .btn-primary:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.tabeltop button i {
    /* padding-right: 7px; */

    color: #ffffff;
}

.tabeltop .btn-success {
    background: #ffffff;
    border: 1px solid #1bbdbe;
    color: #1bbdbe;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.tabeltop .btn-success:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.tabeltop .searchbox {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 18px;
    background-color: #fff;
    /* border: 1px solid #1bbdbe; */
    /* border-radius: 0; */
}

.tabeltop .searchbox::placeholder {
    font-size: 15px;
    font-weight: 300;
}

.tabeltop .searchicon {
    position: absolute;
    top: 0;
    /* right: 0; */
    /* width: 10%; */
}

.tabeltop .searchicon {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.tabeltop .searchicon i {
    font-size: 13px;
    text-align: center;
    vertical-align: middle !important;
}

.tabeltop .selectbox {
    border-radius: 0;
    font-size: 15px;
}

.tabeltop .searchicon .input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.tabel_box .tablehead {
    color: #686B6D;
    background-color: #ffffff !important;
    border-top: none !important;
}

.tabel_box .tablehead th {
    vertical-align: middle !important;
}

.tabel_box .tablehead i {
    padding-right: 5px;
}

.tabel_box tr td {
    vertical-align: middle !important;
    color: #404346;
}

.tabel_box tr td span {
    color: #20B2AA;
}

.tabel_box .checkbox.custom-checkbox input:checked+span,
.radio.custom-radio input:checked+span {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
}

.tabel_box .checkbox.custom-checkbox span:hover {
    border-color: #1bbdbe;
}

.tabel_box .btn-success {
    padding: 2px 5px;
    font-size: 13px;
    font-weight: 400;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #fff;
    border-radius: 3px;
}

.tabel_box .btn-success i {
    padding-right: 6px;
}

.tabel_box .btn-primary {
    padding: 5px 10px;
    font-size: 15px;
    font-weight: 400;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #fff;
    border-radius: 3px;
    transition: all .5s ease;
}

.tabel_box .btn-primary:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
}

.tabel_box .btn-primary:hover i {
    color: #fff;
}

.tabel_box .btn-danger {
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400;
    background-color: #ffffff;
    border-color: #ed5565;
    color: #ed5565;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.tabel_box .btn-danger:hover {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #ffffff;
}

.bottomfuntsn .form-control {
    border-radius: 3px;
}

.bottomfuntsn .chooseaction {
    padding: 6px 30px;
    background: #ffffff;
    border-color: #1bbdbe;
    color: #1bbdbe;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.bottomfuntsn .chooseaction .btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #f3f6f9;
    border-color: #ededed;
}

.bottomfuntsn .chooseaction:hover {
    background: #1bbdbe;
    color: #ffffff;
}

.bottomfuntsn .chooseaction span {
    margin-left: 7px;
}

.bottomfuntsn .inputnumber {
    color: #747678;
}

.bottomfuntsn .pagechoice {
    font-size: 16px;
}

.content_area footer {
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #e7eaec;
    padding: 0px 0;
    border-radius: 4px;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
}

.content_area footer h5 {
    font-size: 14px;
    color: #747678;
    margin-left: 25px;
}

.content_area footer h5 a {
    font-size: 14px;
    font-weight: 500;
    color: #1bbdbe;
    text-decoration: none;
}

.content_area footer h5 a:hover {
    color: #1bbdbe;
}

/********* BOOKING-DETAILS PAGE *********/
.bkdresrvtn_box ul {
    list-style: none;
    margin-left: 10px;
    margin-top: -15px;
}

.bkdresrvtn_box li {
    display: inline-block;
    font-size: 14px;
    color: #676a6c;
}

.bkdresrvtn_box li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.bkdresrvtn_box span {
    top: 96px;
}

.bkdresrvtn_box p {
    margin-top: 1px;
}

/** TAB DETAILS START **/
.tabbox_area {
    /* width: 93%;
     margin: 20px auto; */

    overflow: hidden;
    padding-bottom: 20px;
}

.tabbox_area .nav-tabs {
    margin-left: -10px;
    border: none;
}

.tabbox_area .tab-content {
    background: #ffffff;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #e7eaec;
}

.tabbox_area .nav-tabs>li>a {
    background-color: #F3F3F4;
    color: #a7b1c2;
    font-size: 14px;
    font-weight: 500;
}

.tabbox_area .nav-tabs>li>a:hover {
    border-color: transparent;
    background: none;
    color: #555555;
}

.tabbox_area .nav-tabs>li.active>a {
    background: #ffffff;
    border: 1px solid #e7eaec;
    border-bottom-color: #ffffff;
    color: #555555;
    border-radius: 3px 3px 0 0;
}

.panelarea {
    padding: 30px 0;
    display: block;
}

/* 1st row */
.panelarea .first-row label {
    font-size: 14px;
    display: block;
    font-weight: 500;
    color: #676a6c;
}

.first-row .updrvt-chooseoption {
    font-size: 15px;
    border-radius: 0;
    margin: 20px 0 0 0;
    color: #676a6c;
}

.first-row p {
    font-size: 14px;
}

.first-row .first-row-button .btn {
    padding: 6px 12px;
    background: #ffffff;
    border-color: #1bbdbe;
    border-radius: 3px;
    color: #1bbdbe;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    margin-bottom: 10px;
}

.first-row .first-row-button .btn i {
    margin-right: 8px;
}

.first-row .first-row-button .btn:hover {
    background: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
}

.first-row .border-one {
    display: block;
    margin: auto;
    width: 97.5%;
    border-top: 1px dashed #CCCCCC;
    overflow: hidden;
    position: relative;
    top: 15px;
    padding-bottom: 45px;
}

/* 2nd row */
.panelarea .second-row label {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #676a6c;
}

.second-row .bootstrap-select>.dropdown-toggle.bs-placeholder {
    color: #676a6c;
    border-color: #ccc;
    border-radius: 0;
}

.second-row .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    border-color: #ccc;
}

.second-row .bootstrap-select .dropdown-toggle:hover {
    background-color: #ffffff;
}

.second-row .bootstrap-select .dropdown-toggle:active {
    background-color: #ffffff;
}

.second-row .btn-default:active,
.open>.dropdown-toggle.btn-default {
    background: none;
    border-color: #ccc;
    box-shadow: none !important;
}

.second-row .bootstrap-select.btn-group .dropdown-menu li {
    margin-bottom: -5px;
    padding-bottom: 5px;
}

.second-row .bootstrap-touchspin .btn-primary {
    color: #676a6c;
    background-color: #ffffff;
    border-color: #ccc;
}

.second-row .input-group {
    width: 27%;
}

.second-row .bootstrap-touchspin .btn-primary .glyphicon {
    font-size: 9px;
    color: #676a6c;
}

.second-row .form-inline span {
    margin-left: 14px;
    color: #676a6c;
}

.second-row .border-two {
    display: block;
    margin: auto;
    width: 97.5%;
    border-top: 1px dashed #CCCCCC;
    overflow: hidden;
    position: relative;
    top: 30px;
    padding-bottom: 60px;
}

.second-row .adddvia {
    display: inline-block;
    float: right;
    margin: 12px 51px 0 0;
    font-size: 14px;
}

.second-row .adddvia i {
    margin-right: 5px;
    padding: 3px;
    display: inline-block;
    background: #1bbdbe;
    border-radius: 50%;
    font-size: 10px;
    color: #ffffff;
    position: relative;
    top: -2px;
}

/* 3rd row */
.panelarea .third-row {
    overflow: hidden;
}

.panelarea .third-row .label_style {
    font-size: 14px;
    font-weight: 500;
    color: #676a6c;
    margin-bottom: 15px;
}

.third-row .form-control {
    background-color: #eee;
    border-color: #ccc;
    cursor: pointer;
}

.third-row .input-group-addon:last-child {
    background: #ffffff;
    opacity: 10;
    padding: 5px 10px 5px 10px;
}

.third-row .time-select {
    position: relative;
    height: 34px;
    margin-top: 35px;
}

.third-row .select-time {
    width: 36%;
    display: inline-block;
    padding: 0px 10px 0;
    text-align: center;
    border: 0;
    height: 32px;
    left: 0;
}

.third-row .time-select i {
    position: absolute;
    top: 7px;
    right: 6px;
    font-size: 19px;
}

.third-row .btn_label {
    font-size: 13px;
    font-weight: 500;
    margin-left: 20px;
}

.third-row .button_style {
    margin-left: 20px;
}

.third-row .border-three {
    display: block;
    margin: auto;
    width: 97.5%;
    border-top: 1px dashed #CCCCCC;
    overflow: hidden;
    position: relative;
    top: 30px;
    padding-bottom: 45px;
}

.third-row .v-algin-1 {
    margin-top: 71px;
}

.third-row .v-algin-2 {
    margin-top: 77px;
}

.third-row .v-algin-3 {
    margin-top: 70px;
}

.third-row .right-dropwn .form-inline {
    margin: 10px 0;
}

.third-row .right-dropwn label {
    width: 16%;
    margin-right: 10px;
}

.third-row .right-dropwn .form-control {
    width: 250px !important;
    border-radius: 0;
    background: none;
}

/* 4th row start */
.fourth-row .v1-align-1,
.fourth-row .v1-align-2 {
    margin-top: 19px;
}

.panelarea .fourth-row .bootstrap-select>.dropdown-toggle.bs-placeholder {
    color: #676a6c;
    border-color: #ccc;
    border-radius: 0;
}

.fourth-row .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    border-color: #ccc;
}

.fourth-row .bootstrap-select .dropdown-toggle:hover {
    background-color: #ffffff;
}

.fourth-row .bootstrap-select .dropdown-toggle:active {
    background-color: #ffffff;
}

.fourth-row .btn-default:active,
.open>.dropdown-toggle.btn-default {
    background: none;
    border-color: #ccc;
    box-shadow: none !important;
}

.fourth-row .bootstrap-select.btn-group .dropdown-menu li {
    margin-bottom: -5px;
    padding-bottom: 5px;
}

.fourth-row p {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #676a6c;
}

.fourth-row .tickmark {
    margin-top: 39px;
}

.fourth-row .tickmark li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

.fourth-row .tickmark li .checkbox.custom-checkbox input:checked+span,
.radio.custom-radio input:checked+span {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
}

.fourth-row .tickmark li .checkbox.custom-checkbox span {
    border: 1px solid #999;
    font-size: 10px;
    line-height: 10px;
    padding: 5px;
    border-radius: 20px;
    margin-right: 6px;
}

.fourth-row .tickmark li .checkbox.custom-checkbox span:hover {
    border-color: #1bbdbe;
}

.fourth-row .tickmark li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #676a6c;
}

.fourth-row .border-four {
    display: block;
    margin: auto;
    width: 97.5%;
    border-top: 1px dashed #CCCCCC;
    overflow: hidden;
    position: relative;
    top: 30px;
    padding-bottom: 60px;
}

.fourth-row .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}

.fourth-row .form-control {
    width: 250px !important;
    border-radius: 0;
    background: none;
    font-size: 14px;
}

.fourth-row .form-control option {
    font-weight: 400;
}

.fourth-row .right-form .form-inline {
    margin: 10px 0;
}

.fourth-row .right-form .form-inline .label_style {
    font-weight: 500;
    color: #676a6c;
    margin-bottom: 15px;
    width: 35%;
    margin-right: 10px;
}

.fourth-row .right-form .form-inline .form-control {
    width: 160px !important;
}

.fourth-row .right-form-2 .form-inline {
    margin: 10px 0;
}

.fourth-row .right-form-2 .form-control {
    width: 150px !important;
}

.fourth-row .right-form-2 .label_style {
    font-weight: 500;
    color: #676a6c;
    margin-bottom: 15px;
    width: 13%;
    margin-right: 10px;
}

.fourth-row .right-form-2 .form-textarea {
    width: 305px !important;
}

/* 5th row */
.panelarea .fifth-row .input-group-addon:last-child {
    opacity: 10;
    padding: 5px 10px 5px 10px;
}

.fifth-row .taxinput {
    border-radius: 0;
}

.fifth-row .taxinput-icon {
    border-radius: 0;
}

.fifth-row label {
    font-size: 14px;
    font-weight: 500;
    color: #676a6c;
    margin-bottom: 15px;
}

.fifth-row .paymntmtd {
    border-radius: 0;
    font-size: 16px;
}

.fifth-row .border-five {
    display: block;
    margin: auto;
    width: 97.5%;
    border-top: 1px dashed #CCCCCC;
    overflow: hidden;
    position: relative;
    top: 30px;
    padding-bottom: 60px;
}

.fifth-row .form-inline .table>tbody>tr>th,
.table>tbody>tr>td {
    border: none;
    height: 40px;
    vertical-align: middle;
}

.fifth-row .form-inline .table>tbody>tr>th {
    font-weight: 400;
}

.fifth-row .form-inline .table td span {
    font-weight: 600;
}

.fifth-row .form-inline .table .form-control {
    border-radius: 0;
}

.fifth-row .tabl-btn {
    margin: 10px 0;
}

.fifth-row .tabl-btn .btn-success {
    background: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
    font-size: 13px;
    border-radius: 0;
}

.fifth-row .tabl-btn .btn-success:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.fifth-row .tabl-btn i {
    margin-right: 8px;
}

.fifth-row .label_style {
    width: 16%;
}

.fifth-row .t-price {
    font-weight: 500;
}

.fifth-row .form-control {
    border-radius: 0;
}

.fifth-row .autocalcult .label_style {
    width: 20%;
}

.fifth-row .autocalcult span {
    margin-left: 15px;
}

.fifth-row .autocalcult span i {
    margin-right: 5px;
}

/* 6th row*/
.panelarea .sixth-row {
    overflow: hidden;
}

.sixth-row .savebtn {
    padding: 9px 15px;
    font-size: 19px;
    font-weight: 400;
    background: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
}

.sixth-row .savebtn:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.sixth-row .canclbtn {
    padding: 9px 15px;
    font-size: 19px;
    font-weight: 400;
}

.sixth-row .canclbtn {
    color: #676a6c;
    background: white;
    border: 1px solid #e7eaec;
}

.sixth-row .canclbtn:hover {
    color: #676a6c;
    background: #ffffff;
    border: 1px solid #d2d2d2;
}

/* Client Details panel start here */
.panelarea-two {
    padding: 30px 0;
    display: block;
    overflow: hidden;
}

.panelarea-two .first-row-cltdtls label {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #676a6c;
}

.first-row-cltdtls .cltdtls-input {
    border-radius: 0;
}

.first-row-cltdtls .cd-border-one {
    display: block;
    margin: auto;
    width: 97.5%;
    border-top: 1px dashed #CCCCCC;
    overflow: hidden;
    position: relative;
    top: 30px;
    padding-bottom: 60px;
}

/* 2nd row */
.panelarea-two .second-row-cltdtls label {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #676a6c;
}

.second-row-cltdtls .cltdtls-input-two {
    border-radius: 0;
}

.panelarea-two .second-row-cltdtls .time-select {
    position: relative;
    height: 34px;
}

.second-row-cltdtls .select-time {
    width: 36%;
    display: inline-block;
    padding: 0px 10px 0;
    left: 0;
    text-align: center;
    border: 0;
    height: 32px;
}

.second-row-cltdtls .time-select i {
    position: absolute;
    top: 7px;
    right: 6px;
    font-size: 19px;
}

.second-row-cltdtls .cd-border-two {
    display: block;
    margin: auto;
    width: 97.5%;
    border-top: 1px dashed #CCCCCC;
    overflow: hidden;
    position: relative;
    top: 30px;
    padding-bottom: 60px;
}

.second-row-cltdtls .cliant-form {
    margin-top: -5px;
}

.second-row-cltdtls .waiting {
    margin-top: -18px;
}

.second-row-cltdtls .hall {
    margin-top: 11px;
}

.second-row-cltdtls .cliant-form .label_style {
    width: 50%;
}

.second-row-cltdtls .cliant-form .form-control {
    width: 132px !important;
    border-radius: 0;
}

.panelarea-two .third-row-cltdtls {
    overflow: hidden;
}

.third-row-cltdtls .savebtn-cd {
    padding: 9px 15px;
    font-size: 19px;
    font-weight: 400;
    background: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
}

.third-row-cltdtls .savebtn-cd:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.third-row-cltdtls .canclbtn-cd {
    padding: 9px 15px;
    font-size: 19px;
    font-weight: 400;
}

.third-row-cltdtls .canclbtn-cd {
    color: #676a6c;
    background: white;
    border: 1px solid #e7eaec;
}

.third-row-cltdtls .canclbtn-cd:hover {
    color: #676a6c;
    background: #ffffff;
    border: 1px solid #d2d2d2;
}

/********* UPDATE LOCATION PAGE *********/
.uploresrvtn_box ul {
    list-style: none;
    margin-left: 10px;
    margin-top: -15px;
}

.uploresrvtn_box li {
    display: inline-block;
    font-size: 14px;
    color: #676a6c;
}

.uploresrvtn_box li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.uploresrvtn_box span {
    top: 96px;
}

.uploresrvtn_box p {
    margin-top: 1px;
}

.uploresrvtn_box .uploresrvtn-btn {
    position: absolute;
    top: 10px;
    right: 0;
}

.uploresrvtn-btn img {
    width: 55%;
    display: inline;
    text-align: center;
    vertical-align: middle;
}

.uploresrvtn-btn .btn-default:hover {
    background-color: #ffffff;
    border-color: #d2d2d2;
    color: inherit;
    -webkit-box-shadow: inset 0px 0px 77px -12px rgba(204, 204, 204, 0.23);
    -moz-box-shadow: inset 0px 0px 77px -12px rgba(204, 204, 204, 0.23);
    box-shadow: inset 0px 0px 77px -12px rgba(204, 204, 204, 0.23);
}

.uploresrvtn-btn .flag:focus {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.uploresrvtn-btn .flag:active {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.location-box {
    width: 93%;
    background: #ffffff;
    margin: 20px auto;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    padding-bottom: 20px;
}

.location-box .input-group-addon:last-child {
    opacity: 10;
    padding: 0 15px;
}

/*****========== CSS WRITTEN BY RAKESH NANDY *****==========*/
.bell-wq i {
    font-size: 61px;
    color: #ccc;
    margin: 0 0 15px 0;
}

/* .modalsetup-web h4 {
     color: #888;
     font-size: 22px;
     font-weight: 600;
} */
.modalsetup-web h4 {
    color: #000;
    font-size: 22px;
    font-weight: 500;
}

.modalsetup-web .modal-header span {
    color: #888;
    font-size: 12px;
}

.modalsetup-web .modal-body {
    background: #fbfbfb;
    padding: 0 15px 15px 15px;
}

.modalsetup-web .modal-content {
    border-radius: 0;
}

.help-anc {
    padding: 5px 10px;
    background: #1bbdbe;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    position: relative;
    top: -1px;
    left: 5px;
    font-weight: 300;
}

.help-anc:hover {
    background: #555;
    color: #fff;
}

.know {
    margin-top: 10px;
    font-size: 13px;
}

.know a {
    color: #1bbdbe;
}

.know a:hover {
    color: #555;
}

.right-pop-com h2 {
    color: #555;
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: 700;
}

.pie {
    position: absolute;
    width: 100px;
    height: 200px;
    overflow: hidden;
    left: 150px;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.pie.big {
    width: 200px;
    height: 200px;
    left: 50px;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    background: #ededed;
    border-radius: 50%;
}

.pie span {
    content: "";
    position: absolute;
    width: 100px;
    height: 200px;
    left: -100px;
    border-radius: 100px 0 0 100px;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

/* if it's part of a big piece, bring it back into the square */
.pie.big:before {
    left: 0px;
}

/* big pieces will also need a second semicircle, pointed in the opposite direction to hide the first part behind. */
.pie.big:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 200px;
    left: 100px;
    border-radius: 0 100px 100px 0;
}

/* add colour to each piece. */
.pie:nth-of-type(1):before,
.pie:nth-of-type(1):after {
    background-color: #ededed;
}

.pie:nth-of-type(2):after,
.pie:nth-of-type(2) span {
    background-color: #2fa3da;
}

.pie:nth-of-type(3):after,
.pie:nth-of-type(3):before {
    background-color: #2fa3da;
}

.pie:nth-of-type(4):after,
.pie:nth-of-type(4):before {
    background-color: #2fa3da;
}

.pie[data-start="30"] {
    -moz-transform: rotate(30deg);
    /* Firefox */

    -ms-transform: rotate(30deg);
    /* IE */

    -webkit-transform: rotate(30deg);
    /* Safari and Chrome */

    -o-transform: rotate(30deg);
    /* Opera */

    transform: rotate(30deg);
}

.pie[data-start="70"] {
    -moz-transform: rotate(30deg);
    /* Firefox */

    -ms-transform: rotate(30deg);
    /* IE */

    -webkit-transform: rotate(30deg);
    /* Safari and Chrome */

    -o-transform: rotate(30deg);
    /* Opera */

    transform: rotate(30deg);
}

.pie[data-start="150"] {
    -moz-transform: rotate(150deg);
    /* Firefox */

    -ms-transform: rotate(150deg);
    /* IE */

    -webkit-transform: rotate(150deg);
    /* Safari and Chrome */

    -o-transform: rotate(150deg);
    /* Opera */

    transform: rotate(150deg);
}

.pie[data-start="260"] {
    -moz-transform: rotate(260deg);
    /* Firefox */

    -ms-transform: rotate(260deg);
    /* IE */

    -webkit-transform: rotate(260deg);
    /* Safari and Chrome */

    -o-transform: rotate(260deg);
    /* Opera */

    transform: rotate(260deg);
}

.pie[data-start="360"] {
    -moz-transform: rotate(360deg);
    /* Firefox */

    -ms-transform: rotate(360deg);
    /* IE */

    -webkit-transform: rotate(360deg);
    /* Safari and Chrome */

    -o-transform: rotate(360deg);
    /* Opera */

    transform: rotate(360deg);
}

.pie[data-value="30"]:before {
    -moz-transform: rotate(31deg);
    /* Firefox */

    -ms-transform: rotate(31deg);
    /* IE */

    -webkit-transform: rotate(31deg);
    /* Safari and Chrome */

    -o-transform: rotate(31deg);
    /* Opera */

    transform: rotate(31deg);
}

.pie[data-value="70"]:before {
    -moz-transform: rotate(70deg);
    /* Firefox */

    -ms-transform: rotate(70deg);
    /* IE */

    -webkit-transform: rotate(70deg);
    /* Safari and Chrome */

    -o-transform: rotate(70deg);
    /* Opera */

    transform: rotate(70deg);
}

.pie[data-value="150"]:before {
    -moz-transform: rotate(150deg);
    /* Firefox */

    -ms-transform: rotate(150deg);
    /* IE */

    -webkit-transform: rotate(150deg);
    /* Safari and Chrome */

    -o-transform: rotate(150deg);
    /* Opera */

    transform: rotate(150deg);
}

.pie[data-value="260"]:before {
    -moz-transform: rotate(260deg);
    /* Firefox */

    -ms-transform: rotate(260deg);
    /* IE */

    -webkit-transform: rotate(260deg);
    /* Safari and Chrome */

    -o-transform: rotate(260deg);
    /* Opera */

    transform: rotate(260deg);
}

.pie[data-value="360"]:before {
    -moz-transform: rotate(360deg);
    /* Firefox */

    -ms-transform: rotate(360deg);
    /* IE */

    -webkit-transform: rotate(360deg);
    /* Safari and Chrome */

    -o-transform: rotate(360deg);
    /* Opera */

    transform: rotate(360deg);
}

.pie span {
    -moz-transform: rotate(50deg);
    /* Firefox */

    -ms-transform: rotate(50deg);
    /* IE */

    -webkit-transform: rotate(50deg);
    /* Safari and Chrome */

    -o-transform: rotate(50deg);
    /* Opera */

    transform: rotate(50deg);
}

.heading-right-bot {
    margin-top: -50px;
}

.btn-search {
    margin-left: 10px;
}

.search-vei .form-control {
    width: 300px;
    border-radius: 0;
    float: left;
    margin: 15px 0;
}

.search-vei button {
    margin: 15px 15px 15px 0 !important;
    float: left;
    border-radius: 0 !important;
}

.over-table {
    overflow: auto;
    margin-bottom: 15px;
}

.over-table table {
    width: 2000px;
    margin-bottom: 0;
}

.img-cars {
    max-height: 60px;
}

.over-table .tablehead th {
    vertical-align: middle !important;
    padding: 15px 5px;
}

.btn-all {
    padding: 10px 20px !important;
    margin-right: 10px;
}

.bl-paymets h1 {
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 10px;
}

.payment-gateway-wrap span {
    margin: 10px 10px 0 0;
    padding: 0;
    border: 1px solid #ccc;
    text-align: center;
    width: 180px;
    border-radius: 3px;
    float: left;
    transition: all 0.5s;
}

.payment-gateway-wrap span:hover {
    border: 1px solid #1bbdbe;
    transition: all 0.5s;
}

.payment-gateway-wrap a {
    width: 100%;
    float: left;
    padding: 10px;
}

.other-gate span a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.other-gate span a:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.table-inner-popup td {
    padding: 5px 10px;
    font-size: 13px;
}

.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 60px;
    height: 36px;
    padding: 3px;
    margin: 0;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 12px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
}

.switch-label:before,
.switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    box-sizing: content-box;
}

.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaaaaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}

.switch-input:checked~.switch-label {
    background: #E1B42B;
}

.switch-input:checked~.switch-label:before {
    opacity: 0;
}

.switch-input:checked~.switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch-input:checked~.switch-handle {
    left: 74px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Switch Slide ==========================*/
.switch-slide {
    padding: 0;
    background: #FFF;
    border-radius: 0;
    background-image: none;
}

.switch-slide .switch-label {
    box-shadow: none;
    background: none;
    overflow: hidden;
}

.switch-slide .switch-label:after,
.switch-slide .switch-label:before {
    width: 100%;
    height: 65%;
    top: 9px;
    left: 0;
    text-align: center;
    padding-top: 18%;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}

.switch-slide .switch-label:after {
    color: #FFFFFF;
    background: #2d97bf;
    left: -100px;
}

.switch-slide .switch-label:before {
    background: #eceeef;
}

.switch-slide .switch-handle {
    display: none;
}

.switch-slide .switch-input:checked~.switch-label {
    background: #FFF;
    border-color: #0088cc;
}

.switch-slide .switch-input:checked~.switch-label:before {
    left: 100px;
}

.switch-slide .switch-input:checked~.switch-label:after {
    left: 0;
}

.switch-label,
.switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.common-input {
    height: 36px;
    border-radius: 2px;
    border: 1px solid #ccc;
    margin: 3px 0;
}

.compad-table {
    padding: 20px;
}

.flag-options {
    position: absolute;
    right: 16px;
    top: 8px;
    height: 33px;
    border-left: 1px solid #ececec;
    padding-left: 5px;
    padding-top: 12px;
}

.flag-options img {
    height: 13px;
}

.email-options {
    padding: 8px 5px 8px 10px;
    left: 11px;
    border-left: 0;
    border-right: 1px solid #ccc;
    width: 31px;
}

.table-inner-popup td font {
    font-size: 11px;
    color: #999;
}

.wrap-write {
    display: inline-block;
    padding-top: 20px;
    line-height: 13px;
}

.sml-taxtarea {
    height: 50px !important;
}

.pop-table-hiddens {
    width: 100%;
    float: left;
}

.compl-table tr {
    width: 100%;
    float: left;
}

.pop-table-hiddens td {
    float: left;
}

.table-inner-popup2 td {
    padding: 5px 19px 5px 16px;
}

.right-pop-in .flag-options {
    width: 31px;
}

.right-pop-in {
    padding: 6px 15px;
}

.left-pop-in {
    padding: 6px 5px;
    font-size: 13px;
}

.left-pop-in span {
    padding-top: 12px;
}

.right-pop-in font {
    font-size: 11px;
    color: #999;
}

.wrap-temp {
    width: 20%;
    float: left;
    padding: 10px;
}

.wrap-temp-in {
    border: 1px solid #ccc;
    padding: 5px;
    overflow: hidden;
    border-radius: 5px;
}

.wrap-temp-in:hover {
    border: 1px solid #20B2AA;
}

.wrap-temp-in img {
    width: 100%;
}

.sm-pad-left {
    padding-left: 10px;
}

.options-theme {
    position: absolute;
    left: 0;
    bottom: -200px;
    transition: all 0.3s;
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
}

.wrap-temp-in:hover .options-theme {
    bottom: 0px;
    transition: all 0.3s;
}

.btn-prev {
    background: #1bbdbe;
    color: #fff;
    font-size: 14px;
    padding: 10px 25px;
    margin-bottom: 5px;
    font-weight: 600;
}

.btn-prev:hover {
    background: #333;
    color: #fff;
}

.btn-use {
    border: 2px solid #1bbdbe;
    color: #1bbdbe;
    font-weight: 600;
    font-size: 14px;
    background: none;
    padding: 10px 25px;
}

.btn-use:hover {
    background: #333;
    border: 2px solid #333;
    color: #fff;
}

.ribbon {
    font-size: 13px !important;
    width: auto;
    position: relative;
    background: #1bbdbe;
    color: #fff;
    text-align: center;
    padding: 5px 19px;
    margin: 5px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    position: absolute;
}

.ribbon:before,
.ribbon:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -0.5em;
    border: 1.5em solid #1bbdbe;
    z-index: -1;
}

.ribbon:before {
    left: -2em;
    border-right-width: 1.5em;
    border-left-color: transparent;
}

.ribbon:after {
    right: -2em;
    border-left-width: 1.5em;
    border-right-color: transparent;
}

.ribbon .ribbon-content:before,
.ribbon .ribbon-content:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #217fa5 transparent transparent transparent;
    bottom: -0.5em;
}

.ribbon .ribbon-content:before {
    left: 0;
    border-width: 0.5em 0 0 0.5em;
}

.ribbon .ribbon-content:after {
    right: 0;
    border-width: 0.5em 0.5em 0 0;
}

.sample-table th {
    vertical-align: middle !important;
    padding: 15px 5px !important;
    color: #000 !important;
    background: #fff;
}

.sample-table th a {
    color: #666 !important;
}

.pricing-search {
    padding: 15px;
}

.sml-seac {
    margin-top: -1px;
    padding: 7px 12px;
}

.no-top {
    padding: 0 15px;
}

.frm-top {
    top: 40px;
}

.big-mar {
    margin-bottom: 80px;
}

.multiselect {
    overflow: hidden;
}

.ch-sp span {
    margin-right: 15px !important;
    float: left;
    margin-top: 10px !important;
    line-height: 22px;
}

.in-colo {
    padding: 20px;
    text-align: center;
    background: #ededed;
    border-radius: 3px;
    min-height: 320px;
}

.in-colo h3 {
    font-weight: 300;
}

.in-colo .minicolors-input {
    width: 100%;
    border: 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    padding: 10px !important;
    text-align: center;
}

.in-colo .minicolors-theme-bootstrap .minicolors-swatch {
    width: 100%;
    height: 50px;
    position: relative;
    left: 0;
    top: 0;
    box-shadow: none;
    border: 0;
}

.color-half {
    padding: 15px;
}

.dragdrop form {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    height: 110px;
    border: 0;
    background: #fff;
}

.dragdrop form p {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 110px;
    color: #989898;
    font-size: 13px;
}

.dragdrop form input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
}

.dragdrop form button {
    margin: 0;
    color: #000;
    background: #1bbdbe;
    border: none;
    width: 508px;
    height: 35px;
    margin-top: -20px;
    margin-left: -4px;
    border-radius: 4px;
    border-bottom: 4px solid #1bbdbe;
    transition: all .2s ease;
    outline: none;
}

.dragdrop form button:hover {
    background: #1bbdbe;
    color: #1bbdbe;
}

.dragdrop form button:active {
    border: 0;
}

.url-input {
    border: 0;
    height: 55px;
    margin-top: 39px;
}

.color-req .btn-cusgr {
    padding: 17px 35px 15px 35px;
    background: #1bbdbe;
    box-shadow: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}

.color-req .btn-cusgr:hover {
    background: #333;
    color: #fff;
}

.over-wq-nav {
    height: calc(100% - 207px);
    overflow-x: hidden;
}

.over-wq-nav::-webkit-scrollbar {
    display: none;
}

.con-area-otehrs {
    margin: 0;
    padding: 0;
}

.con-area-otehrs .resrvtn_box {
    padding: 20px;
    margin-bottom: 15px;
}

.con-area-otehrs .resrvtn_box h1 {
    margin-left: 0;
    margin-top: 0;
}

.con-area-otehrs .resrvtn_box p {
    margin-left: 0;
    margin-right: 0;
    left: 8px;
    position: relative;
    margin-top: 0
}

.con-area-otehrs .resrvtn_box span {
    font-size: 20px;
    position: relative;
    left: 0;
    top: 0;
    float: left;
}

.w-70 {
    width: 70%;
    display: inline-block;
}

.smleft {
    left: 37px !important;
}

.title-queue {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 0;
}

.buttons-drops {
    margin-bottom: 22px;
    text-align: center;
}

.buttons-drops button {
    padding: 10px 21px;
    border-radius: 2px;
    box-shadow: none;
    margin-bottom: 0;
    border: 0 !important;
    font-size: 13px;
    margin-bottom: 10px;
}

.buttons-drops .dropdown-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
}

.buttons-drops .dropdown-menu li a {
    padding: 10px;
}

.buttons-drops .dropdown-menu {
    border: 0;
}

.buttons-drops .dropdown {
    display: inline-block;
    margin-right: 10px;
}

.cancel-job {
    background: #D60A0F;
    border: 0 !important;
}

.cancel-job:hover {
    background: #333;
}

.compl-job {
    background: #090;
}

.compl-job:hover {
    background: #333;
}

.addpay-job {
    background: #F90;
}

.addpay-job:hover {
    background: #333;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: 0;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.pop-input {
    border: 1px solid #ccc;
    margin: 14px 0 0 0;
}

.canceljob h1 {
    font-weight: 600;
    font-size: 26px;
    color: #d6571b;
}

.canceljob .fa-exclamation-triangle {
    font-size: 65px;
    color: #dd0000;
    margin-bottom: 20px;
    margin-top: 20px;
}

.cancel-red {
    border: 0;
    background-color: #dd0000 !important;
    color: #fff !important;
    border: 0 !important;
}

.cancel-red:hover {
    border: 0;
    background-color: #b10000 !important;
    color: #fff !important;
}

.keep-green {
    border: 0;
    background-color: #093 !important;
    color: #fff !important;
    font-size: 13px !important;
    border: 0 !important;
}

.keep-green:hover {
    border: 0;
    background-color: #063 !important;
    color: #fff !important;
}

#msform {
    width: 100%;
    margin: 0;
    text-align: center;
    position: relative;
}

#msform fieldset {
    background: transparent;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/

/*buttons*/

/*headings*/
.fs-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
    margin-bottom: 0;
    overflow: hidden;
    /*CSS counters to number the steps*/

    counter-reset: step;
}

#progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    width: 33.33%;
    float: left;
    position: relative;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    height: 40px;
    display: block;
    font-size: 18px;
    color: #333;
    background: white;
    border-radius: 3px;
    margin: 0 auto 5px auto;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    padding-top: 8px;
    z-index: 9999;
    position: relative;
}

/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #c9e2d7;
    position: absolute;
    left: -50%;
    top: 20px;
    z-index: 1;
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/

    content: none;
}

/*marking active/completed steps green*/

/*The number of the step and the connector before it = green*/
#progressbar li.active:before,
#progressbar li.active:after {
    background: #27AE60;
    color: white;
}

.se-driver {
    position: absolute;
    right: 10px;
    top: 26px;
    font-size: 18px;
    background: none;
    border: 0;
    outline: none;
}

.prog li {
    width: 50% !important;
}

.left-wrap-nav .panel-group .panel {
    margin: 0;
    border-radius: 0;
    background: none;
    border: 0;
    position: relative;
}

.left-wrap-nav .panel-default>.panel-heading {
    color: inherit;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
}

.more-less {
    margin-top: 4px;
}

.left-wrap-nav .panel-body {
    padding: 0;
    border-top: 0px solid #414d5f !important;
}

.left-wrap-nav .panel-body li {
    border-left: 0 !important;
}

.left-wrap-nav .panel-body li a {
    padding: 3px 10px 3px 18px;
}

.ref-no {
    font-weight: 700;
    font-size: 18px;
    margin-top: 0;
}

.moresmall {
    height: 35px !important;
}

.tabledis {
    display: table;
    overflow: visible;
}

.man-invoice .pickuploc {
    width: 100% !important;
    float: left;
}

.man-invoice select {
    left: 0 !important;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    padding-left: 0;
    font-size: 12px;
    padding: 0;
}

.man-invoice .pickuploc button {
    border-radius: 0;
}

.man-invoice {
    margin-bottom: 15px;
}

.btn-page button {
    width: auto !important;
    padding: 10px 20px;
    min-width: 150px;
}

.bgall {
    background: #fff;
    border-radius: 5px;
    margin: 20px 0;
}

.bgallwq {
    padding-left: 35px;
}

.right-pad {
    padding-right: 35px;
}

.smlbuy a {
    padding: 8px 25px 8px 25px !important;
}

.bookdetailswq .modal-dialog {
    width: 85%
}

.bookdetailswq table th {
    padding: 15px 8px 5px 8px;
}

.btn-editpop .btn {
    background: #1bbdbe;
    color: #fff;
}

.btn-editpop .btn:hover {
    background: #333;
    color: #fff;
    border: 1px solid #333
}

.as-dri {
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}

.as-dri:hover {
    color: #000;
}

.as-sele select {
    height: 30px;
    border: 1px solid #ccc;
    width: 120px;
    float: left;
    font-size: 12px;
}

.as-sele a {
    margin-left: 3px;
    height: 30px;
}

.table-head-ing {
    padding: 15px;
    background: #1ab5f3;
    color: #fff;
}

.table-head-ing2 {
    padding: 3px 0 11px 15px;
    background: #5299d6;
    color: #fff;
    font-size: 26px;
}

.table-head-ing2 span {
    font-size: 15px;
}

.pay-detaisl {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
    margin-bottom: 20px;
}

.pay-detaisl2 {
    margin-bottom: 20px;
}

.sms-tab td {
    padding: 3px 20px 3px 0;
}

.sms-tab td .input-class {
    height: 35px;
    border-radius: 0;
    border: 1px solid #ccc;
    margin: 5px 0 0 0;
}

.page-ad-head {
    z-index: 1;
}

.wrap-website {
    position: absolute;
    height: calc(100% - 80px);
    width: calc(100% - 56px);
    bottom: 0;
    right: 0;
    overflow: auto;
}

.left-website-head {
    padding-left: 110px;
}

.left-website-head span {
    font-weight: 600;
    font-size: 14px;
    color: #929698;
}

.left-website-head span a {
    color: #929698;
}

.left-website-head {
    padding-top: 8px;
}

.left-website-head span a:hover {
    color: #069;
}

.frame-website {
    width: 100%;
    height: 100%;
}

.divices i {
    font-size: 20px;
    margin-right: 5px;
    color: #000;
}

.divices i:hover {
    color: #1bbdbe;
}

.device-view-rotate i {
    transform: rotate(90deg);
}

.prevbut i {
    color: #fff;
    font-size: 14px;
}

.page-ad-head {
    padding: 11px 0;
}

.as-dri2:hover {
    color: #000;
}

.as-sele2 select {
    height: 30px;
    border: 1px solid #ccc;
    width: 120px;
    float: left;
    font-size: 12px;
}

.as-sele2 input[type="text"] {
    height: 30px;
    border: 1px solid #ccc;
    width: 120px;
    float: left;
    font-size: 12px;
}

.as-sele2 a {
    margin-left: 3px;
    height: 30px;
}

.as-dri3:hover {
    color: #000;
}

.as-sele3 select {
    height: 30px;
    border: 1px solid #ccc;
    width: 120px;
    float: left;
    font-size: 12px;
}

.as-sele3 input[type="text"] {
    height: 30px;
    border: 1px solid #ccc;
    width: 120px;
    float: left;
    font-size: 12px;
}

.as-sele3 a {
    margin-left: 3px;
    height: 30px;
}

.long-box {
    overflow: auto;
}

.long-box table {
    width: 1209px;
}

.divices .active i {
    color: #1bbdbe;
}

.desk-view {
    position: absolute;
    height: 100%;
}

.tab-view {}

.img-tabs {
    position: relative;
    z-index: 999;
}

.tab-inner iframe {
    position: absolute;
    top: 122px;
    left: 58px;
    width: 767px;
    z-index: 999;
    height: 989px;
}

.tab-inner {
    width: 880px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}

.tab-inner2 {
    width: 100%;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}

.tab-inner2 iframe {
    position: absolute;
    top: 55px;
    left: 165px;
    width: 989px;
    z-index: 999;
    height: 766px;
}

.tab-inner3 {
    width: 370px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}

.tab-inner3 iframe {
    position: absolute;
    top: 68px;
    left: 24px;
    width: 322px;
    z-index: 999;
    height: 485px;
}

.tab-inner4 {
    width: 615px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}

.tab-inner4 iframe {
    position: absolute;
    top: 24px;
    left: 67px;
    width: 485px;
    z-index: 999;
    height: 321px;
}

.image-bookinwd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.right-pad2 {
    padding-right: 16px;
}

.long-box2 {
    overflow: auto;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 25px;
    float: left;
}

.long-box2 table {
    width: 3000px;
    margin-bottom: 25px;
}

.wid-ch {
    padding: 20px;
}

.title-bg {
    background: #ffffff;
    color: #171717;
    padding: 15px;
}

.pickuploc .dropdown-toggle:active,
.pickuploc .dropdown-toggle:focus {
    background-color: none !important;
}

.add-cust {
    margin-bottom: 44px;
    padding: 21px 75px;
    font-size: 16px;
    border-radius: .85rem;
}

.icons-btnac {
    padding: 0 15px 0 15px
}

.icons-btnac a {
    padding: 9px;
    font-size: 15px;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 300px;
}

.bokking_box2 {
    width: 69%;
    padding-bottom: 0;
    border: 0;
}

.qyt .euro {
    position: absolute;
    background: rgb(243, 246, 249);
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 0;
    display: flex;
    top: 1px;
    align-items: center;
    justify-content: center;
    left: 1px;
    border-radius: .85rem 0 0 .85rem;
}

.qyt .gbp {
    position: absolute;
    background: rgb(243, 246, 249);
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 0;
    display: flex;
    top: 1px;
    align-items: center;
    justify-content: center;
    right: 22px;
    border-radius: 0;
}

.qyt .input-class {
    text-indent: 55px;
}

.new-btngr a {
    padding: 10px 20px !important;
    margin-top: 30px;
}

.new-btngr a.btn-primary {
    background: #1bbdbe;
    border: 0;
    color: #fff;
}

.new-btngr a.btn-success {
    background: #2281d2;
    border: 0;
    color: #fff;
}

.new-btngr a:hover {
    background: #333 !important;
    border: 0;
    color: #fff !important;
}

.smambut {
    padding: 10px 50px;
    margin: 0 5px 25px 5px;
}

.check-btn {
    padding: 4px 10px;
    background: #1bbdbe;
    margin-right: 3px;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    position: relative;
    top: 9px;
}

.check-btn:hover {
    background: #333;
    color: #fff;
}

.uncheck-btn {
    padding: 4px 10px;
    background: #e68029;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    position: relative;
    top: 9px;
}

.uncheck-btn:hover {
    background: #333;
    color: #fff;
}

.rota-tabele th {
    text-align: center !important;
}

.rota-tabele th a:hover {
    color: #fff !important;
}

.bokking_box3 {
    width: 48%;
    padding-bottom: 0;
    border: 0;
}

.topwrap {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}

.icon-imguser {
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.icon-imguser img {
    width: 100%;
}

.admin-table td {
    padding: 12px 0;
    font-size: 13px;
    border-bottom: 1px solid #ededed;
}

.nnbtgr a {
    padding: 10px 30px !important;
    width: 33.33%;
}

.deletebt {
    background: #dd0000 !important;
}

/*** CSS BY RAKESH ***/

/**** main changes ***/
.wrap-background {
    background: #f1efef;
}

.full-wrap-dashwq {
    padding: 0;
    min-height: inherit;
}

.full-wrap-dashwq .booking-wrap {
    border-radius: 0;
}

.full-wrap-dashwq .booking-wrap h2 {
    font-size: 21px;
    margin-top: 30px;
}

.full-wrap-dashwq .booking-wrap {
    background: transparent;
    box-shadow: none;
}

.full-wrap-dashwq .block-today {
    padding: 2px;
    margin-top: 20px;
}

.backwq-div {
    background: #2A323C;
    position: absolute;
    height: 200px;
    top: 0;
    left: 0;
    z-index: 1;
}

.m_div {
    z-index: 9;
}

.dash-style-wqs .booking-wrap h3 {
    font-size: 27px;
    color: #000;
}

.booking-wrap-wqs h3 span {
    color: #898989;
    font-weight: 400;
    font-size: 15px;
}

.booking-wrap-wqs h2 {
    color: #fff;
}

.block-white {
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.text-green {
    color: #5cb45b;
}

.text-blue {
    color: #3292e0;
}

.text-orange {
    color: #f7b543;
}

/* .wq-block-today div {
     padding: 26px 0;
} */
.full-wrap-dashwq .wq-block-today {
    padding: 8px;
    margin-top: 20px;
}

/** user account & corporate accounts ***/
.wqblock h4 {
    font-size: 17px;
    font-weight: 300;
    margin: 0;
    color: #898989;
    padding-bottom: 5px;
    border: none !important;
}

.wqnavmenu {
    height: 114%;
}

.actvbkng_box {
    margin: 0;
    padding: 0;
}

.actvbkng_box .actvbkng_heading {
    width: 100%;
    padding: 0;
    background: #5cb45b;
    margin: 30px 0 0 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.actvbkng_heading h3 {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding: 15px 10px;
}

.actvbkng_box .actvbkng_body {
    overflow: hidden;
    display: block;
    padding: 0px 0 20px 0;
    background: #ffffff;
    margin-top: -20px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.actvbkng_body ul {
    margin-left: -15px;
}

.actvbkng_body li {
    display: inline-block;
}

.actvbkng_body tr th span {
    font-size: 15px;
    font-weight: 800;
    margin-right: 10px;
}

.actvbkng_body tr {
    vertical-align: middle;
}

.actvbkng_body tr th {
    text-align: center;
}

.actvbkng_body .btn-colour {
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.actvbkng_body .btn-colour:hover {
    background: #dedcdc;
}

.actvbkng_body .btn-colour2 {
    background: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.actvbkng_body .btn-colour2:hover {
    background: #1bbdbe;
    color: #ffffff;
    border-color: #1bbdbe;
}

.actvbkng_body td span {
    padding: 4px 5px;
    font-size: 12px;
    border-radius: 4px;
}

.showing {
    display: block;
    margin-top: 18px;
    font-size: 15px;
    color: #797979;
    font-weight: 400;
}

.bottom-btn {
    margin-top: 15px;
}

.yourinfo_box {
    margin: 0;
    padding: 0;
}

.yourinfo_box .yourinfo_heading {
    width: 100%;
    padding: 0;
    background: #3292e0;
    margin: 30px 0 0 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.yourinfo_heading h3 {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding: 15px 10px;
}

.yourinfo_box .yourinfo_body {
    overflow: hidden;
    display: block;
    padding: 0px 0 20px 0;
    background: #ffffff;
    margin-top: -20px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.yourinfo_body ul {
    margin-top: 7px;
}

.yourinfo_body li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.yourinfo_body li label {
    font-size: 15px;
    font-weight: 800;
    color: #333;
}

.yourinfo_body li p {
    font-size: 14px;
    margin: 10px 0;
}

.yourinfo_body li i {
    color: #1bbdbe;
    margin-right: 5px;
}

.wq-widget {
    margin-top: 50px;
}

.my-widget {
    margin-top: -65px;
}

.wqnavmenu-six {
    height: 808px;
}

.wq-time-select {
    height: 40px;
    overflow: hidden;
}

.wq-select-time {
    width: 35%;
    position: relative;
    left: 0;
}

.wq-bg-left-wrap-nav-wra {
    position: relative;
}

.wqnavmenu-five {
    height: 862px;
}

.main-lab {
    margin-top: 11px;
}

.check-trips {
    margin-right: 11px;
}

.languageswq span img {
    width: 19px;
}

/** My Information page **/
.myinfo-height {
    padding-bottom: 100px;
}

.idheading {
    margin: 0;
    padding: 0;
}

.idheading h1 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height: 60px;
}

.myinfonav {
    height: 111.5%;
}

.informtn_box {
    background: #ffffff;
    padding: 0px 5px 40px;
    overflow: hidden;
    border-radius: 3px;
}

.informtn_box h3 {
    margin: 15px 0 10px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.informtn_box .groupstyle {
    padding: 17px 0;
}

.informtn_box .groupstyle-radio {
    padding: 25px 0;
}

.label_style {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-top: 7px;
}

.btn_style {
    margin: 5px 0;
    font-size: 13px;
}

.container-wrap {
    display: inline-block;
    padding: 0 20px 0 30px;
    margin-top: 10px;
}

.checkmark {
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #ffffff;
    border-radius: 50%;
}

.Persnalztn_box {
    margin-top: 30px;
    background: #ffffff;
    padding: 0px 5px 40px;
    overflow: hidden;
    border-radius: 3px;
}

.Persnalztn_box h3 {
    margin: 15px 0 10px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.quickjump_box {
    margin: -19px 0 0;
    padding: 0;
}

.quickjump_box .quickjump_heading {
    width: 100%;
    padding: 0;
    background: #5cb45b;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.quickjump_heading h3 {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding: 15px 10px;
}

.quickjump_box .quickjump_body {
    background: #ffffff;
    overflow: hidden;
    padding: 20px 15px;
    margin-top: -20px;
    text-align: center;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.btn-p-style {
    font-size: 15px;
    background: #3292e0 !important;
    border-color: #3292e0 !important;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-p-style:hover {
    background: #2186d8 !important;
    border-color: #2186d8 !important;
}

.custmrlocatn_box {
    margin-top: 30px;
    background: #ffffff;
    padding: 30px 0;
    overflow: hidden;
    border-radius: 3px;
}

.custmrlocatn_box h3 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 0;
    padding: 0 0 15px 0;
}

.form_style {
    margin: 0;
}

.group_pos input {
    margin: 5px 0;
}

.wq-left-wrap-nav-wrap {
    position: static;
}

.background-height {
    padding-bottom: 400px;
}

.wqnavmenu-two {
    height: 521px;
}

.top_back {
    display: block;
    width: 100%;
    height: 200px;
    background: #2A323C;
}

/** Invoive page **/
.invoice_area {
    position: absolute;
    top: 39px;
}

.invoice_area h2 {
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
}

.invoice_area .invoice_box {
    background: #ffffff;
    padding: 20px 20px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.invoice_box tr {
    border-top: 1px solid #ccc;
    height: 45px;
}

.invoice_box tr td {
    font-size: 15px;
    font-weight: 400;
    color: #797979;
}

.invoice_box tr td span {
    padding: 4px 6px;
    font-weight: 500;
    font-size: 11px;
    background-color: #f03154;
    color: #ffffff;
    border-radius: 3px;
}

.invoice_box tr th {
    font-weight: 500;
    font-size: 16px;
    color: #666666;
}

.invoice_box tr td .btn-success {
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 3px;
}

.invoice_box tr td .btn-primary {
    background-color: #3292e0 !important;
    border-color: #3292e0;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 3px;
}

.wq-modal-body {
    overflow: hidden;
}

.modal-box {
    width: 55%;
    margin-top: 0;
}

.modal-box .modal-content {
    border-radius: 0;
}

.modal-box .Payment h3 {
    font-size: 19px;
    font-weight: 700;
    margin-top: 0;
}

.modal-box .Payment p {
    font-size: 15px;
}

.modal-box .addcard h3 {
    font-size: 19px;
    font-weight: 700;
    margin-top: 0;
}

.labelview {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 8px;
}

.card-details {
    padding-bottom: 0px;
}

.month_select,
.year_select {
    width: 50%;
    float: left;
}

.month_select {
    padding-right: 4px;
}

.year_select {
    padding-left: 4px;
}

.radius {
    border-radius: 2px;
}

.height-form-control {
    height: 55px;
}

.adcard_button {
    width: auto;
    padding-top: 56px;
}

.btn-adcard {
    display: block;
    margin: auto;
    font-size: 13px;
    padding: 6px 12px;
}

.close-btn {
    border: 1px solid #ccc;
    background: #ffffff;
}

.close-btn:hover {
    background: #ccc;
}

/** My Booking page **/
.wq-content-wrap-dash {
    height: 1141px;
}

.wqnavmenu-three {
    height: 1062px;
}

.mybokings_area {
    width: 100%;
    position: absolute;
    top: 39px;
}

.mybokings_area h2 {
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
}

.mybokings_area .mybokings_box {
    margin-bottom: 50px;
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 20px 20px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.tabel-style {
    margin: 20px 0;
    width: 100%;
}

.tabel-style tr {
    vertical-align: middle;
}

.tabel-style tr th {
    text-align: center;
}

.mybokings_box .btn-colour {
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.mybokings_box .btn-colour:hover {
    background: #dedcdc;
}

.mybokings_box .btn-colour2 {
    background: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.mybokings_box .btn-colour2:hover {
    background: #1bbdbe;
    color: #ffffff;
    border-color: #1bbdbe;
}

.tabel-style td span {
    padding: 4px 5px;
    font-size: 12px;
    border-radius: 4px;
}

.cancelled-job {
    background: #f03154;
    color: #ffffff;
}

.completed {
    background: #5cb45b;
    color: #ffffff;
}

.job-booked {
    background: #777;
    color: #ffffff;
}

.in-queue {
    background: #1bbdbe;
    color: #ffffff;
}

.mybokings_box ul li {
    list-style: none;
}

.input-group-size {
    width: 35%;
}

.shownglabel {
    margin-top: 5px;
    font-size: 15px;
    color: #797979;
    font-weight: 400;
}

.inputgap {
    color: #ffffff;
    background: #3292e0;
}

.modal-backdrop {
    /* position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0; */
    /* z-index:0; */
    /* background:none; */

    display: none;
}

.modal-open .modal {
    z-index: 99999999999;
    background-color: rgba(0, 0, 0, 0.50)
}

.modal-style label {
    font-size: 17px;
    font-weight: 300;
    margin: 0 !important;
}

.modal-style .user-rating {
    margin: 10px 0;
}

.user-rating span {
    color: #333;
}

.user-rating span:hover {
    color: #f8aa0d;
}

.modal-style ::placeholder {
    font-size: 16px;
}

.modal-style .form-control {
    margin: 15px 0;
    border-radius: 0;
}

.wq-modal-dialog {
    margin-top: 30px;
}

.wq-modal-footer {
    text-align: center !important;
}

.btn-yellow {
    color: #ffffff;
    background: #f8aa0d;
    border-color: #f8aa0d;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-yellow:hover {
    color: #ffffff;
    background: #333;
    border-color: #333;
}

/** Track Driver page **/
.map_area {
    width: 100%;
    position: absolute;
    top: 39px;
}

.map_area .map_box {
    margin-top: 50px;
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 20px 20px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.map_box .map {
    width: 100%;
    height: 100%;
}

.map iframe {
    width: 100%;
    height: 700px;
}

.wq-content-wrap-dash-two {
    height: 898px;
}

.wqnavmenu-four {
    height: 819px;
}

/** login page ***/
#body_wrap {
    width: 100%;
    height: 100%;
}

.login-flex-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.login_box {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.03);
    max-width: 350px;
}

.loginbox_logo {
    width: 100%;
    padding-bottom: 17px;
}

.loginbox_logo img {
    max-width: 240px;
    display: block;
    margin: 0 auto 20px;
}

.login_box input {
    margin-bottom: 20px;
}

.login_box .form-control {
    height: 45px;
}

.sign-up {
    text-align: center;
    margin: 30px auto 6px;
}

.login_box .btn-danger,
.login_box .btn-success {
    width: 100%;
    margin: 5px 0;
}

.forgot-pwd {
    margin: 14px auto 0;
    text-align: center;
    display: table;
    max-width: 150px;
    font-size: 13px;
}

.login_box .btn {
    margin: 0;
    /* height: auto; */

    font-size: 20px !important;
    /* font-weight: bold !important; */

    background: #1bbdbe !important;
    border-color: #1bbdbe;
    color: #ffffff !important;
    -webkit-transition: all .4s ease;
    width: 100%;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}

.login_box .btn:hover {
    background: #1bbdbe !important;
    border-color: #1bbdbe;
    color: #ffffff;
}

.login_box .btn-success {
    height: 30px !important;
    font-size: 14px;
    font-weight: bold;
    background: #D3D3D3 !important;
    border-color: #D3D3D3;
    color: #ffffff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}

.login_box .btn-success:hover {
    background: #808080 !important;
    border-color: #808080;
    color: #ffffff;
}

.modal-open {
    padding-right: 0px !important;
    overflow: auto;
}

/** Scheduled Booking **/
.schduld_area {
    position: relative;
    top: 39px;
    width: 100%;
    height: auto !important;
}

.schduld_area h2 {
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
}

.schduld_area .pston_box {
    text-align: center;
    background: #ffffff;
    padding: 20px 20px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.pston_box h3 {
    font-size: 19px;
    color: #f7b543;
    font-weight: 600;
}

.progrs-btn {
    padding-bottom: 20px;
    text-align: center;
}

.progrs-btn .dropdown {
    display: inline-block;
    margin-right: 10px;
}

.progrs-btn .dropdown li {
    list-style: none;
}

.btn-size {
    padding: 10px 16px !important;
    font-size: 16px;
    border-radius: 2px;
}

.blue-btn {
    background-color: #3292e0 !important;
    border-color: #3292e0 !important;
    color: #ffffff !important;
}

.red-btn {
    background-color: #f03154 !important;
    border-color: #f03154 !important;
    color: #ffffff !important;
}

.addnote h1 {
    font-size: 27px;
    text-align: center;
    font-weight: 700;
}

.addnote .form-control {
    height: 43px;
    padding: 0 12px;
}

.addnote .form-control::placeholder {
    font-size: 18px !important;
}

.addnote .modal-header,
.addnote .modal-footer {
    border: none !important;
}

.modal-dialog-size {
    width: 550px;
}

.addnote .modal-footer {
    text-align: center;
}

.addnote .modal-footer .btn {
    padding: 10px 16px !important;
    font-size: 17px;
    font-weight: 500;
    color: #ffffff !important;
}

.addnote .modal-footer .btn-primary {
    background-color: rgb(170, 170, 170);
    border-color: rgb(170, 170, 170);
}

.addnote .modal-footer .btn-primary:hover {
    color: #000 !important;
    background-color: rgba(42, 50, 60, 0.07) !important;
    border: 1px solid rgba(42, 50, 60, 0.2) !important;
}

.emailboking h1 {
    font-size: 27px;
    text-align: center;
    font-weight: 700;
}

.emailboking .form-control {
    height: 43px;
    padding: 0 12px;
}

.emailboking .form-control::placeholder {
    font-size: 18px !important;
}

.emailboking .modal-header,
.addnote .modal-footer {
    border: none !important;
}

.emailboking .modal-footer {
    text-align: center;
}

.emailboking .modal-footer .btn {
    padding: 10px 16px !important;
    font-size: 17px;
    font-weight: 500;
    color: #ffffff !important;
}

.emailboking .modal-footer .btn-primary {
    background-color: rgb(170, 170, 170);
    border-color: rgb(170, 170, 170);
}

.emailboking .modal-footer .btn-primary:hover {
    color: #000 !important;
    background-color: rgba(42, 50, 60, 0.07) !important;
    border: 1px solid rgba(42, 50, 60, 0.2) !important;
}

.cancljob .modal-content {
    text-align: center;
}

.cancljob .modal-content span {
    font-size: 60px;
    color: #f8bb86;
}

.cancljob .modal-content h4 {
    font-size: 24px;
    font-weight: bold;
    color: ##2a323c;
}

.cancljob .modal-content p {
    font-size: 14px;
    color: #898989;
}

.cancljob .modal-footer {
    text-align: center;
}

.cancljob .modal-footer .btn {
    padding: 10px 16px !important;
    font-size: 17px;
    font-weight: 500;
    color: #ffffff !important;
}

.wq-red-btn {
    background-color: #f03154 !important;
    border-color: #f03154 !important;
    color: #ffffff !important;
}

.gaping {
    margin-top: 22px;
}

.left-first-bar {
    background: #ffffff;
    overflow: hidden;
    padding: 10px 20px;
    border-radius: 5px;
}

.left-first-bar p {
    font-size: 15px;
}

.left-second-bar {
    background: #ffffff;
    overflow: hidden;
    padding: 10px 20px;
    border-radius: 5px;
}

.left-second-bar p {
    font-size: 15px;
    text-align: center;
}

.left-third-bar {
    background: #ffffff;
    overflow: hidden;
    padding: 10px 20px;
    border-radius: 5px;
}

.left-third-bar .table {
    margin: 20px 0 0 0;
    color: #666666;
}

.left-third-bar .table th {
    font-size: 16px;
    color: #666666;
}

.right-first-bar {
    background: #ffffff;
    overflow: hidden;
    padding: 10px 20px;
    border-radius: 5px;
}

.right-first-bar .table {
    margin: 20px 0 0 0;
    font-size: 15px;
    color: #666666;
}

.right-first-bar .table tr {
    height: 42px;
}

.right-first-bar .table td a {
    font-size: 12px;
    text-decoration: none;
    color: #666666;
    padding: 3px 10px;
    border: 1px solid #ccc;
    background: #ffffff;
    border-radius: 2px;
}

.right-first-bar .table td a:hover {
    background: rgba(42, 50, 60, 0.07) !important;
}

.right-first-bar .table td mark {
    background: #fcf8e3;
    padding: 5px 10px;
}

.right-second-bar {
    text-align: center;
    background: #ffffff;
    overflow: hidden;
    padding: 5px 20px;
    border-radius: 5px;
}

.right-second-bar p {
    font-size: 15px;
}

.bottom-bar {
    background: #ffffff;
    overflow: hidden;
    padding: 20px 20px;
    border-radius: 5px;
}

.bottom-bar .table {
    border: 1px solid #ccc;
    margin: 59px 0 0 0;
    font-size: 15px;
    color: #666666;
}

.bottom-bar .table i {
    font-size: 16px;
    float: right;
}

.wq-shownglabel {
    margin-top: 20px;
}

.wq-input-group {
    margin-top: 15px;
}

.wq-main-height {
    padding-bottom: 87px;
}

.wqnavmenu-three {
    height: 1233px !important;
}

/***** CSS BY RAKESH 05.05.2018 *****/
.content_area-st {
    margin: 76px 0 0 139px;
    padding: 0px 0px 0 50px;
    position: relative;
}

.content_area-st.sh-content_area {
    margin: 76px 0 0 337px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}

.setting-menu {
    width: 150px;
    height: 100%;
    background: rgba(29, 37, 49);
    border-left: 1px solid rgba(195, 203, 216, .3);
    position: fixed;
    margin-top: 77px;
    top: 0;
    left: 56px;
    z-index: 99;
    overflow: auto;
}

#campaign .common a i {
    margin-right: 6px;
}

.setting-menu ul {
    height: 113%;
}

.scroll-toggle {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    overflow: auto;
}

.nav-side-menu .selected {
    border-left: 3px solid #f9b233 !important;
    background-color: #303a4a;
}

.setting-menu.st-setting-menu {
    left: 250px;
}

.setting-menu ul {
    padding: 0 0 0 0;
}

.setting-menu li {
    margin: 0;
    padding: 9px 0 0 6px;
    list-style: none;
    border-bottom: 1px solid rgba(195, 203, 216, .3);
}

.setting-menu li:hover {
    background-color: #303a4a;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.setting-menu li a {
    text-decoration: none;
    font-size: 12px;
    color: #c3cbd8;
    display: block;
    margin-bottom: 5px;
}

.setting-menu li a:hover {
    color: #f9b233;
}

.input-class {
    height: 40px;
    border-radius: 4px;
    text-indent: 7px;
    border: 2px solid #ccc;
    outline: 0;
    display: block;
    width: 100%;
    border-width: 1px;
}

.wq-bokking_box {
    margin: 105px auto 30px;
    padding-bottom: 10px;
}

.label-pop-pricing {
    z-index: 9;
}

.panel-body-box {
    transition: all .4s ease;
}

.content_area.content_area-wq {
    padding: 0px 0px 0 200px;
}

.input-class {
    border: 1px solid #ccc;
    /* border-radius: 0; */

    height: 35px;
    width: 100%;
    margin-top: 0;
}

.table-distance .small-input {
    width: 88px !important;
}

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

.setting-title p {
    font-size: 20px;
    line-height: 13px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.user-login {
    position: absolute;
    top: 15%;
    right: 3%;
}

ul.submenu {
    display: none;
}

ul.submenu li {
    border: none;
}

ul.submenu li i {
    margin-right: 3px;
}

.campaign-box {
    margin-top: 15px;
    width: 100%;
    height: auto;
}

.campaign-box .top-header .pagination {
    vertical-align: middle;
    margin: 0;
}

.top-header .pagination li {
    padding-left: 0
}

.top-header .pagination li i {
    font-size: 10px;
}

.new-input {
    width: 70px !important;
    border: 1px solid #ccc;
    border-radius: 0;
    height: 35px;
    width: 100%;
    margin-top: 0;
    display: inline-block;
}

.label-new {
    margin-right: 7px;
    font-size: 12px;
    display: inline-block;
}

.middle-body {
    width: 100%;
    height: auto;
}

.middle-body .campaign-table {
    margin-top: 15px;
}

.middle-body .campaign-table tr th {
    vertical-align: middle;
    background: #f9b233;
    border-color: #f0d354 !important;
}

.middle-body .campaign-table .dropdown-menu {
    left: 177px;
}

.campaign-table .dropdown-menu li {
    list-style: none;
    margin: 0;
}

.lowe-footer .pagination {
    vertical-align: middle;
    margin: 0;
}

.lowe-footer .pagination li {
    padding-left: 0
}

.lowe-footer .pagination li i {
    font-size: 10px;
}

#promotion-code .common i {
    margin-right: 6px;
}

.input-search {
    margin-left: 10px;
    border-color: #ccc;
    box-shadow: none;
    border-radius: 0;
    height: 35px;
    width: 100%;
}

#addnew-1 label {
    color: #000;
}

#addnew-1 label:after {
    content: '*';
    font-size: 14px;
    color: red;
    margin-left: 3px;
}

#addnew-1 .fields {
    font-size: 14px;
    color: 000;
}

#addnew-1 .fields span {
    color: red;
}

.button-save {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.button-save:hover,
.button-save:active,
.button-save:focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.button-cancel {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.button-cancel:hover,
.button-cancel:active,
.button-cancel:focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.input-class-date {
    height: 34px;
    width: 101%;
    border-radius: 4px;
}

#addnew-2 .modal-body {
    overflow: hidden;
}

#addnew-2 .modal-body label span {
    color: red;
}

#addnew-2 .modal-body label input[type=checkbox] {
    margin: -2px 5px 0 0;
    vertical-align: middle;
}

#addnew-2 .modal-body table tr {
    height: 50px !important;
}

#addnew-2 .modal-body table tr td input[type=radio] {
    margin: -2px 5px 0 0;
    vertical-align: middle;
}

#addnew-2 .modal-body table tr td .postn {
    position: relative;
}

#addnew-2 .modal-body table tr td .postn span {
    width: 30px;
    height: 32px;
    background: #ccc;
    color: #000;
    position: absolute;
    left: 1px;
    top: 1px;
    text-align: center;
    padding: 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.new-postin {
    position: relative;
}

.sign {
    width: 30px;
    height: 32px;
    background: #ccc;
    color: #000;
    position: absolute;
    left: 1px;
    top: 21px;
    text-align: center;
    padding: 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.input-1,
.input-2,
.input-3 {
    display: none;
}

#import .modal-footer i {
    margin-right: 7px;
}

.fields span {
    color: red;
}

/********************/
.content_area {
    margin: 86px 15px 15px 266px;
    transition: all 0.3s ease;
}

.vh-input-group.wq-vh-input-group {
    width: 37%;
}

.vh-wq-bokking_box {
    overflow: hidden;
}

.vh-wq-bokking_box ul {
    margin: 0;
    padding: 0;
}

.vh-wq-bokking_box li {
    display: inline-block;
}

.vh-wq-bokking_box .btn-group i {
    font-weight: 900;
}

/** .vh-wq-bokking_box .btn-group .btn-primary{
     background:#f4f4f4;
     border-color:#ddd;
     color:#444;
     border-radius:0;
}
 .vh-wq-bokking_box .btn-group .btn-primary:hover, .vh-wq-bokking_box .btn-group .btn-primary:focus{
     color: #333;
     background-color: #d4d4d4;
     border-color: #8c8c8c;
}
 **/
.addbtn {
    margin-left: 10px;
}

.addbtn .btn-success {
    background: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.addbtn .btn-success:hover {
    color: #ffffff !important;
    background: #333;
    border-color: #333;
}

.addbtn .btn-success i {
    margin-right: 10px;
}

.rg-search {
    width: 40%;
    float: right;
    display: block;
    margin-top: 10px;
    border-radius: 0;
}

.vh-table tr {
    height: 50px;
    vertical-align: middle;
}

.vh-table .text-default {
    color: #333;
}

.vh-table .text-default:hover {
    color: #3c8dbc;
}

.vh-wq-bokking_box .action-btn .btn-group {
    border: 0px solid #1bbdbe;
    border-radius: 5px;
}

.vh-wq-bokking_box .action-btn .btn-group .btn {
    padding: 6px 15px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.vh-wq-bokking_box .action-btn .btn-group .btn-info {
    border-color: #1bbdbe;
    background: #ffffff;
    color: #1bbdbe;
}

.vh-wq-bokking_box .action-btn .btn-group .btn-info:hover {
    background: #1bbdbe;
    color: #ffffff;
}

.vh-wq-bokking_box .action-btn .btn-group .btn-danger {
    border-color: #ed5565;
    background: #ffffff;
    color: #ed5565;
}

.vh-wq-bokking_box .action-btn .btn-group .btn-danger:hover {
    background: #ed5565;
    color: #ffffff;
}

.vh-wq-bokking_box .photo img {
    max-width: 50px;
    max-height: 50px;
}

.vh-table span {
    color: #dd4b39 !important;
}

.vh-table label {
    background: #ffffff;
    color: #1bbdbe;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 14px;
    border-radius: 4px;
    border: 1px solid #1bbdbe;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.vh-table label:hover {
    background: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
}

.vh-table .status-icon {
    font-size: 18px;
}

.vh-table .status-icon i {
    margin-left: 10%;
}

.status-check {
    color: #1bbdbe;
}

.status-circle {
    color: #333;
}

.vh-form-inline {
    margin-top: 30px;
}

.vh-form-inline .btn-default {
    border-radius: 0;
}

.vh-form-inline .form-group .bootstrap-select.btn-group {
    width: 80px !important;
}

.vh-input-group {
    width: 32%;
    margin-top: 30px;
}

.vh-input-group .btn-primary {
    border-radius: 0;
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.vh-input {
    background: #337ab7;
    color: #ffffff;
}

.vh-table th {
    text-align: left;
}

.vh-table th i {
    position: relative;
    left: 25px;
    top: 1px;
}

.mymap {
    padding: 0 0 0 250px;
    transition: all 0.3s ease;
}

.mymap.wq-mapp {
    margin: 0px;
    padding: 0 0 0 50px;
}

.my-input-group {
    width: 100%;
}

.my-input-group.wq-my-input-group {
    width: 166px !important;
}

/**** DASHBOARD BETA BOX ****/

/**** DASHBOARD BETA END ****/
.betabox {
    width: 10%;
    height: 100px;
    background: #ffffff;
    border-radius: 4px;
    float: right;
    margin: 0 5px 10px 0;
    position: relative;
    overflow: hidden;
    border: 2px solid #90C
}

.beta {
    text-align: center;
    display: block;
    margin-top: 10px;
}

.beta span {
    padding: 5px 5px;
    background: #90C;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    border-radius: 3px;
    z-index: 999;
}

.beta i {
    font-size: 30px;
    color: #90C;
    position: absolute;
    left: calc(42% - 1px);
    top: 15px;
    z-index: 99;
}

.beta-btn {
    margin: 25px 0 0 0;
    text-align: center;
}

.beta-btn input {
    width: 30px;
    height: 30px;
    margin: 0 3px;
    border-radius: 5px;
}

.beta-btn .white-btn {
    border: 2px solid #000;
    background: #ffffff;
}

.beta-btn .black-btn {
    border: 2px solid #000;
    background: #000;
}

/*** ADD NEW PAGE ***/
.add-new-box {
    width: 75%;
    float: left;
}

.my-common label {
    margin-top: 8px;
}

.add-new-box .bootstrap-select.btn-group .dropdown-menu li {
    display: block;
}

.add-new-box .switch {
    position: relative;
    bottom: 8px;
    display: inline-block;
    width: 60px;
    height: 28px;
}

.add-new-box .switch input {
    display: none;
}

.add-new-box .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.add-new-box .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.add-new-box input:checked+.slider {
    background-color: #2196F3;
}

.add-new-box input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.add-new-box input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/** DESIGN & COLOR **/
.resrvtn_box h1 a {
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
    cursor: pointer;
    color: #1bbdbe;
}

.resrvtn_box h1 a:hover {
    color: #1bbdbe;
}

.bokking_box-d-c {
    background: none;
    border: none !important;
}

.left-top-box,
.left-bottom-box,
.right-top-box,
.right-bottom-box {
    overflow: hidden;
    position: relative;
    background: #ffffff;
    width: 85%;
    min-height: 295px;
    border-radius: 6px;
    padding: 40px;
    border-bottom: 1px solid #e7eaec !important;
    padding: 40px;
}

.left-top-box span,
.left-bottom-box span,
.right-top-box span,
.right-bottom-box span {
    position: absolute;
    bottom: -80px;
    right: -30px;
    font-size: 240px;
    z-index: 1;
    opacity: 0.1;
    z-index: 1;
}

.left-top-box h1,
.left-bottom-box h1,
.right-top-box h1,
.right-bottom-box h1 {
    font-size: 38px;
    font-weight: 300;
    margin-top: 0;
}

.left-top-box p,
.left-bottom-box p,
.right-top-box p,
.right-bottom-box p {
    line-height: 1.5;
    font-size: 20.5px;
    font-weight: 300;
    color: #676a6c;
}

.left-top-box a,
.left-bottom-box a,
.right-top-box a,
.right-bottom-box a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
}

.left-top-box {
    margin-bottom: 60px;
}

.right-top-box {
    margin-bottom: 30px;
}

.left-top-box,
.left-bottom-box {
    float: right;
}

/***********/
.left-top-box h1 {
    color: #ed5565;
}

.d-btn-merun {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #FFFFFF;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.d-btn-merun:hover {
    background-color: #ec4758;
    border-color: #ec4758;
    color: #FFFFFF;
}

.left-bottom-box h1 {
    color: #f8ac59;
}

.d-btn-orange {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #FFFFFF;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.d-btn-orange:hover {
    background-color: #f7a54a;
    border-color: #f7a54a;
    color: #FFFFFF;
}

.right-top-box h1 {
    color: #1bbdbe;
}

.d-btn-blue {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.d-btn-blue:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.right-bottom-box h1 {
    color: #1bbdbe;
}

.d-btn-green {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.d-btn-green:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.left-top-box span {
    color: #ed5565;
}

.left-bottom-box span {
    color: #f8ac59;
}

.right-top-box span {
    color: #1bbdbe;
}

.right-bottom-box span {
    color: #1bbdbe;
}

.wt-resrvtn_box h5 {
    font-size: 15px;
    margin-left: 39px;
    margin-top: -2px;
    color: #676a6c;
}

.wt-resrvtn_box span {
    top: 88px;
}

/** PAGE LAYOUT PAGE **/
.left-layout,
.right-layout {
    text-align: center;
}

.left-layout h4,
.right-layout h4 {
    font-size: 17px;
    color: #676a6c;
    font-weight: 500;
}

.left-layout i {
    font-size: 64px;
    color: #1bbdbe;
    position: absolute;
    top: 50%;
    right: -18px;
    margin-top: -15px;
}

.page-Mdificatin {
    margin: 0;
    padding: 0;
}

.page-Mdificatin h3 {
    font-size: 16px;
    font-weight: 500;
    color: #676a6c;
}

.hr-line-dash {
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0;
}

.cp-form-control {
    width: 34%;
    border-radius: 0;
    margin-bottom: 20px;
}

.small-text {
    margin: 5px 0 20px;
    font-size: 13px;
    color: #676a6c;
}

.pl-label {
    margin-top: 8px;
}

.input-file-container {
    position: relative;
    width: 133px;
}

.input-file-container i {
    margin-right: 10px;
}

.js .input-file-trigger {
    display: block;
    padding: 9px 14px;
    background: #f8ac59;
    color: #fff;
    font-size: 1em;
    transition: all .4s;
    cursor: pointer;
    border-radius: 4px;
}

.js .input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    opacity: 0;
    padding: 14px 0;
    cursor: pointer;
}

.js .input-file:hover+.input-file-trigger,
.js .input-file:focus+.input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
    background: #f7a54a;
    color: #FFFFFF;
}

.file-return {
    margin: 0;
}

.file-return:not(:empty) {
    margin: 1em 0;
}

.js .file-return {
    font-style: italic;
    font-size: .9em;
    font-weight: bold;
}

.js .file-return:not(:empty):before {
    content: "Selected file: ";
    font-style: normal;
    font-weight: normal;
}

.pl-btn-blue {
    background: #ffffff;
    color: #1bbdbe;
    border-color: #1bbdbe;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.pl-btn-blue:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
}

.pl-btn-blue i {
    margin-right: 7px;
}

.pl-btn-blue-big {
    font-size: 18px;
    padding: 11px 24px;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.pl-btn-blue-big:hover {
    background: #1bbdbe;
    color: #ffffff;
    border-color: #1bbdbe;
}

.pl-btn-blue-big i {
    margin-right: 7px;
}

/****************/
.f-bokking_box {
    margin-bottom: 50px;
}

.f-row {
    padding-bottom: 30px;
}

.f-row .font-box {
    position: relative;
    text-align: center;
}

.f-row .font-box h3 {
    font-size: 21px;
    font-weight: 300;
    color: #676a6c;
}

.fontbox-view-overlay {
    height: 90%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    position: absolute;
    top: 51px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.0);
    -webkit- transition: all .5s ease;
    -moz- transition: all .5s ease;
    -ms- transition: all .5s ease;
    -o- transition: all .5s ease;
    transition: all .5s ease;
}

.fontbox-view-overlay:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

.fontbox-view-overlay button {
    position: absolute;
    top: 52%;
    left: 20%;
    padding: 11px 25px;
    font-size: 18px;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
    visibility: hidden;
    webkit- transition: all .3s ease;
    -moz- transition: all .3s ease;
    -ms- transition: all .3s ease;
    -o- transition: all .3s ease;
    transition: all .3s ease;
}

.fontbox-view-overlay button:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

/*** Booking page ***/
.mp-long-box .table {
    width: 1600px;
}

/* .tabel_box tr th,
 .tabel_box tr td{
     padding:8px 8px !important;
} */
.cmssg {
    width: 300px;
}

.mp-long-box th a {
    color: #747678;
}

.mp-long-box i {
    float: right;
}

.export-btn:hover {
    color: #ffffff;
}

.b-funct i {
    margin-left: 5px;
}

.as-dri-b {
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}

.as-dri-b:hover {
    color: #000;
}

.as-sele-b select {
    height: 30px;
    border: 1px solid #ccc;
    width: 120px;
    float: left;
    font-size: 12px;
}

.as-sele-b a {
    margin-left: 3px;
    height: 30px;
}

.bk-dropdown-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bk-dropdown-menu li a {
    font-size: 14px;
}

.bk-dropdown-menu li i {
    margin-right: 6px;
}

.as-dri-m {
    font-weight: 300;
    font-size: 14px;
    cursor: pointer;
}

.as-dri-m:hover {
    color: #000;
}

.as-sele-m input {
    padding: 0 0 0 10px;
    height: 30px;
    border: 1px solid #ccc;
    width: 120px;
    float: left;
    font-size: 12px;
}

.as-sele-m a {
    margin-left: 3px;
    height: 30px;
}

.as-dri-m span {
    color: #f39c12;
}

.as-dri-m label {
    color: #00a65a;
}

.bk-btn-primary {
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400;
    background-color: #ffffff;
    border-color: #1bbdbe;
    color: #1bbdbe;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.bk-btn-primary:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
}

.bk-modal-body {
    min-height: 500px;
}

.bk2-btn-primary {
    background: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.bk2-btn-primary:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.bk2-btn-primary i {
    margin-right: 10px;
}

.bookdetailswq-2 .modal-dialog {
    width: 34% !important;
}

.modalsetup-bk .modal-dialog {
    width: 30% !important;
}

.modalsetup-bk .modal-content {
    overflow: hidden;
    padding-bottom: 30px;
}

.modalsetup-bk .modal-body {
    padding-top: 20px;
    height: 392px;
}

.modalsetup-bk .bk-dropdown {
    width: 57%;
}

.bk-dropdown .form-control {
    border-radius: 0;
}

.modalsetup-bk .form-group {
    padding-bottom: 0;
}

.datepicker-bk {
    width: 224px !important;
}

.bk-dropdown2 {
    width: 57%;
    margin-top: 10px;
}

.bk-dropdown2 .form-control {
    border-radius: 0;
}

.bk-btn {
    margin-top: 20px;
}

.bk-btn .dropdown {
    display: inline-block;
}

.bk-btn .dropdown li {
    list-style: none;
}

.bk-btn .btn-success-wq {
    border-radius: 0;
    background: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.bk-btn .btn-success-wq:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.modalsetup-bk-2 .modal-dialog {
    width: 30% !important;
    top: -90px;
}

.modalsetup-bk-2 .modal-body {
    margin: 0px 0;
}

.modalsetup-bk-2 .modal-body .btn i {
    margin-right: 8px;
}

/* .modalsetup-bk-2 .modal-body .btn-danger{
     border-radius:0;
} */
.modalsetup-bk-3 .modal-dialog {
    width: 30% !important;
}

.modalsetup-bk-3 .modal-body {
    padding: 0;
}

.bk-modal-title {
    padding: 0 15px;
}

.modalsetup-bk-3 .modal-body hr {
    border-color: #e5e5e5;
}

.modalsetup-bk-3 .modal-body ul {
    margin: 0;
    padding: 0;
}

.modalsetup-bk-3 .modal-body li {
    list-style: none;
    margin: 30px 0;
}

.modalsetup-bk-3 .modal-body .btn {
    display: block;
    width: 70% !important;
    border-radius: 0;
    margin: auto;
}

.as-dri-we {
    font-weight: 400;
    font-size: 12px;
    cursor: pointer;
}

.as-dri-we i {
    margin-left: 7px;
}

.as-sele-we select {
    height: 30px;
    border: 1px solid #ccc;
    width: 120px;
    float: left;
    font-size: 12px;
}

.as-sele-we a {
    margin-left: 3px;
    height: 30px;
}

.assgnd {
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    width: 90px;
    padding: 2px 3px;
    background: #9e2659;
}

.job-accept {
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    width: 90px;
    padding: 2px 3px;
    background: #00c0ef;
}

.job-rejectd {
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    width: 90px;
    padding: 2px 3px;
    background: #dd4b39;
}

.on-board {
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    width: 90px;
    padding: 2px 3px;
    background: #605ca8;
}

.completed {
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    width: 90px;
    padding: 2px 3px;
    background: #00a65a;
}

.paymnt a {
    color: #747678;
}

.paymnt label {
    color: #d20300;
}

.paymnt p {
    margin: 0;
    font-size: 12px;
}

.paymnt i {
    margin-left: 5px;
}

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

.bokking-filter table .border {
    width: 100%;
    border: 1px solid #ccc;
    margin: 0 !important;
    padding: 0 !important;
}

.bokking-filter table td {
    padding: 0 !important;
}

.bokking-filter .filter-bx {
    display: inline-block;
    padding: 6px 10px;
}

.filter-bx-1 {
    background: #9e2659;
}

.filter-bx-2 {
    background: #66dde3;
}

.filter-bx-3 {
    background: #ad72fc;
}

.filter-bx-4 {
    background: #f46dd0;
}

.filter-bx-5 {
    background: #f39c12;
}

.filter-bx-6 {
    background: #00a65a;
}

.filter-bx-7 {
    background: #78b2ca;
}

.filter-bx-8 {
    background: #dd4b39;
}

.bokking-filter label {
    /* font-size:13px; */
    /* margin-left:8px;
     font-weight:500; */
}

.bokking-filter .number-table {
    border: none;
}

.bokking-filter .number-table th {
    color: #555;
    text-align: left;
    padding-left: 60px !important;
    font-size: 25px;
    font-weight: 400;
}

.long-box .btn-danger {
    font-size: 13px;
    padding: 3px 10px;
    margin: 5px 25px;
    color: #fff;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    border-radius: 3px;
}

.long-box .btn-danger:hover {
    color: #fff;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
}

.modalsetup-bk-4 label {
    font-size: 15px;
    margin-top: 19px;
    margin-right: 10px;
}

.modalsetup-bk-4 label [type="radio"] {
    margin-right: 5px;
}

/* bokking page change css ***/
.wq-tablehead th {
    border: none !important;
    padding: 2px 3px;
}

.advance-search-box {
    padding: 15px;
    background: #FAFAFB;
    border: 1px solid #e7eaec;
    border-left: 3px solid #1bbdbe;
    overflow: hidden;
    display: block;
    height: auto;
    margin-bottom: 20px;
    overflow: inherit;
}

.advser-addon-input {
    font-size: 17px !important;
    color: #333 !important;
    opacity: 10 !important;
    width: 35px !important;
    background: #ffffff !important;
}

.dassh-bottom-border {
    padding: 15px 0;
    border-bottom: 1px dashed #e7eaec;
}

.boder-non {
    padding: 25px 0 10px 0;
    border: none;
}

.advance-search-titel {
    font-weight: 500;
    color: #333;
    font-size: 14px;
    margin-bottom: 7px;
}

.ad-btn-serc {
    margin-right: 8px;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
    font-size: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.ad-btn-serc:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.ad-btn-can {
    border-color: #1bbdbe;
    color: #1bbdbe;
    background: none;
    font-size: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.ad-btn-can:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

/***WEB EDITOR PAGE***/

/*** body resize ***/
.resize-body {
    width: 100%;
}

.page-ad-head-toggle {
    width: 82%;
    overflow: hidden;
    left: 18%;
}

.wrap-website-toggle {
    width: 82%;
}

.image-tab-2-toggle {
    width: 86%;
}

/*** body resize end ****/
.web-dropdown-menu a {
    font-size: 12px;
}

.webeditor label {
    font-size: 15px;
    font-weight: 500;
}

.webeditor .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 99px;
}

.webeditor .bootstrap-select .dropdown-menu {
    height: 400px;
}

.left-website-head span {
    font-weight: 400;
    color: #000;
}

.webeditor .btn-info {
    background: none;
    border-color: #1bbdbe;
    color: #1bbdbe;
    font-size: 15px;
    font-weight: 400;
}

.webeditor .btn-info:hover {
    border-color: #1bbdbe;
    background: #1bbdbe;
    color: #ffffff;
}

.webeditor .btn-info i {
    margin-right: 3px;
}

.left-website-head-wq {
    padding-top: 0 !important;
}

.web-editor-drop {
    float: right;
}

.web-editor-drop i {
    margin-right: 5px;
}

.web-editor-drop .btn-info {
    background: none;
    border-color: #1bbdbe;
    color: #1bbdbe;
    font-size: 15px;
    font-weight: 400;
}

.web-editor-drop .btn-info:hover {
    border-color: #1bbdbe;
    background: #1bbdbe;
    color: #ffffff;
}

.web-dropdown-menu {
    list-style: none;
    left: 4px;
}

.rightside-menu {
    overflow: auto;
    width: 300px;
    height: 100%;
    background: #ffffff;
    position: fixed;
    top: 81px;
    right: -300px;
    z-index: 9;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.rightside-toggle {
    right: 0;
}

.rightside-menu .rightnav-top {
    width: 100%;
    padding: 15px;
    background: rgba(29, 37, 49, 1);
}

.rightnav-top h1 {
    color: #ffffff;
    font-size: 22px;
    margin: 0;
}

.dash-line {
    border-top: 1px dashed rgba(255, 255, 255, .2);
}

.rightnav-top {
    overflow: hidden;
}

.rightnav-top label {
    font-size: 14px;
    color: #ffffff;
    float: left;
}

.rightnav-top .btn-group {
    float: right;
}

.rightnav-top .btn-group .btn {
    padding: 3px 7px;
}

.rightnav-top i {
    font-size: 13px;
    margin-top: 3px;
}

.rightnav-top img {
    width: 15px !important;
    margin-top: 3px;
}

.rightnav-top .btn-group span {
    margin-right: 5px;
}

.rightnav-top .btn-secondary {
    background: none;
    border: 1px solid #1bbdbe;
    color: #1bbdbe;
    border-radius: 0;
    box-sizing: border-box;
}

.active-btn2 {
    background-color: #1bbdbe !important;
}

.rightnav-bottom {
    width: 100%;
    height: 100%;
    background: #f8fafc;
    padding: 15px;
}

.rightnav-bottom small {
    font-size: 12px;
    padding-top: 5px;
    display: block;
}

.rightnav-bottom small span {
    color: #f8ac59;
}

.rightnav-bottom .form-control {
    border-radius: 0;
}

.rightnav-btn .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.rightnav-btn {
    position: fixed;
    bottom: 0;
    right: -300px;
    background: #ffffff;
    z-index: 99999;
    height: 80px;
    width: 300px;
    border-top: 1px solid #ccc;
    padding: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.rightnav-btn-toggle {
    right: 0;
}

.rightnav-btn .btn-primary {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #fff;
}

.rightnav-btn .btn-primary:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
}

.rightnav-btn .btn-info {
    border-color: #1bbdbe;
    color: #1bbdbe;
    background: transparent;
}

.rightnav-btn .btn-info:hover {
    background-color: #1bbdbe;
    color: #fff;
}

/* load popup */
.lodingpopup .modal-dialog {
    width: 64% !important;
}

.lodingpopup .modal-content {
    border-radius: 0;
}

.lodingpopup .modal-content .modal-header small {
    font-size: 15px;
    font-weight: 500;
}

.lodingpopup .modal-content .modal-body {
    padding: 30px 50px;
    overflow: hidden;
}

.lodingpopup .modal-content .modal-body i {
    font-size: 240px;
    position: absolute;
    top: 20px;
    right: -30px;
    opacity: 0.2;
    color: #1bbdbe;
}

.lodingpopup .modal-content .modal-body .pop-body-text {
    width: 75%;
}

.lodingpopup .modal-content .modal-body p {
    font-size: 17px;
    font-weight: 300;
}

.lodingpopup .modal-content .modal-body h3 {
    font-weight: 300;
    font-size: 20px;
    line-height: 40px;
}

.lodingpopup .modal-content .modal-body h3 a {
    color: #1bbdbe;
}

.lodingpopup .modal-content .modal-body h3 a:hover {
    color: #1bbdbe;
}

.lodingpopup .modal-content .modal-body .pop-body-text hr {
    border-top: 1px dashed #ccc;
}

.lodingpopup .modal-content .modal-footer .btn-info {
    float: left;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 3px;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
    font-weight: 400;
}

.lodingpopup .modal-content .modal-footer .btn-info i {
    margin-right: 7px;
}

.lodingpopup .modal-content .modal-footer .btn-info:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.lodingpopup .modal-content .modal-footer .btn-danger {
    float: right;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 3px;
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #FFFFFF;
    font-weight: 400;
}

.lodingpopup .modal-content .modal-footer .btn-danger i {
    margin-right: 7px;
}

.lodingpopup .modal-content .modal-footer .btn-danger:hover {
    background-color: #f7a54a;
    border-color: #f7a54a;
    color: #FFFFFF;
}

/*** HELP CENTER ***/
.helpbox {
    width: 100%;
    margin: 100px auto 23px;
    overflow: hidden;
    padding-bottom: 20px;
}

.setup-box {
    height: auto;
    width: 100%;
    margin-bottom: 25px;
}

.setup-box .setup-heading {
    background: #f3f6fb;
    width: 100%;
    overflow: hidden;
    padding: 15px;
    border-top: 2px solid #e7eaec;
}

.setup-heading h3 {
    margin-top: 9px;
    line-height: 10px;
    font-weight: 300;
    color: #676a6c;
}

.setup-heading p {
    font-size: 14px;
    font-weight: 400;
    color: #676a6c;
}

.setup-heading p a {
    color: #1bbdbe;
}

.setup-heading p a:hover {
    color: #1bbdbe;
}

.settng-dtls {
    margin: 0;
    background: #ffffff;
    width: 100%;
    border-top: 1px solid #e7eaec;
}

.settng-dtls h4 {
    font-size: 18px;
    line-height: auto;
    color: #676a6c;
}

.settng-dtls p {
    font-weight: 300;
    margin-top: -10px;
    font-size: 12px;
    line-height: 17px;
    color: #676a6c;
}

.settng-dtls .btn i {
    margin-right: 7px;
}

.settng-dtls .btn-info {
    font-size: 13px;
    background: none;
    color: #1bbdbe;
    border-color: #1bbdbe;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.settng-dtls .btn-info:hover {
    background: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
}

.hr-dash {
    border-top: 1px dashed #e7eaec;
    width: 100%
}

.youtv a {
    position: relative;
    display: block;
}

.youtv img {
    width: 240px !important;
    overflow: hidden;
}

.youtv span {
    position: absolute;
    top: calc(50% - 36px);
    left: calc(50% - 38px);
    font-size: 60px;
    height: 64px;
    z-index: 99;
    color: #000;
    opacity: .7;
}

.overflow-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.youtv a {
    margin-bottom: 20px;
}

.youtv a:hover .overflow-box {
    opacity: .5;
}

.bottom-line h5 {
    color: #676a6c;
    font-size: 14px;
}

.bottom-line h5 a {
    color: #1bbdbe;
}

.advance-box {
    height: auto;
    width: 100%;
    margin-bottom: 20px;
}

.advance-box .advance-heading {
    background: #f3f6fb;
    width: 100%;
    overflow: hidden;
    padding: 15px;
    border-top: 2px solid #e7eaec;
}

.advance-heading h3 {
    margin-top: 9px;
    line-height: 10px;
    font-weight: 300;
    color: #676a6c;
}

.advance-heading p {
    font-size: 14px;
    font-weight: 400;
    color: #676a6c;
}

.advance-dtls {
    margin: 0;
    background: #ffffff;
    width: 100%;
    padding-bottom: 20px;
    border-top: 1px solid #e7eaec;
}

.advance-dtls h4 {
    font-size: 18px;
    line-height: auto;
    color: #676a6c;
}

.advance-dtls p {
    font-weight: 300;
    margin-top: -10px;
    font-size: 12px;
    line-height: 17px;
    color: #676a6c;
}

.advance-dtls .btn i {
    margin-right: 7px;
}

.advance-dtls .btn-info {
    margin-bottom: 10px;
    font-size: 13px;
    background: none;
    color: #1bbdbe;
    border-color: #1bbdbe;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.advance-dtls .btn-info:hover {
    background: #1bbdbe;
    border-color: #1bbdbe;
    color: #ffffff;
}

.linkbtn-txt span {
    font-size: 12px;
}

.linkbtn-txt span a {
    color: #1bbdbe;
}

/*************/
.servce-drspton {
    height: auto;
    width: 100%;
    margin-bottom: 25px;
}

.servce-box {
    background: #ffffff;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    float: left;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

/************* .servce-box1{
     margin-right:1%;
     margin-bottom:10px;
}
 .servce-box2{
     margin-left:1%;
     margin-bottom:10px;
}
 .servce-box3{
     margin-right:1%;
     margin-top:10px;
     margin-bottom:10px;
}
 .servce-box4{
     margin-left:1%;
     margin-top:10px;
     margin-bottom:10px;
}
 .servce-box5{
     margin-right:1%;
     margin-top:10px;
}
 .servce-box6{
     margin-left:1%;
     margin-top:10px;
}
 ****************/
.servce-box h4 {
    font-size: 18px;
    font-weight: 500;
}

.servce-box p {
    font-size: 15px;
    font-weight: 300;
    color: #676a6c;
}

.servce-box i {
    position: absolute;
    bottom: -13px;
    right: -18px;
    font-size: 100px;
    opacity: 0.1;
    z-index: 1;
}

.servce-box1 h4,
.servce-box4 h4 {
    color: #f99c32;
}

.servce-box1 .btn-default,
.servce-box4 .btn-default {
    background-color: #f99c32;
    border-color: #f99c32;
    color: #FFFFFF;
}

.servce-box1 .btn-default:hover,
.servce-box4 .btn-default:hover {
    background-color: #f99c32;
    border-color: #f99c32;
    color: #FFFFFF;
}

.servce-box1 i,
.servce-box4 i {
    color: #f99c32;
}

.servce-box2 h4,
.servce-box7 h4 {
    color: #1bbdbe;
}

.servce-box5 h4,
.servce-box8 h4 {
    color: #f99c32;
}

.servce-box2 .btn-default,
.servce-box7 .btn-default {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.servce-box5 .btn-default,
.servce-box8 .btn-default {
    background-color: #f99c32;
    border-color: #f99c32;
    color: #FFFFFF;
}

.servce-box2 .btn-default:hover,
.servce-box7 .btn-default:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.servce-box2 i,
.servce-box7 i {
    color: #1bbdbe;
}

.servce-box5 i,
.servce-box8 i {
    color: #f99c32;
}

.servce-box3 h4,
.servce-box6 h4 {
    color: #1bbdbe;
}

.servce-box3 .btn-default,
.servce-box6 .btn-default {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.servce-box3 .btn-default:hover,
.servce-box6 .btn-default:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.servce-box3 i,
.servce-box6 i {
    color: #1bbdbe;
}

/*** RIGHR SIDE ***/
.welcmvevs {
    width: 100%;
    height: auto;
    background: #ffffff;
    overflow: hidden;
    border-top: 2px solid #e7eaec;
    margin-bottom: 20px;
}

.welcmvevs .welcm-heading {
    padding: 15px 15px 0 15px;
    border-bottom: 1px solid #e7eaec;
    min-height: 48px;
}

.welcm-heading h1 {
    font-size: 30px;
    font-weight: 300;
    color: #676a6c;
    line-height: 15px;
}

.welcm-body {
    padding: 0px 15px 0 15px;
}

.welcm-body p {
    font-weight: 300;
    color: #676a6c;
}

.welcm-body p a {
    text-decoration: none;
    color: #1bbdbe;
    font-weight: 700;
}

.welcm-body p a:hover {
    color: #1bbdbe;
}

.trial-box {
    width: 100%;
    padding: 0 15px 0 15px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    border-radius: 4px;
    margin-bottom: 20px;
}

.trial-box h3 {
    font-size: 16px;
    line-height: 20px;
    color: #8a6d3b;
}

.trial-box h3 i {
    margin-right: 5px;
}

.url-box {
    margin-right: 2%;
    float: left;
    width: 53%;
    background: #ffffff;
    border-top: 2px solid #e7eaec;
    margin-bottom: 20px;
}

.url-box .url-heading {
    padding: 5px 15px;
    min-height: 30px;
    border-bottom: 1px solid #e7eaec;
}

.url-heading h5 {
    font-size: 15px;
    font-weight: 500;
    line-height: 5px;
    color: #676a6c;
}

.url-box .url-body {
    padding: 20px 15px;
}

.url-body a {
    text-decoration: none;
    font-size: 18px;
    color: #1bbdbe;
    font-weight: 600;
    word-break: break-all;
}

.url-body p {
    font-size: 14px;
    color: #676a6c;
}

.url-body p a {
    text-decoration: none;
    color: #1bbdbe;
    font-size: 14px;
    font-weight: 400;
}

.updrad-box {
    margin-left: 2%;
    float: left;
    width: 43%;
    padding: 15px;
    background: #ffffff;
    text-align: center;
    border-top: 1px solid #e7eaec;
    margin-bottom: 20px;
}

.updrad-box ul {
    margin: 0 !important;
    padding: 0 !important;
}

.updrad-box li {
    list-style: none;
    padding: 5px 15px;
    font-size: 13px;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    color: #ed5565;
}

.updrad-box li i {
    margin-right: 9px;
}

.updrad-box .btn-default {
    display: block;
    width: 100%;
    padding: 15px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    background-color: #ed5565;
    border-color: #ed5565;
    color: #FFFFFF;
}

.updrad-box .btn-default:hover {
    background-color: #ec4758;
    border-color: #ec4758;
    color: #FFFFFF;
}

.updrad-box .btn-default i {
    margin-right: 10px;
}

.supprt-team {
    float: left;
    width: 100%;
    background: #ffffff;
    border-top: 2px solid #e7eaec;
    overflow: hidden;
    margin-bottom: 20px;
}

.supprt-team .supprt-team-headng {
    padding: 0 15px;
    border-bottom: 1px solid #e7eaec;
    min-height: 30px;
}

.supprt-team-headng p {
    font-size: 15px;
    font-weight: 500;
    color: #676a6c;
    line-height: 30px;
}

.supprt-team-headng p a {
    text-decoration: none;
    color: #1bbdbe;
}

.supprt-team-body {
    padding: 15px 0;
    overflow: hidden;
}

.supprt-team-body .textarea .form-control {
    height: 160px;
    width: 95%;
    border-radius: 0;
}

.supprt-team-body textarea::placeholder {
    font-size: 15px;
}

.supprt-team-body img {
    width: 104px;
}

.supprt-team-body .btn-default {
    border-radius: 3px;
    padding: 6px 35px;
    font-size: 16px;
    margin-top: 20px;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.supprt-team-body .btn-default:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    color: #FFFFFF;
}

.shuttle-taxi {
    height: auto;
    width: 100%;
    margin-bottom: 20px;
}

.shuttle-taxi .shuttle-taxi-heading {
    background: #f3f6fb;
    width: 100%;
    overflow: hidden;
    padding: 15px;
    border-top: 2px solid #e7eaec;
}

.shuttle-taxi-heading h3 {
    margin-top: 9px;
    line-height: 10px;
    font-weight: 300;
    color: #676a6c;
}

.shuttle-taxi-heading p {
    font-size: 14px;
    font-weight: 400;
    color: #676a6c;
}

.shuttle-taxi-body {
    margin: 0;
    background: #ffffff;
    width: 100%;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    padding-bottom: 20px;
}

.shuttle-taxi-body h3 {
    font-size: 18px;
    line-height: auto;
    color: #676a6c;
}

.shuttle-taxi-body p {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #676a6c;
    line-height: 20px;
    width: 90%;
}

.shuttle-taxi-body h4 {
    font-size: 18px;
    line-height: auto;
    color: #676a6c;
}

.video p {
    font-weight: 300;
    margin-top: -10px;
    font-size: 12px;
    line-height: 17px;
    color: #676a6c;
}

.right-txt {
    overflow: hidden;
}

.right-txt p {
    font-weight: 300;
    margin-top: -10px;
    font-size: 12px;
    line-height: 17px;
    color: #676a6c;
}

.right-txt .btn-info {
    font-size: 13px;
    background: none;
    color: #1bbdbe;
    border-color: #1bbdbe;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.right-txt .btn-info i {
    margin-right: 5px;
}

.servce-box-toggle {
    width: 45% !important;
}

.url-body-toggle {
    font-size: 16px !important;
}

.lst-btn-toggle {
    padding: 6px 4px !important;
}

/***** Demo page *****/
.demo-wrap-website {
    width: 100%;
    bottom: 3px;
}

.demo-page-ad-head {
    padding: 0;
}

.demo-header-logo {
    width: 55px;
}

.demo-header-logo img {
    width: 100%;
}

.demo-wqheader {
    background: #222222;
    border-color: #222222 !important;
}

.select-option .form-control {
    background: #444444;
    color: #ffffff;
    border-color: #444444;
    border-radius: 0;
    margin-top: 8px;
}

.select-option .form-control:focus {
    outline: none;
    box-shadow: none !important;
}

.demo-label label {
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    right: -36px;
    top: 8px;
    display: inline-block;
    background: #444444;
    padding: 8px 6px;
    color: #ffffff;
}

.demo-divices {
    margin-top: 17px;
}

.demo-divices i {
    color: #666;
}

.demo-divices i:hover {
    color: #ffffff;
}

.demo-divices .active i {
    color: #ffffff;
}

.demo-header-btn {
    float: right;
    margin-top: 10px;
}

.demo-header-btn .btn-default {
    background: #444444;
    color: #ffffff;
    border-color: #444444;
    border-radius: 0;
}

.btn-default:active:focus,
.btn-default:active:hover {
    background: #444444;
    color: #ffffff;
    border-color: #444444;
}

.demo-header-btn .btn-default i {
    margin: 0 5px 0 20px;
    transform: scaleX(-1);
}

/*** Book a ride ***/
.title-labl {
    display: block;
}

.posi-relative {
    position: relative;
}

.custom-modal-dialog {
    width: 88%;
}

.custom-modal-dialog .modal-body {
    overflow: hidden;
}

.custom-modal-dialog .modal-body .form-group {
    display: block;
    margin-bottom: 12px !important
}

.custom-modal-dialog .modal-body .close-input {
    width: 71%;
    float: left;
}

.custom-modal-dialog .modal-body .dropdown {
    display: block;
    float: left;
}

.custom-modal-dialog .modal-body .dropdown-menu {
    left: -186px;
}

.custom-modal-dialog .modal-body .dropdown-menu {
    width: 257px;
}

.custom-modal-dialog .modal-body .dropdown-menu>li {
    list-style: none;
    margin: 2px 6px 2px 0;
    text-align: left;
    font-size: 15px;
    padding: 0 5px;
}

.custom-modal-dialog .modal-body .dropdown-menu>li>a {
    display: block !important;
    padding: 0;
    white-space: inherit !important;
    line-height: 21px;
}

.close-input span {
    position: absolute;
    right: 1px;
    top: 0;
    width: 39px;
    height: 32px;
    background-color: #eee;
    color: #555;
    border-left: 1px solid #ccc;
    text-align: center;
    padding: 8px;
    margin-top: 1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.close-input span:hover {
    background: #ccc;
    color: red;
}

.input-datetme-picker {
    width: 73% !important;
    background: #fff !important;
    border-radius: 4px !important;
}

.car-type-function {
    margin-top: 5px;
}

.input-cartyp-first {
    width: auto;
    display: inline-block;
}

.input-cartyp-second {
    display: inline-block;
    box-sizing: border-box;
    width: 158px;
    height: 34px;
}

/*.time-select{
     display:none;
}
*/
.btn-apply {
    opacity: .65;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-apply:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.dispatch-radio-btn input[type=radio] {
    margin: 0px 8px;
    top: 1px;
    position: relative;
}

.use-new {
    margin-top: 10px;
}

.use-new input[type=checkbox] {
    width: 15px !important;
    height: 15px !important;
    position: relative;
    top: 2px;
    margin-right: 7px;
}

#storedcard {
    display: none;
}

#casematter-chargecode {
    display: none;
}

.popup-map {
    width: 100%;
    height: 590px;
}

.custom-modal-dialog .modal-footer {
    text-align: center;
}

.custom-modal-dialog .modal-footer .btn i {
    margin-right: 5px;
}

.new-booking,
.updatebutton {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.new-booking:hover,
.updatebutton:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.update-booking,
.cancelbutton {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.update-booking:hover,
.cancelbutton:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.cancel-booking,
.okbutton {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.cancel-booking:hover,
.okbutton:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.new-booking,
.update-booking,
.cancel-booking,
.sms-btn {
    width: 150px;
}

.location-dispatch {
    margin-bottom: 5px;
}

.chang-btn-apply {
    padding: 8px 12px;
}

.sms-margtop {
    margin: 15px 0 0 0 !important;
}

/** External Tool **/
.bokking_box-style {
    padding: 15px;
    margin-top: 100px;
    border-radius: 4px;
}

.upgrade-box {
    padding: 15px;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    color: #1bbdbe;
    background-color: rgba(4, 162, 179, 0.2);
    border-radius: 5px;
}

.upgrade-box p {
    font-size: 15px;
    margin: 2px 0;
    color: #1bbdbe;
}

.upgrade-box p a {
    padding: 2px 4px;
    border-radius: 3px;
    color: #ffffff;
    background-color: #4ea84d;
    border: 1px solid #4ea84d;
    margin-left: 4px;
    font-size: 13px;
}

.upgrade-box p a:hover {
    background-color: #4ea84d !important;
    border: 1px solid #4ea84d !important;
    color: #ffffff;
}

.upgrade-box p span {
    color: #5cb45b;
    font-weight: 700;
}

.main-bokking-box-style {
    padding: 15px;
    height: auto;
    border-radius: 4px;
}

.link-table {
    margin: 0 !important;
    overflow: hidden;
    border-top: 1px solid #ddd;
}

.link-table tr {
    border-bottom: 1px solid #ddd;
}

.link-table td:first-child {
    color: #797979;
    font-weight: bold;
}

.maincontent {
    width: 100%;
    height: auto;
}

.maincontent .blue-header {
    display: block;
    width: 100%;
    padding: 13px 26px;
    background-color: #1bbdbe;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.blue-header span {
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
}

.b-body-content {
    width: 100%;
    height: auto;
    padding-top: 30px;
}

.group-margin {
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
}

.b-body-content label {
    text-align: right;
    font-weight: bold;
    color: #000;
    height: 38px;
    line-height: 38px;
}

.blue-input {
    background-color: #fafafa;
    border-radius: 2px;
    border-color: #eeeeee;
    box-shadow: none;
    height: 38px !important;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.blue-input:focus {
    background-color: #FFF;
}

.ash-input {
    background-color: #eee;
    border-radius: 2px;
    border-color: #eeeeee;
    box-shadow: none;
    height: 38px !important;
    color: rgba(0, 0, 0, 0, 1);
    font-size: 14px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.ash-input::placeholder {
    font-size: 15px;
    font-weight: 400;
}

.ash-input:focus {
    background-color: #FFF;
}

.domain-btn {
    margin: 4px 0;
    background-color: #ffffff;
    border-color: rgba(42, 50, 60, 0.2);
    padding: 5px 10px !important;
    font-size: 12px;
    line-height: 1.5;
    color: #333;
}

.domain-btn:hover {
    background-color: rgba(42, 50, 60, 0.07);
    border: 1px solid rgba(42, 50, 60, 0.2);
}

.domain-small-text {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #737373;
    line-height: 18px;
}

.alert-text {
    font-size: 13px;
    color: #f03154;
    font-weight: 500;
}

.switch {
    position: relative;
    display: inline-block;
    width: 54px !important;
    min-width: 54px !important;
    height: 19px !important;
    margin-top: 7px;
    padding-right: 3px !important;
}

.switch input {
    display: none;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f3f6f9;
    border: 1px solid #ececec;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.switch input:checked+.slider {
    background-color: #1bbdbe;
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #1bbdbe;
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(34px);
    -ms-transform: translateX(34px);
    transform: translateX(34px);
}

.sitemp-link {
    display: block;
    margin: 8px 0;
}

.site-map {
    width: 100%;
    height: auto;
    overflow: auto;
    margin: 5px 0 10px 0;
}

.site-map img {
    width: 800px;
    height: auto;
}

/*** SMS/ Email ***/
.bokking-label {
    text-align: right;
    font-weight: bold;
    color: #000;
    height: 38px;
    line-height: 38px;
}

.textarea-bg {
    -moz-border-radius: 2px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #fafafa;
    border-radius: 2px;
    border: 1px solid #eeeeee;
    box-shadow: none;
    height: 38px;
    color: rgba(0, 0, 0, 0.6);
}

.textarea-bg::placeholder {
    font-size: 14px;
}

.textarea-bg:focus {
    background-color: #ffffff;
}

.main-bokking-box-style ul {
    margin-left: -25px;
}

.main-bokking-box-style ul li {
    list-style: none;
    display: inline-block;
}

.main-bokking-box-style ul li .dropdown i {
    margin: 0 5px;
}

.main-bokking-box-style .dropdown-menu {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 100px;
}

.main-bokking-box-style ul li .dropdown li {
    margin: 5px 0 !important;
    padding: 0 !important;
}

.main-bokking-box-style .dropdown-menu>li>a {
    padding: 3px 30px !important;
}

.colour-box {
    display: inline-block;
    width: 47px;
    height: 19px;
    vertical-align: top;
    margin-right: 10px;
}

.black {
    background: black !important
}

.silver {
    background: silver !important;
}

.grey {
    background: gray !important;
}

.maroon {
    background: maroon !important;
}

.red {
    background: red !important;
}

.purple {
    background: purple !important;
}

.green {
    background: green !important;
}

.olive {
    background: olive !important;
}

.navy {
    background: navy !important;
}

.blue {
    background: blue !important;
}

.orange {
    background: orange !important;
}

.text-box small {
    display: block;
    margin-top: 10px;
    margin-left: 5px;
    font-size: 12px;
    color: #333;
}

.alert-box {
    font-size: 14.5px;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #1bbdbe;
    background-color: rgba(4, 162, 179, 0.2);
}

.group-textbox small {
    color: #555;
    display: block;
    margin-top: 5px;
    font-size: 13px;
}

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

.update-btn {
    display: inline-block;
    color: #fff;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    padding: 9px 18px;
    border-radius: 3px;
    margin: auto;
}

.bg-none {
    text-align: center;
    background-color: transparent;
    border: none;
}

.container-sms {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    font-weight: 400 !important;
    height: 38px !important;
    line-height: inherit !important;
    margin-right: -9px;
    padding: 3px 38px;
}

.container-sms input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark-sms {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.containe-sms:hover input~.checkmark-sms {
    background-color: #ccc;
}

.container-sms input:checked~.checkmark-sms {
    background-color: #2196F3;
}

.checkmark-sms:after {
    content: "";
    position: absolute;
    display: none;
}

.container-sms input:checked~.checkmark-sms:after {
    display: block;
}

.container-sms .checkmark-sms:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.radio-box-padd {
    padding: 5px 0;
}

.touchspin-input .btn-primary {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

.touchspin-input .btn-primary:active,
.touchspin-input .btn-primary:hover,
.touchspin-input .btn-primary:focus {
    color: #333 !important;
    background-color: #d4d4d4 !important;
    border-color: #8c8c8c !important;
}

/* Header */
header .dropdown-menu {
    min-width: 190px;
}

/* Notifications */
.dropdown ul.dark-mode {
    margin-top: 0;
}

.dropdown ul.dropdown-menu.dark-mode li>a {
    color: #1b2e4b;
    padding: 10px 10px;
    border-bottom: 1px solid #e8e8e8;
}

.dropdown ul.dropdown-menu.dark-mode li:last-child>a {
    border-bottom: 1px solid transparent;
}

.dropdown ul.dropdown-menu.dark-mode li>a:focus,
.dropdown ul.dropdown-menu.dark-mode li>a:hover {
    background-color: transparent;
    color: #1bbdbe;
}

.user-infotext {
    /* background: #eee; */
    /* margin: 5px; */

    word-break: break-word;
    /* color: #fff; */

    font-size: 14px;
    padding: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #e8e8e8;
}

.dropdown ul.dropdown-menu.dark-mode li>a i {
    margin-right: 7px;
}

.top-notifications-area {
    position: relative;
    z-index: 1;
    border-radius: 2px;
}

.top-notifications-area .notifications-heading {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
}

.top-message-area .top-message-heading .heading-title h6,
.top-notifications-area .notifications-heading .heading-title h6 {
    color: #2b3544;
    display: inline-block;
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    text-transform: ;
}

.notification-count,
.messages-count {
    height: 5px;
    width: 5px;
    display: block;
    background: #4570E8;
    position: relative;
    right: -15px;
    top: -27px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.top-notifications-area .top-message-heading,
.top-message-area .top-message-heading {
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #ffffff;
    border-bottom: 1px solid #eee;
}

.top-message-area .top-message-heading>span,
.top-notifications-area .notifications-heading>span {
    color: #ffffff;
    padding: 2px 10px 2px 10px;
    background-color: #1bbdbe;
    border-radius: 40px;
    font-size: 11px;
    font-weight: 500;
}

.top-message-area .top-message-footer,
.top-notifications-area .notifications-footer {
    margin-top: 5px;
    border-top: 1px solid rgba(70, 95, 145, 0.1);
    padding: 10px;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.top-header-area .nav-item.dropdown .dropdown-menu .dropdown-item {
    white-space: normal;
    color: #666b84;
    font-size: 13px;
    font-weight: 400;
}

.notifications-box .list-group-item,
.message-box .list-group-item {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #f3f0f0;
}

.notifications-box .list-group-item:first-child,
.message-box .list-group-item:first-child {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: none;
}

.notifications-box .dropdown-item,
.message-box .dropdown-item {
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; */

    white-space: normal;
}

.notoifications .dropdown-menu {
    width: 350px;
    padding-bottom: 0px;
    padding: 0px;
    font-size: 13px;
    border: 1px solid rgba(70, 95, 145, 0.1);
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.header-right .notifications-box .dropdown-item,
.header-right .message-box .dropdown-item {
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: normal;
}

.wd-35 {
    width: 35px;
}

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

.ht-35 {
    height: 35px;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.wd-20 {
    width: 20px;
}

svg:not(:root) {
    overflow: hidden;
}

.wd-100p {
    width: 100%;
}

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

.tx-semibold {
    font-weight: 600;
}

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

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

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

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

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

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

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

.tx-gray-500 {
    color: #8392a5;
}

.ft-right {
    float: right !important;
}

.tx-gray-700 {
    color: #999;
    margin-top: 7px;
    line-height: 1.1;
    font-size: 12px;
}

.header-right .notifications-box .dropdown-item,
.header-right .message-box .dropdown-item {
    white-space: normal;
}

.notifications-box {
    height: 360px;
    overflow-y: auto;
}

h3.tx-13 {
    color: #000;
    font-weight: 700;
    text-align: left;
    margin: 0;
    padding: 0;
    float: none;
    width: 100%;
    font-size: 13px;
    display: block;
    padding-right: 96px;
}

.card-icon-warning {
    color: #ffc107 !important;
    background: rgba(234, 147, 12, 0.1) !important;
    justify-content: center;
}

.card-icon-primary {
    color: #007bff !important;
    background: rgba(5, 88, 183, 0.1) !important;
    justify-content: center;
}

.card-icon-success {
    color: #28a745 !important;
    background: rgba(40, 167, 69, 0.1) !important;
    justify-content: center;
}

.pos-relative {
    position: relative;
}

.msg-date {
    position: absolute;
    top: 0;
    right: 0;
}

.notifications-box .dropdown-item.active,
.notifications-box .dropdown-item:hover {
    text-decoration: none;
    background-color: #ECFDFC;
}

.user_dropdown .dropdown-menu::before {
    display: block;
    position: absolute;
    pointer-events: none;
    content: " ";
    visibility: visible;
    width: 17px;
    height: 17px;
    -webkit-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);
    box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);
    background-image: none;
    background-color: #FFFFFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    top: -5px;
    right: 10px;
}

.user_name>div {
    white-space: nowrap;
    /* max-width: calc(160px - 10px); */

    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    color: #494949;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 700;
}

.user_name {
    padding: 8px 10px 5px;
    border-bottom: 1px solid #e9ecef;
    background: #fdfdfd;
}

.user_name small {
    color: #a2a2a2;
    text-transform: lowercase;
}

.user_name .user_email {
    margin-top: -10px;
    font-weight: normal;
}

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

.user_dropdown ul li {
    display: block;
}

.user_dropdown ul li a {
    color: #494949;
    text-transform: capitalize;
    font-size: 14px;
    padding: 10px 0;
    padding-left: 11px;
    display: block;
    border-bottom: 1px solid #e9ecef;
}

.user_dropdown ul li a i {
    margin-right: 5px;
}

.user_dropdown ul li a:hover {
    background-color: #e9ecef;
}

/* 
.user_dropdown .dropdown-toggle::after {
	display: none;
} */
.user_dropdown .dropdown-toggle span {
    margin-right: 20px;
    position: relative;
}

/* 
.user_dropdown .dropdown-toggle span::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
} */

/* END */
.dropdown-menu {
    left: auto;
    right: 0;
    margin: 12px 0 0;
    padding: 0;
}

.role-name {
    display: block !important;
    font-weight: normal !important;
    font-size: 13px !important;
    color: #848484 !important;
    margin: 0 0 4px;
}

.after-logo {
    display: none;
}

/* dashbaord */

/* .wq-block-today div {
    padding: 18px 0;
} */

/* .block-today div {
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 10px;
} */
.block-bg-1,
.block-bg-2,
.block-bg-3,
.block-bg-4,
.block-bg-5 {
    background: #fff;
    position: relative;
}

.nomarbottom {
    margin-bottom: 0 !important;
}

.block-bg-1 .icon-box {
    color: #f99c32;
    background: #f9f2e9;
}

.block-bg-2 .icon-box {
    color: #2fb464;
    background: #e2f4e9
}

.block-bg-3 .icon-box {
    color: #fd6565;
    background: #fff0f0;
}

.block-bg-4 .icon-box {
    color: #886cff;
    background: rgba(136, 108, 255, 0.1);
}

.block-bg-5 .icon-box {
    color: #3f87f5;
    background: rgba(63, 135, 245, 0.1)
}

.wq-block-today>div {
    padding: 18px 0;
}

.block-today>a,
.block-today>div {
    padding: 11px 12px 16px;
    border-radius: 6px;
    margin-bottom: 10px;
    border: 1px solid #ececec;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
    display: block;
    background-color: #fff;
}

.icon-box {
    position: absolute;
    right: 14px;
    background: #ddd;
    text-align: center;
    top: 50%;
    width: 50px;
    font-size: 23px;
    height: 50px;
    border-radius: 50% !important;
    color: #fff;
    padding: 0 !important;
    transform: translateY(-50%);
    line-height: 50px !important;
}

.wqblock h4 {
    font-size: 35px;
    color: #000;
    font-weight: 500;
    margin: 0;
}

.wqblock h4 span {
    font-weight: normal;
    font-size: 14px;
}

.block-today h3 {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    color: #898989;
    border: none !important;
    min-height: 30px;
}

.bx-tada {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite
}

.bx-tada-hover:hover {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.notification-badge {
    position: absolute;
    top: 0;
    background: red;
    color: #fff;
    width: 23px;
    height: 16px;
    border-radius: 10px;
    text-align: center;
    font-size: 11px;
    right: -9px;
}

.dashboard-widgets {
    padding: 0;
    margin: 0 -6px 10px;
    list-style: none;
    font-size: 0;
}

.dashboard-widgets li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 6px;
    margin: 0;
    list-style: none;
}

/* Card  */
.card {
    border: 0;
    margin: 0px 0 15px !important;
    box-shadow: 0 6px 0px 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 4px;
}

.card .card-header {
    background-color: transparent;
}

/* .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
} */
.card-header {
    padding: 16px 15px 10px;
    /* padding-bottom: 1.5rem; */
    /* margin-bottom: 0; */

    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.card h1.card-title,
.card h2.card-title,
.card h3.card-title,
.card h4.card-title,
.card h5.card-title,
.card h6.card-title {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.05rem;
    font-size: 17px;
    margin-bottom: 0.25rem;
    margin-top: 0;
}

.card-title {
    margin-bottom: 1.5rem;
}

.card-body {
    flex: 1 1 auto;
    padding: 2rem 1.5rem;
    display: inline-block;
    width: 100%;
}

.apexcharts-toolbar {
    display: none !important;
}

#salesChart {
    margin-top: -26px;
}

.card-body.pb-0 {
    padding-bottom: 0;
}

#bookingChart {
    margin: 0 auto;
    /* display: table; */
}

.booking-card {
    background-image: linear-gradient(45deg, #0da0a0, #4adddd) !important;
    background-repeat: repeat-x !important;
    border-radius: 5px;
}

.booking-card.canceled {
    background-image: linear-gradient(45deg, #fd6565, #fd6565) !important;
    background-repeat: repeat-x !important;
    border-radius: 5px;
}

.booking-stats {
    margin: 0 -5px;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.booking-stats li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0 6px;
    list-style: none;
    width: 50%;
    font-size: 15px;
}

.booking-stats li h2 {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding: 22px 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.booking-stats li h3 {
    text-align: center;
    margin: 0;
    padding: 30px 0 40px;
    font-size: 40px;
    font-weight: 600;
    color: #fff;
}

/* timeline */
.timeline-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    clear: both;
    margin: 0 0 11px;
}

.timeline-block-card {
    position: relative;
}

.timeline-block-card::before {
    content: '';
    position: absolute;
    top: 0;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background: #d0f0f0;
    z-index: 1;
    left: 7px;
    width: 2px;
}

/* .timeline-block-right {
    float: right;
 }
 
 .timeline-block-left {
    float: left;
    direction: rtl
 }
  */
.marker {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #F5F7FA;
    background: #1bbdbe;
    margin-top: 1px;
    z-index: 9999;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}

.timeline-content {
    width: 100%;
    padding: 0 0 0 16px;
    color: #666;
}

.timeline-content h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 500
}

.timeline-content span {
    font-size: 11px;
    color: #a4a4a4;
}

.timeline-content p {
    font-size: 14px;
    /* line-height: 1.5em; */
    /* word-spacing: 1px; */

    color: #444;
    margin: 0 0 2px;
}

@media screen and (max-width: 768px) {
    .timeline-block {
        width: 100%;
        margin-bottom: 30px;
    }
}

.timeline-block-wrapper {
    height: 448px;
    overflow: auto;
}

.timeline-block-wrapper::-webkit-scrollbar,
.timeline-block-wrapper::-moz-scrollbar {
    display: none;
}

.btn-primary:hover {
	color: #fff;
	background-color: #079a9b;
	border-color: #079a9b;
}

.btn-primary {
    color: #fff;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}

table tr th {
    font-weight: 500;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #1bbdbe !important;
}

.table-responsive,
.datatable {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

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

.filter-box .btn {
    vertical-align: top;
}

/* CUSTOM RADIO, CHECKBOX SELECT */
.control-group {
    display: inline-block;
    vertical-align: top;
}

.control {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    padding: 0 0 0 30px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border-radius: 3px;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input~.control__indicator,
.control input:focus~.control__indicator {
    background: #ccc;
}

.control input:checked~.control__indicator {
    background: #2aa1c0;
}

.control:hover input:not([disabled]):checked~.control__indicator,
.control input:checked:focus~.control__indicator {
    background: #0e647d;
}

.control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    border-color: #fff;
    /* display: none; */
}

.control input:checked~.control__indicator:after {
    display: block;
    border-color: rgb(255, 255, 255);
}

.control--checkbox .control__indicator::after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid rgba(255, 255, 255, 0.4);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled~.control__indicator:after {
    background: #7b7b7b;
}

.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

.select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 10px 15px;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: #e6e6e6;
    color: #7b7b7b;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select select::-ms-expand {
    display: none;
}

.select select:hover,
.select select:focus {
    color: #000;
    background: #ccc;
}

.select select:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent;
}

.select select:hover~.select__arrow,
.select select:focus~.select__arrow {
    border-top-color: #000;
}

.select select:disabled~.select__arrow {
    border-top-color: #ccc;
}

/* END */
.filter-listing {
    padding: 0;
    margin: 0 -5px;
    font-size: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.filter-listing li {
    padding: 0 5px;
    margin: 0;
    font-size: 15px;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 25%;
}

.filter-listing li span {
    background: #fff;
    display: block;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 6px 0px 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
    padding: 14px 0 5px;
}

.filter-listing li .control-block {
    background: #fff;
    display: block;
    border-radius: 0 0 4px 4px;
    padding: 0px 0 0px;
    box-shadow: 0 6px 0px 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
}

.filter-listing.listing-counter li {
    font-size: 23px;
    font-weight: 600;
}

.bokking-filter {
    padding: 0px 0 0px;
    margin-bottom: 15px;
}

table .dropdown-menu>li>a {
    padding: 4px 10px;
    color: #4f4c4c;
    margin: 3px auto;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #333;
    background-color: #e8e8e8;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #666;
    border-color: #666;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
}

.pagination>li>a,
.pagination>li>span {
    padding: 0;
    margin: 0 2px;
    line-height: 28px;
    color: #fff;
    border: 0;
    border-radius: 50%;
    font-size: 12px;
    width: 28px;
    height: 28px;
    display: inline-block;
    float: none;
    text-align: center;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
}

.pagination>li {
    display: inline;
    padding: 0;
    margin: 0;
}

.pagination>li.previous a {
    -moz-border-radius: 50px 0 0 50px;
    -webkit-border-radius: 50px 0 0 50px;
    border-radius: 50px 0 0 50px;
    width: 40px;
}

.pagination>li.next a {
    -moz-border-radius: 0 50px 50px 0;
    -webkit-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    width: 40px;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 3;
    color: #fff !important;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
}

.table-inner-popup th {
    background: #f2f2f2;
    vertical-align: middle;
    padding: 9px !important;
}

.close {
    font-size: 25px;
    filter: alpha(opacity=60);
    opacity: .6;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    z-index: 1;
}

.dataTables_info {
    margin: 10px 0 0;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 14px 0 0 !important
}

body.dispatch_page .nav-side-menu .toggle-btn {
    display: none;
}

body.dispatch_page .wqtoggle-menu-app {
    position: fixed;
    top: 90px;
    background-color: #20b2aa;
    border-color: #20b2aa;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    z-index: 9;
    transition: all 0.3s;
    width: 60px;
    height: 60px;
    padding: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 10px rgba(6, 6, 6, 0.45);
    z-index: 999;
}

body.dispatch_page.menu-hide .left-dispatch-area {
    left: 0px;
    padding-right: 10px;
}

body.dispatch_page.menu-hide .wqsmall-navs {
    width: 50px;
}

body.dispatch_page.menu-hide .nav-side-menu li a i {
    width: 40px;
    font-size: 15px;
}

body.dispatch_page.menu-hide .wqlogo-small {
    padding-left: 2px;
}

body.dispatch_page.menu-hide .show-again {
    left: 20px;
}

body.dispatch_page.menu-hide .upgrade-ad {
    display: none !important;
}

.wqtoggle-menu-app,
header .logo-back {
    display: none;
}

.wrap-common {
    width: calc(100% - 250px);
    margin-left: 250px;
    position: relative;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .05);
}

a.new-toggle-btn,
a.new-toggle-btn:focus {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 15px;
    font-size: 23px;
    color: #1bbdbe !important;
}

body.sidebar-closed .wqsmall-navs {
    width: 50px;
}

body.sidebar-closed .nav-side-menu li a i {
    width: 40px;
    font-size: 15px;
}

body.sidebar-closed .wrap-common {
    width: calc(100% - 50px);
    margin-left: 50px;
}

body.sidebar-closed .content_area {
    margin-left: 65px;
}

body.sidebar-closed .sec-user-plans {
    display: none !important;
}

body.sidebar-closed .wqlogo-small {
    padding-left: 2px;
}

/* body.sidebar-closed .wqmenu-list li .collapse {
    display: none;
} */
.menu-overlay,
.dispatch-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    background: rgba(0, 0, 0, 0.50);
    z-index: 10;
}

body.menu-overlay-show .menu-overlay,
body.dispatch-overlay-show .dispatch-overlay {
    opacity: 1;
    visibility: visible;
}

.dropdown-menu {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
    border: 0;
}

.modal-info-icon,
.modal-error-icon {
    width: 5em;
    height: 5em;
    background-size: 5em !important;
    margin: 0 auto 40px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACeVBMVEUAAAD//wD4njX4mjL4nTH6nDP5nTP4mzL5nDL5nDL5nDL5nDL5nDL4nDP2oS/5nTL6nTH5nDL5nDL6nDL/n0D4nDL5nDL5nDL4mjL/kiT/qiv4nDL5nDL5nDL5nDL5mzP/mTP4nzD5nDP6nTL6nDH5nDT7nTP5nTL5nDL4nDH5nTL5nDP5nDL5mzD4nTH5mzL5nDL4nTT5nDL6mzL/oi75nDL5nDL5mzL/mTP4mzT5nDP5nDL3nDH4nTL5mzL5nDL5nDL5nDL5mzL5mzL5nDL5nDP5nDL6mzL6nTH3nTP1nTH5mzL5mzH/qlX5nDL6nDL4mi/5mzL4nDL6nDL/gAD5nDL4nDL6mzP6mjD6njP6nDL5nDL/pDf6nDL5nDL4nTH5nDP5mzL6nTL0mzf5nDL3nzD5nDL3my75nDL/njH5nDP2njX0nzX5nDL/nzD5nDP5nDH7nDH5nDP/oTb5nTL5nDP5nDH5nDH6nTH6nTL/qjn6nTL7nTH7nDT5nDL5mzL7njH4mzT6nDH6mzL4nTL5njH5nDL5nTL5nDL6mzL5nDLzly75nDL4njH5nTL5nTH5nDL4nTP5nDL5nDL2my74nDL5nDH5nDL5nDL4nDH4nDL5nDL5mzL4nDL6mzL5mzL5nTH6mzP5mTP4mTP3nDH4mzP6nDP5nDP5nDL5nDH5nDL5nDL5nDL5nDL5nDL6nDH4mzL5nDL3mTP5mzL5nTL4nDL6nTH5nDP4mzP5nDL4nDL4mzP/gED5mzL5nDH5nDL3mzL5nDH6nDH6nDP7mzL3mzT5nDL/nTv/mTP5nDL5mi/5nDL4nDL5nDL6nTH5nDH5nTL5nDIAAAAopENOAAAA0XRSTlMAASJMbY2rwNPm7vSqSxtWkcbykAhI2thHBwZNo/HwoQUliOnoLDyz/sRRz85PSc3LJ7S7C/v6igpF3txDmS7V+d3SXPXjt49oQRrkWQOoZyap6o4CrOuSNTeT7A6+rU5Qrr0XoiD3IdsV2R0Y1hB+gT6wE1t5fFheYAmUOTvv9j9KXWF1KvO4tmbiFuVEyoK5RqevHCSG+OeWmp9SlThXU2koIx9uatTR7d/g/OHQv2uJHinFw4xVl52YnASFtbJCybpkPUCLDQ/MK/3Cxy93nuLHbV0AAAABYktHRACIBR1IAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH5AccChYWDDVCUwAAB3lJREFUeNrFW/lDE0cUnqBBSDgCBDRgEaRqpIqtlCBCBVLkEEUsiBdUBaxYtBytWq0iVkWtFyqWWtFyWI422mqrvaTVevVu9z9qEhDnzc5mZya74fttZ95735fdtzOTmbcICcAQNGWqMXhaSKjJLElmU2jItDDj1PAgg0gsbkREWqKiJSqio2IiI3Qlt8Za4iQVTI+ZYdOHPT5h5gtq7GNInBWepDl98uwUNvYxvGiZoyn93Hl2Hnov5idolZSG1Je42b1YsFATCWmLxOg9eHmG3/SvLBan9yDdv1x41ZjhH78kOTKXiPNnLfWX3oPsHEF6q4U/9amwvyZ0E5blqkbOM+U7nfmmPFXDEIFMeL3AR8DlhUXFJSuSntkmRZQUFxWW+nAwr+SkXxWjGCulbHUy3am8eM0bim4VlTz8trUKYarWrfc5uBg2bNyk4BrGMUdV11BDON7cnKTuHL9lK/3dra1m5a9bQM24+mTWANssb9EiOFewuW/PpmWRkdF7DBExtBxu2M7iu+Ntiuu8Rh56D1bUU8Lk71R3rKbMPQ1Cc0rJLspTeEfNyybPv4wmwTWWtVmejbUqsSrDZC7L54rRe9AiH5xaV/n0kI8/i98V53cnVKEsoNGX/XuktX23n4sawx7ZjLZX2XoZ+e443veP3oN9ZCKYFWcmq5MwLQj3nx+hKeTPyt2vYPkBYWg6oAU/QgfbiMAWul0W8bQKNOJ3KzhEZFY7zWoJMQI7DmvF734KRB7kJlGMjITKD7XjR+gIcXePyk2OESJ3a8mPUBOM3iGfW45DixOq7/9J3PykmnUlET+YNDgM+z9SH//4BKBTpyHDGdhtOAt6MxjGf04BqAU+4yjYmwrlNanH4xaAzkGOFtAJ//9OZ5l/uQVYGwBJJ96XBcWlMYTjF4DOQ5b1WBdM0Qss0QQEILjYv/i8oxwME2a25aeAgC4wLdkvTXRkAmVGpmAiApAFEH38rDke7D91M271iQjo6sadPkkab94MdF1miyUkAH1KTfaZeKOD6c+DqIAgMBpdGWu0gv3HtYyhUOoiDKmsXhdxrrax8SYN3JbNrKHE0APIsrxtIDU3xesrIL5K/sKB/WeLvvwIXcXZcj0tXeCmrPeXQA3XAJ3nz+pneEOK7ocOBvAMehGRAmV68yMUjPNVuBui8IbV+gvow/nmuxdrHXgD8y6MOPpxvkQDGsCvS/XnRygUZ7yOEvDLE4EQABYfaehzMid0B8j6PviHKAA5iNAgzpgJ34oSjjj9JzH0czjm4Ixr0DT8kmcvUGg69gAMvTVoCL/kmYmEBdhwx2HwUnRzhBEXgPDzhVKUiF1VBUbACOZoQvjmxReBEfAl5liAXNiVMzACQjBH1+QLmIRHcAM8gklIQhNIQnzjYhJew+XggQRmILLijjfRV/hl4IfiWvHJSFgAMRmB6bg4EAK+xh1voan4ZVEgBKzDHfvQFPyyMBACOnHHWBSEX/IsSoUFgEXpbWQAf87L9RfwDe7nXpajbwWzUFQAWBLeQcRBGcdfM1EBYK/urrvhO7yB48+poIBK8OfUs7MSgTdIG/QWcADQ1XmawGH1Rr0FfI+7DXmbQBKMMJ8TiwmIBwUWd71tseCmbNFXQC8gGzu1sOFrEmmrvgJacS/T+PQ/C290XWIMJSRgAGxU/jDeGg5uy496CvgJUJ0fb70HRmfHbf0ENIKiq4nNanQL6GKck0UEwNPp0Yn2ZHBgUdCll4DroLrHPvC852egLEwvAWCnWvoF67kPeiSmY2t+AXDAged2sHYnzqqHgP35gOQB6FwIxTXrIWAUchDVGQ9Ap+u+9gLaXYDiLDHxz4DySndoLaAuFDLICk1PwP5C1fpDzuP7X2H8VplFvwNa7FG/qTxohtHzKJvS8PRSsu/Tkv8hUcIxSrFZAg+3JVePdvwJRH1IHLWSKIdQeeigVvyPyDKex3Q7eLIrSW0aKXhEFjIp7YnbhgnD7l4t+BOI3y8NKQ60c8yEacYR//kfuoigHceUjVcStpK9iaseWY7KZrKczx7py76CVCAdVx8TfaAuXRbwiW/Ba2QOKVni/O2nZeHKVG6prVbm4jrHMjtTsH/UJQuWrroR95RS1pstVFiXM10eafg3db8dFD9p3nVe+ghaYXN2HYvr9gaKa4GFbak6jtsbadXlDdvYvOuoH/bk1Zez0isUt/9+ijVAdS3NX8q4mMqwl2vraaWX96c/Zb+DtjCJjpGr13y+RpUHLo8ouJZx1WZUGiUlVAX3KZwS9g+uVfq8QrI/4R1S95olZZzutPTldE3sZdgacwbXdYb6cOiI5KR34w+npAaHaanTudSk/jXWzWP8/AhZZ/+pGpkJgh86udGu/q0TA+IeC9K7kXTU7C993qjgTDIO6qciHEgXevoAZ/4Sp/9b9EM7iJZOMfoHmnwd4MU/9dwvhD09QTN6Dxr/vcFDHzp7wH9OAvfSrrSxsZv+i72nOb0XtizjLjX2obtn9K0I3NlbND+Rzp14p6KH4VsuLbAtbTCzrGa41BQtSdGm0uGaC5l9sdyrNi/+B6+Vl4jEwHpHAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTA3LTI4VDEwOjIyOjIyKzAwOjAw9aF87wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wNy0yOFQxMDoyMjoyMiswMDowMIT8xFMAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC");
}

.modal-error-icon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACoFBMVEUAAAD/VVX7UVH8U1P7UVH6UlL7UlL7U1P7UlL6UlL7U1P7UlL7UlL7UlL8UVH/TU3/Tk77U1P7UlL7UlL7UlL7UlL7VFT/VVX/VVX7UlL7UlL7UlL7UVH7UVH/Zmb/QED8UVH6UVH6UlL8U1P/VVX4U1P7UlL7UlL7U1P4VVX/AAD7UlL7UlL7UlL7VFT7U1P7UlL7UlL8UVH7U1P5UVH7UlL5UVH/VVX7UlL7UlL7U1P8UlL7UlL8UlL7UlL7UlL8UlL7UVH7UlL7UlL7U1P6UVH7VFT/VVX/UlL7UlL6U1P7UlL7U1P/YGD5U1P7UlL7UlL6UVH6U1P6UlL7UlL7UVH7UlL8U1P7UlL7UlL7U1P/TU3/SUn8U1P6UlL7UlL8UlL/SUn7UlL7U1P/gID/XV37UlL7UVH7U1P7UlL/UVH7UlL8UlL6UVH/VVX7UVH6UVH6UFD7UlL3UFD8UVH8UlL8UlL8U1P7UVH7UlL8UlL7UlL7UlL/Tk77UlL/T0/7UlL7U1P6UVH6UlL8UVH7UlL8U1P7UlL4VVX6U1P7UlL5T0/6UlL7UlL7UlL/VVX7UlL8UVH8UlL7UlL7UlL/VVX4UFD8UlL7U1P7UlL8UlL4U1P8UlL3VVX6U1P8UlL5VVX7UVH7UlL7UlL8UFD7U1P7UlL7UlL7UlL7UlL7U1P7UlL8UlL8UlL7U1P7U1P6UFD7UVH7VFT6UlL6UlL6UlL7UVH6UlL7UlL7UVH6UlL7UlL6UVH7UVH6UVH8U1P7UVH7UlL/UVH7UlL7UlL8UVH8U1P7UlL/UFD6U1P7UlL7UlL8UlL8UlL6UlL6UlL7UlL8UlL/UlL5U1P7U1P4UVH7VFT7UlL/Tk76UlL5U1P8U1P7UVH7UlL7UlIAAAD7aq+6AAAA3nRSTlMAFTlfhKi7zNbg7vvLg14UDUeFxO/DRgwGjMnIikUFBEyjoUoDJebliCQBtP2yQ0TK0FXPLLcpCYD5kd723dSv3EL+8rZlQBscQWa4jggr8LFxNDVz8dNZ9PezCgdNovNXDsWLAgs7PKr8Fs2eoBjCLzDXIFtdkpTV607s2RfAHYKwYWNY+FP1JzftLd+G+h61T0vO5w8jmX5/mCLbITGWKofRPkl7xtrk6K2JUVRydTa5OjhkZz+nvbzix6aBaFyNuhPBdlJWqxBifXyflaQyepMfKNImPa4aYC5QdI/uS6peAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+QFDAclGD3nncgAAAiLSURBVHjavVv7QxVFFB4CrnB5i4C8vCYg74eikMhDQFRSgdRIUEBEUkLEQnxhwdVIRQRRfFSUaCYYWRqZFZXPzDK0h2X22L+le7nCnNmd3Z3Zu9fz070z5zvf2d3ZM2dmziKkRZyecXZxNUxyczd6eBjd3TwNrl7ez/hoMsUtvn6T/acIVDEGuAQGOZR8ql9wiIegKB6hYeHTHMNumv7sFIFJjDMiInWnjwqbycZuk+iYWD3Z4wLjE3jorZKQmKQbf3IKL7tNZs2O04M+MFUbvVUm2X8X5szVTm+V+DS76NOfm2cfv+W9zLAjNCTPVzKdmZWdYsjJMaRkz89U0luQq/XyM/JkTOYvDCtYtBjqLil8Pmxpvox6wrLlWviL3KjWikteWCETZkwrVyW+SAWVahgJL62mGCor916jDFtbUUkDVq3jpI9cRrHi713Ngq12Xk8B12zg4a8tkRjIK3+ZHb9xU53EwEJfdvwr9WJ03WbOp1jUIHHB04kVvKVUjG3cykdvlVcDxFZeW8KGbMoSAaO3aYrpcc3iCTSriQW3WMSft91XC71VqneIIknWYnWQ004Ss2u6Vnqr7G4hre15XQ1RKxp/bzA+NzlpbRSNxFpl/Ujy/ctrszu3MrmQj8GsHA/I+OOx1156q+wj89hgJd03CdX2t/TgR6hiP2G2WV7zADGfGTfqw4/QwV3QblWRnF468QJ0HNKLH6FDHdByqdzsnAG1MnW7/rF7QEyRy+hKyXC4elToyW8JCHAkJlBz1XQYAfP26cuPUDO8vE5aNIiBN6lNb36EJkP7h6X9RV0w/um/tkMmODt2SWf3pfAF7Naf35K4wnnhiLg3Fw6AHkfwI3QUDoNAsi/uGOjb7hh+hHYAknoyx+gBXb3HHeWAL8xQyPccrn+3UaAnTs43pp5iSooROv72LGPWO+9SepzlbkE46Gik5F8RtkDWF8XCH9VnC/kR0q44mLDDaHQEN9dtpVz/eCCNZvAgKnp80nlP2vk+yJUTAQbsf2ym2Dw50avuwQS/IJymdFeCgIx3ccLAK9hPQYFFspoHgF/oo/SngWs9M95oAoPTTLMKd8eUPYD8QgdNIx6YGo+3RwGIuv46KzB6QPALx2gqHwCFc9Ln4k+1e0pg84DkFz6kKp3HCg22lmlG3ORNxVT3MXkg4h/wpWrtxRpTpo61+OGWzGom03QPmJQsYaoM69gmhBrcsEn25g4Sxi/0q6r0yi6nP8JKQ2MNIAx/LAdS94CZH13EWqHW/744WytW2ExS8YCdH6Xj5N8jiBwCZoQ0esDBT4SCcETkap8owZQ84OJHn2JNL8tfkKqtUMTJe8DHjy5h1UYE42y+SRko5wEnPzLhQWBEyAkj5yI1oXrAy4/QZaztgz7Df4ZUkTQP+PlRMFYfhlnS5+pQqQca+NEVrN+MXPCfLxiwkoDLFn9JAWuANuSK/zBsYUnvAf/1I9SKEVfRlxO/VzPuBsp7wMiPNuDzha/ATNDJhpb3gJUfoa8nMKEInwqUssJlPGDnB6TZwJkRZjzVAw5+FDKBckc4HTKwG6B4wMMPBl4L6pr4beawIPGAix+ZJ3Dz9HKAliOxOaDXI+DyAD4C3QYhjwf43XfX8TXk8AC+hjoGInYPYCDCj2O/3aGY1QMiFF/FeLazCaXJiNGDboz4BnnhP4s08GuajpMw4Fvkjf8U8PP3pjGsmSTyHda/BlOyMA38TKs2sVzH6sPIB/9ZqoVfiwc3sPZNBEJhFWdaPh7/eT0g03IEztVWauLn9uAgVr2FiKXZKm38vB7cxprWpRlYnJZo5Of0QLQ4DdK0PBfP/xwegOV511iFDc6PhO+18vN4cAdr2SZgsE35g2Z+Dg9ysFLMWEMgbiiT2aSKJY0P2rNJdRdsUoWPtUwDp4rOVIxom26QbZuuj341P2KNlieBZwZuWk/F/MTEL/HgHlVpBCv8/KQpAoCo56Vn2fjFHqTSVOBWrd+TNhOAJdJARkZ+ls3qhcDUxOHgEG7Mox1tL2DlJz0YoPQfAidn+PQyFmziN1BQo8z8hAejlO77mCnhBG5OBM2UrbKmfGZ+eGRDKdp5AI5sckB7EnhyAZTc1M/mwR6mUtmoARv/OWlXHNirFwphDzy2u0Yx2jQ60FL/C2NtpO+9Yx0Do7SiJXhsF0r0VICeC0/n4PIoeW8mga5fHeXAKCDxFD3pQtD3VA6vk8W9IEsQjL85gp84vi+RdPd3ge5bjihg8AcE836XKhwG/YKL/g6cUbOfDgKuA4pYCiB/XzpNJRdW0OtdxtMDKzwTCulKRCWbIwuZ5OrZlmdDLV1LueCELjxcK6f3B1EXbfxTt+sni9n65TXvQEWh/aI+/LvJ2vfZSrrBhKoHyxGGqhSQFcY1isobcgjlvMlqC2ZVMRHvvyA8UinxrvUk9Rtb7ePv9ifthaxRQ/iIynqLZ7PwyElPB2lNvayXUti8g7F8SCrHT5OmhKy/WGCS0u6ZzdpKux/3igwtYCrtRmjLQxFQSDnIz//AX2yFtbgdISdPMbaucg4f/d/3Jd9mhXB8D1hrFiTizzE9bSyXfh/zSHX8Q4m8LvVAOP+YKV29u3dEis0L4/rEwyL/FFNcaC/3VilOX15RuZ8CzF/HSW+RtGyBJvnl/16SCY+m4dvxVVTQ2QP8/JaL+U/uQ6eqyzVXclvBuxnXnXQl+EaVjHpC8Fot/BZJyhIUpMx9p6fBbDZ4urmXKen1FWqkR9aP3doFO6Uro1Y7v0X6j9jHX6Lp6RMSXq+d3tOOuw8kOUQbfao+n3xaJSmR/6NXM9MJELPExkTz0A+eOWE/p0gizzUY2dg7Nvs5YG1plWmBNaFqn36PDIXbnUcqSlCgS4DMnTA2eoXb99Izi8+wt5erIWVnp7Gry9iZnWK42tY8fFOTqf8BmKSTXNGhZ1EAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMDUtMTJUMDc6Mzc6MjQrMDA6MDCCN10mAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIwLTA1LTEyVDA3OjM3OjI0KzAwOjAw82rlmgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=")
}

.alert-popup.modalsetup-bk-2 .modal-content {
    padding: 10px 30px;
    box-shadow: none;
    border: 0;
}

.alert-popup.modalsetup-bk-2 .modal-dialog {
    margin: 0;
    width: auto !important;
    border-radius: .8rem;
    overflow: hidden;
}

.alert-popup.modalsetup-bk-2 .btn-success {
    color: #fff;
    background: #1bbdbe;
    border-color: #1bbdbe;
    outline: none !important;
}

.alert-popup.modalsetup-bk-2 .btn-danger {
    color: #fff;
    background: #fd6565;
    border-color: #fd6565;
    outline: none !important;
}

.alert-popup.modalsetup-bk-2 .modal-body p {
    margin: 15px 0 20px;
}

.alert-popup.modalsetup-bk-2 .modal-info-icon,
.alert-popup.modalsetup-bk-2 .modal-error-icon {
    width: 3em;
    height: 3em;
    background-size: 3em !important;
    margin: 10px auto 10px
}

.alert-popup.modalsetup-web .modal-body {
    background-color: #ffffff;
}

.nw-booking-wrapper {
    padding: 0 0px;
    position: relative;
}

.nw-booking-wrapper,
.nw-booking-inner-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.nw-booking-date input,
.new-status-filter select,
.new-search-filter input {
    display: inline-block;
    /* margin-left: 10px; */
}

.nw-booking-filter {
    margin-left: auto;
}

.new-status-filter,
.new-search-filter {
    margin: 0 5px
}

.nw-booking-date label,
.new-status-filter label,
.new-search-filter label {
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 0;
}

.table>thead>tr>th {
    border-bottom: 1px solid #ddd;
}

table>thead>tr>th,
table>thead>tr>td,
table.dataTable td,
table.dataTable th {
    white-space: nowrap;
}

.table-responsive,
.datatable {
    /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    padding: 0 15px 15px; */

    margin-top: 15px;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 0;
}

table.dataTable tr td {
    border-bottom: 1px solid #eeeeee;
}

.pagination>li a,
.pagination>.disabled>a {
    background: transparent;
    color: #777 !important;
}

.pagination>li a:hover,
.pagination>.disabled>a:hover {
    background: transparent;
    color: #777 !important;
}

.pagination>.active>a,
.pagination>.active>span {
    background: #e0e0e0;
}

.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: transparent;
    color: #777 !important;
}

.nw-data-icon {
    display: flex;
    background-color: #1bbdbe;
    height: 34px;
    line-height: 34px;
    width: 40px;
    text-align: center;
    border-radius: 4px 0 0 4px;
    margin-right: -12px;
    position: relative;
    z-index: 1;
    border: 1px solid #1bbdbe;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.nw-data-icon,
.nw-data-icon .material-icons {
    font-size: 20px;
}

.tabs-checkbox {
    position: relative;
    display: block;
    padding: 10px;
}

.tabs-checkbox input {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.tabs-radio-count {
    display: block;
    width: 100%;
}

.filter-listing li .tabs-checkbox span {
    box-shadow: none;
    background-color: transparent;
    display: inline-block;
    width: auto;
    padding: 0;
    font-size: 20px;
    color: #495057;
    margin: 0 5px;
}

.filter-listing.booking-counter li {
    padding: 0;
}

.filter-listing.booking-counter li:last-child {
    border-right: 0;
}

.filter-listing.booking-counter li .tabs-checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 1;
    padding: 27px 0;
    border-radius: 5px;
    overflow: hidden;
    /* border: 1px solid #ececec; */

    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.filter-listing.booking-counter li .tabs-checkbox label {
    margin: 0 5px;
    position: unset;
    color: #000;
    font-weight: 500;
    font-size: 20px !important;
}

.filter-listing.booking-counter {
    position: relative;
    background-color: transparent;
    margin: 0 -6px;
    padding: 0px 0;
    /* box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2); */

    background-color: transparent;
    border-radius: 4px;
    overflow: hidden;
}

/* .filter-listing.booking-counter:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color:#e8e8e8;
} */
.filter-listing.booking-counter .control-block {
    background: transparent;
    box-shadow: none;
    padding: 6px;
    padding-top: 0;
}

.tabs-checkbox input+label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.tabs-checkbox label:before {
    content: "";
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% + 10px);
    width: 100%;
    z-index: -1;
}

.tabs-checkbox input:checked+label:before {
    content: "";
    background-color: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    top: unset;
    height: 4px;
    width: 100%;
    z-index: 1;
}

.filter-listing.booking-counter li .tabs-checkbox input+label:after {
    background: #fff;
}

.filter-listing.booking-counter li .tabs-checkbox input:checked+label:after {
    background: #1bbdbe;
}

.filter-listing.booking-counter li:nth-child(1) .tabs-checkbox label+span {
    color: #f99c32;
    background: #f9f2e9;
}

.filter-listing.booking-counter li:nth-child(2) .tabs-checkbox label+span {
    color: #2fb464;
    background: #e2f4e9;
}

.filter-listing.booking-counter li:nth-child(3) .tabs-checkbox label+span {
    color: #fd6565;
    background: #fff0f0;
}

.filter-listing.booking-counter li:nth-child(4) .tabs-checkbox label+span {
    color: #3f87f5;
    background: rgba(63, 135, 245, 0.1);
}

.filter-listing.booking-counter li:nth-child(5) .tabs-checkbox label+span {
    color: #886cff;
    background: rgba(136, 108, 255, 0.1);
}

.filter-listing.booking-counter li .tabs-checkbox input+label,
.filter-listing.booking-counter li .tabs-checkbox input+label+span {
    padding: 0px 12px;
    border-radius: 50%;
    font-size: 15px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-listing.booking-counter li .tabs-checkbox input:checked+label,
.filter-listing.booking-counter li .tabs-checkbox input:checked+label+span {}

.filter-listing.booking-counter li .tabs-checkbox input:checked+label {
    color: #fff;
}

.filter-listing.booking-counter li .tabs-checkbox input+label+span {
    background-color: #686B6D;
    color: #fff;
    height: 45px;
    width: 45px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.filter-listing.booking-counter li .tabs-checkbox input:checked+label+span {
    background-color: #fff;
    color: #1bbdbe;
}

.page_title {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 2.4rem;
    color: #686B6D;
    margin-top: 0px;
    display: inline-block;
    width: 100%;
    font-weight: 400;
}

.page_title .boldtext {
    font-weight: 600;
}

.tabel_box td .btn-primary {
    font-size: 13px;
    font-weight: 400;
    background-color: #f0f0f0;
    color: #777;
    transition: all .5s ease;
    height: 35px;
    width: 35px;
    padding: 0;
    border-radius: 50%;
    border: 0;
    line-height: 35px;
}

.tabel_box td .btn-primary.active,
.tabel_box td .btn-primary:hover,
.tabel_box td .btn-primary:active,
.tabel_box td .open>.dropdown-toggle.btn-primary {
    background-color: #e0e0e0;
    color: #777;
    outline: 0;
}

.tabel_box td .btn-primary.normal-btn {
    padding: 0 10px;
    font-size: 13px;
    font-weight: 400;
    background-color: #ffffff;
    border-color: #1bbdbe;
    color: #1bbdbe;
    border-radius: 3px;
    transition: all .5s ease;
    height: 30px;
    line-height: 30px;
    width: auto;
    border: 1px solid;
}

.tabel_box td .btn-primary.normal-btn:hover {
    background-color: #1bbdbe;
    color: #fff;
}

.data-booking-pickup,
.data-booking-dropoff {
    max-width: 250px;
    width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*td.data-booking-refid {
    max-width:100px;
    width:100px; 
}
td.data-booking-date {
    max-width:100px;
    width:100px;  
}
td.data-booking-vehicle {
    max-width:100px;
    width:100px; 
}
td.data-booking-payment {
    max-width:150px;
    width:150px;  
}
td.data-booking-payment,
td.data-booking-vehicle,
td.data-booking-date,
td.data-booking-refid,
td.data-booking-pickup,
td.data-booking-dropoff {
    text-overflow:ellipsis;
    overflow:hidden;
} */
.card-shadow,
.card {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
    margin: 0 0 10px;
}

.card {
    border-radius: 6px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 5px 10px;
}

.payment-img {
    max-height: 20px;
}

.selected-options ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.selected-options ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.selected-options ul li button {
    font-size: 13px;
    font-weight: 400;
    background-color: #f0f0f0;
    color: #777;
    transition: all .5s ease;
    height: 35px;
    width: 35px;
    padding: 0;
    border-radius: 50%;
    border: 0;
    line-height: 35px;
}

.selected-options ul li button:hover {
    background-color: #e0e0e0;
    color: #777;
    outline: 0;
}

.select-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 8px;
}

.selected-options {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    top: 0;
    z-index: 2;
}

/* table.dataTable tr {
    position:relative;
}
td.action-td,
th.action-th {
    
}

th.action-th {
    
}

td.action-td {
    position:relative;
}
td.action-td .table-action {
    position: absolute;
    left: 0;
    top: 8px;
    transform: translateX(100%);
    background-color: #fff;
} */
.theme-reset-btn,
.theme-search-btn {
    border-radius: 5px !important;
    border: 1px solid #ccc;
    margin-left: 5px;
    padding: 5px 10px !important;
    font-size: 12px;
    line-height: 1.5;
}

.theme-reset-btn,
.theme-reset-btn i,
.theme-search-btn,
.theme-search-btn i {
    color: #333 !important;
}

.flex-search {
    display: flex;
}

.flex-search input {
    max-width: 155px;
}

.flex-search button {
    border-radius: 0 5px 5px 0;
    border: 1px solid #ccc;
    border-left: 0px;
    margin-left: -4px;
}

.table-chechbox input:checked+span:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 5px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.table-chechbox input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.table-chechbox label {
    position: relative;
    cursor: pointer;
}

.table-chechbox label span:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.54);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 2px;
}

.table-chechbox input:checked+span:before {
    background-color: #1bbdbe;
    border-color: #1bbdbe;
}

.payment-gateway-wrap {
    padding-bottom: 20px;
}

.general-settings-wrapper {
    max-width: 800px;
    margin: 0 auto;
}

.flex-form-inline {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.flex-form-inline label {
    min-width: 250px;
    margin-right: 5px !important;
    text-align: right;
    padding-right: 30px;
}

.flex-form-inline i {
    cursor: pointer;
    padding-left: 10px;
    color: #909090;
    font-size: 13px;
}

.flex-form-inline .input-class {
    margin: 0 3px !important;
}

.tooltip {
    font-family: inherit;
    z-index: 99999999;
}

.gray-que {
    color: #909090;
    font-size: 13px;
    cursor: pointer;
}

ul.list-unstyled,
ul.list-unstyled li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.text-left {
    text-align: left !important;
}

.mxw-200 {
    max-width: 200px;
}

.d-inline-block {
    display: inline-block;
}

.flex-list-top {
    display: flex;
    align-items: flex-start;
}

.notifications-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


label {
    font-size: 14px;
    margin: 0 0 4px;
}

table thead tr th,
table thead tr td,
table tbody tr th,
table tbody tr td,
table tfoot tr th,
table tfoot tr td {
    vertical-align: middle !important;
}

.MuiTable-root {
    width: 100%;
    display: table;
    border-spacing: 0;
    border-collapse: collapse;
    outline: none;
}

.MuiTableHead-root {
    display: table-header-group;
}

.MuiTableRow-root {
    color: inherit;
    display: table-row;
    outline: 0;
    vertical-align: middle;
}

.MuiTableCell-paddingCheckbox {
    width: 48px;
    padding: 0 0 0 4px;
}

.MuiTableCell-root {
    display: table-cell;
    padding: 16px 10px;
    text-align: left;
    font-family: Roboto, Helvetica, Arial, Heebo, sans-serif;
    font-weight: 400;
    line-height: 1.43;
    border-bottom: 1px solid rgba(224, 224, 224, 1);
    vertical-align: inherit;
    font-size: 14px;
    white-space: nowrap;
    /* white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.MuiTableCell-head {
    color: rgb(104, 107, 109);
    line-height: 1.5rem;
    font-size: 14px;
    font-weight: 700;
}

.MuiTableCell-body {
    color: #404040;
}

.MuiTableRow-root.MuiTableRow-hover:hover {
    background-color: rgb(235, 236, 245);
}

.MuiTableRow-root.selected {
    background-color: rgba(32, 178, 170, 0.1);
}

.MuiIconButton-root {
    flex: 0 0 auto;
    color: #686B6D;
    padding: 12px;
    overflow: visible;
    font-size: 1.5rem;
    text-align: center;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 50%;
    display: inline-flex;
}

.MuiIconButton-root:hover,
.MuiIconButton-root:focus {
    background-color: rgba(0, 0, 0, 0.08);
    color: #1bbdbe !important;
}

.MuiToolbar-regular {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.w-100 {
    width: 100% !important;
}

@media (min-width: 600px) {
    .MuiToolbar-regular {
        min-height: 64px;
    }
}

th.sortup,
th.sortdown {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto;
}

th.sortup {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAVklEQVR4Ae3MAQYAIBBE0RBCd+0oHaRDhI4VamOEAa0FquFbWM+9vYTMyEDJinQDtpEsValJRYURslaRxwWmQAhai1I7wTIhDG0Mf4oRhAVcM+Q+dMMm1u0lBWfCKz0AAAAASUVORK5CYII=')
}

th.sortdown {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAASklEQVR4AWMY2WA/CFPfoFGD8oG4nwiD+qFqEQCLgv8gGt0g3GoIG9aOaRCmIcQalo8wCNMQUg37DMS/0Q0hyzAKDUEYBsYjFwAAOvclNTTwq20AAAAASUVORK5CYII=')
}

.nw-booking-searchShow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 395px;
    position: absolute;
    top: -3px;
    background-color: #fff;
    padding-bottom: 8px;
    z-index: 2;
    right: 0;
}

.nw-booking-date {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    width: auto;
    position: relative;
}

.nw-booking-date.daterange {
    top: -8px;
    margin-right: 5px;
}

.search-input-button {
    display: flex;
    align-items: center;
}

.search-input-button input {
    padding-left: 20px
}

.MuiTablePagination-toolbar {}

.dropdown.show-entries-drop {
    margin-right: auto;
}

.MuiTablePagination-toolbar .dropdown a {
    color: #212529 !important;
    display: flex;
    align-items: center;
}

.MuiTablePagination-toolbar .dropdown a>span {
    color: #ffffff;
    background-color: #1bbdbe;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    width: 50px;
    border-radius: 5px;
    padding: 0 4px 0 8px;
    margin-left: 9px;
}

.MuiTablePagination-toolbar .dropdown a>span svg {
    line-height: 0;
    height: 30px;
    margin-top: -3px;
}

.MuiTablePagination-toolbar .dropdown-menu {
    padding: 5px 0;
    font-size: 13px;
    border: 1px solid rgba(70, 95, 145, 0.1);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
    width: auto;
    min-width: unset;
    top: 0;
    transform: translateY(-100%);
    margin-top: 0;
}

.MuiTablePagination-toolbar .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529 !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.MuiTablePagination-toolbar .dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.14);
}

.MuiSvgIcon-root {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
}

.pagination-toolbar,
.pagination-toolbar li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.pagination-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    min-width: 250px;
}

.MuiIconButton-root.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
    background-color: transparent;
    pointer-events: none;
    opacity: 0.5;
}

/* .pagination-toolbar a.MuiIconButton-root,
.pagination-toolbar a.MuiIconButton-root:hover {
    color: rgb(255, 255, 255) !important;
    background-color: #1bbdbe;
} */
.MuiTableCell-head.MuiTableCell-action,
.MuiTableCell-body.MuiTableCell-action {
    padding: 0;
}

.MuiTableCell-action * {
    display: none;
    padding: 0;
    background: none;
}

.selected .MuiTableCell-action>* {
    display: block;
    background: none;
}

.MuiTableHead-root .MuiTableRow-root.selected {
    background-color: #fff;
}

.MuiTableBody-root .selected .MuiTableCell-action>* {
    font-size: 19px;
    display: inline-block;
    padding: 0 5px;
}

.MuiTableBody-root .selected .MuiTableCell-action .dropdown a {
    display: block;
    background: none;
}

.selected .MuiTableCell-action {
    min-width: 70px;
    padding: 0 0;
    text-align: center;
}

.selected .MuiTableCell-action .open>.dropdown-menu {
    width: auto;
    min-width: 100px;
    left: auto;
    background-color: #fff;
    margin-top: 0;
}

.MuiTableBody-root .MuiTableCell-action .dropdown a.dropdown-item,
.MuiTableBody-root .MuiTableCell-action .dropdown a.dropdown-item span {
    color: rgba(0, 0, 0, 0.4);
    font-size: 15px;
    display: flex;
    align-items: center;
    padding: 3px 5px;
    width: 100%;
    justify-content: flex-start;
    text-align: left;
    font-weight: 500;
}

.MuiTableBody-root .MuiTableCell-action .dropdown a.dropdown-item span.material-icons {
    max-width: 30px;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.MuiTableBody-root .MuiTableCell-action .dropdown a.dropdown-item {
    border-bottom: 1px solid rgba(224, 224, 224, 1);
}

.MuiTableBody-root .MuiTableCell-action .dropdown a.dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.14);
}

.MuiTableBody-root .selected .MuiTableCell-action .MuiIconButton-root,
.MuiTableBody-root .selected .MuiTableCell-action .MuiIconButton-root .material-icons {
    font-size: 20px;
    color: rgb(104, 107, 109);
}

.MuiTableBody-root .selected .tooltip {
    background: #000;
    padding: 5px 10px;
    border-radius: 5px;
}

.MuiTableBody-root .selected .tooltip * {
    display: block;
    font-size: 12px;
}

.MuiTableBody-root .MuiTableCell-action .dropdown a .tooltip {
    min-width: 100px;
    transform: translateX(-90%);
    left: 20px !important;
}

.nw-booking-date .material-icons {
    color: #2fb464;
}

.MuiIconButton-root .dropdown-menu,
.MuiIconButton-root .dropdown-menu li {
    list-style: none;
    max-height: 400px;
    overflow: auto;
    min-width: 235px;
}

.MuiIconButton-root .dropdown-menu li.disabled-input {
    display: none;
}

.MuiIconButton-root .table-chechbox label {
    color: rgba(0, 0, 0, 0.87);
    display: block;
}

.MuiIconButton-root .table-chechbox {
    padding: 0px 5px 5px 5px;
}

.MuiIconButton-root .table-chechbox label span {
    margin-right: 6px;
}

#columns-list li:first-child,
#columns-list li:last-child {
    display: none;
}

#filters-dropdown {
    padding: 24px 24px 20px 24px;
    min-width: 400px;
}

/* .dropdown.open .dropdown-menu {
    display:block;
} */
#filters-dropdown label {
    color: rgba(0, 0, 0, 0.87);
    display: block;
}

.filter-resetbutton {
    width: 120px;
    padding: 5px 10px;
    color: #ffffff;
    outline: none;
    border-radius: 3px;
    background-color: #1bbdbe;
    margin: 0 auto;
    border: 0;
    display: block;
}

.filterDrop-heading {
    font-size: 16px;
    font-weight: 500;
}

.MuiTable-root-wrapper {
    width: 100%;
    overflow: auto;
    /* min-height:250px; */
}

.MuiTableCell-body img {
    max-height: 30px;
}

.daterangepicker .ranges li {
    margin: 0;
    list-style: none;
}

.daterangepicker .ranges li.active {
    background-color: #1bbdbe !important;
}

.daterangepicker {
    border: 1px solid #e5eaee !important;
    box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15);
}

.nw-booking-date .date-range {
    max-width: 150px
}

.MuiIconButton-root .table-chechbox label.disabled {
    opacity: 0.8;
}

.table-capacity-list,
.table-capacity-list li {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 13px;
}

.table-capacity-list li {
    margin-bottom: 5px;
}

.table-capacity-list li [class*="col-"] {
    padding: 0px;
}

.table-capacity-list li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.form-control.form-control-solid,
.man-invoice .pickuploc button,
.bs-searchbox .form-control,
.bootstrap-select .btn {
    background-color: #f3f6f9;
    border-color: #ececec;
    color: #464e5f;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    height: calc(1.5em + 1.3rem + 2px);
    outline: none;
}

.form-control.form-control-solid.active,
.form-control.form-control-solid.focus,
.form-control.form-control-solid:active,
.form-control.form-control-solid:focus,
.man-invoice .pickuploc button:active,
.man-invoice .pickuploc button:focus,
.bs-searchbox .form-control:active,
.bs-searchbox .form-control:focus {
    background-color: #fff;
    border-color: #1bbdbe;
    color: #464e5f;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    box-shadow: none;
}

.cancel-btn {
    color: #fff;
    background: #666;
}

.cancel-btn:hover {
    color: #fff;
    background: rgb(63, 63, 63);
}

.file-input {
    display: inline-block;
    text-align: left;
    background: #f3f6f9;
    padding: 7px;
    width: 100%;
    position: relative;
    border-radius: 3px;
    border: 1px solid #ececec;
}

.file-input>[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

.file-input>.button {
    display: inline-block;
    cursor: pointer;
    background: #1bbdbe;
    color: #fff;
    padding: 5px 13px;
    border-radius: 2px;
    margin-right: 8px;
    font-size: 13px;
}

.file-input:hover>.button {
    background: #1bbdbe;
    color: white;
}

.file-input>.label {
    white-space: nowrap;
    color: #464e5f;
    font-weight: 400;
    font-size: 13px;
}

.file-input.-chosen>.label {
    opacity: 1;
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff !important;
    background-color: #1bbdbe;
    border-color: #1bbdbe !important;
}

.bootstrap-select.btn-group .dropdown-menu li {
    margin: 0;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    margin-top: 10px !important;
}

.bootstrap-select.btn-group .dropdown-menu>li>a {
    padding: 6px 10px;
}

.bootstrap-select.btn-group .dropdown-menu li.active a,
.bootstrap-select.btn-group .dropdown-menu li.active a:hover,
.bootstrap-select.btn-group .dropdown-menu li.active a:focus {
    padding: 6px 10px;
    background-color: #1bbdbe;
}

.bootstrap-select.btn-group .dropdown-menu {
    border: 1px solid #ececec;
}

.vehicle-form {
    max-width: 800px;
    margin: 0 auto;
}

.payment-icon {
    font-size: 20px !important;
    vertical-align: middle;
    color: #1bbdbe;
    margin-right: 5px;
    max-width: 19px;
}

.jur-ind {
    font-size: 20px !important;
    vertical-align: middle;
    color: #686B6D;
    margin-left: 5px;
}

.left-wrap-nav .panel-group .panel .panel-body ul {
    position: relative;
}

.left-wrap-nav .panel-group .panel .panel-body ul:after {
    content: "";
    position: absolute;
    left: 23px;
    height: 100%;
    width: 1px;
    background-color: #425668;
    top: 0px;
}

.nav-side-menu li a i.fa-circle {
    color: #425668;
}

.label[class*="label-"] {
    font-size: 13px;
    font-weight: 400;
    font-family: Roboto, Helvetica, Arial, Heebo, sans-serif;
}

/* New Form Input Styling  */
.form-wrapper-outer {
    padding: 40px;
    border-radius: 8px;
    margin: auto;
    width: 460px;
    border: 1px solid #DADCE0;
    margin-top: 7%;
}

.form-wrapper-outer .form-logo {
    margin: 0px auto 15px;
    width: 100px;
}

.form-wrapper-outer .form-logo img {
    width: 100%;
}

.form-greeting {
    text-align: center;
    font-size: 25px;
    margin-bottom: 15px;
}

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

.field-wrapper {
    position: relative;
    margin-bottom: 25px;
}

.field-wrapper input {
    border: 1px solid #DADCE0;
    padding: 15px 15px;
    padding-right: 45px;
    border-radius: 4px;
    width: 100%;
    color: #848484;
}

.field-wrapper .field-placeholder {
    font-size: 16px;
    position: absolute;
    /* background: #fff; */

    bottom: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #80868b;
    left: 8px;
    padding: 0 8px;
    -webkit-transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    padding: 0;
    text-align: left;
    width: 100%;
    font-weight: 500;
}

.new-label {
    font-size: 16px;
    z-index: 1;
    padding: 0;
    text-align: left;
    width: 100%;
    color: #333;
    font-weight: 500;
}

.field-wrapper .field-placeholder span {
    background: #ffffff;
    padding: 0px 8px;
}

.field-wrapper input:not([disabled]):focus,
.field-wrapper:hover input:not([disabled]) {
    border: 1px solid #1bbdbe;
}

.field-wrapper.hasValue input:not([disabled])~.field-placeholder {
    color: #333;
}

.field-wrapper input:not([disabled]):focus~.field-placeholder,
.field-wrapper.hasValue input:not([disabled]):focus~.field-placeholder {
    color: #1bbdbe;
}

.field-wrapper input:not([disabled]):focus~.field-placeholder,
.field-wrapper.hasValue input:not([disabled])~.field-placeholder {
    -webkit-transform: scale(.75) translateY(-150%) translateX(-16%);
    transform: scale(.75) translateY(-150%) translateX(-16%);
}

.field-info-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #686B6D;
    font-size: 16px;
    z-index: 1;
}

.field-info-icon:hover {
    background-color: rgba(0, 0, 0, 0.08);
}

/* input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #333;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
} */
.mb-25 {
    margin-bottom: 25px !important;
}

/* New Form Input Styling  */
.input-social {
    display: flex;
    align-items: center;
    width: 100%;
}

.input-social .url-icon {
    width: 40px;
    text-align: center;
    background-color: #f3f6f9;
    height: 42px;
    border: 1px solid #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -7px;
    z-index: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-social .url-icon i {
    padding: 0;
    font-size: 15px;
    color: #1bbdbe;
}

.card-subhead {
    margin: 0;
    padding: 20px 30px 0;
    margin-bottom: 0px;
    font-weight: 400;
}

.nw-booking-searchShow .form-control.form-control-solid {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    border-radius: 0;
    padding-left: 0;
    padding-bottom: 0;
    font-size: 15px;
}

.nw-booking-searchShow .form-control.form-control-solid:hover {
    border-bottom: 2px solid #686B6D;
}

.nw-booking-searchShow .form-control.form-control-solid:focus {
    border-bottom: 2px solid #1bbdbe;
}

.nw-booking-searchShow .nw-data-icon {
    margin: 0;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.54);
    border: 0;
}

.nw-booking-searchShow .nw-data-icon,
.nw-booking-searchShow .nw-data-icon .material-icons {
    font-size: 25px;
    margin-bottom: -8px;
}

.nw-booking-searchShow .MuiIconButton-root {
    margin-bottom: -8px;
    position: relative;
    bottom: -8px;
}

.nw-booking-searchShow .MuiIconButton-root:hover {
    color: #f44336 !important;
}

.nw-booking-searchShow .nw-search-input {
    width: 100%;
}

/* .nw-tables-header.MuiToolbar-regular {
    margin-top: -10px;
    padding-bottom: 10px;
} */
.MuiTablePagination-toolbar .MuiIconButton-root {
    color: #1b1b1b;
}

.MuiTablePagination-toolbar .MuiIconButton-root .MuiSvgIcon-root {
    font-size: 2.3rem;
}

.table-star-ratting {
    padding: 0;
    margin: 0;
}

.table-star-ratting li {
    display: inline-block;
    list-style: none;
    padding: 0;
    color: #1bbdbe;
}

.table-status {
    position: relative;
    padding-left: 20px;
}

.table-status .indicator {
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.table-status.active .indicator {
    background-color: #5cb85c;
}

.table-status.inactive .indicator {
    background-color: #d9534f;
}

.status-time {
    font-size: 12px;
    font-weight: 600;
    color: #686B6D;
}

.material-icons.table-date-icon {
    font-size: 16px;
    vertical-align: text-top;
}

.nw-addNew-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 120px;
    color: #1bbdbe;
    height: 40px;
    padding: 0 1.25rem;
    border-radius: .85rem;
    font-weight: 500;
    background-color: #eeffff;
}

.nw-addNew-btn span {
    line-height: 0;
}

.nw-addNew-btn .nw-icon,
.nw-booking-date .nw-addNew-btn .material-icons {
    color: #1bbdbe;
    font-size: 26px;
}

.nw-addNew-btn svg g [fill] {
    fill: #1bbdbe;
}

.nw-addNew-btn:hover {
    background-color: #1bbdbe;
}

.nw-addNew-btn:hover {
    color: #fff !important;
}

.nw-addNew-btn:hover svg g [fill] {
    fill: #fff;
}

.nw-addNew-btn:hover .nw-icon,
.nw-booking-date .nw-addNew-btn:hover .material-icons {
    color: #fff;
}

.nw-card-head,
.nw-tabs-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid #ecf0f3;
    margin: -2rem -1.5rem 0;
    padding: 0rem 2.25rem;
}

.nw-card-head {
    background-color: #f7f8ff;
    border-radius: 6px 6px 0 0;
}

.nw-card-head h4 {
    color: #444;
}

.nw-tabs-head.nav-tabs>li {
    padding: 0;
    margin: 0;
}

.nw-tabs-head.nav-tabs>li>a {
    border: 0 !important;
    background-color: transparent;
    padding: 0;
    position: relative;
    color: #464e5f;
}

.nw-tabs-head.nav-tabs>li>a:hover,
.nw-tabs-head.nav-tabs>li.active>a {
    color: #1bbdbe !important;
}

.nw-tabs-head.nav-tabs>li.active>a:after,
.nw-tabs-head.nav-tabs>li.active>a:focus:after,
.nw-tabs-head.nav-tabs>li.active>a:hover:after,
.nw-tabs-head.nav-tabs>li>a:hover:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #1bbdbe;
}

.nw-tabs-head.nav-tabs>li>a {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    margin: 0 1rem;
}

.nw-tabs-head.nav-tabs>li:first-child>a {
    margin-left: 0;
}

.nw-tabs-head.nav-tabs>li:last-child>a {
    margin-right: 0;
}

.nw-tab-content-inner {
    min-height: 1px;
    padding: 2.25rem;
}

.nw-card-footer {
    padding: 2rem 2.25rem;
    background-color: #fff;
    border-top: 1px solid #ecf0f3;
    border-radius: 0 0 6px 6px;
    text-align: center;
}

.text-muted {
    color: #949494;
}

.text-muted.error {
    color: #F44336;
}

.form-group .form-text {
    font-size: 1.2rem;
    font-weight: 300;
    margin-top: 5px;
    display: inline-block;
}

.nw-card-footer .bookride {
    margin-bottom: 0;
    padding: 8px 40px;
    font-size: 15px;
}

.text-req {
    color: #F44336;
    font-size: 17px;
    line-height: 0;
}

.select2-container--default .select2-selection--single {
    justify-content: space-between;
    border: 1px solid #e5eaee;
    outline: 0 !important;
    border-radius: .85rem;
    height: auto;
    line-height: 0;
    background-color: #f7f7fb;
    font-size: 13px;
    display: block;
    line-height: 38px;
    padding-right: 10px;
    align-items: center;
}

.select2-container--default .select2-selection--multiple {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #e5eaee;
    outline: 0 !important;
    border-radius: .85rem;
    height: auto;
    line-height: 0;
    background-color: #f7f7fb;
    height: calc(1.5em + 1.3rem + 10px);
    font-size: 13px;

}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #666666;
    font-size: 13px;
    line-height: 39px;
}

.form-control.form-control-solid {
    border-radius: .85rem;
    color: #666666;
    font-size: 13px;
    background-color: #f7f7fb;
    height: calc(1.5em + 1.3rem + 10px);
}

.select2-container {
    width: 100% !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #1bbdbe;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(100% - 2px);
    position: absolute;
    top: 1px;
    right: 1px;
    width: 24px;
    background-color: #e5eaee;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 8px 8px 0;

}

/* .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display:none;
} */

/* .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: "\f3d0";
    font-family: "Ionicons";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
} */
.select2-container--default .select2-dropdown {
    border: 1px solid #e5eaee;
    -webkit-box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15);
    box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15);
}

.select2-container--default .select2-search--dropdown {
    padding: 1rem 1rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: 0 !important;
    border-radius: .85rem;
    border: 1px solid #e5eaee;
    padding: 0.65rem 1rem;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--selected {
    background: #ecf0f3;
    color: #464e5f;
}

.select2-container--default .select2-results__option.select2-results__option--highlighted {
    background: #f3f6f9;
    color: #464e5f;
}

.select2-results__option--selectable {
    margin: 0;
}

.select2-results__option {
    padding: 0.65rem 1.5rem;
    font-size: 13px;
    font-weight: 400;
}

.select2-container--default .select2-results__options {
    padding: 1rem 0;
}

.nw-tab-content-inner .container-wrap {
    margin-top: 0;
}

.form-group {
    margin-bottom: 1.85rem;
}


.icon-user:before {
    content: "";
}

.milage-row {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    margin-bottom: 10px;
    align-items: center;
}

.milage-row:last-child {
    margin-bottom: 0;
}

.milage-col {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

[class*="milage-col"] {
    padding: 0 5px;
}

[class*="milage-col-"] {
    padding: 0 15px;
}

[class*="milage-col"] .MuiIconButton-root:hover,
[class*="milage-col"] .MuiIconButton-root:focus {
    color: #ff5e52 !important
}

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

.milage-col-1 {
    width: 25%;
    text-align: left;
}

.milage-row .nw-addNew-btn {
    min-width: 175px;
    background-color: #1bbdbe;
    color: #fff;
    padding: 5px 10px;
    border-radius: .85rem;
    margin-top: 20px;
}

.milage-row .nw-addNew-btn:hover,
.milage-row .nw-addNew-btn:focus {
    background-color: #12a4a5;
    color: #fff;
}

.milage-row .nw-addNew-btn svg g [fill] {
    fill: #fff;
}

.nw-pricing-table thead tr td {
    padding: 0px 0 20px;
    border-bottom: 1px solid #eee;
}

.nw-pricing-table tbody tr td {
    padding: 10px 0;
}

.dropzone.dropzone-default {
    padding: 20px;
    text-align: center;
    cursor: pointer;
    border: 2px dashed #ececec;
    border-radius: .85rem;
    background-color: #f7f7fb;
    transition: all 0.5s ease;
}

.dropzone.dropzone-default:hover {
    border: 2px dashed #1bbdbe;
    background-color: #efffff;
}

.dropzone.dropzone-default .dropzone-msg-title {
    color: #464e5f;
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: 500;
    font-size: 15px;
}

.dropzone.dropzone-default .dropzone-msg-desc {
    color: #b5b5c3;
    font-weight: 400;
    font-size: 12px;
}

.dropzone.dropzone-default .dz-preview .dz-remove,
.dropzone.dropzone-default .dz-preview .dz-remove:hover {
    text-decoration: none;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}

.dropzone.dropzone-default .dz-remove:after {
    content: '';
    color: #686B6D;
    overflow: visible;
    font-size: 18px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    height: 35px;
    width: 35px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    transform: translate(10px, -10px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
    color: #ec584d;
    background-image: url(data:image/png;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAcABYDAREAAhEBAxEB/8QAlgABAQEAAAAAAAAAAAAAAAAACAkAAQEBAQEBAAAAAAAAAAAAAAAIBgcACRAAAAMFBQYEBwEAAAAAAAAABAUGAQIDFgcAExQICREVF7cYOBIkJYchI0NnpyiIGREAAAMFBQILBAsAAAAAAAAAAQIDABEEBQYhEhMUByIVMiMzhLS1FjYXCDgxQYOGUWFCoyRkpCZmJxj/2gAMAwEAAhEDEQA/AL35iFnnEL1NUika81AMt6JBCRkcMMR8cQOS6pKU2eQ4B4RFwk8S2X6AeAowhOjwzYj0Awa9FhRGuvxH3X3vEf6hjawTiYmUR9QS1AgiICmLyHKQzjFATEhAMDyCV7j2gLhEXi3p3pbINCIqUSmt6b0yquYRBEwMWKACREOouiIorHKjEToUTgVcil0DoABTFASlKJQcLi2ni+JzEAbFuofQYIYlgwMPAiodZa4NfDjAkZwQGjOMfpc8489CjQ2N2PMa63Z8WNZaLSl8eioVZKoYAFCiAgOYibBC0B5Bt+i6opqPhVIKL0tqQ8KsmYhyjK5Q4xTAIGCyYPtARCy36GeSUq3ncPEPVNaQNQLK4dJ9Ck6XgGakAlIDdqNOFWsCgvIhZ4/02Bn7g6AgTEFAYyGIY0RFca1x3YyK5eQk3rZeBio0tQSs8OgQgGOBQcmZRQoFE34MLDAByhYNohZ7wNs6ojy9S6opNT6mmNYw80mS8QKaB1T4kUlDQqp1iohv4wPSOdBU+0TYKbaF9w0/9T7vlrh7acoEBaA1O78R3wejpMmvJ/6dad5/1nGsB7QTJZnxl77GtQ3+S+b51a9p/uPUPMOkGY06oeorS75k6sSban3fLXD205QIC3and+I74PR0m7yf+nWnef8AWcawHtBMlmfGXvsa1Df5L5vnVr2n+49Q8w6QZjTqh6itLvmTqxJk5qd9J3Uue754xcVt0JjiPKEpyneyyUyzdzB6jvyVsHiLrylzc+H519am1O7KdpVMbOb1uExsPDw+AW5w7b1y692y53ve2Q+UHxr8JIbIbh7F48Rkczmcy7MK5h+DxeDmMW5e4y/iP2LjTo/Vz7+/ju2dftj8/wDdMqf7i/jX65qSUn6V/wDObNXKvFTbNFKuK+8pPnjwcQUtIG4cL6LLWNxOzE+Yvcds+lbSZT2W8Oprlc1yqGO/DxeVJhXXbNx9722vv/UxOrXxl/1VRe+dzOycx3dh5rKPyURnca9xuYuYfA2LuXf9tv/Z);
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

.booking-date-btn {
    position: relative;
}

.booking-date-btn .nw-data-icon {
    background-color: transparent;
    border: 0;
    position: absolute;
    left: 0;
    top: 0px;
}

.booking-date-btn .nw-data-icon,
.booking-date-btn .nw-data-icon .material-icons {
    color: #1bbdbe;
}

.booking-date-btn .form-control.form-control-solid {
    background-color: #fff;
    padding-left: 40px;
    cursor: pointer;
    padding-right: 23px;
    border-color: #cecece;
    height: 35px;
}

.booking-date-btn .form-control.form-control-solid::placeholder {
    color: rgb(104, 107, 109);
    font-weight: 400;
}

.booking-date-btn .caret {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.addons-heading {
    background: #f3f6fb;
    width: 100%;
    overflow: hidden;
    padding: 15px;
    border-top: 2px solid #e7eaec;
    margin-bottom: 20px;
}

.addons-heading h3 {
    margin-top: 9px;
    line-height: 10px;
    font-weight: 300;
    color: #676a6c;
}

.addons-heading p {
    font-size: 14px;
    font-weight: 400;
    color: #676a6c;
}

.tab-pane .nw-card-footer {
    padding-bottom: 0;
    /* display: flex;
    align-items: center;
    justify-content: space-between; */

    margin: 0 -1.5rem;
}

.ml-auto {
    margin-left: auto !important;
}

.quantity input.form-control.form-control-solid {
    padding-left: 50px;
}

.tabs-sub-heading h4 {
    border-bottom: 1px solid #ecf0f3;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: #1bbdbe;
    font-size: 17px;
    font-weight: 500;
    margin-top: 0;
}

.btn-group.new-btngr a {
    padding: 10px 12px !important;
}

.btn-group.new-btngr a.btn-success {
    background: #1bbdbe;
}

.btn-group.new-btngr a:hover {
    background: #118a8a !important;
}

.dropzone.table-dropzone {
    min-height: 42px;
    max-width: 300px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropzone.table-dropzone .dz-message .dropzone-msg-title,
.dropzone.table-dropzone .dz-message {
    margin: 0;
    font-size: 13px;
}

.tab-inner-section {
    margin-bottom: 50px;
}

.yourinfo_body ul {
    display: flex;
    flex-wrap: wrap;
}

.yourinfo_body li {
    width: 100%;
    margin-bottom: 7px;
}

.tabel_box .btn-primary,
.tabeltop .searchicon {
    height: 42px;
    border-radius: 0.85rem;
    display: flex;
    align-items: center;
    padding: 0px 10px;
}

.tabeltop .searchicon .material-icons,
.tabel_box .btn-primary .material-icons {
    margin-right: 5px;
    font-size: 20px;
}

.btn-info {
    color: #fff;
    background-color: #1bbdbe;
    border-color: #1bbdbe;
}

.btn-info:hover,
.settng-dtls .btn-info:hover,
.advance-dtls .btn-info:hover {
    background-color: #118a8a;
    border-color: #118a8a;
    color: #fff;
}

.btn {
    white-space: unset;
}

.MuiTableCell-root.MuiTableCell-adj {
    width: 180px;
    white-space: unset;
}

.passenger_queries,
.passenger_queries:hover {
    font-size: 25px;
    color: #98a4b5;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
}

.passenger_queries .material-icons {}

.addons-box {
    background-color: #fff;
    margin-bottom: 0;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

.theme-btn-green {
    color: #fff;
    background: #1bbdbe;
    border-radius: .85rem;
    margin-bottom: 0;
    padding: 8px 20px;
    font-size: 15px;
    display: inline-block;
    border: 0;
}

.theme-btn-green:hover {
    color: #fff !important;
    background: #12a4a5;
}

.select2-container--default .select2-results__group {
    font-weight: 500;
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
    background-color: #666;
    color: #fff;
    margin-bottom: 0;
    padding: 8px 40px !important;
    font-size: 15px;
    border-radius: .85rem;
}

.nw-addNew-btn img {
    max-width: 24px;
    max-height: 24px;
}

.nw-addNew-btn:hover img.green-add,
.nw-addNew-btn img.white-add {
    display: none;
}

.nw-addNew-btn:hover img.white-add {
    display: block;
}

.nw-addNew-btn.vehicle-add {
    min-width: 125px;
}

.nw-addNew-btn.vehicle-add img {
    max-width: 32px;
}

.MuiTable-inner-loader {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.7098039215686275);
    z-index: 2;
}

.MuiTable-inner-loader .spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}

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

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

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

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

.MuiTable-inner-loader .path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
    0% {
        stroke: #1bbdbe;
    }

    25% {
        stroke: #1bbdbe;
    }

    50% {
        stroke: #84f5f5;
    }

    75% {
        stroke: #0c5a5a;
    }

    100% {
        stroke: #1bbdbe;
    }
}

@keyframes colors {
    0% {
        stroke: #1bbdbe;
    }

    25% {
        stroke: #1bbdbe;
    }

    50% {
        stroke: #84f5f5;
    }

    75% {
        stroke: #0c5a5a;
    }

    100% {
        stroke: #1bbdbe;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

.MuiTableRow-root:last-child .dropdown-menu {
    transform: translateY(-100%)
}

.dashboard-widgets {
    display: flex;
    flex-wrap: wrap;
}

.dashboard-widgets li {
    /* -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1; */

    width: 25%;
    min-width: 0;
    max-width: 100%;
}

.selected .MuiTableCell-action .open>.dropdown-menu {
    position: fixed;
    right: auto;
}

.invoice-title {
    padding: 10px 20px;
    background-color: #1d2531;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.invoice-title img {
    height: 30px;
    width: auto;
}

.invoice-title h4 {
    margin: 0;
    font-size: 16px;
    color: #fff;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.font-md {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 5px;
}

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

.order-summary h4 {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin: 0 0 5px;
    padding-bottom: 20px;
}

.order-summary-table table {
    width: 100%;
}

.order-summary-table table td,
.order-summary-table table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #eff2f7;
}

.th-total {
    font-size: 20px;
}

#info.modal .modal-dialog {
    max-width: 700px;
}

.theme-btn-green .material-icons {
    vertical-align: middle;
    font-size: 17px;
    line-height: 0;
    display: inline-block;
    margin: 0 2px;
}

.price-table article {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.price-table ul {
    display: flex;
    top: 0px;
    z-index: 10;
    padding-bottom: 14px;
}

.price-table li {
    list-style: none;
    flex: 1;
}

.price-table li:last-child {
    border-right: 1px solid rgba(224, 224, 224, 1);
}

.price-table li.active button {
    background: #F5F5F5;
    color: #000;
}

.price-table table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.price-table th {
    background: #F5F5F5;
    display: none;
}

.price-table td,
.price-table th {
    height: 53px
}

.price-table td,
.price-table th {
    border: 1px solid #cacaca;
    padding: 10px;
    empty-cells: show;
}

.price-table td,
.price-table th {
    text-align: left;
    color: #808080;
    font-size: 16px;
}

.price-table td+td,
.price-table th+th {
    text-align: center;
    display: none;
}

.price-table td.default {
    display: table-cell;
}

.price-table .bg-purple {
    border-top: 3px solid #A32362;
}

.price-table .bg-blue {
    border-top: 3px solid #0097CF;
}

.price-table .sep {
    background: #fff !important;
    font-weight: bold !important;
    text-align: center;
    font-size: 18px !important;
    color: #808080;
}

.price-table .txt-l {
    font-size: 28px;
    font-weight: bold;
}

.price-table .txt-top {
    position: relative;
    top: -9px;
    left: -2px;
}

.price-table .tick {
    font-size: 28px;
    color: #1bbdbe;
}

.price-table .hide {
    border: 0;
    background: none;
}

.price-td-text {
    color: #1bbdbe;
    font-size: 18px;
}

.price-table thead th {
    position: sticky;
    top: 70px;
    background-color: #1bbdbe;
    border: 0;
    z-index: 1;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    border-right: 1px solid #fff;
}

.price-table td sup {
    font-size: 17px;
    color: #808080;
}

.price-table .theme-btn-green {
    display: block;
    width: 100%;
    padding: 12px 20px;
}

.price-table tbody tr:nth-child(even) td {
    background-color: #ededed;
}

.price-table tbody tr:nth-child(odd) td {}

.price-table tbody tr:hover {
    /* background-color: rgb(235, 236, 245); */
}

.price-table .card-head h1 {
    font-size: 20px;
}

.price-table .card-head h3 {
    font-size: 15px;
    color: #777;
}

.price-table tbody tr td:nth-child(1),
.tHead-heading {
    font-weight: 500;
    font-size: 15px;
}

.comingsoon-warpper {
    position: relative;
    text-align: center;
}

.comingsoon-warpper .cmn2,
.comingsoon-warpper .cmn3 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
}

.cmn2 {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.cmn3 {
    animation-name: floating;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

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

.comingsoon-text h5 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #1bbdbe;
    text-transform: uppercase;
}

.comingsoon-text p {
    font-size: 14px;
    color: #747678;
    margin-left: 25px;
}

@keyframes floating {
    from {
        transform: translate(0, 0px);
    }

    65% {
        transform: translate(0, 8px);
    }

    to {
        transform: translate(0, -0px);
    }
}

.theme-selector {
    text-align: center;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.theme-image {
    height: 200px;
    background-size: cover;
    /* background-position: center; */

    background-repeat: no-repeat;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
}

.edit-theme-thumb,
.activate-theme-thumb {
    font-weight: 300;
    border-radius: 50%;
    margin-bottom: 0;
    padding: 0;
    font-size: 15px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px;
}

.edit-theme-thumb .material-icons,
.activate-theme-thumb .material-icons {
    font-size: 17px;
}

.edit-theme-thumb:focus,
.edit-theme-thumb {
    color: #fff;
    background: #666;
}

.edit-theme-thumb:hover {
    color: #fff;
    background: rgb(63, 63, 63);
}

.activate-theme-thumb:focus,
.activate-theme-thumb {
    color: #fff;
    background: #1bbdbe;
}

.activate-theme-thumb:hover {
    color: #fff !important;
    background: #12a4a5;
}

.theme-selector-foot {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    padding: 8px 0;
}

.theme-sub-head {
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
}

.price-table thead tr:nth-child(2) td {
    background-color: #ededed;
}

@media (min-width: 640px) {
    .price-table ul {
        display: none;
    }

    .price-table td,
    .price-table th {
        display: table-cell !important;
    }

    .price-table td,
    .price-table th {
        width: 280px;
    }

    .price-table td+td,
    .price-table th+th {
        width: auto;
    }
}

@media (max-width: 640px) {
    .price-table ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: transparent;
        border-bottom: 1px solid #ecf0f3;
        margin-bottom: 10px;
    }

    .price-table ul li {
        padding: 0;
        margin: 0;
    }

    .price-table ul li button {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        border: 0 !important;
        background-color: transparent !important;
        padding: 0;
        outline: none;
        width: 100%;
        text-align: center;
        position: relative;
        font-size: 13px;
    }

    .price-table ul li.active button {
        color: #1bbdbe !important;
    }

    .price-table ul li.active button::after {
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        bottom: 0;
        left: 0;
        background-color: #1bbdbe;
    }

    .price-table li:last-child {
        border: 0;
    }
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

#themeModal .modal-header {
    padding: 10px 10px 20px;
    border: 0;
}

.newPricing2 .card {
    position: relative;
    background-color: #fff;
    margin-bottom: 1.25rem;
    border: 1px solid rgba(27, 189, 190, 0.43137254901960786);
    border-radius: .25rem;
    box-shadow: none;
    /* height:100%; */
}

.newPricing2 .card-body {
    padding: 1.5rem;
    position: relative;
}

.newPricing2>.row>[class*="col-"] {
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 30px;
}

.newPricing2 .media {
    display: flex;
    align-items: flex-start;
}

.newPricing2 .avatar.avatar-icon {
    font-size: 16px;
}

.newPricing2 .avatar {
    height: 55px;
    width: 55px;
    font-size: .875rem;
    text-align: center;
    background: #f1f2f3;
    color: #fff;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
}

.newPricing2 .avatar i {
    line-height: 55px
}

.newPricing2 .avatar-blue {
    color: #3f87f5;
    background: rgba(63, 135, 245, 0.1);
}

.newPricing2 .avatar-cyan {
    color: #2fb464;
    background: #e2f4e9;
}

.newPricing2 .avatar-gold {
    color: #f99c32;
    background: #f9f2e9;
}

.newPricing2 .avatar-red {
    color: #fd6565;
    background: #fff0f0;
}

.newPricing2 .font-size-30 {
    font-size: 25px !important;
}

.newPricing2 .font-weight-bold {
    font-weight: 700 !important;
}

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

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

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

.newPricing2 h4,
.newPricing2 .h4 {
    font-size: 19px;
}

.newPricing2 .border-bottom {
    border-bottom: 1px solid #edf2f9 !important;
}

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

.newPricing2 .m-v-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.newPricing2 .list-unstyled {
    padding-left: 0;
    list-style: none;
}

.newPricing2 .font-weight-semibold {
    font-weight: 400 !important;
}

.newPricing2 .text-dark {
    color: #2a2a2a !important;
}

.newPricing2 .font-size-16 {
    font-size: 16px !important;
    min-height: 24px;
}

.newPricing2 .font-size-16.font-size-20 {
    font-size: 20px !important;
}

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

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

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

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

.newPricing2 .text-success {
    color: #1bbdbe;
}

.newPricing2 .priceSubhead .text-dark {
    color: #000 !important;
    font-weight: 600 !important;
    font-size: 18px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #d3d8de !important;
    padding-bottom: 10px;
}

span.text-dark.font-weight-semibold {
    width: calc(100% - 70px);
}

.newPricing2 .text-dark {
    color: #656565 !important;
    font-weight: 400 !important;
}

.newPricing2 .text-dark .material-icons.tick {
    color: #fd6565 !important
}

.newPricing2 .btn-primary {
    display: block;
    width: 100%;
}

.newPricing2 .btn-primary:hover {
    color: #fff !important;
    background: #12a4a5;
}

#myinfo .modal-content {
    float: left;
    width: 100%;
    box-shadow: none;
    border: none;
    border-radius: 5px;
    overflow: hidden;
}

#myinfo .modal-header {
    border: 0;
}

#myinfo .modal-body {
    margin: 0;
}

.userInformation ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.userInformation ul li {
    list-style: none;
    list-style-type: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(232, 232, 232, 0.85);
    margin: 0;
}

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

.infoLabel {
    font-size: 14px;
    font-weight: 400;
}

.infoData {
    color: #444;
}

.infoLabel {
    color: #898989;
}

.infoIcon {
    color: #c1c1c1;
}

.userInformation {
    padding-top: 25px;
}

body.website-editor.menu-hide .full-height {
    left: 0 !important;
}

body.website-editor.dispatch_page.menu-hide .wqsmall-navs {
    transform: translateX(-150%);
}

body.website-editor.dispatch_page.menu-hide .gjs-editor-cont {
    width: 100% !important;
}

/* body.dispatch_page.website-editor .wqtoggle-menu-app {
    top: unset;
    bottom: 20px;
    right: 20px;
} */
.downloadBtn {
    height: 48px;
    width: 48px;
    min-height: 48px;
    min-width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.downloadBtn [class*="fa-"] {
    font-size: 24px;
}

.payment-gateway-wrap>span.disabled {
    border: 1px solid #ccc !important;
    display: inline-block;
}

.payment-gateway-wrap>span.disabled a {
    cursor: not-allowed;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: arial, helvetica, sans-serif;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
    opacity: 0.7;
}

.payment-gateway-wrap>span.disabled a img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);
}

.payment-gateway-wrap a.newPayment {
    color: #000;
    display: inline-block;
    padding: 16px 10px;
}

.top-notifications-area .notifications-footer a:nth-child(2),
.top-notifications-area .notifications-footer a:nth-child(2):hover {
    color: #444;
}

.youtv a.disabled-youtv,
.youtv a.disabled-youtv:hover {
    cursor: not-allowed;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: arial, helvetica, sans-serif;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
    opacity: 0.7;
}

.youtv a.disabled-youtv .overflow-box {
    opacity: .5;
}

.btn-disabled[class*="btn-"],
.btn-disabled {
    cursor: not-allowed;
    opacity: 0.7;
    background-color: #eee !important;
    border-color: #ccc !important;
    color: #868686 !important;
}

#webmaster .modal-footer .tabel_box .btn {
    height: 42px !important;
}

@media (max-width: 767px) {
    #webmaster .modal-footer .tabel_box .btn {
        width: 100% !important;
        margin: 0 0 10px !important;
    }
}

.dispatchAddSrch {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.dispatchAddSrch .MuiIconButton-root {
    background-color: rgba(0, 0, 0, 0.04);
}

.dispatchAddSrch .MuiIconButton-root:hover,
.dispatchAddSrch .MuiIconButton-root:focus {
    background-color: rgba(0, 0, 0, 0.08);
}

.dispatchSearch {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
}

.dispatchSrchCls,
.dispatchSrchIco {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.dispatchSrchInput {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.dispatchSrchInput input {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    border-radius: 0;
    padding-left: 0;
    padding-bottom: 0;
    font-size: 15px;
    height: calc(1.5em + 1.3rem + 10px);
    width: 100%;
}

.dispatchSrchInput input:hover {
    border-bottom: 2px solid #686B6D;
}

.dispatchSrchInput input:focus {
    border-bottom: 2px solid #1bbdbe;
}

.dispatchSrchIco {
    margin-bottom: -14px;
    line-height: 0;
    position: relative;
    left: -4px;
}

.dispatchSrchIco,
.dispatchSrchIco .material-icons {
    font-size: 27px;
}

.dispatchSrchCls .MuiIconButton-root:hover {
    color: #f44336 !important;
}

.common.toggle-buttons {
    margin-top: 10px;
    margin-bottom: 10px;
}

.panel-dispatch .fleet-lists li>a,
.panel-dispatch .fleet-lists li>a>div {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.dispacherIndicator {
    position: absolute;
    z-index: 9999;
    left: 10px;
    bottom: 10px;
    background-color: #fff;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    border-radius: 4px;
    overflow: hidden;
}

/* .dispatch_page .left-dispatch-area.taxidrivers-show+.dispacherIndicator {
    left: 1078px;
}

.dispatch_page .left-dispatch-area+.dispacherIndicator {
    left: 660px;
}

.dispatch_page.menu-hide .left-dispatch-area.taxidrivers-show+.dispacherIndicator {
    left: 880px;
}

.dispatch_page.menu-hide .left-dispatch-area+.dispacherIndicator {
    left: 465px;
}

.dispatch_page.menu-hide .left-dispatch-area.hide-panel-left+.dispacherIndicator {
    left: 65px;
}

.dispatch_page .left-dispatch-area.hide-panel-left+.dispacherIndicator {
    left: 265px;
} */
.dispacherIndRow {
    width: 200px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.dispacherIndCol {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
}

.dispacherIndLbl {
    color: #898989;
    font-weight: 300;
    margin-bottom: 5px;
    font-size: 12px;
}

.dispacherIndCnt {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
}

.blueText {
    color: #3f87f5;
}

.greenText {
    color: #2fb464;
}

.redText {
    color: #fd6565;
}

.orangeText {
    color: #f99c32;
}

.BttomOrders-table {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    transition: 0.5s all ease;
    /* transform: translateY(100%); */

    padding-top: 5px;
    visibility: hidden;
    opacity: 0;
}

.BttomOrders-table.show {
    /* transform: translateY(0); */

    visibility: visible;
    opacity: 1;
}

.BttomOrders-table .nw-tabs-head.nav-tabs {
    margin: 0;
}

.BttomOrders-table .nw-tabs-head.nav-tabs>li>a {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.BttomOrders-tableInner {
    background-color: #fff;
    border-left: 1px solid #e4e4e4;
    max-height: 80vh;
    min-height: 5px;
    height: 100%;
}

.right-dashboard-wrap.right-dashboard-wrap-dispatch {
    min-height: 100%;
}

.right-dashboard-wrap.right-dashboard-wrap-dispatch .mymap.wq-mapp,
.right-dashboard-wrap.right-dashboard-wrap-dispatch .mymap {
    padding: 0;
    transition: 0.5s all ease;
}

.dispatch_page .taxidrivers {
    left: 650px;
}

.dispatch_page.menu-hide .taxidrivers {
    left: 454px;
}

.BttomOrders-tableInner .nw-tab-content-inner {
    padding: .5rem 2.25rem;
}

.closeBottomOrders {
    color: #686B6D;
    position: absolute;
    right: 7px;
    top: 22px;
}

button.showBttomOrders {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding: 0 8px;
    margin-left: 5px !important;
    outline: 0 !important;
}

.showBttomOrders span {
    height: 100%;
    width: 100%;
    line-height: 22px;
    color: #fff;
}

.nav-rowTab {
    display: flex;
    flex-wrap: wrap;
}

.same-width-list li.addBooking a {
    padding: 17px 15px !important;
    font-size: 0;
}

.same-width-list li.addBooking a .material-icons {
    font-size: 25px
}

.dropFilters {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 -15px 0 -10px;
}

.dropFilters .dropFilters-date,
.dropFilters .dropFilters-select,
.dropFilters .dropFilters-reset,
.dropFilters .dispatchAddSrch {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding: 0 3px;
}

.dropFilters .dropFilters-reset,
.dropFilters .dispatchAddSrch {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.dropFilters .booking-date-btn .form-control.form-control-solid {
    height: 42px;
}

.dropFilters .dispatchAddSrch .MuiIconButton-root {
    padding: 6px;
    font-size: 1rem;
}

.dropFilters .booking-date-btn .nw-data-icon {
    top: 4px;
}

.pt-0 {
    padding-top: 0 !important;
}

.nav-tabs>li.bottomSheetSearch {
    margin-left: 0;
    margin-right: 0px;
}

.nav-tabs>li.bottomSheetSearch input {
    height: 35px;
}

#Pass-info .panel-group {
    margin: 10px -15px 10px -15px;
    padding: 0 10px;
}

#Pass-info .panel-default {
    border: 0;
}

#Pass-info .panel-heading {
    padding: 10px 10px;
    margin: 0 -10px;
    border: 1px solid #ddd;
    border-radius: 0;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0
}

#Pass-info .pass-infor {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}

.pass-infor .input-group {
    margin-top: 2px;
    margin-bottom: 10px;
}

.pass-infor .input-group .input-class {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}

.pass-infor .input-class+.input-group-addon {
    background: #1bbdbe;
    color: #fff;
    border: 0;
    padding: 0px 4px;
    cursor: pointer;
}

.dateTimeFormat {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.dateTimeFormat .dateFormat {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    display: flex;
    align-items: center;
    padding-left: 5px;
}

.dateTimeFormat .dateFormat input.input-class {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.dateTimeFormat .dateFormat input.input-class.inputDate,
.dateTimeFormat .dateFormat input.input-class.inputMonth {
    max-width: 45px;
}

.dateTimeFormat .dateIcon,
.dateTimeFormat .timeFormat {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.dateTimeFormat .timeFormat {
    display: flex;
    width: 20%;
    padding-left: 5px;
}

.dateTimeFormat input.input-class {
    padding: 6px 3px;
    text-align: center;
    border-left: 0;
    border-radius: 0;
}

.dateTimeFormat .timeFormat input.input-class:last-child,
.dateTimeFormat .dateFormat input.input-class:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.dateTimeFormat .timeFormat input.input-class:first-child,
.dateTimeFormat .dateFormat input.input-class:first-child {
    border-left: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dateTimeFormat input.input-class:focus {
    border-color: #ccc;
}

.dateTimeFormat .dateIcon {
    height: 37px;
    border: 1px solid #ccc;
    text-indent: 0px;
    box-shadow: none;
    background: #fff;
    margin-top: 2px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 4px;
}

.dateTimeFormat .dateIcon .material-icons {
    font-size: 20px;
    color: rgb(104, 107, 109);
}

.splitter-horizontal {
    flex: 0 0 auto;
    height: 6px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=') center center no-repeat #6b7179;
    cursor: row-resize;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.splitter-vertical,
.driverStatus-splitter {
    flex: 0 0 auto;
    width: 6px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==') center center no-repeat #6b7179;
    cursor: col-resize;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 2;
}

.driverStatus-splitter {
    right: unset;
    left: 0;
}

.headingRow {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.dateBtn {
    margin-left: auto;
}

.dispatchNav {
    /* overflow: hidden; */

    z-index: 99999999;
    transition: all 0.3s;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    background: #1d2531;
}

.dispatchNav ul.unstyled {
    padding: 0 15px;
    display: flex;
    align-items: center;
    width: 100%;
}

.dispatchNav ul.unstyled li {
    margin: 0 10px 0 0;
    display: inline-block;
    padding: 0;
}

.dispatchNav ul.unstyled li.dispatchLogo img {
    width: 125px;
}

.dispatchNav ul.unstyled li a {
    padding: 5px 12px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-evenly;
}

.dispatchNav ul.unstyled li a.iconsLinks {
    padding: 5px 4px;
}

.dispatchNav ul.unstyled li a.dispatchCallLink {
    /* background-color: #1bbdbe;
    color: #fff;
    border-radius: 4px; */

    padding: 5px 22px 8px 10px;
    position: relative;
    color: #e33700;
}

.dispatchNav ul.unstyled li a.dispatchCallLink .callLock {
    position: absolute;
    bottom: 0px;
    right: 5px;
    font-size: 13px;
}

.dispatchNav ul.unstyled li a.dispatchCallLink .callLock .material-icons {
    font-size: inherit;
    line-height: inherit;
    color: #fff;
}

.dispatchNav ul.unstyled li a .icon {
    margin-right: 5px;
    font-size: inherit;
    line-height: inherit;
}

.dispatchNav ul.unstyled li.dispatchUserDrop .dispatchDropMenu li,
.dispatchNav ul.unstyled li.dispatchUserDrop .dispatchDropMenu li a {
    width: 100%;
    justify-content: flex-start;
}

.driverStatusBar {
    background-color: #fff;
    height: 100%;
    overflow-y: auto;
}

.driverStatusHead {
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
    background-color: #1bbdbe;
    color: #fff;
}

.driverStatusBody {
    padding-top: 15px;
}

.driverStatusBody .table-bordered>tbody>tr>td {
    border: 1px solid #ddd;
    font-size: 12px;
}

.driverStatusBody .table-bordered>thead>tr>th {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    font-size: 12px;
}

.driverStatusBody .table-bordered>thead>tr>th.table-bg-blue,
.driverStatusBody .table-bordered>thead>tr>th.table-bg-red,
.driverStatusBody .table-bordered>thead>tr>th.table-bg-green {
    text-align: center;
    color: rgb(48, 48, 48);
}

.driverStatusBody .table-bordered>thead>tr>th.table-bg-blue {
    background-color: #76A8FF;
}

.driverStatusBody .table-bordered>thead>tr>th.table-bg-red {
    background-color: #FC9F9F;
}

.driverStatusBody .table-bordered>thead>tr>th.table-bg-green {
    background-color: #AED89D;
}

.manageDashboard {
    height: 48px;
    display: inline-flex;
    align-items: center;
}

.manageDashboard a {
    color: #111;
    font-size: 15px;
    padding: 10px 10px;
    background-color: #fff;
    border-radius: 5px;
    font-weight: 300;
    display: flex;
    align-items: center;
    /*    padding-right: 0;*/
}

.manageDashboard a i.material-icons {
    color: #98a4b5;
}

.manageDashboard a:hover,
.manageDashboard a:hover i.material-icons {
    color: #1bbdbe;
}

.nw-booking-date.chartFilter {
    top: 0;
    margin: 0;
    margin-left: auto;
}

.card .card-header.header-equalH {
    display: flex;
    align-items: center;
    min-height: 74px;
    padding: 5px 15px 5px;
}

.header-equalH>.flex-row {
    width: 100%;
}

.donutChartWrapper {
    max-height: 330px;
    position: relative;
}

.dispatchWrapper {
    height: calc(100vh - 45px);
    background: #fff;
    margin-top: 45px !important;
    width: 100%;
}

.dispatchSidebar {
    width: 400px;
    background-color: #f6f6f6;
    position: fixed;
    left: 0;
    top: 45px;
    height: calc(100vH - 245px);
    min-width: 5px;
    max-width: 100vw;
    z-index: 2;
    padding-right: 5px;
}

.dispatchMain {
    width: calc(100vw - 400px);
    height: calc(100vh - 145px);
    margin-left: 380px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative;
    z-index: 2;
}

.mapView,
.tableView {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    position: relative;
}

.dispatchMap {
    position: relative;
    height: 100%;
    width: 100%;
}

.dispatchBottom {
    width: 100%;
    height: 200px;
    background-color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    min-height: 8px;
    max-height: calc(100vh - 45px);
    padding-top: 5px;
}

.dispatchHead {
    border-bottom: 1px solid #d9dfe0;
    background-color: #fff;
    min-height: 42px;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0 5px;
}

.dispatchHead .nav-tabs {
    background: #fff;
    max-width: 175px;
    margin-left: auto;
    border-radius: 4px;
    overflow: hidden;
}

.dispatchHead .nav-tabs .nav-item {
    margin-bottom: 0;
}

.dispatchHead .nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    padding-left: 0;
    padding-bottom: 0;
}

.dispatchHead .nav-link {
    display: block;
    padding: .6875rem 1rem;
    font-size: 12px;
    background-color: #edeef6;
}

.dispatchHead .nav-tabs .nav-link {
    border: 0 solid transparent;
    border-radius: 0rem;
}

.dispatchHead .nav-tabs .nav-item.show .nav-link,
.dispatchHead .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #1bbdbe;
    border-color: #1bbdbe #1bbdbe #1bbdbe;
}

.dispatchHead .nav-tabs .nav-link:not(.active) {
    color: inherit;
}

.dispatchHead .nav-tabs>li>a:focus,
.dispatchHead .nav-tabs>li>a:hover {
    background-color: #eee;
}

.dispatchHead-btn {
    display: block;
    padding: .6875rem 1rem;
    font-size: 12px;
    background-color: #1bbdbe;
    text-align: center;
    border: 0 solid transparent;
    border-radius: 0rem;
    color: #fff;
    border-radius: 4px;
}

.dispatchSwitch .switch-checked {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
    border-radius: 37px;
    background-color: #f3f4f4;
    cursor: pointer;
    transition: all .3s;
    overflow: hidden;
    margin-left: 4px;
}

.dispatchSwitch .switch-checked.checked {
    background-color: #1bbdbe;
    box-shadow: none;
}

.dispatchSwitch .switch-checked input {
    display: none;
}

.dispatchSwitch .switch-checked div {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 27px;
    background-color: white;
    top: 5px;
    left: 5px;
    box-shadow: 0px 0px 1px rgb(150, 150, 150);
    transition: all .3s;
}

.dispatchSwitch .switch-checked input:checked+div {
    left: calc(60px - 32px);
    box-shadow: 0px 0px 0px white;
}

.dispatchSwitch .switch-checked div:before,
.dispatchSwitch .switch-checked div:after {
    position: absolute;
    /* content: 'ON'; */
    content: var(--after-content, 'ON');
    width: calc(60px - 40px);
    height: 25px;
    line-height: 25px;
    font-size: 10px;
    font-weight: 400;
    top: -5px;
}

.dispatchSwitch .switch-checked div:before {
    content: var(--before-content, 'OFF');
    color: rgb(120, 120, 120);
    left: 20px;
}

.dispatchSwitch .switch-checked.checked div:before {
    display: none;
}

.dispatchSwitch .switch-checked div:after {
    /* content: 'ON'; */
    content: var(--after-content, 'ON');
    right: 100%;
    color: white;
}

.dispatchSwitch {
    display: flex;
    align-items: center;
    font-size: 11px
}

.hrDivider {
    margin-left: 8px;
    margin-right: 8px;
    height: 100%;
    width: 1px;
    background-color: #f3f4f4;
}

.dispatchSidebar-off .dispatchSidebar {
    transform: translateX(-15000%);
    width: 0 !important;
    min-width: 0 !important;
}

.driverStatusBody .flex-row [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

.driverStatusOnMap {
    position: absolute;
    left: 0px;
    top: 10px;
    padding-left: 10px;
    height: calc(100% - 83px);
    width: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    overflow: hidden;
}

.driverStatusBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 9999;
    background-color: #fff;
    padding: 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    border-radius: 4px;
    /* overflow: hidden; */

    margin-bottom: 10px;
    min-height: 24px;
    position: relative;
    transition: 0.3s;
}

.driverStatusBox.hideStatus {
    transform: translateX(-105%);
}

.driverStatusBox.hideStatus .driverStatusBoxToggle,
.driverStatusBox .driverStatusBoxShow {
    display: none;
}

.driverStatusBox.hideStatus .driverStatusBoxShow {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -35px;
    background-color: #fff;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    color: #111;
}

.driverStatusBox.activeBox,
.driverStatusBox.activeBox .driverStatusBoxShow {
    background-color: #76A8FF;
}

.driverStatusBox.jobBox,
.driverStatusBox.jobBox .driverStatusBoxShow {
    background-color: #FC9F9F;
}

.driverStatusBox.driverBox,
.driverStatusBox.driverBox .driverStatusBoxShow {
    background-color: #AED89D;
}

.driverStatusBox .table-bordered>thead>tr>th,
.driverStatusBox .table-bordered>thead>tr>td {
    font-size: 10px;
    color: rgb(48, 48, 48);
}

.driverStatusBox .table-bordered>thead>tr>th {
    border-bottom: 1px solid rgba(237, 238, 246, 0.251);
}

.driverStatusBox .table-bordered {
    border: 0;
}

.modal-dialog-scrollable .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    background: #f5f5f5;
}

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

.alertTimeline ul li {
    padding: 0;
    position: relative;
    cursor: pointer;
    transition: .5s;
    margin-top: 0px;
    margin-bottom: 8px;
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
}

.alertTimeline ul li a {
    display: inline-block;
}

.alertTimeline ul li span {
    display: inline-block;
    background-color: #edeef6;
    border-radius: 25px;
    padding: 4px 10px;
    font-size: 11px;
    text-align: center;
    color: #444;
    margin-bottom: 8px;
    position: absolute;
    right: 0;
    top: 5px;
}

.alertTimeline ul li .content h3 {
    color: #444;
    font-size: 15px;
    padding-top: 5px;
    margin: 0;
    padding-right: 110px;
}

.alertTimeline ul li .content p {
    padding: 0;
    font-size: 12px;
    margin: 15px 0 0;
    color: #979797;
    white-space: unset;
    font-weight: 300;
}

.alertTimeline ul li a:hover .content h3 {
    color: #1bbdbe;
}

.dispatchMsg {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.dispatchMsg textarea {
    min-height: 100px;
}

.dispatchChat-dialog {
    max-width: 780px;
    width: 780px;
}

.dispatchSendChat {
    margin-bottom: 0;
    padding: 8px 40px;
    font-size: 15px;
    border-radius: .85rem;
    font-weight: 300;
    color: #fff;
    background: #1bbdbe;
    display: inline-block;
    margin-left: auto;
    border: 0;
    outline: none !important;
}

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

.dispatchSendto .select2-container {
    max-width: 200px;
}

.message-content {
    border-radius: .625rem .625rem .625rem 2px;
    display: inline-block;
    padding: 1.125rem;
    background-color: #fff;
}

.message-content h6 {
    margin: 0;
    font-size: 16px;
    margin-bottom: 10px;
}

.opacity-65 {
    opacity: .65;
    display: inline-block;
    margin-top: 5px;
    width: 100%;
    text-align: right;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.message+.message {
    margin-top: 1rem;
}

.message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.message-body {
    width: 100%;
}

.message.message-right .message-content {
    background: #1bbdbe;
    border-radius: .625rem .625rem 2px .625rem;
}

.msgText {
    color: #7f808c;
    font-size: 13px;
}

.message.message-right .message-content .msgText {
    color: #fff;
}

.dispatchDrop,
.dispatchDrop:hover {
    color: #fff;
}

.user_dropdown .dropdown-toggle span.dispatchDropIcon {
    height: 30px;
    width: 30px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1bbdbe;
    color: #fff;
    border-radius: 50%;
}

.user_dropdown .dropdown-toggle span.dispatchDropIcon .material-icons {
    line-height: 0;
    font-size: 20px;
}

.user_dropdown .dispatchDrop.dropdown-toggle span {
    margin: 0;
}

.user_dropdown .dropdown-toggle span.dispatchDropIcon {
    margin-left: 10px;
}

.dispatchNav ul.unstyled li.dispatchUserDrop {
    margin-right: 0;
}

.dispatchNav ul.unstyled li.dispatchUserDrop a.dispatchDrop {
    padding-right: 0;
}

body.dispatch_page.menu-hide .dispatchInner .dispatchSidebar .left-dispatch-area {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    overflow-y: auto;
    padding: 0;
    box-shadow: unset;
    transform: unset;
    min-width: 100%;
    max-width: 100%;
    z-index: unset;
}

.dispatchBooking {
    width: 100%;
    height: 100%;
    padding: 5px 0 10px;
}

.dispBookHead {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 10px;
    justify-content: flex-start;
}

.dispdateTimeFormat,
.disptimeFormat {
    display: flex;
    align-items: center;
}

.dispdateTimeFormat .input-class {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    border-right: 1px solid #ccc;
}

.dispdateTimeFormat .input-class:last-child {
    border-right: 0;
}

.dispBookHead .nw-booking-date.daterange {
    top: 0;
    margin: 0 6px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.dispBookHead .nw-booking-date label,
.dispBookHead .new-status-filter label,
.dispBookHead .new-search-filter label {
    width: 100%;
}

.dispBookHead .booking-date-btn .form-control.form-control-solid {
    width: 100%;
    max-width: 100%;
    border-color: #edeef6;
    border-radius: 4px;
}

.datetimepicker.dropdown-menu {
    right: unset;
    position: fixed;
    min-width: 250px;
    border: 1px solid #e5eaee !important;
    box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15);
}

.datetimepicker table {
    width: 100%;
}

.datetimepicker th.switch {
    box-shadow: none;
    background: #fff;
    padding: 0 !important;
    margin: 0 !important;
    width: unset !important;
    min-width: unset !important;
    display: table-cell;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
    background-color: #1bbdbe !important;
    background-image: unset;
}

.asapBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .6875rem 1rem;
    font-size: 12px;
    background-color: #1bbdbe;
    text-align: center;
    border: 0 solid transparent;
    color: #fff;
    border-radius: 4px;
    height: 34px;
}

.clearDispBookHead a {
    padding: .6875rem 1rem;
    font-size: 12px;
    background-color: #F44336;
    text-align: center;
    border: 0 solid transparent;
    color: #fff;
    border-radius: 4px;
    height: 34px;
    display: flex;
    align-items: center;
}

.clearDispBookHead a .material-icons {
    line-height: 0;
    font-size: 18px;
}

.dispLocation {
    display: flex;
    align-items: center;
    margin: 0 auto 8px;
    width: calc(100% - 20px);
    height: 34px;
    border-radius: .85rem;
}

.dispLocation .dispLocationInput {
    flex: 1;
}

.dispLocation .dispLocationIcon {
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #edeef6;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dispLocation .dispLocationInput input,
.dispLocation .dispLocationInput select,
.dispBookHead .nw-booking-date.daterange input,
.dispBookHead .nw-booking-date.daterange select {
    border: 0;
    width: 100%;
    height: 34px;
    padding: 0 5px;
    border: 1px solid #edeef6;
    font-size: 12px;
}

.dispLocation .dispLocationReset a {
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #edeef6;
    border-right: 1px solid #e3e3e3;
}

.dispLocation .dispLocationReset.lastChild a {
    border-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.dispLocation .dispLocationSwitch a {
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1bbdbe;
    color: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.dispLocation .material-icons {
    line-height: inherit;
    font-size: 20px;
}

.disppickupInput {
    padding: 0 10px;
    margin: 8px 0;
}

.disppickupInput input {
    width: 100%;
    height: 34px;
    padding: 0 5px;
    border: 1px solid #edeef6;
    padding: 0 5px;
    border-radius: 4px;
}

.viaLocationBnt {
    margin-bottom: 8px;
    padding: 0 10px;
    display: flex;
    width: 100%;
    align-items: center;
}

.viaLocationBnt a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .6875rem 0.3rem;
    font-size: 13px;
    background-color: #1bbdbe;
    text-align: center;
    border: 0 solid transparent;
    color: #fff;
    border-radius: 4px;
    height: 34px;
    width: 100%;
    margin-right: 4px;
}

.viaLocationBnt a:last-child {
    margin-right: 0;
}

.viaLocationBnt a.bookDraft {
    background-color: #fff;
    color: #1bbdbe;
    border: 1px solid #1bbdbe
}

.viaLocationBnt a.bookClear {
    background-color: #edeef6;
    color: #111;
}

.viaLocationBnt a .material-icons {
    font-size: 20px;
}

.dispatchBooking .dispatchSwitch {
    padding: 3px 0px 0;
    margin-bottom: 0px;
}

.dispatchBooking .flex-row {
    margin-bottom: 8px;
    padding: 0 10px;
}

.dispatchBooking .flex-row [class*="col-"] {
    padding: 0 8px;
}

.dispatchBooking .flex-row [class*="col-"]:first-child {
    padding-left: 0;
}

.dispatchBooking .flex-row [class*="col-"]:last-child {
    padding-right: 0;
}

.dispatchBooking .flex-row [class*="col-"] .dispLocation {
    margin: 0;
    width: 100%;
}

.dispIconSet {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #edeef6;
    height: 34px;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 13px;
    max-width: 180px;
}

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

.dispIconSet .material-icons {
    line-height: inherit;
    font-size: 18px;
}

.dispLocationSwitch.dispdelete a {
    background-color: #F44336;
}

.bookingTabs {
    display: flex;
    align-items: flex-start;
    padding: 0 10px;
    width: 100%;
    border-bottom: 1px solid #d9dfe0;
}

.bookingTabsShow {
    flex: 1;
    overflow: hidden;
}

.bookingTabsShow ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.bookingTabsShow ul li {
    list-style: none;
    list-style-type: none;
    margin: 0 0 5px;
}

.bookingTabsShow ul li:nth-child(1) {
    padding-left: 0;
}

.bookingTabsShow ul li a {
    display: block;
    padding: .6875rem 1rem;
    font-size: 10px;
    background-color: #edeef6;
    text-align: center;
    border: 0 solid transparent;
    color: #111;
    border-radius: 4px;
    white-space: nowrap;
}

.bookingTabsShow ul li.active a {
    background-color: #1bbdbe;
    color: #fff;
}

.bookingInner {
    width: 100%;
    overflow: auto;
    height: calc(100% - 35px);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
}

.bookingInner.active {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.dispatchBottom .nw-card-head,
.dispatchBottom .nw-tabs-head {
    margin: 0;
}

.dispatchBottom .nw-tabs-head.nav-tabs>li>a {
    padding: 0.8rem;
    font-size: 13px;
    background-color: #edeef6;
    border-radius: 4px;
    margin: 0 5px;
    min-width: 80px;
    text-align: center;
}

.dispatchBottom .nw-tabs-head.nav-tabs>li.active>a:after,
.dispatchBottom .nw-tabs-head.nav-tabs>li.active>a:focus:after,
.dispatchBottom .nw-tabs-head.nav-tabs>li.active>a:hover:after,
.dispatchBottom .nw-tabs-head.nav-tabs>li>a:hover:after {
    display: none;
}

.dispatchBottom .nw-tabs-head.nav-tabs>li>a:hover,
.dispatchBottom .nw-tabs-head.nav-tabs>li.active>a {
    background-color: #1bbdbe !important;
    color: #fff !important;
}

.dispatchBottom .nw-card-head,
.dispatchBottom .nw-tabs-head {
    padding: .5rem 10px;
}

.dispatchBottom .BttomOrders-tableInner .nw-tab-content-inner {
    padding: 0rem 10px .5rem;
}

.chartFilterSelect {
    max-width: 200px;
    padding: 0 15px 15px;
}

.flex-row.adjustMar {
    margin-left: -15px;
    margin-right: -15px;
}

.dashCols {
    margin-bottom: 15px;
}

.dashCols>.card {
    height: 100%;
}

.dashCols>.card.notEqH {
    height: auto;
}

.dashboard-widgets-filter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.chartRadio {
    display: flex;
    align-items: center;
    margin-left: 10px;
    color: #111;
    font-size: 15px;
    padding: 7px 5px;
    background-color: #fafafa;
    border-radius: 5px;
    max-height: 35px;
}

.chartRadioBox input {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -9999;
}

.chartRadioBox input {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -9999;
}

.chartRadioBox input+label {
    padding: 4px 8px;
    border-radius: 4px;
    min-width: 70px;
    text-align: center;
    cursor: pointer;
    font-weight: 300;
}

.chartRadioBox input:checked+label {
    color: #fff;
    background-color: #1bbdbe;
}

.mapUnfold {
    display: flex;
    height: 30px;
    width: 30px;
    padding: 5px 5px;
    background-color: #1bbdbe;
    color: #fff !important;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
}

.bottomUnfold .unfoldLess,
.mapUnfold .unfoldLess,
.bottomUnfold.unfolded .unfoldMore,
.mapUnfold.unfolded .unfoldMore {
    display: none;
}

.bottomUnfold.unfolded .unfoldLess,
.mapUnfold.unfolded .unfoldLess {
    display: block;
}

.dispatchBottomResize {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
}

.dispatchBottomResize a {
    display: inline-block;
    height: 100%;
    padding: 5px 5px;
    background-color: #1bbdbe;
    color: #fff;
    border-radius: 4px;
}

.dispatchBottom.fullHeight {
    height: 100vh !important;
}

.dispatchBottom.smallHeight {
    height: 200px !important;
}

.dispatchBottom.zeroHeight {
    height: 0px !important;
}

.driverStatusBoxToggle {
    position: absolute;
    top: 2px;
    right: 4px;
    color: rgba(255, 255, 255, 0.75);
}

.driverStatusBoxToggle:hover {
    color: rgba(244, 67, 54, 0.75);
}

.driverStatusBoxToggle .material-icons {
    line-height: inherit;
    font-size: 15px;
}

.dispNote {
    padding: 0 10px;
    margin-bottom: 8px;
}

.dispNote textarea.form-control.form-control-solid {
    resize: vertical;
    border-radius: 4px;
    font-size: 12px;
    min-height: 75px;
    background-color: #fff;
}

.dispNoteCheck {
    margin-left: 10px;
}

.dispNoteCheck input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.dispNoteCheck label {
    position: relative;
    cursor: pointer;
    font-size: 11px;
    display: flex;
    align-items: center;
}

.dispNoteCheck label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #1bbdbe;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 2px;
}

.dispNoteCheck input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 5px;
    ;
    width: 4px;
    height: 7px;
    border: solid #ffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.dispNoteCheck input:checked+label:before {
    background-color: #1bbdbe;
}

.dispCheck {
    margin-bottom: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    margin-top: 15px;
}

.dateRangeInput {
    margin-right: 8px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.dispBookHead .nw-booking-date.daterange input {
    width: 100%;
    border-radius: 4px;
}

.dispBookHead .nw-booking-date.daterange select {
    cursor: pointer;
    border-radius: 4px;
    padding: 0 5px 0px 5px;
    appearance: none;
}

.nav-tabs>li.bottomSheetChart {
    margin-left: auto;
}

.dispatchBottom .nw-tabs-head.nav-tabs>li.bottomSheetChart a {
    padding: 0 5px;
    font-size: 25px;
    min-width: auto;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.dispatchBottom .nw-tabs-head.nav-tabs>li.bottomSheetChart a .material-icons {
    line-height: inherit;
    font-size: inherit;
}

.bookingInner::-webkit-scrollbar,
.bookingInner::-webkit-scrollbar-thumb {
    width: 10px;
}

.dispCollapseTarget {
    font-size: 12px;
    cursor: pointer;
    background-color: #1bbdbe;
    color: #fff;
    position: relative;
    padding: 0px 5px;
    border-radius: 2px;
    text-align: center;
    min-width: auto;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dispCollapseTarget[aria-expanded="true"],
.dispCollapseTarget:hover {
    background-color: #fff;
    color: #1bbdbe;
}

.dispCollapseTarget:after {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    height: 0;
}

.dispCollapseTarget .material-icons {
    font-size: inherit;
    line-height: 0;
    transition: rotate 0.5s;
}

.dispCollapseTarget[aria-expanded="true"] .material-icons {
    transform: rotateX(180deg);
}

/* The container */
.container-checkbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 25px;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.container-checkbox .checkmark {
    position: absolute;
    top: 3px;
    left: 4px;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 3px;
    border: 0;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked~.checkmark {
    background-color: #1bbdbe;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bookingCount {
    width: 100%;
    padding: 0 10px;
    display: none;
    align-items: center;
    justify-content: space-between;
}

.bookingCount h5 {
    font-size: 13px;
    background-color: #edeef6;
    border-right: 1px solid #e3e3e3;
    margin: 0;
    padding: 10px 10px;
    margin-top: 5px;
    border-radius: 4px;
}

.totalBooking {
    color: #111;
    font-size: 18px;
    padding: 10px 10px;
}

.totalBooking span {
    font-weight: 600;
}

.dispatchBottom .MuiTableCell-body {
    color: #404040;
    word-break: break-all;
    white-space: nowrap;
    font-size: 11px;
    padding: 8px 10px;
    max-width: 150px;
}

.dispatchBottom .MuiTableCell-head.text-center,
.dispatchBottom .MuiTableCell-body.text-center {
    text-align: center;
}

.dispatchBottom .MuiTableCell-head {
    font-size: 12px;
    padding: 8px 10px;
}

.dispatchBottom .MuiTableHead-root {
    background-color: #eeffff;
}

.BttomOrders-tableInner .tab-content {
    height: calc(100% - 50px);
    overflow-y: auto;
}

.BttomOrders-tableInner .tab-content::-webkit-scrollbar,
.BttomOrders-tableInner .tab-content::-webkit-scrollbar-thumb {
    width: 10px;
}

.context-menu {
    font-size: 1.1em;
    position: fixed;
    width: 200px;
    height: auto;
    padding: 0px 0px;
    border-radius: 5px;
    top: 10px;
    left: 10px;
    background-color: #fff;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
    color: #333;
    z-index: 9999999;
    overflow: hidden;
    transform: translateY(-30%);
}

.context-menu .context_item {
    height: 33px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
}

.context-menu .context_item:last-child {
    border-bottom: 0;
}

.context-menu .context_item:hover {
    background-color: rgb(245, 245, 245);
}

.context-menu .context_item .inner_item {
    margin: 0px 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
    width: 100%;
}

.context-menu .context_item.bookingShow {
    background-color: rgb(237 238 246);
}

.context-menu .context_item.bookingShow .inner_item {
    justify-content: center;
}

.context-menu .context_item .inner_item span {
    display: inline-flex;
}

.context-menu .context_item .inner_item i {
    margin: 0 5px 0 0;
    font-weight: bold;
}

.context-menu .context_item .inner_item svg {
    height: 14px;
    margin-right: 9px;
}

.context-menu .context_hr {
    height: 1px;
    border-top: 1px solid #bbb;
    margin: 3px 10px;
}

.context-menu .context_item.context_heading {
    background-color: #1bbdbe;
    color: #fff;
    font-size: 13px;
    padding: 0 15px;
}

.context-menu .table-chechbox label {
    font-size: 12px;
    width: 100%;
}

.context-menu .table-chechbox label span:before {
    padding: 6px;
    top: -1px;
}

.context-menu .table-chechbox input:checked+span:after {
    left: 6px;
    width: 4px;
    height: 9px;
}

.context-menu .context_item_body {
    padding: 10px 0 10px;
}

.context-menu .table-chechbox input {
    margin: 0;
}

tr.MuiTableRow-root.context-show {
    background-color: rgba(65, 71, 71, 0.233) !important;
}

.context-menu.context-menu-body {
    transform: translateY(-50%);
}

th.MuiTableCell-head {
    position: relative;
}

.table-resizable.resizing,
.table-resizable th::before {
    cursor: col-resize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.table-resizable th {
    position: relative;
    border-right: 1px solid #edeef6;
}

.table-resizable th::before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
}

.table-resizable th:last-of-type::before {
    display: none;
}

.table-resizable td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dispatchBottom .nw-tabs-head.nav-tabs>li>a {
    padding: 0.4rem 0.8rem;
    font-size: 11px;
}

.tableIcon {
    color: #1bbdbe;
    position: relative;
    bottom: -3px;
    display: inline-block;
    margin-right: 3px;
}

.tableIcon svg {
    height: 16px;
    width: 16px;
}

.datepicker.datepicker-dropdown {
    max-width: 250px;
    border: 1px solid #e5eaee !important;
    box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15);
}

.datepicker.datepicker-dropdown td,
.datepicker.datepicker-dropdown th {
    width: 35px;
    height: 35px;
}

.datepicker.datepicker-dropdown table {
    width: 100%;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: #1bbdbe !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-image: linear-gradient(to bottom, #1bbdbe, #1bbdbe) !important;
}

@media (min-width: 992px) {
    .message-content {
        max-width: 45%;
    }
}

@media (max-width:300px) {
    .alertTimeline {
        width: 100%;
        padding: 30px 5px 30px 10px;
    }

    .alertTimeline ul li .content h3 {
        color: #444;
        font-size: 15px;
    }
}

.login_box .intl-tel-input {
    margin-top: 4px;
}

.form-group.domain-box {
    margin-top: 23px;
    display: flex;
    margin-bottom: 21px;
    padding: 0;
    align-items: center;
}

.form-group.domain-box .form-control {
    margin: 0;
}

label.domain-label {
    padding: 0 0 0 3px;
    font-size: 13px;
}

.login_box.signup-box {
    max-width: 630px;
}

.user-div-top.trial-days {
    margin: 0;
    padding: 0;
    color: #ff0101;
    font-weight: 600;
    display: block;
    width: 100%;
    font-size: 13px;
    text-align: center;
    line-height: normal;
}

/* --------------- 24 March 2021 ------------- */
.left-block-header {
    margin: 0 0 0 20px;
}

@media (max-width: 575.98px) {

    .left-block-header .hide-inMobile,
    .right-header-back .hide-inMobile {
        display: none;
    }

    .left-block-header {
        margin: 3px 0 0 38px;
    }

    .left-block-header .material-icons {
        font-size: 27px;
    }

    .left-block-header.manageDashboard a {
        padding: 7px 6px;
    }

    .manageDashboard a {
        padding: 3px 0 0;
    }
}

@media (max-width: 991px) {
    .right-header-back {
        margin-right: 15px !important
    }
}

span.msg-counts {
    color: #fff;
    position: absolute;
    font-size: 11px;
    font-family: 'Roboto', sans-serif;
    min-width: 21px;
    height: 18px;
    background: #f44336;
    text-align: center;
    border-radius: 10px;
    right: -11px;
    line-height: 18px;
    top: -1px;
}

.modal-dialog.dispatchChat-dialog .modal-header {
    min-height: unset
}

img.driver-avtar {
    width: 40px;
    margin: 0 12px 0 0;
    border-radius: 50%;
    border: 1px solid #ddd;
    height: 40px;
}

img.driver-avtar.mr-10 {
    margin: 0 0 0 12px
}

.dispatchSwitch.mb-4 {
    margin: 0 0 14px;
}

.lang_dropdown {
    display: none;
}

.lang_drop:hover+.lang_dropdown {
    display: block;
    position: absolute;
}

.langugae_filter_box {
    display: flex;
    position: relative;
    margin-right: 10px;
}

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

.langugae_filter_box ul li {
    list-style: none;
}

.langugae_filter_box:hover .lang_dropdown {
    display: block;
    position: absolute;
    min-width: 70px;
    background-color: #fff;
    color: rgba(255, 255, 255, 0.6);
    right: 1px;
    box-shadow: 0 5px 12px rgba(60, 64, 67, 0.15);
    font-size: 13px;
    border-radius: 9px;
    border: 0;
    margin: 0;
    padding: 4px 9px 6px 9px;
}

.lang_country {
    margin: 6px 0;
}

.lang_country a {
    color: #333;
}

.lang_country a:hover {
    color: #0da0a0;
}

.lang_drop {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #111;
}

.flag_ico {
    display: flex;
}

.lang_drop svg {
    fill: #98a4b5;
}

.lang_drop:hover svg {
    fill: #1bbdbe;
}

.login_langugae_filter_box ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.login_langugae_filter_box .lang_drop {
    padding: 10px;
}

.login_langugae_filter_box .lang_drop:hover {
    background-color: #e8f0fe;
}

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

.login_langugae_filter_box:hover {
    border-color: #e8f0fe;
}

.login_langugae_filter_box {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 35px;
    position: relative;
}

.login_langugae_filter_box:hover .lang_dropdown {
    display: block;
    position: absolute;
    min-width: 100%;
    background-color: #fff;
    color: rgba(255, 255, 255, 0.6);
    right: 0;
    box-shadow: 0 5px 12px rgba(60, 64, 67, 0.15);
    font-size: 12px;
    border-radius: 5px;
    border: 0;
    margin: 0;
    padding: 7px 11px 6px 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 0px solid #aaa !important;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
}
.add-btn {
	background: #1ababb;
	color: #fff;
	width: 19px;
	height: 19px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	line-height: 25px;
	font-size: 8px;
	margin: 0 0 0 5px;
	/* float: right; */
}

.add-btn:hover {
    color: #fff !important;
}

.add-btn svg {
    width: 11px;
}

.add-btn.text-danger {
    background-color: #F96A6D;
    color: #fff;
}

.form-select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    /* background-image: none; */
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

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

/* .modal-footer {
	margin-top: 15px;
} */
.modal-close {
    position: absolute;
    top: 7px;
    right: 15px;
    border: 0;
    background: transparent;
    font-size: 26px;
    line-height: normal;
    margin: 0;
    padding: 0;
    color: #666;
}

@media (min-width: 768px) {
    .modal-sm {
        width: 410px;
    }
}

.mb-0 {
    margin-bottom: 0;
}

.mt-5 {
    margin-top: 25px;
}
.modal-title {
	font-weight: 500;
}

.note-alert {
	background-color: rgb(238, 255, 255);
	border: 1px solid #c4f4f4;
	border-radius: 7px;
	padding: 10px 13px;
	font-size: 12px;
	color: #058788;
	position: relative;
	padding-left: 38px;
}
.noteTitle {
	font-weight: 600;
	font-size: 14px;
}

.start-icon {
	position: absolute;
	left: 14px;
	top: 11px;
	font-size: 17px;
}