/*@import url(https://fonts.googleapis.com/css?family=Roboto:200,400,500,700,400italic);*/

html, body {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body {
    
    
    background: #eef1f5;
}

#body-wrapper {
    height: auto;
}
.k-alert {
    font-size: 2rem;
}

.k-confirm {
    font-size: 2rem;
}
.k-dialog {
    width: "75%";
}
.float-L {
    float: left;
}

.float-R {
    float: right;
}

.top-header {
    height: 60px;
    z-index: 900;
    background: #26344b;
    position: fixed;
    width: 100%;
    top: 0;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

​

.user-icon {
    padding: 0 8px;
}

.user-icon > img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid rgba(38, 52, 75, 0.8);
    display: inline-block;
}
/*.header-R .nav > li:last-child a{ line-height: 40px;}*/
.header-R .nav > li > a {
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
}

    .header-R .nav > li > a:hover, .header-R .nav > li > a:focus, .header-R .nav > li > a:active, .header-R .nav > li > a:visited,
    .header-R .nav .open > a, .header-R .nav .open > a:hover, .header-R .nav .open > a:focus {
        background: none;
    }

.header-R .dropdown-menu {
    min-width: 260px;
    padding: 0;
    left: -15px;
}

    .header-R .dropdown-menu li.user-header {
        background: #3c8dbc;
        padding: 10px;
        text-align: center;
    }

        .header-R .dropdown-menu li.user-header p {
            color: #fff;
            margin: 15px 0;
        }

    .header-R .dropdown-menu li.user-body {
        padding: 15px;
        border-bottom: 1px solid #f4f4f4;
        border-top: 1px solid #dddddd;
        background: #fff;
    }

        .header-R .dropdown-menu li.user-body a {
            color: #666;
        }

    .header-R .dropdown-menu li.user-footer {
        background-color: #f9f9f9;
        padding: 10px;
    }

.main-container {
}

.left-panel .navbar {
    border: none;
    margin-top: 60px;
}

.blue-strip {
    width: 50px;
    background: #3669be;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.left-panel ul {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 50px;
}

.right-panel {
    width: auto;
    margin-left: 230px;
    margin-top: 60px;
}


/*ul.left-nav > li > a span.navicon{ width: 30px; height: 30px; display: inline-block; background: url(../images/nav-icon.png) no-repeat; margin-right: 30px; float:left;}

*/

