.routeing{
    color: #ad80bd;
    
}

.box.box-success{
        border-top: 3px solid #ddd;
    box-shadow: 2px 2px #ddd;
}

.box1{
        border-top: 4px #ddd solid;
        box-shadow: 3px 3px #0000000f;
}
 .nav-link{
                display: unset;
            }
.nav-tabs>li>a{
   line-height: 2.428571!important; 
}
div.dataTables_paginate{
    float: right !important;
}
div.dataTables_length label{
        display: inline-flex;
        line-height: 2.5;
}
div.dataTables_filter label{
    display: inline-flex;
        line-height: 2.5;
}
.abc{
           width: 64%;
        }
.daterangepicker .calendar-table{
    color:#000 !important;
}


.bootstrap-timepicker-widget table td {
color:#000;}







.logtp{
        margin-top: -6%;
}

.fees{
        margin-left: -5%;
}











.fees1{
        padding-left: 0px;
}


.todayrout1{
    padding-bottom:12%;
}

.heds{
    height: 93px; box-shadow: 0 5px 7px -5px #9c9494;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}
.nav-tabs>li>a {
     margin-right: 0px; 
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.applyBtn{
    background-color: #a473ad;
    border-color: #a473ad;
}
.applyBtn :hover{
    background-color: #a473ad !important;
    border-color: #a473ad !important;
}
.btnlguna2 {
    background: #61a4c0 !important;
    color: #fff;
}
.up{
     border-radius: 18px;
    box-shadow: 1px 3px 1px 1px #c3bebe;
    background: linear-gradient(to bottom right, #f19867, #e48049,#c35b22);
        margin-left: -16px;
    margin-top: 1px;
    padding:5px;
}

.up1{
    color:#fff;padding-top: 6px;margin: 0 0 5px;font-weight: 500;font-size:15.4px
}

.up2{
    color:#fff;padding-top: 3px;margin: 0 0 0px;font-weight: 500;
}

.dot{
    border-bottom: 1px solid;
    color: #fff;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: -133px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 117px;
    padding: 4px 0;
    margin: 1px 0 0;
    font-size: 14px;
    text-align: center;
    color: #ffff;
    list-style: none;
    background-color: #8e9972;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.navbar-nav>.user-menu>.dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 219px;
}
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0);
    /* color: #f6f6f6; */
}

.skin-blue .main-header li.user-header {
       background-color: #ac7cb7;
}

.selt{
        padding: 0.8%;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #2f405000 !important;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #222 !important;
    background: rgba(0, 0, 0, 0.1);
}

.vehcls{
    font-size: 18px;
    font-weight: 500;
     padding-top: 13px;
}

.resprofile{
        padding: 5px 32px 5px 32px;
        margin-top: 19px;
}

.res{
     padding-top: 20px !important;    padding-top: 13px;
       border-bottom: none;
    padding-bottom: 1%;
    font-weight: 600!important;
    font-size: 15px !important;
        margin-bottom: 2% !important;

}

.respd{
    padding-bottom: 2%;
}

.pned{
        margin-right: 5%;
}
    
    .mediv {
    margin-left: 94%;
    margin-top: 0%;
    padding-bottom: 1%
}


.fee{
    margin-left: -4%; width: 10%;
}

.fee1{
    margin-left: 13.4em; position: absolute;
}

#example1_paginate{
    float: right;
}











@media only screen and (min-width: 1900px)  {
.mediv {
    margin-left: 90%;
    margin-top: 1%;
}
.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    /* background-image: none; */
    padding: 15px 19px;
    font-family: fontAwesome;
    font-size: 23px;
}
.fees {
    margin-left: -8%;
}
.user-panel>.image>img {
    width: 100%;
    max-width: 70px;
    height: auto;
}
.lname {
    padding-left: 15%;
}
.eadd {
    padding-left: 10%;
}
.madd {
    padding-left: 8%;
}
.otherno {
    padding-left: 10%;
}
.manor {
    padding-left: 17%;
}
.fee {
    margin-left: -4%;
    width: 6%;
}
.fee1 {
    margin-left: 16.4em;
    position: absolute;
}
}

@media only screen and (min-width: 1680px) {
.mediv {
    margin-left: 89%;
    margin-top: 1%;
}
.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    /* background-image: none; */
    padding: 15px 19px;
    font-family: fontAwesome;
    font-size: 23px;
}
.user-panel>.image>img {
    width: 100%;
    max-width: 70px;
    height: auto;
}
.fee {
    margin-left: -4%;
    width: 6%;
}
.fee1 {
    margin-left: 14.4em;
    position: absolute;
}
}

