body {
    margin: 0px;
    padding: 0px;
    font-family: 'HelveticaLTStd-Roman';
    background: #ECEEF3;
}

@font-face {
    font-family: 'HelveticaLTStd-Bold';
    src: url('fonts/helveticaltstdbold.eot');
    src: url('fonts/helveticaltstdbold.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaltstdbold.woff') format('woff'), url('fonts/helveticaltstdbold.ttf') format('truetype'), url('fonts/helveticaltstdbold.svg#helveticaltstdbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaLTStd-Roman';
    src: url('fonts/helveticaltstdroman.eot');
    src: url('fonts/helveticaltstdroman.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaltstdroman.woff') format('woff'), url('fonts/helveticaltstdroman.ttf') format('truetype'), url('fonts/helveticaltstdroman.svg#helveticaltstdroman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaLTStd-Light';
    src: url('fonts/helveticaltstdlight.eot');
    src: url('fonts/helveticaltstdlight.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaltstdlight.woff') format('woff'), url('fonts/helveticaltstdlight.ttf') format('truetype'), url('fonts/helveticaltstdlight.svg#helveticaltstdlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/******* Login start *******/
/*.borderS{background:#cf2230;width:100%;height:2px;margin:20px 0;}
.searchEngine ul{margin:20px 0 0 20px;list-style:none;padding:0px;}
.searchEngine ul li{line-height:35px;float:left;width:31.6%;border-bottom:1px solid #C7C7C7;margin-right:20px;}
.searchEngine ul li:nth-child(3n+3){margin-right:0px;}
.searchEngine ul li span{font-family:'HelveticaLTStd-Bold';width:120px;display:inline-block;line-height:20px;}*/
.borderS {
    background: #cf2230;
    width: 100%;
    height: 2px;
    margin: 20px 0;
}

.mb20 {
    margin-bottom: 20px;
}

.searchEngine ul {
    margin: 0px 20px 0 20px;
    list-style: none;
    padding: 0px;
}

    .searchEngine ul li {
        line-height: 20px;
        float: left;
        width: 48%;
        border-bottom: 1px solid #C7C7C7;
        margin-right: 20px;
    }

        .searchEngine ul li:nth-child(2n+2) {
            margin-right: 0px;
        }

        .searchEngine ul li span {
            font-family: 'HelveticaLTStd-Bold';
            width: 250px;
            display: inline-block;
            line-height: 20px;
            color: #696969;
        }

.SwapCar .dataTables_length,
.SwapCar .dataTables_filter,
.SwapCar .dataTables_info,
.SwapCar .paging_simple_numbers {
    display: none;
}

.SwapCar input.btn_sub.carD {
    width: 120px;
    border: none;
    outline: none;
}

.SwapCar input.btn_sub.sub {
    width: 100px;
    border: none;
    outline: none;
}

.add_user_bg.bn {
    background: none;
}

.w_46 {
    width: 46%;
}

table.carAv {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
}

.input-box-in {
    margin-bottom: 10px;
    float: left;
}
.h50 {
    height:64px;
}


table.carAv, table.carAv th, table.carAv td {
    border: 1px solid #dddddd;
    border-collapse: collapse;
    padding: 7px;
}

        table.carAv th {
            background: #f1f1f1;
        }

.mr_4 {
    margin-right: 4%;
}

.unCars {
    font-size: 13px;
}

.add_user.pn .swap_left label {
    text-align: left;
    width: 33%;
}

.add_user.pn .swap_left input[type="text"], .add_user.pn .swap_left select {
    width: 65%;
}

.swap_left {
    padding: 20px;
    border: 1px solid #989898;
    margin: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    height: auto;
}

    .swap_left p {
        margin: 0px;
        padding-top: 10px;
    }

.SwapCar input.btn_sub:hover,
.add_user_bg input.btn_sub:hover {
    background: #000;
}

.w_64 {
    width: 64%;
}

.mr30 {
    margin-right: 30px;
}

input[type="file"] {
    height: 40px !important;
    line-height: 24px !important;
}

.voterID {
    width: 59%;
}

    .voterID input {
        width: 100% !important;
        font-size: 12px;
    }

a.doc {
    margin-top: 2px;
    display: inline-block;
    text-decoration: underline;
    color: #cf2230;
    font-size: 12px;
}

.pr_4 {
    padding-right: 4.5%;
}

.video_bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
}

.logo img {
    margin-left: 20px;
    margin-top: 5px;
}

.login_bg {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    margin: 0 auto;
    background: #404041;
    color: #fff;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 24em;
    min-height: 16em;
    height: auto;
    margin-top: -8em; /*set to a negative number 1/2 of your height*/
    margin-left: -12em; /*set to a negative number 1/2 of your width*/
    position: fixed;
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
}

    .login_bg .field-validation-error {
        margin-left: 0px;
    }

    .login_bg form {
        padding: 10px;
        margin: 0 auto;
        width: 20em;
    }

    .login_bg h2 img {
        width: 33%;
    }

    .login_bg h2 {
        background: #cf2230;
        margin: 0px;
        padding: 0px;
        text-align: center;
        font-family: 'HelveticaLTStd-Bold';
        border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -o-border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -o-border-top-left-radius: 10px;
        font-size: 20px;
        padding: 5px 0 3px;
    }

    .login_bg span.star {
        font-family: 'HelveticaLTStd-Bold';
        display: inline-block;
        color: #cf2230;
        font-size: 18px;
    }

    .login_bg span {
        display: block;
        color: #fff48d;
        font-size: 14px;
    }

    .login_bg input {
        padding: 9px 5px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        border: none;
        display: block;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        border: 1px solid #DDDDDC;
    }

a.btn_sub {
    display: inline-block;
    text-align: center;
}

    a.btn_sub:hover {
        text-decoration: none;
        color: #fff;
    }

input[type="submit"],
a.btn_sub {
    background: #cf2230;
    outline: none;
    border: none;
    color: #fff;
    font-size: 17px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    width: 200px;
    cursor: pointer;
    font-family: 'HelveticaLTStd-Bold';
    border: 1px solid #404041;
}

    input[type="submit"]:hover,
    input[type="submit"]:focus {
        background: #e8452a;
        border: 1px solid #cf2230;
        outline: none;
    }

.dib {
    display: inline-block;
    text-align: right;
}

.submit_bg {
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
}

    .submit_bg a {
        color: #fff;
        text-decoration: underline;
        display: inline-block;
        margin-top: 9px;
        font-size: 13px;
    }

.w_50 {
    width: 50%;
}
/******* Login end *******/

/******* Menu start *****/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cssmenu {
    width: 100%;
    color: #ffffff;
}

    #cssmenu ul ul {
        display: none;
    }

.align-right {
    float: right;
}

#cssmenu > ul > li > a {
    padding: 10px 10px;
    border-top: 1px solid #727376;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #afafaf;
    background: #333333;
}

    #cssmenu > ul > li > a:hover,
    #cssmenu > ul > li.active > a,
    #cssmenu > ul > li.open > a {
        color: #eeeeee;
        background: #252525;
    }