.main-heading {
    font-size: 18px;
    text-transform: uppercase;
    color: #4675c3;
    font-weight: lighter;
    padding: 17px 30px;
    background: #fff;
    margin: 0;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

.content-area {
    padding: 20px 15px;
}

.add-member, .search {
    background: #e7505a;
    padding: 0;
    height: 100px;
    font-size: 22px;
    font-weight: lighter;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.add-member {
    background: #e7505a;
}

    .add-member a, .add-member a:hover {
        color: #fff;
        text-decoration: none;
    }

.search {
    background: #4675c3;
}

.container-right {
    padding-right: 0;
    padding-left: 0;
}

.icons {
    background: rgba(0, 0, 0, 0.06);
    height: 100px;
    display: inline-block;
    width: 100px;
    text-align: center;
    float: left;
    line-height: 100px;
}

.big-txt {
    display: block;
    line-height: 100px;
}

/***************form****************/
.search .form-control, .search .btn {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 40px;
}

.search .btn {
    padding-left: 30px;
    padding-right: 30px;
    background: #eac852;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0px 2px rgba(51, 51, 51, 0.41);
}

.search-box {
    padding-top: 30px;
}

.search-btn input[type="button"] {
    margin-top: -2px;
}

.footer {
    padding: 0 10px;
    background: #444444;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

    .footer p {
        font-size: 11px;
        color: #c3c3c3;
        text-align: center;
        line-height: 30px;
        margin-bottom: 0;
    }

.login-wrapper .form-control {
    height: 38px;
    border-radius: 30px;
    padding: 0 20px;
}

.login-wrapper .form-group {
    margin-bottom: 25px;
}

.login-wrapper .login-btn {
    width: 100%;
    height: 46px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #05305f !important;
    border: none;
    color: #fff;
    text-shadow: none;
    text-transform: uppercase;
}
/*
.btn:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.17) inset;
}*/


/***************Custom Grid***************/
/*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px 15px;
}

table.custom-grid th {
    background: #4675c3;
    color: #fff;
    text-transform: uppercase;
}

table.custom-grid th, table.custom-grid td {
    font-weight: normal;
    font-size: 13px;
}

table.custom-grid tr {
    border: 1px solid rgba(204, 204, 204, 0.42);
}*/

.green-txt {
    color: #42ae2c;
}

.red-txt {
    color: #d65565;
}

.gray-txt {
    color: #acacac;
}

.pagination {
    margin: 5px 0 0;
}

    .pagination > li > a, .pagination > li > span {
        padding: 2px 8px;
        margin-left: 6px;
    }

.mrgT8 {
    margin-top: 8px;
}
/*********************dashboard********************/

/**********************Login*************************/
#log-wrapper {
    width: 100%;
    background: url(../Content/Images/backgroundimageCalltheCar.jpg) no-repeat;
    background-size: cover;
    height: 100%;
    float: left;
}

.login-wrapper {
    width: 450px;
    height: 485px;
    max-height: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    border-radius: 5px;
}

.login-box {
    padding: 0px 35px;
    background: #fff;
}

.login_Text .login-wrapper {
    width: 450px;
    height: 500px;
    border: 4px solid #05305f !important;
}

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

    .login-logo h3 {
        text-align: center;
        color: #0D6493;
        font-size: 35px;
        margin: 0px;
        text-shadow: 1px 0px 0px #fff;
    }

.login-form {
    width: 100%;
    float: left;
    /*font-family: 'Roboto', sans-serif;*/
    margin-top: -25px;
}

    .login-form .form-group label {
        font-size: 14px;
        color: #888888;
        font-weight: normal;
        margin-top: 10px;
    }

    .login-form .envelope-ico {
        position: absolute;
        margin-left: 373px;
        margin-top: -22px;
    }

    .login-form .form-control {
        padding-right: 33px;
    }

    .login-form .lock-ico {
        position: absolute;
        margin-left: 373px;
        margin-top: -27px;
    }

    .login-form .chkbx {
        width: 13px;
        height: 12px;
        background: #fff;
        margin-top: 1px;
    }

    .login-form .chkbx-label {
        color: #807e7e;
        font-size: 12px;
        margin-left: 8px;
    }

    .login-form .checkbox span {
        font-size: 12px;
        color: #0685c9;
    }

        .login-form .checkbox span a {
            font-size: 12px;
            color: #0685c9;
        }

            .login-form .checkbox span a:hover {
                color: #045986;
                text-decoration: none;
            }

.login-btn {
    width: 110px;
    height: 35px;
    font-size: 15px;
    border-bottom: 1px solid #da9309;
}

.inner-addon {
    position: relative;
}

    .inner-addon .fa {
        position: absolute;
        padding: 10px;
        pointer-events: none;
        font-size: 16px;
        color: #ccc;
    }

.left-addon .fa {
    left: 5px;
}

.right-addon .fa {
    right: 5px;
}

.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

.pad-0 {
    padding: 0;
}

.pad-R-0 {
    padding-right: 0;
}

.pad-R-5 {
    padding-right: 5px;
}

.pad-T-10 {
    padding-top: 10px;
}

.pad-L-10 {
    padding-left: 10px;
}

.pad-R-10 {
    padding-right: 10px;
}

.pad-B-10 {
    padding-bottom: 10px;
}

.pad-T-15 {
    padding-top: 15px;
}

.pad-T-20 {
    padding-top: 20px;
}

.pad-L-20 {
    padding-left: 20px;
}

.pad-R-20 {
    padding-right: 20px;
}

.pad-B-20 {
    padding-bottom: 20px;
}

.mgn-T-10 {
    margin-top: 10px;
}

.mgn-L-10 {
    margin-left: 10px;
}

.mgn-R-10 {
    margin-right: 10px;
}

.mgn-B-10 {
    margin-bottom: 10px;
}

.mgn-T-20 {
    margin-top: 20px;
}

.mgn-L-20 {
    margin-left: 20px;
}

.mgn-R-20 {
    margin-right: 20px;
}

.mgn-B-20 {
    margin-bottom: 20px;
}

/*********Add User********/


/*.sidebar-toggle {
  background-color: transparent;
  background-image: none;
  padding: 15px 15px;
  font-family: fontAwesome;
}*/
.sidebar-toggle {
    background-color: transparent;
    background-image: none;
    padding: 0;
    font-family: 'Material Icons';
    color: #fff;
    font-size: 21px;
}

    .sidebar-toggle:before {
        content: "menu";
    }

    .sidebar-toggle:hover, .sidebar-toggle:focus, .sidebar-toggle:active {
        background: transparent;
        color: #fff;
        text-decoration: none;
    }



/*
 * left-section start
 */

.right-panel {
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    margin-left: 230px;
    z-index: 820;
}

.toggle-btn-header {
    width: 50px;
    list-style-type: none;
}

.header-R {
    width: 500px;
    padding-top: 10px;
    float: right;
}




.right-panel {
    min-height: 100%;
    background-color: #ecf0f5;
    z-index: 800;
}

hr {
    border-top: 1px solid #ccc;
}

/*
 * Component: Sidebar
 * ------------------
 */
.main-sidebar,
.left-side {
    background: #465670;
    position: fixed;
    top: 0;
    left: 0;
    padding: 60px 0 0;
    height: 100%;
    width: 230px;
    z-index: 5;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}
/*.fa-file-custom.custom_wdth .badge {
    width: 79px !important;
    height: 23px;
    display: inline-grid;
    align-items: center;
    text-align: center;
}*/
span.bg_none {
    background: none;
}

.badge1 {
    background: transparent;
}

    .badge1:before {
        background: #777;
        padding: 5px 10px;
        border-radius: 20px;
        font-size: 13px;
        margin-right: 4px;
    }

.fa-lock:before {
    font-size: 13px;
}

/*.badge {
    background: #777;
    border-radius: 20px;
    line-height: 18px;
    margin-right: 5px;
    height: 23px;
    font-size: 11px !important;
    min-width: 23px;
}*/

.manifestbg {
    background: #e81c1c;
}

.fa-ban:before {
    font-size: 12px;
}

span#btnFile {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .right-panel {
        margin-left: 0;
    }

    .main-sidebar,
    .left-side {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }

    .sidebar-open .right-panel {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }

    .sidebar-open .main-sidebar,
    .sidebar-open .left-side {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@media (min-width: 768px) {
    .sidebar-collapse .main-sidebar,
    .sidebar-collapse .left-side {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }

    .sidebar-collapse .right-panel {
        margin-left: 0;
    }
}


/*.sidebar {
  padding-bottom: 10px;
}*/
.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .sidebar-menu > li {
        position: relative;
        margin: 0;
        padding: 0;
    }

        .sidebar-menu > li > a {
            /*padding: 0px 5px 0px 8px;*/
            display: block;
        }

            .sidebar-menu > li > a > .fa,
            .sidebar-menu > li > a > .glyphicon,
            .sidebar-menu > li > a > .ion {
                width: 20px;
            }

        .sidebar-menu > li .label,
        .sidebar-menu > li .badge {
            margin-top: 3px;
            margin-right: 5px;
        }

    .sidebar-menu li.header {
        padding: 10px 25px 10px 15px;
        font-size: 12px;
    }

    .sidebar-menu li > a > .fa-angle-left {
        width: auto;
        height: auto;
        padding: 0;
        margin-right: 10px;
        margin-top: 3px;
    }

    .sidebar-menu li.active > a > .material-icons {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .sidebar-menu li.active > .treeview-menu {
        display: block;
    }

    .sidebar-menu .treeview-menu {
        display: none;
        list-style: none;
        padding: 0;
        margin: 0;
        padding-left: 50px;
        /*max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;*/
    }

        .sidebar-menu .treeview-menu .treeview-menu {
            padding-left: 20px;
        }

        .sidebar-menu .treeview-menu > li {
            margin: 0;
        }

            .sidebar-menu .treeview-menu > li > a {
                padding: 5px 5px 5px 15px;
                display: block;
                font-size: 14px;
            }

                .sidebar-menu .treeview-menu > li > a > .fa,
                .sidebar-menu .treeview-menu > li > a > .glyphicon,
                .sidebar-menu .treeview-menu > li > a > .ion {
                    width: 20px;
                }

                .sidebar-menu .treeview-menu > li > a > .fa-angle-left,
                .sidebar-menu .treeview-menu > li > a > .fa-angle-down {
                    width: auto;
                }

/*
 * Component: Sidebar Mini
 */
@media (min-width: 768px) {
    .sidebar-collapse .right-panel,
    .sidebar-collapse .right-side,
    .sidebar-collapse .main-footer {
        margin-left: 50px !important;
        z-index: 840;
    }

    .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;
        overflow: visible !important;
    }

    .sidebar-collapse .sidebar-menu > li {
        position: relative;
    }

        .sidebar-collapse .sidebar-menu > li > a {
            margin-right: 0;
        }

            .sidebar-collapse .sidebar-menu > li > a > span {
                border-top-right-radius: 4px;
                height: 50px;
            }

        .sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
            border-bottom-right-radius: 4px;
        }

        .sidebar-collapse .sidebar-menu > li > .treeview-menu {
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom-right-radius: 4px;
        }

        .sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
        .sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            display: block !important;
            position: absolute;
            width: 180px;
            left: 50px;
        }

        .sidebar-collapse .sidebar-menu > li:hover > a > span {
            top: 0;
            margin-left: 0;
            padding: 10px;
            background-color: #3669be;
            line-height: 2em;
        }

        .sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            /*top: 41px;*/
            margin-left: 0;
            background: #465670; /*#3669be*/
            padding-left: 5px;
        }

        .sidebar-collapse .sidebar-menu > li:nth-last-child(-n+6):hover > .treeview-menu {
            /*top: 33px !important;*/
            margin-left: 0;
            background: #465670; /*#3669be*/
            /*padding-left: 5px;*/
            /*top: auto;*/
        }
        /*
    .sidebar-menu .activeStrip {
        display: block !important;
        position: absolute;
    width: 180px;
    left: 50px;
        background: #3669be;
    }*/

        .sidebar-collapse .main-sidebar .user-panel > .info,
        .sidebar-collapse .sidebar-form,
        .sidebar-collapse .sidebar-menu > li > a > span,
        .sidebar-collapse .sidebar-menu > li > .treeview-menu,
        .sidebar-collapse .sidebar-menu > li > a > .pull-right,
        .sidebar-collapse .sidebar-menu li.header {
            display: none !important;
            -webkit-transform: translateZ(0);
        }

    .sidebar-collapse .main-header .logo {
        width: 50px;
    }

        .sidebar-collapse .main-header .logo > .logo-mini {
            display: block;
            margin-left: -15px;
            margin-right: -15px;
            font-size: 18px;
        }

        .sidebar-collapse .main-header .logo > .logo-lg {
            display: none;
        }

    .sidebar-collapse .main-header .navbar {
        margin-left: 50px;
    }
}