@media only screen and (min-width: 1600px) {
.mediv {
    margin-left: 89%;
    margin-top: 1%;
}
.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    /* background-image: none; */
    padding: 15px 19px;
    font-family: fontAwesome;
    font-size: 23px;
}
.user-panel>.image>img {
    width: 100%;
    max-width: 70px;
    height: auto;
}
.fee {
    margin-left: -4%;
    width: 7%;
}
.fee1 {
    margin-left: 14.4em;
    position: absolute;
}
}


@media only screen and (max-width: 1440px) {
.fee {
    margin-left: -5%;
    width: 8%;
}
.fee1 {
    margin-left: 13.4em;
    position: absolute;
}
.todayrout1 {
    padding-bottom: 8%;
}

}

@media only screen and (max-width: 1440px) {
    .fee1 {
    margin-left: 12.4em;
    position: absolute;
}
}



@media only screen and (max-width: 1280px) {
    .main-footer {
    bottom: 0;
    font-weight: 400;
    left: -19%;}

.mediv {
    margin-left: 85%;
    margin-top: 1%;
}
.todayrout1 {
    padding-bottom: 17%;
}
.sza{
    width: 55px;
}
.fee {
    margin-left: -4%;
    width: 9%;
}
.fee1 {
    margin-left: 11.4em;
    position: absolute;
}

}


@media only screen and (max-width: 1024px) 
{
.btn1{
        margin-left: 0%;
    }


.ds2{
       margin-left: 1%; 
}

.ds1 {
    padding-left: 0px;
    margin-left: 1%;
}
.ds{
        padding-right: 2px;
}
.resd{
    font-size: 13px !important;
}
.conve{
    font-size: 13px;
        padding-top: 2%;
}
.fees {
    margin-left: -2%;
}

.sza{
    width: 60px;
}
.fees1 {
    padding-left: 25px;
}

    .main-footer {
    bottom: 0;
    font-weight: 400;
    left: -23%;
}
.fee {
    margin-left: -5%;
    width: 12%;
}
.fee1 {
    margin-left: 9.4em;
    position: absolute;
}
.mediv {
    margin-left: 80%;
    margin-top: 1%;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: -151px;}

   .sidebar-mini.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 850;
    margin-top: 3%;
}
}

@media  only screen and (max-width: 800px) {
.fees1 {
    padding-left: 5px;
}
.conve {
    font-size: 14px;
    padding-top: 4%;
}
.how{
       padding-top: 0% !important;
}
.mediv {
    margin-left: 80%;
    margin-top: -6%;
}

.chas{
        float: right;
    padding-right: 29%;
}

.fees1 {
    padding-left: 11px;
}
.coln{
    padding: 7px;
}
.ds2 {
    margin-left: -11%;
}
.ds1 {
    padding-left: 0px;
    margin-left: -11%;
}
}



@media only screen and (max-width: 768px) 
{
    .btn1{
        margin-left: -1%;
    }
.chas{
        float: right;
    padding-right: 29%;
}

.fees1 {
    padding-left: 11px;
}
.coln{
    padding: 7px;
}
.ds2 {
    margin-left: -11%;
}
.ds1 {
    padding-left: 0px;
    margin-left: -11%;
}

.conve{
    padding-top:6%;
        font-size: 13px;
}




    /*.btn2{
            margin-left: 28%;
    margin-top: 3%;
}
*/
.fee {
    margin-left: 0%;
    width: 18%;
}
.fee1 {
    margin-left: 4.4em;
    position: absolute;
    margin-top: -5%;
}
.main-footer {
    bottom: 0;
    font-weight: 400;
    left: -30%;
}
.main-sidebar, .left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 13%;}
.mediv {
    margin-left: 84%;
    margin-top: 1%;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: -160px;}

.btnsas{
        margin-left: 0%;
}
   .filter1 {
    padding-left: 8% !important;
    padding-right: 8% !important; 
}

}

@media  only screen and (max-width: 767px) 
{

.abc{
           width: 100%;
        }
.pops{
        padding-top: 5%;
}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 100px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../../upload/loader_image.gif) center no-repeat #fff;
}

/*.chargtop{
        padding-top: 4%;
}*/




    .filter1 {
    padding-left: 8% !important;
    padding-right: 8% !important; 
}
.fcontrol1{
    width: 100% !important
}
.small1{
    text-align: center;
}