#cssmenu > ul > li.open > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #727376;
}

#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
    border-bottom: 1px solid #727376;
}

.holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
}

    .holder::after,
    .holder::before {
        display: block;
        position: absolute;
        content: "";
        width: 6px;
        height: 6px;
        right: 20px;
        z-index: 10;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
/*.active.has-sub .holder::after {
  top: 12px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}*/
.active.has-sub .holder::after {
    top: 12px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}

.active.has-sub.open .holder::after {
    top: 16px;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-top: 0px;
    border-left: 0px;
}

#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
    border-color: #eeeeee;
}
/*.holder::before {
  top: 13px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}*/
#cssmenu ul ul li a {
    cursor: pointer;
    border-bottom: 1px solid #32373e;
    border-left: 1px solid #32373e;
    border-right: 1px solid #32373e;
    padding: 10px 0px;
    z-index: 1;
    text-decoration: none;
    font-size: 13px;
    color: #eeeeee;
    background: #49505a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
    background: #424852;
    color: #ffffff;
}

#cssmenu ul ul li:first-child > a {
    box-shadow: none;
}

#cssmenu ul ul ul li:first-child > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#cssmenu ul ul ul li a {
    padding-left: 30px;
    background-color: #5A616D;
}

#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
    border-bottom: 0;
}

#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
    border-bottom: 1px solid #32373e;
}

#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0;
}

#cssmenu ul ul li.has-sub > a::after {
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    right: 20px;
    z-index: 10;
    top: 11.5px;
    border-top: 2px solid #eeeeee;
    border-left: 2px solid #eeeeee;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#cssmenu ul ul li.has-sub.open > a::after {
    border-top: 0;
    border-left: 0;
}

#cssmenu ul ul li.open > a::after {
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    right: 20px;
    z-index: 10;
    top: 11.5px;
    border-bottom: 2px solid #eeeeee;
    border-right: 2px solid #eeeeee;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
    border-color: #ffffff;
}

#cssmenu .home {
    background: url('../../Resource/images/home.png') no-repeat 0 -1px;
}

#cssmenu .masters {
    background: url('../../Resource/images/masters.png') no-repeat 0 0px;
}

#cssmenu .finance {
    background: url('../../Resource/images/finance.png') no-repeat 0 0px;
}

#cssmenu .dashboard {
    background: url('../../Resource/images/dashboard.png') no-repeat 0 0px;
}

#cssmenu .reports {
    background: url('../../Resource/images/reports.png') no-repeat 0 0px;
}

#cssmenu .booking {
    background: url('../../Resource/images/bookings.png') no-repeat 0 0px;
}

#cssmenu .subscriptions {
    background: url('../../Resource/images/subscriptions.png') no-repeat 0 0px;
}

#cssmenu span {
    padding-left: 26px;
}

#cssmenu ul ul ul span {
    padding-left: 0px;
}
/******* Menu end *****/

article, section, aside, hgroup, nav, header, footer, figure, figcaption {
    display: block;
}

header {
    background: #000;
    height: 60px;
    position: fixed;
    z-index: 90;
    top: 0px;
    width: 100%;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.dib {
    display: inline-block;
    text-align: center;
}

.w_15 {
    width: 15%;
}

.w_83 {
    width: 83%;
}

.mr2 {
    margin-right: 2%;
}

.p_5 {
    padding: 5%;
}

.f_l {
    float: left;
}

.f_r {
    float: right;
}

.dib img {
    margin: 10px 0 9px;
}

.left_bg {
    background-color: #404041;
    position: fixed;
    top: 0px;
    bottom: 0px;
    height: 100%;
    padding-top: 60px;
}

.clr {
    clear: both;
}

.left_width, .left_width_menu {
    width: 19%;
}

.menu_headbg {
    background: #252525;
    height: 42px;
    color: #fff;
    line-height: 42px;
}

.toogle_icon {
    cursor: pointer;
}

.pl20 {
    padding-left: 20px;
}

.pr20 {
    padding-right: 20px;
}

.left_bg ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .left_bg ul li {
        border-bottom: 1px solid #727376;
        line-height: 30px;
    }

        .left_bg ul li a {
            color: #afafaf;
            text-decoration: none;
            width: 100%;
        }

.relative {
    position: relative;
}

.message,
.notification,
.signout {
    position: absolute;
    top: 0px;
    color: #fff;
}

.message {
    right: 264px;
    top: 25px;
}

.notification {
    right: 210px;
    top: 25px;
}

    .notification .circle {
        right: -18px;
    }

.signout {
    right: 0px;
    width: 140px;
    height: 60px;
    margin-top: 20px;
    margin-right: 20px;
}

    .signout span {
        margin-right: 5px;
    }

.circle {
    width: 20px;
    height: 20px;
    background: #404041;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: -10px;
    right: -23px;
}

.message img,
.notification img,
.name_arrow {
    cursor: pointer;
}

.signout ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: #544E4E;
}

    .signout ul li {
        line-height: 20px;
        border-bottom: 1px solid #727376;
        position: relative;
    }

        .signout ul li a {
            color: #fff;
            font-size: 13px;
            text-decoration: none;
            padding-left: 10px;
            line-height: 30px;
            display: inline-block;
            width: 100%;
        }

            .signout ul li a:hover {
                background: #676363;
            }

        .signout ul li span {
            width: 16px;
            height: 16px;
            background: #404041;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            background: #cf2230;
            margin: 0;
            text-align: center;
            position: absolute;
            right: 6px;
            top: 7px;
            font-size: 12px;
            line-height: 16px;
        }