.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
    white-space: nowrap;
    overflow: hidden;
}

    .sidebar-menu:hover {
        overflow: visible;
    }

    .sidebar-form,
    .sidebar-menu > li.header {
        overflow: hidden;
        text-overflow: clip;
    }

    .sidebar-menu li > a {
        position: relative;
        color: #fff;
        text-decoration: none;
    }

        .sidebar-menu li > a i.navicon {
            display: inline-block;
            /* background: url(../Content/Images/nav-icon.png) no-repeat;
            margin-right: 20px;
            background-position: 0 10px;
            padding: 17px 17px 17px 17px;*/
        }

        .sidebar-menu li > a > span:not(.material-icons):not(.material-icons-outlined) {
            font-size: 14px;
            padding-left: 10px;
            vertical-align: super;
        }



    .sidebar-menu > li > a i.facility {
        background-position: 0px -31px;
    }

    .sidebar-menu > li > a i.reservation {
        background-position: 0px -79px;
    }

1 .sidebar-menu > li > a i.standing {
    background-position: 0px -125px;
}

.sidebar-menu > li > a i.dispatch {
    background-position: 0px -170px;
}

.sidebar-menu > li > a i.claims {
    background-position: 0px -212px;
}

.sidebar-menu > li > a i.billing {
    background-position: 0px -253px;
}