.ds2 {
    margin-left: -8%;
}

.proty {
    padding-left: 16px;
}

.coln{
    padding: 7px;
}
.chas{
        float: right;
    padding-right: 17%;
}
.admin_res {
    padding: 20px 16px;
    margin-right: 2%;
}

.ds1 {
    padding-left: 0px;
    margin-left: -8%;
    word-wrap: break-word;
}


.sza{
    width: 100% !important;
}

.fees1 {
    padding-left: 0px;
}

.conve {
    padding-top: 4%;
    font-size: 14px;
}


}



@media only screen and (max-width: 640px)
{
    .content {
    min-height:180px;
}
    .btn2   {margin-left: 44%;
    margin-top: 3%;}
.main-footer {
    bottom: 0;
    font-weight: 400;
    left: 0%;
        padding: 5px;
}
.pops {
    padding-top: 2.5%;
}
.main-sidebar, .left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 30%;
}
.main-header .logo .logo-lg {
    display: block;
    padding-top: 2%;
}
.mediv {
    margin-left: 87%;
    margin-top: 1%;
}
.dropdown-menu {
    position: absolute!important;
    top: 71%;
    left: -126px;
}

.mediv {
    margin-left: 90%;
    margin-top: -2%;
}
.nav>li {
    position: relative;
    display: inline-block;
}
.form-control {
    display: block;
    width: 44%;}


.content-header {
    position: relative;
    margin-top: -6%;}

.fees {
    margin-left: -29%;
}
.sza {
    width: 49% !important;
}
.fees1{
        margin-left: -14%;
}
.conve {
    padding-top: 1%;}
.heds {
    height: 57px;}

}

@media only screen and (max-width: 600px) {
.chas {
    float: right;
    padding-right:29%;
}
.btn2   {margin-left: 44%;
    margin-top: 3%;}
 
 .main-footer {
    bottom: 0;
    font-weight: 400;
    left: 0%;
        padding: 5px;
}
.fees {
    margin-left: -24%;
}
.sza {
    width: 49% !important;
}
.conve {
    padding-top: 2%;
}
.fees1{
        margin-left: -14%;
}

.main-sidebar, .left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 33%;
}
.main-header .logo .logo-lg {
    display: block;
    padding-top: 1%;
}
.dropdown-menu {
    position: absolute !important;
    top: 100%;
      left: -127px;
}

.mediv {
    margin-left: 90%;
    margin-top: -1.9%;
}
.nav>li {
    position: relative;
    display: inline-block;
}
.content {
   /* min-height: 250px;*/ 
   min-height: 160px;
    padding: 10%;
    }

.mad{
        margin-top: 4%;
}

.mad1{
        padding-left: 0px;
}
.form-control {
    display: block;
    width: 44%;}



}

@media only screen and (max-width: 480px){

.mediv {
    margin-left: 89%;
    margin-top: -3.9%;
}
.nav>li {
    position: relative;
    display: inline-block;
}

.fees {
    margin-left: -18%;
}
.sza {
    width: 68% !important;
}
.fees1 {
    margin-left: -9%;
}
.conve {
    padding-top: 3%;
}
.dropdown-menu {
    position: absolute !important;
    top: 82%;
    left: -165px;
}
.navbar-nav>.user-menu>.dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 212px;
}
.form-control {
    display: block;
    width: 44%;}
    .rgtas{
    float: left !important;
}

.content-header {
    position: relative;
    margin-top: -7%;
}
.fee1 {
    margin-left: 4.4em;
    position: absolute;
    margin-top: -7%;
}
.fee {
    margin-left: -4%;
    width: 55%;
}
}
@media only screen and (max-width: 414px){
    .main-sidebar, .left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 45%;
}
.mediv {
    margin-left: 85%;
    margin-top: -1.9%;
}
.content {
/*    min-height: 250px;*/
      min-height: 160px;
    padding: 7%;}

.fees {
    margin-left: -15%;
}
.sza {
    width: 75% !important;
}
.fees1 {
    margin-left: -6%;
}



    .mad{
        margin-top: 4%;
}

.mad1{
        padding-left: 0px;
}

.nav>li {
    position: relative;
    display: inline-block;
}

.form-control {
    display: block;
    width: 44%;}

.rgtas{
    float: left !important;
}
.content-header {
    position: relative;
    margin-top: -9%;
}
.fee1 {
    margin-left: 4.4em;
    position: absolute;
    margin-top: -8%;
}
.fee {
    margin-left: -4%;
    width: 55%;
}

}