/****** Right sign out start ******/
.sidebar {
    -moz-transition: left .1s;
    -webkit-transition: left .1s;
    -o-transition: left .1s;
    transition: left .1s;
    position: absolute;
    top: -124px;
    right: 0px;
    width: 144px;
}

.slide-out {
    -moz-transition: left 1s;
    -webkit-transition: left 1s;
    -o-transition: left 1s;
    transition: left 1s;
}

.sidebar.slide-out {
    top: 40px;
}

/****** icone code start ******/
.icone_bg {
    width: 45px;
    height: 100%;
    background: #404041;
    display: inline-block;
    text-align: center;
    padding: 10px;
    margin-top: 60px;
}

    .icone_bg img {
        display: block;
        margin-bottom: 10px;
        cursor: pointer;
    }
/********** Add User ********/
.w_100 {
    width: 100%;
}

.user_left {
    width: 30%;
    display: inline-block;
    text-align: center;
}

.user_right {
    width: 70%;
    padding-right: 30px;
}

.add_user {
    width: 100%;
    height: auto;
    border: 1px solid #DDDDDC;
    border-top: 5px solid #cf2230;
    background: #fff;
    padding: 20px;
    display: inline-block;
    margin-top: -1px;
}

.right_div {
    width: 82%;
    margin-top: 32px;
    margin-left: 18%;
}

input, button {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    outline: none;
    border: 1px solid #a9a9a9;
}
/*input:hover,input:focus{border:1px solid #cf2230;}*/
.p40 {
    padding: 40px;
}

.w_45 {
    width: 45%;
}

.mr5 {
    margin-right: 5%;
}

.add_user label {
    width: 30%;
    float: left;
    padding-right: 15px;
    text-align: right;
    line-height: 35px;
    color: #696969;
}

.add_user input {
    padding: 7px 5px;
    float: left;
    width: 100% !important;
}

.row_row {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

    .row_row button {
        background: #cf2230;
        border: none;
        outline: none;
        color: #fff;
        padding: 7px;
        width: 100px;
        margin-left: 30%;
    }

        .row_row button.reset {
            margin-left: 5px;
        }

        .row_row button:hover, button.upload:hover {
            background: #000;
        }

button.upload {
    outline: none;
    border: none;
    margin-top: 10px;
    background: #cf2230;
    color: #fff;
    padding: 7px;
    width: 100px;
}

.user_right ul {
    margin: 60px 0 0 0;
    padding: 0px;
    list-style: none;
    width: 300px;
}

    .user_right ul li {
        float: left;
        width: 50%;
    }

.circle_1,
.circle_2,
.circle_3,
.circle_4 {
    width: 26px;
    height: 26px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
}

.circle_1 {
    background: #25578F;
}

.circle_2 {
    background: #489844;
}

.circle_3 {
    background: #D02029;
}

.circle_4 {
    background: #F29F2C;
}

.ul_text {
    position: relative;
    top: -9px;
    left: 3px;
    font-weight: bold;
}

.ng-invalid-required {
    border: 1px solid #cf2230;
}

form.ng-invalid-required {
    border: none;
}

/*************** add user ************/
.add_user_bg {
    background: #F5F5F5;
    height: auto;
    border-bottom: 1px solid #E6E2E2;
}

    .add_user_bg form {
        width: 90%;
    }

.or_oc .field-validation-error {
}

.add_user.pn {
    padding: 0;
}

.p20 {
    padding: 20px;
}

.add_user.pn label {
    width: 30%;
    cursor: auto;
}

.toggle-group label {
    cursor: pointer !important;
}

.add_user.pn input[type="text"],
.add_user.pn select {
    width: 40%;
    height: 35px;
    float: left;
}

.dataTables_length label select {
    height: 35px;
}

.add_user_bg input.btn_sub,
a.btn_sub {
    background: #cf2230;
    border: none;
    outline: none;
    color: #fff;
    padding: 7px;
    width: 100px;
    margin-left: 10px;
    margin-top: 0px;
}

input.btn_sub.btn-larg {
    background: #cf2230;
    border: none;
    outline: none;
    color: #fff;
    padding: 10px 10px;
    width: 222px;
    margin-left: 10px;
    margin-top: 10px;
}

a.btn_sub.btn-larg {
    background: #cf2230;
    border: none;
    outline: none;
    color: #fff;
    padding: 10px 10px;
    width: 222px;
    margin-left: 10px;
    margin-top: 10px;
}

.add_user_bg input.btn_sub.max_width {
    width: auto;
}

    .add_user_bg input.btn_sub.max_width.duty_ex {
        margin-left: 20px;
    }

.add_user_bg.one_col input.btn_sub {
    margin-top: 0px;
}

.add_user_bg input.btn_sub.first_bt {
    margin-left: 0px;
    width: auto !important;
}

.add_user_bg input.btn_sub.btn-larg.first_bt {
    margin-left: 4px;
}

.add_user_bg a.btn_sub.btn-larg.first_bt {
    margin-left: 4px;
}

.add_user_bg form {
    margin: 0px auto;
}

.add_user_bg {
    padding: 20px 0;
}

.add_user.pn .dataTables_length label {
    width: 177px;
}

.add_user.pn .dataTables_filter label {
    width: 450px;
}

    .add_user.pn .dataTables_filter label input {
        width: 83%;
        float: right;
        margin-left: 5px;
    }

.add_user label .star {
    color: #cf2230;
    font-size: 18px;
}

.right_div h1 {
    margin: 0;
    padding: 0;
    width: 290px;
    text-align: center;
    font-size: 17px;
    background: #cf2230;
    color: #fff;
    line-height: 35px;
    text-transform: uppercase;
    border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -o-border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -o-border-top-left-radius: 8px;
}

.table-bordered > tbody > tr > td {
    border: none !important;
    border-top: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
}

.table-bordered > thead > tr > th {
    border-bottom-width: 0px !important;
}

.add_user_bg form.car_zone,
.add_user_bg form.car_city {
    width: 100%;
    margin: 0;
}

.n-hdn {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: normal;
    font-weight: 600;
    padding-bottom: 10px;
}

.line1 {
    display: block;
    height: 1px;
    background: #ccc;
    margin: 30px 15px;
}

.font-size1 {
    font-size: 12px;
    font-weight: 600;
    display: block;
    padding-top: 10px;
}

.txtalign {
    text-align: right !important;
    padding: 0 !important;
}


.add_user.pn form.car_zone label {
    width: 135px;
}

.add_user.pn form.car_zone input, .add_user.pn form.car_zone select {
    width: 230px;
    float: left;
    height: 35px;
}

.add_user_bg form.car_city {
    padding: 0px 10px;
}

.w_45 {
    width: 45%;
}

.mr15 {
    margin-right: 15px;
    margin-bottom: 15px;
}
.bnt-bx {
    margin-top:20px;
    display:block;
}
.input-box-in.h70 {
    height:70px;
}

.add_user.pn form.car_city label {
    width: 100%;
    text-align: left;
    line-height: 20px;
    font-size: 12px;
}

.add_user.pn .car_city input[type="text"], .add_user.pn .car_city select {
    width: 100%;
    height: 35px;
}

.car_city button.f_bt {
    margin-left: 0px;
}

button:hover {
    background: #000;
}

.add_user_bg textarea {
    width: 100%;
    resize: none;
}

.field-validation-error {
    margin-left: 30%;
    color: red;
}

.two_col .field-validation-error {
    margin-left: 0px;
}

.one_col .field-validation-error {
    margin-left: 40%;
}

input[type="text"], select, textarea {
    margin-bottom: 0px !important;
}

.right_div label {
    margin-top: 0px;
}

.right_div .one_col label {
    margin-top: 0px;
}

.pr_7 {
    padding-right: 7%;
}

.or_oc label, .add_user_bg.or_oc input.btn_sub {
    margin-top: 0px;
}

button.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border: 1px solid #efefef;
}