.sidebar-menu > li > a i.subcontractor-rates {
    background-position: 0px -298px;
}

.sidebar-menu > li > a i.utilization {
    background-position: 0px -340px;
}

.sidebar-menu > li > a i.subcontractor {
    background-position: 0px -383px;
}

.sidebar-menu > li > a i.credentialing {
    background-position: 0px -431px;
}

.sidebar-menu > li > a i.fleet {
    background-position: 0px -475px;
}

.sidebar-menu > li > a i.client {
    background-position: 0px -520px;
}

.sidebar-menu > li > a i.user-acc {
    background-position: 0px -565px;
}

.sidebar-menu li > a:hover {
    background: #3669be;
    text-decoration: none;
}

.sidebar-menu li > a > .pull-right {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
}

.new-icon-Container {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
}

.new-icons {
}

.menu-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .menu-row > span:not(.material-icons):not(.material-icons-outlined) {
        margin-left: -25px;
    }


.panel-primary > .panel-heading {
    background-image: none;
    background-color: #3669be;
    color: white;
}
/*
 * left-section end
 * -----------
 */


.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.navbar-fixed-top {
    background: #fff;
    transition-duration: 0.5s;
    border-bottom: 1px solid #e7eaec !important;
    z-index: 2030;
}

.navbar-fixed-top,
.navbar-static-top {
    background: #f3f3f4;
}