@media only screen and (max-width: 412px){
.content-header {
    position: relative;
    margin-top: -9%;
}
.pops {
    padding-top: 4.5%;
}
.fee1 {
    margin-left: 4.4em;
    position: absolute;
    margin-top: -8%;
}
.fee {
    margin-left: -4%;
    width: 55%;
}
.chas {
    float: right;
    padding-right: 17%;
}
}
@media only screen and (max-width: 384px) {

  .fees {
    margin-left: -12%;
}
.sza {
    width: 85% !important;
}
.chas {
    float: right;
    padding-right: 15%;
}
}
@media only screen and (max-width: 375px) {
.btn1{
        margin-left: -60px;
    }


.btn2   {margin-left: 41%;
    margin-top: 3%;}
   
   .main-footer {
    bottom: 0;
    font-weight: 400;
    left: 0%;
        padding: 5px;
} 


.main-sidebar, .left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50%;
}
.dropdown-menu {
    position: absolute !important;
    top: 74%;
    left: -155px;
}
.navbar-nav>.user-menu>.dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 196px;
}
.mediv {
    margin-left: 85%;
    margin-top: -2%;
}
.nav>li {
    position: relative;
    display: inline-block;
}
.content {
 /*   min-height: 250px*/
    min-height: 160px;
    padding: 7%;}

    .mad{
        margin-top: 8%;
}

.form-control {
    display: block;
    width: 60%;}
.mad1{
        padding-left: 0px;
}

.form-control {
    display: block;
    width: 44%;}
    .rgtas{
    float: left !important;
}

.drwa{
    margin-left: 0px;
}
.fees {
    margin-left: -10%;
}
.sza {
    width: 83% !important;
}

.drwa2{
    margin-left: -49px;
}


.drwa1{
    margin-left: -6px;
}




}



@media only screen and (max-width: 360px) {
.btn1{
        margin-left: -2px;
    }

.chas {
    float: right;
    padding-right: 9%;
}
.pops {
    padding-top: 5.5%;
}
.sza {
    width: 89% !important;
}
.fees {
    margin-left: -9%;
}
.fees1 {
    margin-left: -4%;
}
.conve {
    padding-top: 3%;
}
.btn2   {margin-left: 41%;
    margin-top: 3%;}

.main-footer {
    bottom: 0;
    font-weight: 400;
    left: 0%;
    padding: 2;
    font-size: 10px;

}
.mediv {
    margin-left: 81%;
    margin-top: -1.9%;
}
.navbar-nav>.user-menu>.dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 190px;
}

.dropdown-menu {
    position: absolute !important;
    top: 72%;
    left: -135px;
}
.mad{
        margin-top: 4%;
}

.mad1{
        padding-left: 0px;
}
.form-control {
    display: block;
    width: 54%;}

.content-header {
    position: relative;
    margin-top: -10%;
}

}

@media only screen and (max-width: 360px) {
    .main-sidebar, .left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 58%;
}
.fee1 {
    margin-left: 4.4em;
    position: absolute;
    margin-top: -8%;
}
.fee {
    margin-left: -4%;
    width: 55%;
}
.content {
 /*   min-height: 250px;*/
 min-height: 160px;
    padding: 7%;}
.rgtas{
    float: left !important;
}


.drwa{
    margin-left: 0px;
}


.drwa2{
    margin-left: -49px;
}


.drwa1{
    margin-left: -6px;
}






}

@media only screen and (max-width: 320px) {
    .content {
   /* min-height: 250px;*/
    min-height: 160px;
    padding: 7%;}
.sza {
    width: 113% !important;
}
.fees {
    margin-left: -2%;
}

.fees1 {
    margin-left: 0%;
}
.mad{
        margin-top: 4%;
}

.mad1{
        padding-left: 0px;
}
.mediv {
    margin-left:83%;
    margin-top: -1.9%;
}
.dropdown-menu {
    position: absolute !important;
    top: 85%;
    left: -131px;
}
.navbar-nav>.user-menu>.dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 171px;
}
.form-control {
    display: block;
    width: 54%;}
    .btn2 {
    margin-left: 38%;
    margin-top: 3%;
}
.rgtas{
    float: left !important;
}
.content-header {
    position: relative;
    margin-top: -25%;
    padding: 72px 15px 0 15px;
}
.heds {
    height: 58px;}

.drwa{
    margin-left: 0px;
}


.drwa2{
    margin-left: -49px;
}


.drwa1{
    margin-left: -6px;
}






}