.btn[disabled] {
    background-color: #fff !important;
}

span.input-group-btn {
    float: right;
}

.input-group-btn.calender_d1 {
    position: relative;
    margin-top: -33px;
    left: -36px;
}

.input-group-btn.calender_d {
    position: relative;
    margin-top: -33px;
    left: -36px;
}

ul.tab li a {
    padding: 0 10px;
}

.right_div h1.bigH {
    width: 300px;
}

ul.dropdown-menu li:focus, ul.dropdown-menu li table:focus {
    outline: none;
    border: none;
}

.btn-info, .btn-info.active, .btn-success {
    background-color: #cf2230 !important;
    background-image: none !important;
}

.btn-danger {
    background-color: #928C8C !important;
    background-image: none !important;
}

.btn-info.active {
    background-color: #cf2230 !important;
    background-image: none !important;
}

ul.tab {
    margin: 0px;
    padding: 0px;
    width: 100%;
    list-style: none;
}

    ul.tab li {
        float: left;
        width: auto;
        padding-right: 1px;
        line-height: 35px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
    }

        ul.tab li a {
            background-color: #79797B;
            color: #fff;
            line-height: 35px;
            height: 35px;
            display: inline-block;
            width: 100%;
            text-align: center;
            border-top-right-radius: 8px;
            -moz-border-top-right-radius: 8px;
            -webkit-border-top-right-radius: 8px;
            -o-border-top-right-radius: 8px;
            border-top-left-radius: 8px;
            -moz-border-top-left-radius: 8px;
            -webkit-border-top-left-radius: 8px;
            -o-border-top-left-radius: 8px;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
        }

            ul.tab li a.active, ul.tab li a:hover {
                background-color: #cf2230;
            }

            ul.tab li a:hover {
                text-decoration: none;
            }

.couponApproval {
    position: fixed !important;
    bottom: 0px;
    right: 5px;
    left: 0px;
    background: #fff;
    border-top: 1px solid #ddd;
    padding: 10px;
    text-align: right;
}

    .couponApproval input {
        margin-top: 0px;
    }


/* ======================================================================== */
.checkbox label .toggle, .checkbox-inline .toggle {
    margin-left: -20px;
    margin-right: 5px
}

.toggle {
    position: relative;
    overflow: hidden
}

    .toggle input[type=checkbox] {
        display: none
    }

.toggle-group {
    position: absolute;
    width: 200%;
    top: 0;
    bottom: 0;
    left: 0;
    transition: left .35s;
    -webkit-transition: left .35s;
    -moz-user-select: none;
    -webkit-user-select: none
}

.toggle.off .toggle-group {
    left: -100%
}

.toggle-on {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    margin: 0;
    border: 0;
    border-radius: 0
}

.toggle-off {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0
}

.toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    width: 0;
    border-width: 0 1px
}

.toggle.btn {
    width: 59px;
    min-width: 59px;
    min-height: 34px
}

.toggle-on.btn {
    padding-right: 24px
}

.toggle-off.btn {
    padding-left: 24px
}

.toggle.btn-lg {
    min-width: 79px;
    min-height: 45px
}

.toggle-on.btn-lg {
    padding-right: 31px
}

.toggle-off.btn-lg {
    padding-left: 31px
}

.toggle-handle.btn-lg {
    width: 40px
}

.toggle.btn-sm {
    min-width: 50px;
    min-height: 30px
}

.toggle-on.btn-sm {
    padding-right: 20px
}

.toggle-off.btn-sm {
    padding-left: 20px
}

.toggle.btn-xs {
    min-width: 35px;
    min-height: 22px
}

.toggle-on.btn-xs {
    padding-right: 12px
}

.toggle-off.btn-xs {
    padding-left: 12px
}

.toggle-group .btn.active {
    background: #79797B;
    margin-top: 0px;
    color: #fff;
    background-image: none;
}

.toggle-group .btn-primary, .btn-primary:hover {
    background: #cf2230;
    margin-top: 0px;
    color: #fff;
    background-image: none;
}

    .toggle-group .btn-primary:hover {
        background-color: #cf2230 !important;
    }

.toggle-group .btn-primary {
    background-color: #cf2230;
    background-image: none;
    border: none;
}

.on_off_text {
    padding: 4px 0;
    padding-left: 10px;
}

.toggle-group label.btn,
.toggle.btn,
.toggle-group span.btn {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}

.toggle-group span.btn {
    padding: 4px 16px;
}

.toggle-group .btn.active {
    background: #79797B;
    margin-top: 0px;
    color: #fff;
}

.toggle-group .btn-primary {
    background: #cf2230;
    margin-top: 0px;
    color: #fff;
}

.w100 {
    width: 100px;
}