.fixed-nav #wrapper {
    margin-top: 0;
}

body.fixed-nav #wrapper .navbar-static-side,
body.fixed-nav #wrapper #page-wrapper {
    margin-top: 60px;
}

body.top-navigation.fixed-nav #wrapper #page-wrapper {
    margin-top: 0;
}

.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px;
}

.body-small .navbar-fixed-top {
    margin-left: 0px;
}

body.mini-navbar .navbar-static-side {
    width: 70px;
}

body.mini-navbar .profile-element,
body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span {
    display: none;
}

body.canvas-menu .profile-element {
    display: block;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
    display: none;
}

body.mini-navbar .navbar-default .nav > li > a {
    font-size: 16px;
}

body.mini-navbar .logo-element {
    display: block;
}

body.canvas-menu .logo-element {
    display: none;
}

body.mini-navbar .nav-header {
    padding: 0;
    background-color: #1ab394;
}

body.canvas-menu .nav-header {
    padding: 33px 25px;
}

body.mini-navbar #page-wrapper {
    margin: 0 0 0 70px;
}

body.fixed-sidebar.mini-navbar .footer,
body.canvas-menu.mini-navbar .footer {
    margin: 0 0 0 0 !important;
}

body.canvas-menu.mini-navbar #page-wrapper,
body.canvas-menu.mini-navbar .footer {
    margin: 0 0 0 0;
}

body.fixed-sidebar .navbar-static-side,
body.canvas-menu .navbar-static-side {
    position: fixed;
    width: 220px;
    z-index: 2001;
    height: 100%;
}

body.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 0px;
}

body.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 0px;
}

body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 220px;
}

body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 220px;
}

.fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level,
.canvas-menu.mini-navbar .nav li:focus > .nav-second-level {
    display: block;
    height: auto;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
    font-size: 12px;
    border-radius: 3px;
}

body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
    font-size: 13px;
    border-radius: 3px;
}

.fixed-sidebar.mini-navbar .nav-second-level li a,
.canvas-menu.mini-navbar .nav-second-level li a {
    padding: 10px 10px 10px 15px;
}

.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
    position: relative;
    padding: 0;
    font-size: 13px;
}

.fixed-sidebar.mini-navbar li.active .nav-second-level,
.canvas-menu.mini-navbar li.active .nav-second-level {
    left: 0px;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a,
body.canvas-menu.mini-navbar .navbar-default .nav > li > a {
    font-size: 13px;
}

body.fixed-sidebar.mini-navbar .nav-label,
body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
body.canvas-menu.mini-navbar .nav-label,
body.canvas-menu.mini-navbar .navbar-default .nav li a span {
    display: inline;
}

body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
    display: block;
}

.canvas-menu.mini-navbar .nav-second-level li a,
.fixed-sidebar.mini-navbar .nav-second-level li a {
    padding: 7px 10px 7px 52px;
}

.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
    left: 0px;
}

body.canvas-menu nav.navbar-static-side {
    z-index: 2001;
    background: #2f4050;
    height: 100%;
    position: fixed;
    display: none;
}

body.canvas-menu.mini-navbar nav.navbar-static-side {
    display: block;
    width: 220px;
}

.top-navigation #page-wrapper {
    margin-left: 0;
}

.top-navigation .navbar-nav .dropdown-menu > .active > a {
    background: white;
    color: #1ab394;
    font-weight: bold;
}

.white-bg .navbar-fixed-top,
.white-bg .navbar-static-top {
    background: #fff;
}

.top-navigation .navbar {
    margin-bottom: 0;
}

.top-navigation .nav > li > a {
    padding: 15px 20px;
    color: #676a6c;
}

.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
    background: #fff;
    color: #1ab394;
}

.top-navigation .nav > li.active {
    background: #fff;
    border: none;
}

    .top-navigation .nav > li.active > a {
        color: #1ab394;
    }

.top-navigation .navbar-right {
    margin-right: 10px;
}

.top-navigation .navbar-nav .dropdown-menu {
    box-shadow: none;
    border: 1px solid #e7eaec;
}

.top-navigation .dropdown-menu > li > a {
    margin: 0;
    padding: 7px 20px;
}

.navbar .dropdown-menu {
    margin-top: 0px;
}

.top-navigation .navbar-brand {
    background: #1ab394;
    color: #fff;
    padding: 15px 25px;
}

.top-navigation .navbar-top-links li:last-child {
    margin-right: 0;
}

.top-navigation.mini-navbar #page-wrapper,
.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
.mini-navbar .top-navigation #page-wrapper,
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
.canvas-menu #page-wrapper {
    margin: 0;
}

.top-navigation.fixed-nav #wrapper,
.fixed-nav #wrapper.top-navigation {
    margin-top: 50px;
}

.top-navigation .footer.fixed {
    margin-left: 0 !important;
}

.top-navigation .wrapper.wrapper-content {
    padding: 40px;
}

.top-navigation.body-small .wrapper.wrapper-content,
.body-small .top-navigation .wrapper.wrapper-content {
    padding: 40px 0px 40px 0px;
}

.navbar-toggle {
    background-color: #1ab394;
    color: #fff;
    padding: 6px 12px;
    font-size: 14px;
}

.top-navigation .navbar-nav .open .dropdown-menu > li > a,
.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 10px 15px 10px 20px;
}


body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 220px;
}

.md-skin .navbar-static-side .nav > li > a:focus,
.md-skin .navbar-static-side .nav > li > a:hover {
    background-color: inherit;
}

.md-skin .pace-done .navbar-static-side,
.md-skin .pace-done .nav-header,
.md-skin .pace-done li.active,
.md-skin .pace-done #page-wrapper,
.md-skin .pace-done .footer {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.md-skin .navbar-static-side {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.md-skin.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 0;
}

.md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 220px;
    background-color: #ffffff;
}

.md-skin.canvas-menu nav.navbar-static-side {
    z-index: 2001;
    background: #ffffff;
    height: 100%;
    position: fixed;
    display: none;
}

.nav > li.active {
    /*background: #293846 none repeat scroll 0 0;*/
    /*border-left: 4px solid #19aa8d;*/
}

.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

    .track3:hover,
    .track3.dragging {
        background: #d9d9d9;
        background: rgba(0, 0, 0, 0.15);
    }

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.header-R .dropdown-menu li.user-header {
    background: #fff;
    padding: 10px;
    text-align: center;
}



.iconControls input[type="text"], .iconControls input[type="password"] {
    padding-right: 35px;
}

.login-wrapper .forgotBtn {
    height: 38px;
}

.pink-bg {
    background: #ed7c83;
    color: #fff;
}

.defaultBtn {
}

    .defaultBtn a {
        border: 1px solid #e5e5e5;
        display: block;
        padding: 7px 0px;
        border-radius: 50px;
        text-align: center;
        margin-top: 10px;
    }

.warningTxt {
    padding-left: 30px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 0px;
}

    .warningTxt strong {
        position: absolute;
        top: 16px;
        left: 8px;
    }

.successMsg {
    padding-top: 30px;
    color: #989898;
    font-size: 18px;
}

    .successMsg i.fa.fa-circle {
        color: #52bacf;
    }

.m-b-15 {
    margin-bottom: 15px;
}

.m-t-50 {
    margin-top: 50px;
}