.on_off_text {
    padding: 5px 0;
    padding-left: 10px;
}

table.provider_name {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border: 1px solid #D0D0D0;
    border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -o-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -o-border-bottom-left-radius: 8px;
    border-collapse: collapse;
    width: 100%;
    background: #fff;
}

    table.provider_name td {
        width: 50%;
        padding: 5px;
    }

    table.provider_name,
    table.provider_name td {
        border: 1px solid #B7B7B7;
        white-space: nowrap;
    }

label.pr_n {
    padding-right: 0px;
}

.m_r2 {
    margin-right: 2%;
}

.w_49 {
    width: 49%;
}

.mb10 {
    margin-bottom: 10px;
}

.mt10 {
    margin-top: 10px;
}

.table-bordered thead:first-child tr:first-child th {
    white-space: nowrap;
}

div.dataTables_length select {
    margin-right: 10px !important;
    width: 65px !important;
}

table.ldger {
    width: 100%;
}

    table.ldger td, table.ldger th {
        padding: 5px;
    }

    table.ldger,
    table.ldger td,
    table.ldger th {
        background-color: #f9f9f9;
        border-collapse: collapse;
        white-space: nowrap;
    }

h3.th {
    padding: 0px 0 0 20px;
    margin: 20px 0 0 0px;
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    line-height: 31px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

table.ldger tr.m_gray th, h3.th {
    background-color: #7F7F86;
    color: #fff;
}

    h3.th.mn {
        margin: 0px;
    }

table.ldger th.r {
    text-align: right;
}

table.ldger td.c {
    text-align: center;
    font-weight: bold;
    padding: 15px 0;
}

table.ldger td.b {
    font-weight: bold;
}

table.ldger tr td:first-child {
    text-align: center;
}

table.ldger tr.hc th {
    background-color: #7F7F86;
    color: #fff;
}

table.ldger tr.voucher.sn th {
    background-color: #ABA8A8;
    color: #fff;
}

.w_33 {
    width: 33%;
}

.pr10 {
    padding-right: 10px;
}

.form-horizontal {
    width: 500px;
}

.datetime-picker-dropdown > li.date-picker-menu div > table .btn-default {
    border: 0;
}

.pull-left .btn[disabled] {
    background-color: #cf2230 !important;
    opacity: 1;
}

.btn-info.active .text-info {
    color: #fff !important;
}

header .signout ul.sign_out {
    display: none;
    z-index: 0;
    position: relative;
    top: 20px;
}

table {
    font-size: 12px !important;
}

.table-bordered thead:first-child tr:first-child th {
    padding-right: 16px;
}

.icone_bg {
    display: none;
    width: 46px;
    position: fixed;
    top: 0px;
    bottom: 0px;
    height: 100%;
}

.mouseT, .mouseT_Res {
    cursor: pointer;
}

.mouseT_Res {
    display: none;
}

.row_w100 {
    width: 100%;
}

.w_68 {
    width: 68%;
}

.w_30 {
    width: 30%;
}

.w_33 {
    width: 33%;
}

.mr2 {
    margin-right: 2%;
}

.mb2 {
    margin-bottom: 2%;
}

.pieChartB {
    width: 355px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    text-align: center;
    padding: 20px;
    min-height: 300px;
    margin: 0 20px 20px 0;
}

.h402 {
    height: 402px;
}

.input_onerow {
    width: 40%;
    float: left;
}

.add_user.pn .input_onerow input {
    width: 100%;
}

.add_user.pn .input_onerow select {
    width: 98%;
}

.input_onerow .field-validation-error {
    margin-left: 0px;
}

table.display th, table.display td {
    white-space: nowrap;
}

canvas#pie-chart {
    width: 235px !important;
    height: 235px !important;
}

#my-pie-legend ul.pie-legend {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.comm-how {
    display: inline-block;
}

#my-pie-legend ul.pie-legend li {
    line-height: 26px;
    text-align: left;
}

.color-code {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}

.pie {
    margin-bottom: 20px;
    margin-right: 20px;
    display: inline-block;
}

canvas#bar-graphcat {
    position: relative;
    top: -19px !important;
}

.red {
    color: red;
}

input[type="file"].file {
    height: 46px;
    width: 194px;
}

.ml10 {
    margin-left: 10px;
}

.w_30 {
    width: 30%;
}

.pr_3 {
    padding-right: 3%;
}

.booking_name li span {
    font-weight: bold;
    padding-right: 5px;
}

.booking_name li {
    padding-bottom: 5px;
    width: 25%;
    padding-right: 15px;
    float: left;
}

    .booking_name li:nth-of-type(4n+0) {
        padding-right: 0px;
    }

.add_user_bg .booking_name {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #3E3C3C;
}

.RDetails {
    margin-bottom: 10px;
    border: 1px solid #E6E2E2;
    padding-bottom: 5px;
    font-weight: bold;
    padding: 5px;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    background: #D6D6D8;
    line-height: 26px;
    padding-left: 15px;
    color: #000;
}

.add_user_bg.rental {
    padding: 20px;
}

.design_rental {
    width: 98%;
    display: none;
}

    .design_rental .tableRow .tableCell:nth-of-type(even) {
        width: 17%;
    }

    .design_rental hr {
        border-top: 1px solid #cf2230;
        border-bottom: 1px solid #cf2230;
    }

.car_city.car_rentDesign label {
    margin-bottom: 2px;
    margin-top: 5px;
    font-size: 12px;
    font-weight: bold;
}

.add_user.pn .car_city.car_rentDesign input[type="text"], .add_user.pn .car_city.car_rentDesign select {
    height: 29px;
    line-height: 29px;
}

input.rentalBT {
    position: relative;
    top: 25px;
}

.booking_details {
    background: #cf2230;
    width: 100px;
    text-align: center;
    line-height: 25px;
    height: 25px;
    margin: 0 auto;
    position: relative;
    top: -21px;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}

.add_user_bg.rental .car_city {
    padding-left: 0px;
}

.mb0 {
    margin-bottom: 0px;
}

.add_user_bg .booking_name.two_column li {
    width: 45%;
    padding-right: 40px;
}

.add_user_bg .booking_name.two_column li {
    padding-right: 80px;
}

    .add_user_bg .booking_name.two_column li:nth-of-type(even) {
        padding-right: 0px;
    }

    .add_user_bg .booking_name.two_column li span {
        float: left;
    }