.headerLogo {
    padding-right: 0px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.headerLogoImg {
    width: 45px;
}

.headerLogoText {
    display: inline-block;
    width: 175px;
    object-fit: contain;
}

.side-icon {
}
/*.k-dropdown .k-state-default {
height:34px;
}*/
.hide_div_add_holidays {
    height: 28px;
    padding-top: 0px !important;
    margin-top: -2px !important;
}

.fa-file-custom {
    width: 60px;
    height: 26px;
    /*background: url(../Content/Images/file_icon.png) no-repeat 27px -1px;*/
    /* float: left; */
    background-size: contain;
}

span.bg_img {
    height: 26px;
    width: 26px;
    background: url(../Content/Images/file_icon.png) no-repeat 0 0;
    display: inline-block;
    margin-right: 4px;
    background-size: 26px 26px;
}

span.bg_img_custom {
    height: 26px;
    width: 26px;
    background: url(../Content/Images/u_icon.png) no-repeat 0 0;
    display: inline-block;
    margin-right: 4px;
    background-size: 26px 26px;
}

.fa-update-custom {
    width: 73px;
    height: 26px;
    /*background: url(../Content/Images/u_icon.png) no-repeat 0px -1px;*/
    /* float: left; */
    background-size: contain;
}



.badge_span {
    height: 22px;
    padding-top: 5px;
    width: 22px;
}

.btn-col .right-btn-sec {
    width: initial;
    display: inline-block;
}

.btn-col .btn-break {
    float: right;
    display: block;
    width: 100%;
    text-align: right;
}

.btn-col .btn-second {
    float: right;
}

.btn-col .btn-first {
    margin-right: 10px;
    float: right;
}

.btn-col .right-btn-sec button {
    width: 75px;
}

.dispatch-coloumn label {
    font-size: 13.5px;
    letter-spacing: -0.2px;
}

#tripList-pane .panel-body {
    position: relative;
}

.requested-collapseble {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 15px;
    width: 35%;
    background: #fff;
    border: solid 1px #ccc;
    z-index: 9;
    display: none;
}

.trips-info-grid {
/*    height: 92%;*/
    display: flex;
    width: 100%;
    flex-direction: column;
}

.show-requested .requested-collapseble {
    display: block;
}

.show-requested .trips-info-grid {
    float: left;
    width: 65%;
    position: relative;
    left: 37%;
}
/*08 jAN 19*/
.m-t-10 {
    margin-top: 10px;
}

.p-l-0 {
    padding-left: 0px;
}

.active-checkbox label.k-checkbox-label {
    top: 5px;
}

.active-checkbox .inner-input {
    font-size: 14px;
    position: relative;
    left: 0;
}

.blue-border {
    height: 3px;
    background: #4675c3;
    margin: 20px 0px;
}

.dotted-line {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 10px 0px;
}

    .dotted-line:before {
        position: absolute;
        left: 0px;
        right: 30px;
        border-top: dotted 3px #000;
        content: "";
        top: 7px;
    }

    .dotted-line span {
        background: #fff;
        float: left;
        position: relative;
        z-index: 1;
        padding-right: 10px;
    }

    .dotted-line label.k-checkbox-label {
        top: 0px;
    }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .header-R {
        width: 80%;
        padding-top: 10px;
    }
}

@media (max-width: 768px) {
    .top-navigation .navbar-header {
        display: block;
        float: none;
    }

    .body-small.rtls .navbar-static-side {
        display: none;
        z-index: 2001;
        position: absolute;
        width: 70px;
    }

    .body-small.rtls.mini-navbar .navbar-static-side {
        display: block;
    }

    .rtls.fixed-sidebar.body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: fixed;
        width: 220px;
    }

    .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
        display: block;
    }
}

.menu-visible-lg,
.menu-visible-md {
    display: none !important;
}

@media (min-width: 1200px) {
    .menu-visible-lg {
        display: block !important;
    }
}

@media (max-width: 1440px) {
    .custom-mid-col h3.form-title {
        line-height: inherit;
        margin: 0px;
        font-size: 14px !important;
        padding: 7px 0;
    }
}

@media (min-width: 992px) {
    .menu-visible-md {
        display: block !important;
    }
}

@media (max-width: 767px) {
}



@media (max-width: 768px) {

    .body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: absolute;
        width: 70px;
    }

    .body-small.mini-navbar .navbar-static-side {
        display: block;
    }

    .fixed-sidebar.body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: fixed;
        width: 220px;
    }

    .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
        display: block;
    }
}

/*
 * left-section in mobile start
 * -----------
 */
@media print {
    .main-sidebar,
    .left-side {
        display: none !important;
    }

    .right-panel {
        margin-left: 0 !important;
        min-height: 0 !important;
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
    }

    .fixed .right-panel {
        padding-top: 0 !important;
    }
}



/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

@media only screen and (min-width: 959px) and (max-width: 1250px) {

    .search .form-control, .search .btn {
        height: 35px;
    }

    .search .btn {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
    }

    .add-member, .search {
        font-size: 15px;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .search-box {
        padding-top: 10px;
    }

    .icons {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .add-member, .search {
        height: 50px;
    }

        .search .form-control, .search .btn {
            height: 30px;
            font-size: 12px;
        }

    .big-txt {
        line-height: 50px;
        font-size: 14px;
    }

    .search .btn {
        padding-left: 10px;
        padding-right: 10px;
    }

    .icons img {
        width: 40px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .left-panel .navbar {
        margin-bottom: 0;
        border-radius: 0;
    }

    .right-panel {
        margin-left: 0;
    }

    .header-R .nav > li > a {
        padding: 3px 15px;
    }

    .container-right {
        padding-right: 15px;
        padding-left: 15px;
    }

    .content-area {
        padding: 20px 0;
    }

    .icons img {
        width: 40px;
    }

    .search-container {
        margin-top: 15px;
    }

    .navbar-header {
        margin-top: -48px;
        background: rgb(255, 255, 255) none repeat;
    }

    .navbar {
        min-height: 0px;
    }

    .nav > li {
        float: left;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
    }

    .header-R {
        width: 100px;
    }

    .menu-visible-md {
        display: block !important;
    }

    .menu-visible-lg {
        display: block !important;
    }

    #page-wrapper {
        position: inherit;
        margin: 0 0 0 220px;
        min-height: 1200px;
    }

    .navbar-static-side {
        z-index: 2001;
        position: absolute;
        width: 220px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }

    .sidebar-nav .navbar .navbar-collapse {
        padding: 0;
        max-height: none;
    }

    .sidebar-nav .navbar ul {
        float: none;
    }

        .sidebar-nav .navbar ul:not {
            display: block;
        }

    .sidebar-nav .navbar li {
        float: none;
        display: block;
    }

        .sidebar-nav .navbar li a {
        }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 640px) {
    .header-R .nav > li > a {
        padding: 3px 15px;
    }

    .search-box {
        padding-top: 20px;
    }

    .icons {
        width: 75px;
        height: 75px;
        line-height: 75px;
    }

    .add-member, .search {
        height: 75px;
    }

        .search .form-control, .search .btn {
            height: 30px;
            font-size: 12px;
        }

    .big-txt {
        line-height: 75px;
    }

    .search .btn {
        padding-left: 10px;
        padding-right: 10px;
    }

    .search-container {
        margin-top: 15px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .logo {
        padding-right: 0;
        padding-top: 0px;
    }


    .user-icon {
        padding: 0 5px;
    }

    .header-R .nav > li > a {
        padding: 3px 0;
    }

    .search-box {
        padding-top: 10px;
    }

    .icons {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .add-member, .search {
        height: 50px;
    }

        .search .form-control, .search .btn {
            height: 30px;
            font-size: 12px;
        }

    .big-txt {
        line-height: 50px;
        font-size: 18px;
    }

    .search .btn {
        padding-left: 10px;
        padding-right: 10px;
    }

    .container-right {
        padding-left: 15px;
    }

    .content-area {
        padding: 20px 0;
    }

    .search-btn {
        padding-left: 0;
    }

    .search-container {
        margin-top: 15px;
    }

    .login-wrapper {
        width: 280px;
    }

    .login-box {
        padding: 20px;
    }

    .header-R .nav > li {
        margin: 0 18px 0 0;
    }
}


/*Responsive code*/

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

    .logoclass {
        height: 180px;
        margin: 0px auto !important;
    }
}
/* Rules for sizing the icon. */
.material-icons.md-14 {
    font-size: 14px;
}

.material-icons-outlined.md-14 {
    font-size: 14px;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

    .material-icons.md-dark.md-inactive {
        color: rgba(0, 0, 0, 0.26);
    }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

    .material-icons.md-light.md-inactive {
        color: rgba(255, 255, 255, 0.3);
    }


/*11-03-2022*/
.formcustomselect {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 5px;
}


    .formcustomselect label {
        margin: 0px;
    }

    .formcustomselect a.k-button {
        font-size: 12px;
        display: inline-block;
        margin: 0;
        padding: 2px 5px;
        border: none;
        box-shadow: none;
        line-height: 15px;
    }

    .formcustomselect + input {
        height: 28px !important;
    }

.adminheading label {
    font-size: 18px;
}



.overFlowHidden {
    overflow-x: hidden !important;
    overflow: auto;
    max-height: 200px !important;
}

.display-Block {
    display: block;
}

.display-None {
    display: none;
}


/*#tabNotes {
    white-space: pre-wrap;
}*/