.booking_name li span.nb {
    font-weight: normal;
    padding-right: 10px;
}

.designR {
    position: relative;
    top: 6px;
    width: 125px;
}

.add_user_bg input.btn_sub:hover {
    background: #000;
}

/******** table start ********/
.tableW {
    display: table;
    width: 100%;
}

.tableRow {
    display: table-row;
}

.tableCell {
    display: table-cell;
    border: 1px solid #D6C2C2;
    padding: 5px;
    border-bottom: none;
    border-right: none;
    vertical-align: top;
}

.tableW.tm .tableCell {
    vertical-align: middle;
}

.tableRow .tableCell:last-child {
    border-right: 1px solid #D6C2C2;
}

.tableRow:last-child .tableCell {
    border-bottom: 1px solid #D6C2C2;
}

.tableRow .tableCell:nth-of-type(odd) {
    width: 15%;
}

.tableRow .tableCell:nth-of-type(even) {
    width: 35%;
}

.mr10 {
    margin-right: 10px;
}

.tableCell input[type="radio"] {
    margin-right: 5px;
}

.add_user.pn .car_city input[type="text"].w70,
.add_user.pn .car_city select.w70 {
    width: 70%;
}

.h20 {
    height: 20px;
}

.w_32 {
    width: 32%;
}

.red_duty {
    color: red;
    padding: 0 0 0px 25px;
}
/******** table end ********/
.add_user.pn #SwapReason label {
    width: 100%;
    text-align: left;
    margin-bottom: 0px;
}

.add_user.pn #SwapReason select {
    width: 100%;
    margin-bottom: 10px !important;
}

.RDetails.w_98 {
    width: 98%;
}

.searchEngine.cancel ul li {
    line-height: 28px;
}

    .searchEngine.cancel ul li span {
        width: 120px;
    }

    .searchEngine.cancel ul li:nth-child(2n+2) {
        margin-right: 0px;
    }

.searchEngine.cancel select {
    width: 100%;
    margin-bottom: 10px !important;
}

.add_user.pn .searchEngine.cancel ul li input[type="text"] {
    width: 100%;
}

ul li.ptb3 .field-validation-error {
    margin-left: 0px;
}

.searchEngine.cancel ul li.ptb3 span {
    width: 100%;
}

ul li.ptb3 .field-validation-error span {
    color: #cf2230;
}

.searchEngine.cancel ul li:last-child {
    padding-bottom: 10px;
    border-bottom: none !important;
}

.searchEngine.cancel ul.remarks li:last-child,
.searchEngine.cancel ul.remarks li:nth-last-of-type(2) {
    padding-bottom: 10px;
    border-bottom: none !important;
}

.searchEngine.cancel input#btncancelbutton {
    margin-left: 20px;
}

.searchEngine.cancel textarea.otherreasonsstyle {
    border: 1px solid #ccc;
    resize: none;
    width: 100%;
}

.can_booking {
    border: 1px solid #E6E2E2;
    font-weight: bold;
    padding: 5px 5px 5px 0;
    width: 97%;
    margin-left: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    background: #D6D6D8;
    line-height: 26px;
    padding-left: 15px;
    color: #000;
}

.LoaderOverlay {
    background: rgba(0,0,0,0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5000;
    top: 0px;
    left: 0px;
}

.searchEngine.cancel ul li:nth-child(3n+3),
.searchEngine.cancel ul li,
.searchEngine.cancel ul li:nth-child(2n+2) {
    margin-right: 3%;
    width: 48%;
}

    .searchEngine.cancel ul li:nth-child(2n+2) {
        margin-right: 0px;
    }

.cencel_heaing {
    margin: 20px 20px 0;
}

    .cencel_heaing .RDetails {
        color: #BD2000;
        line-height: inherit;
    }

.dutyEx .cencel_heaing .RDetails {
    color: #000;
}

.searchEngine.cancel.dutyEx ul li span {
    width: 220px;
}

.searchEngine.cancel.dutyEx ul li table span,
.searchEngine.cancel ul.dropdown-menu li,
.searchEngine.cancel ul.dropdown-menu li:nth-child(2n+2),
.searchEngine.cancel.dutyEx ul.dropdown-menu li span {
    width: auto;
}

.searchEngine ul.dropdown-menu li {
    float: none;
}

.searchEngine.cancel.dutyEx ul li span.glyphicon {
    font-family: 'Glyphicons Halflings';
    color: #08c;
}

.searchEngine ul.dropdown-menu li,
.searchEngine.cancel.dutyEx ul.dropdown-menu li:last-child {
    border-bottom: none !important;
}

.searchEngine.cancel.dutyEx ul li:last-child {
    border-bottom: 1px solid #C7C7C7 !important;
    padding-bottom: 0px;
}

.mr2 {
    margin-right: 2%;
}

.w_30 {
    width: 30%;
}

.mr_5 {
    margin-right: 5%;
}

.extend {
    margin: 0 20px 0px 20px;
}

    .extend span {
        font-family: 'HelveticaLTStd-Bold';
        padding-bottom: 3px;
        display: inline-block;
    }

.add_user.pn .extend input[type="text"], .add_user.pn .extend select {
    width: 100%;
}

table.dailyAR tr td:first-child,
table.dailyAR tbody tr th:first-child {
    width: 50px !important;
    white-space: normal !important;
}

table.display.dailyAR tr td, table.display.dailyAR tbody tr th,
table.dailyAR.dataTable thead tr th {
    width: 50px !important;
    white-space: normal !important;
    vertical-align: top;
}

table.dataTable.display.dailyAR tbody tr:hover > .sorting_1,
table.dataTable.display.dailyAR tbody tr.odd:hover > .sorting_1,
table.dataTable.display.dailyAR tbody tr.even:hover > .sorting_1,
table.dataTable.dailyAR.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.dailyAR.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.dailyAR.order-column.hover tbody tr.even:hover > .sorting_1,
table.dataTable.display.dailyAR tbody tr.even > .sorting_1,
table.dataTable.dailyAR.order-column.stripe tbody tr.even > .sorting_1,
table.display.dailyAR tbody tr.odd > .sorting_1 {
    background-color: transparent !important;
}

.w_33 {
    width: 33%;
}

.or {
    padding-top: 40px;
    padding-right: 10px;
}

.or_row {
    width: 84%;
    text-align: center;
    position: relative;
    top: 10px;
}

.passport {
    width: 34%;
}

.on_bt,
.off_bt {
    line-height: 25px;
    width: 70px;
    text-align: center;
    color: #fff;
}

.on_bt {
    background: #000;
}

.off_bt {
    background: red;
}
/*.add_user.pn .toggle-group label{
width: 100%;
text-align: left;
line-height: 20px;
}*/
/*.add_user.pn .dtr-data .toggle-group label{width:100%;text-align:left;}*/
.searchEngine ul.dropdown-menu {
    margin-left: 0px;
}

span.updateS {
    padding-bottom: 5px;
    color: green;
    font-weight: bold;
}

/********** Loader code start *******/
.loader_center {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -100px;
    z-index: 999999;
}

.loader {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

    .loader:before {
        width: 50%;
        height: 50%;
        background: #ffffff;
        border-radius: 100% 0 0 0;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
    }

    .loader:after {
        background: rgba(0,0,0,0.8);
        width: 75%;
        height: 75%;
        border-radius: 50%;
        content: '';
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

.add_user.pn form.car_city label.BulkPrint {
    width: auto;
    float: left;
}

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

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

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/********** Loader code end *******/
table.arrivalDe tr td span {
    width: 65px;
    display: inline-block;
}

.add_user_bg input.btn_sub.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt10 {
    margin-top: 10px;
}

.w115 {
    width: 115px;
}

table tr td ul.ln ul, table tr td ul.ln {
    list-style: none;
    margin: 0px;
}

table tr td ul li ul li {
    float: left;
    padding-right: 10px;
}

    table tr td ul li ul li::after {
        content: ","
    }

    table tr td ul li ul li span {
        font-weight: bold;
    }

.fname {
    color: #cf2230;
    font-weight: bold;
    clear: both;
}

.mt27 {
    margin-top: 27px;
}

.w_24 {
    width: 24%;
}

.w_26 {
    width: 26%;
}

.add_user.pn .car_city select.user_form {
    width: auto;
    height: 130px;
    min-width: 38%;
}

ul.f_details li span {
    margin-right: 2px;
    padding: 2px;
}

ul.f_details li {
    line-height: 22px;
}

.add_user.pn .car_city select.user_form.UDFM {
    width: 100%;
}

/*new css*/
.error {
    color: #f00;
}
.subscriptionDetail {
    margin: 0px;
}

    .subscriptionDetail .modal-content {
        border-radius: 0px;
    }

    .subscriptionDetail h4.modal-title {
        font-size: 20px;
        font-weight: 600;
    }

/*.modal-backdrop.in {
    z-index: 778;
}*/



.subscriptionDetail .modal-body {
    padding: 25px;
    height:450px;
    overflow-x: auto;
}

.subscriptionDetail h5 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 10px;
}

    .subscriptionDetail ul.basicDetails {
        display: block;
        margin: 0px 0 15px 0;
        padding: 0px 0 10px 0;
        border-bottom: 1px solid #ddd;
    }

    .subscriptionDetail ul.basicDetails li {
        display: inline-block;
        padding-right: 35px;
    }

        .subscriptionDetail ul.basicDetails li strong {
            font-weight: 600;
            padding-left: 5px;
        }

        .subscriptionDetail ul.basicDetails li label {
            font-size: 13px;
            font-weight: 400;
            display: block;
            margin-bottom: 0;
        }

        .subscriptionDetail ul.basicDetails li span {
            font-size: 14px;
            font-weight: 600;
            display: block;
            padding-bottom: 10px;
        }

.bold {
    font-weight: 600;
}

.subscriptionDetail .statusbox .timehdn {
    font-size: 18px;
    display: block;
}

.subscriptionDetail .contectbox {
    padding: 7px 10px;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 20px;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #fff;
}
.statusbox {
    font-weight: bold;
}

.subscriptionDetail .contectbox span {
    display: block;
    font-size: 13px;
    line-height: 20px;
}

@media screen and (max-width:1280px) {
    .w_46.swap_left {
        width: 95%;
        min-height: inherit;
    }

    .searchEngine ul li span {
        width: auto;
        padding-right: 10px;
    }

    .swap_left p {
        padding-bottom: 0px;
    }

    .searchEngine.cancel ul li:nth-child(3n+3),
    .searchEngine.cancel ul li,
    .searchEngine.cancel ul li:nth-child(2n+2) {
        width: 100%;
    }

        .searchEngine.cancel ul li span {
            width: 140px;
        }

        .searchEngine.cancel ul li:last-child span {
            display: none;
        }

    .searchEngine.cancel ul.remarks li:last-child,
    .searchEngine.cancel ul.remarks li:nth-last-of-type(2) {
        padding-bottom: 0px;
    }

    .searchEngine.cancel input#btncancelbutton,
    .searchEngine.cancel textarea.otherreasonsstyle {
        margin-top: 10px;
    }

    .searchEngine.cancel select {
        margin-bottom: 0px !important;
    }

    .searchEngine.cancel ul.cancel_div li:last-child span {
        display: inline-block;
    }

    .left_width, .left_width_menu {
        width: 20%;
    }

    .right_div {
        width: 82%;
        margin-left: 18%;
    }
}

@media screen and (max-width:1024px) {
    table.ldger.table_scroll {
        overflow-x: scroll;
        display: inline-block;
    }

    .table-bordered.col_more {
        overflow-x: scroll;
        display: inline-block;
    }

    .add_user_bg form {
        width: 100%;
    }

    .colT .w_33 {
        width: 100%;
    }
}

@media screen and (max-width:980px) {
    .mt35, .mt10 {
        margin-top: 0px;
    }

    .searchEngine.cancel ul li:nth-child(3n+3),
    .searchEngine.cancel ul li,
    .searchEngine.cancel ul li:nth-child(2n+2) {
        width: 48%;
    }
    /*.icone_bg{display:none;}*/
    /*.searchEngine.cancel ul li:last-child{line-height:inherit;}*/
    .searchEngine ul li {
        width: 47%;
    }

    .SwapCar input.btn_sub.carD, .SwapCar input.btn_sub.sub {
        margin-top: 10px;
    }

    .add_user_bg .booking_name.two_column li {
        width: 100%;
        padding-right: 0px;
    }

    .left_width_menu .dest_menu {
        display: none;
    }

    .input_onerow {
        width: 100%;
    }

    .mouseT, .left_width_menu .slimScrollDiv {
        display: none;
        z-index: 0;
    }

    .mouseT_Res {
        display: block;
    }

    .left_width_menu {
        width: 100%;
        position: relative;
        height: auto;
    }

    .slimScrollDiv, #cssmenu {
        height: 300px;
    }

    .slimScrollBar {
        opacity: 1 !important;
    }

    .right_div {
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
    }

    .add_user.pn label,
    .add_user.pn .car_city input[type="text"],
    .add_user.pn input[type="text"],
    .add_user.pn .car_city select,
    .add_user_bg textarea {
        width: 98%;
        text-align: left;
    }

    .pr_7 {
        padding-right: 0px;
    }

    .or_oc {
        padding-left: 10px;
    }

    .add_user_bg.or_oc input.btn_sub {
        margin-left: 0px;
        margin-top: 10px;
    }

    .p40 {
        padding: 20px;
    }

    .two_col .w_45 {
        width: 100%;
    }

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

    .on_off_text {
        padding-top: 18px;
    }

    .input-group-btn.calender_d {
        margin-top: 2px;
        left: -49px;
    }

    .searchEngine.cancel ul li:nth-child(3n+3),
    .searchEngine.cancel ul li,
    .searchEngine.cancel ul li:nth-child(2n+2) {
        width: 100%;
        margin-right: 0px;
    }

        .searchEngine.cancel ul li:last-child span {
            display: none;
        }

    .searchEngine.cancel ul.remarks li:last-child,
    .searchEngine.cancel ul.remarks li:nth-last-of-type(2) {
        padding-bottom: 0px;
    }

    .searchEngine.cancel input#btncancelbutton,
    .searchEngine.cancel textarea.otherreasonsstyle {
        margin-top: 10px;
    }
}

@media screen and (max-width:768px) {
    .tableRow .tableCell:nth-of-type(odd),
    .tableRow .tableCell:nth-of-type(even) {
        width: 49%;
        display: inline-block;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-top: 1px solid #000;
    }

    .tableCell {
        padding: 5px 0;
    }

    .tableW.tm .tableCell {
        vertical-align: top;
    }

    .add_user.pn .car_city input.w70[type="text"], .add_user.pn .car_city select.w70 {
        width: 95%;
    }

    .tableRow .tableCell:empty {
        display: none;
    }

    .left_width {
        width: 45%;
    }

    .w_83 {
        width: 53%;
    }

    .logo img {
        margin-top: 5px;
    }
}

@media screen and (max-width:767px) {
    .dataTables_wrapper .dataTables_filter {
        float: none !important;
    }

    body {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .add_user.pn .dataTables_filter label {
        width: 100%;
        float: left;
    }

        .add_user.pn .dataTables_filter label input {
            width: 85%;
        }
}

@media screen and (max-width:640px) {
    .SwapCar .or_oc {
        padding-left: 0px;
    }

    .w_46.swap_left {
        width: 93%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
    }

    .table.table.four {
        display: inline-block;
    }

    .add_user_bg form.car_city {
        padding-left: 15px;
    }

    ul.tab li a {
        border-top-right-radius: 0px;
        -moz-border-top-right-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -o-border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        -moz-border-top-left-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -o-border-top-left-radius: 0px;
    }

    ul.tab li {
        width: 100.1%;
        border-bottom: 1px solid #fff;
    }

    .add_user {
        margin-top: 0px;
    }

        .add_user.pn .dataTables_filter label input {
            width: 80%;
        }
}

@media screen and (max-width:480px) {
    .searchEngine.cancel ul li:nth-child(3n+3), .searchEngine.cancel ul li, .searchEngine.cancel ul li:nth-child(2n+2) {
        line-height: inherit;
        padding: 5px 0px;
    }

    header .signout ul.sign_out {
        top: 0px;
    }

    .w_46.swap_left {
        width: 90%;
    }

    table.carAv, table.carAv th, table.carAv td {
        padding: 3px;
    }

    table.display td {
        white-space: inherit;
    }

    .signout {
        height: auto;
    }

    .add_user.pn .dataTables_filter label input {
        width: 72%;
    }

    header .signout ul.sign_out {
        margin-top: 10px;
    }

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

    .left_width {
        border-bottom: 1px solid #f3735a;
    }

    .message, .notification {
        top: 70px;
    }

    .signout {
        margin-top: 70px;
    }

    .left_bg {
        padding-top: 100px;
    }

    header {
        height: 100px;
    }
}

@media screen and (max-width:360px) {
    .searchEngine.cancel ul.cancel_div li:last-child span,
    .searchEngine.cancel ul li span {
        width: 100%;
    }

    .tableRow .tableCell:nth-of-type(odd),
    .tableRow .tableCell:nth-of-type(even) {
        width: 100%;
    }

    .tableRow .tableCell:nth-of-type(odd) {
        padding-bottom: 0px;
    }

    .tableRow .tableCell:nth-of-type(even) {
        border-top: none;
        padding-top: 0px;
    }

    .tableCell {
        padding: 5px 0;
    }

    .add_user.pn .car_city input.w70[type="text"], .add_user.pn .car_city select.w70 {
        width: 95%;
    }

    .add_user.pn .dataTables_filter label input {
        width: 63%;
    }

    ul.tab li a {
        height: auto;
    }
}

.width100 {
    width: 100% !important;
}

.width159 {
    width: 159% !important;
}

.SwapCar.table_responsive .table-responsive #example_wrapper table th {
    vertical-align: top;
    text-align: center;
}
.check-box {
    width: 14px !important;
}



.input-box {
    margin-right: 20px;
    margin-bottom: 15px;
    min-height: 80px;
    position:relative;
}
.t-height {
    height:35px;
}

#FromDate {
    background:transparent!important;
}
#EndDate {
    background: transparent !important;
}

#example_length label {
    width: 100%;
}

#example_filter  label input {
    width: 200px !important;
    height: 40px;
}

.w14 {
    width:14px!important;
}
.errortext  {
    color:red;
    font-size:12px;
    position:absolute;
    left:0;
    bottom:-13px;
}

.areafild {
    height: 34px;
    border-radius: 3px;
}