/* Minification failed. Returning unminified contents.
(12,10): run-time error CSS1036: Expected expression, found '''
(90,50): run-time error CSS1046: Expect comma, found '63'
(90,57): run-time error CSS1046: Expect comma, found '/'
(91,42): run-time error CSS1046: Expect comma, found '63'
(91,49): run-time error CSS1046: Expect comma, found '/'
(2453,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
.clickable-item{cursor:pointer;}.text-bold{font-weight:bold;}.portlet.light>.portlet-title .inputs.inputs-full-width{display:block;float:none;}.tree-item-icon-color{color:#dfba49;}.page-sidebar .page-sidebar-menu>li>a>i.fa,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i.fa{margin-left:1px;margin-right:4px;top:3px;}.form-group.form-md-line-input.no-hint{margin-bottom:15px;}.form-group.form-md-line-input.has-error .form-control{border-bottom-color:#f00;}.form-group.form-md-line-input.has-error .help-block-info{display:none;}.jtable-main-container{overflow-x:auto;}.jtable-main-container .jtable .jtable-column-header{height:32px;}.jtable-main-container .jtable .jtable-data-row td{height:32px;}.jtable-main-container .jtable-bottom-panel select{color:#000;}.daterangepicker_input .input-mini{width:120px !important;}.portlet.light>.portlet-title.portlet-title-filter{border:none;margin-bottom:0;}button i{margin-right:5px;}.btn+.btn{margin-left:5px;}.social-icons li .openidconnect,.social-login-icon.openidconnect{background:url(../Images/open-id-connect.png) no-repeat;}.social-icons li .adfs,.social-login-icon.adfs{background:url(../Images/ws-federation.png) no-repeat;}.margin-bottom-0{margin-bottom:0 !important;}.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu{width:250px;}br{font-family:Verdana;}
/*page header css*/
@font-face {
    font-family: 'courier_newregular';
    src: url('../../fonts/courier/cour-webfont.woff2') format('woff2'), url('cour-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ToyotaTypeBold';
    src: url(/fonts/Toyota/ToyotaTypeBold.eot'); src: url('fonts/ToyotaTypeBold.eot') format('embedded-opentype'), url('/fonts/Toyota/ToyotaTypeBold.woff2') format('woff2'), url('/fonts/Toyota/ToyotaTypeBold.woff') format('woff'), url('/fonts/Toyota/ToyotaTypeBold.ttf') format('truetype'), url('/fonts/Toyota/ToyotaTypeBold.svg#ToyotaTypeBold') format('svg');
}

@font-face {
    font-family: 'ToyotaTypeSemibold';
    src: url('/fonts/Toyota/ToyotaTypeSemibold.eot');
    src: url('/fonts/Toyota/ToyotaTypeSemibold.eot') format('embedded-opentype'), url('/fonts/Toyota/ToyotaTypeSemibold.woff2') format('woff2'), url('/fonts/Toyota/ToyotaTypeSemibold.woff') format('woff'), url('/fonts/Toyota/ToyotaTypeSemibold.ttf') format('truetype'), url('/fonts/Toyota/ToyotaTypeSemibold.svg#ToyotaTypeSemibold') format('svg');
}

@font-face {
    font-family: 'ToyotaTypeRegular';
    src: url('/fonts/Toyota/ToyotaTypeRegular.eot');
    src: url('/fonts/Toyota/ToyotaTypeRegular.eot') format('embedded-opentype'), url('/fonts/Toyota/ToyotaTypeRegular.woff2') format('woff2'), url('/fonts/Toyota/ToyotaTypeRegular.woff') format('woff'), url('/fonts/Toyota/ToyotaTypeRegular.ttf') format('truetype'), url('/fonts/Toyota/ToyotaTypeRegular.svg#ToyotaTypeRegular') format('svg');
}

@font-face {
    font-family: 'ToyotaTypeLight';
    src: url('/fonts/Toyota/ToyotaTypeLight.eot');
    src: url('/fonts/Toyota/ToyotaTypeLight.eot') format('embedded-opentype'), url('/fonts/Toyota/ToyotaTypeLight.woff2') format('woff2'), url('/fonts/Toyota/ToyotaTypeLight.woff') format('woff'), url('/fonts/Toyota/ToyotaTypeLight.ttf') format('truetype'), url('/fonts/Toyota/ToyotaTypeLight.svg#ToyotaTypeLight') format('svg');
}

body {
    background: #f6f7fb;
    font-family: 'ToyotaTypeRegular';
    /* overscroll-behavior-y: contain;*/
}
    body.page-md {
        background: #f6f7fb;
        font-family: 'ToyotaTypeRegular';
    }

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'ToyotaTypeRegular';
}

a {
    color: #eb0a1e;
    font-family: 'ToyotaTypeRegular';
}
.boxed {
    background: #ddd;
    padding: 15px;
}
.nowrap {
    white-space: nowrap;
}
.no-margin {
    margin:0 !important;
}
.font-weight-semibold {
    font-family: 'ToyotaTypeSemibold';
}

.font-weight-bold {
    font-family: 'ToyotaTypeBold';
}

.font-weight-light {
    font-family: 'ToyotaTypeLight';
}

label {
    /*font-weight: bolder;*/
    font-family: 'ToyotaTypeSemibold';
}


.font-courier .form-control,
.font-courier .form-control-static {
    /*font-family: 'courier_newregular';*/
    font-family: 'Courier New';
    font-weight: bold;
    font-size: 14px; /*line-height: 15px;*/
}

.page-header.navbar {
    background: #fff;
    border-bottom: none;
    -webkit-box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 8%) !important;
    box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 8%) !important;
}


.serchIconRed {
    margin: 21px 0 0 0;
    padding: 0px 10px 1px 10px !important;
}

button#btnSearch {
    /*color: #000;
    font-weight: bold;*/
    margin: 22px 0 0 0;
    padding: 0px 9px 0px;
}

.btn.red-haze:not(.btn-outline) {
    color: #ffffff;
    background-color: #eb0a1e;
    border-color: #eb0a1e;
    font-family: 'ToyotaTypeRegular';
}

.page-header.navbar {
    height: 65px;
    min-height: 65px;
}

    .page-header.navbar .page-logo {
        height: 65px;
        padding: 8px 20px;
        -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.08);
        box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.08);
    }

        .page-header.navbar .page-logo .logo-default {
            margin: 10px 10px 0;
        }

    .page-header.navbar .menu-toggler.sidebar-toggler {
        margin: 18px 0 0;
    }

    .page-header.navbar .page-top {
        height: 48px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown {
        height: 66px;
    }

        

        .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
            color: #aaa;
        }

        

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
        background: #393939;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
        background: #222222;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu::after {
            border-bottom-color: #393939;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
            background: #393939;
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .submenu {
        background-color: #333;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
        background: #333;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
        padding: 18px 12px 11px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding: 17px 10px 17px;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
        background-color: #F3F6F9;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
        background-color: #F3F6F9;
    }
    .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler {
        padding: 17px 12px 13px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
        color: #3f4457;
    }
/*page header css End*/

/*page sub-header css Start*/
.subheader {
    padding: 10px 0;
}
.subheader.subheader-fixed {
    position: fixed;
    height: 54px;
    top: 65px;
    left: 265px;
    right: 0;
    -webkit-transition: top 0.3s ease;
    transition: top 0.3s ease;
    z-index: 95;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
    box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
    background-color: #ffffff;
    border-top: 1px solid #EBEDF3;
    margin: 0;
}
.page-sidebar-closed .subheader.subheader-fixed {
    left: 54px;
}
.subheader .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    font-size: 14px;
    padding: 3px 14px 4px 14px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.subheader .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .subheader .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .subheader .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 1px 5px 4px;
    white-space: nowrap;
    line-height: 22px;
}
.subheader .mrDropdown {
    display:inline-block;
}
.subheader div.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0 0px 0 14px;
    height: 29px;
    line-height: 29px;
    border: none;
    cursor: default;
}
.subheader div.btn.red-haze:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #eb0a1e;
    border-color: #eb0a1e;
}
.page-head .page-title {    
    padding: 5px 0 0px 0;
}
.page-head .page-title > h1 {
    color: #181C32;
    font-size: 1.5rem;
    font-weight: 600;    
}
    .page-head .page-title > h1 span {
        margin-right: 30px;
        position: relative;
    }
    .page-head .page-title > h1 > small {        
        /*font-weight: 600;*/
        text-transform: lowercase;
    }
    .page-head .page-title > h1 span:after {
        content: "";
        height: 22px;
        width: 1px;
        background: #EBEDF3;
        display: inline-block;
        position: absolute;
        right: -17px;
        border-radius: 2px;
    }
    
/*page sub-header css End*/


/*Sidebar css*/
@media (min-width: 992px) {
    .page-sidebar-fixed .page-sidebar {        
        top: 66px;
    }
    .page-sidebar {
        width: 265px;        
    }
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar {
    background-color: #fff;
    border-radius: 0px;
}
.page-md .page-sidebar.navbar-collapse, .page-md
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse {
    box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.08);
}

    .page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
        margin: 0px 0 0 0;
        border-radius: 0;
    }
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
    box-shadow: none;
}
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
        box-shadow: none;
    }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
            color: #5E5256;
        }

            .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
                color: #5E5256;
            }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open::before, .page-sidebar .page-sidebar-menu li > a > .arrow::before, .page-sidebar .page-sidebar-menu li > a > .arrow.open::before {
            color: #5E5256;
        }
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
    color: #eb0a1e;
}
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
            background: #F3F6F9;
            color: #eb0a1e;
        }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open::before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow::before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open::before {
            color: #eb0a1e;
        }

        .page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {            
            margin: 0px 0px 8px 0px;
        }
            .page-sidebar .page-sidebar-menu .sub-menu li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {               
                margin-top: 0px !important;
            }

            .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a {
                color: #5E5256;
                font-size: 1.45rem;
            }

                .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"], .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
                    color: #5E5256;
                }

                .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
                    color: #5E5256;
                }

            .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
                background: #F3F6F9 !important;
                color: #eb0a1e;
            }

            .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
                color: #eb0a1e;
            }



        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
            background: #F3F6F9;
            color: #eb0a1e;
        }
                
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open::before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow::before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open::before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow::before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open::before {
            color: #eb0a1e;
        }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active > a {
    border-left: 3px solid #c7081b !important;
    padding-left: 6px;
}

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
            background: #F3F6F9;
        }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar .page-sidebar-menu > li.active.open > a > i {
            color: #eb0a1e;
        }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, .page-sidebar .page-sidebar-menu > li > a > i {
            color: #5E5256;
        }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu > li.open > a > i {
            color: #eb0a1e;
        }
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
    color: #eb0a1e;
}

/***SideBar Banner Css Start***/
.mb-3, .my-3 {
    margin-bottom: 0.75rem !important;
}
.ml-2, .mx-2 {
    margin-left: 0.5rem !important;
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}
.symbol {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.42rem;
}
    .symbol .symbol-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 500;
        color: #3F4254;
        background-color: #F3F6F9;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-radius: 0.42rem;
    }
    .symbol.symbol-light-success .symbol-label {
        background-color: #C9F7F5;
        color: #1BC5BD;
    }
    .symbol.symbol-40 .symbol-label {
        width: 40px;
        height: 40px;
    }

.userProfile {
    /*background: url(/Common/Images/nab-banner.jpg) 0 0 no-repeat;*/
    background-image: url(/Common/Images/nab-banner.jpg);
    background-size: cover;
    min-height: 112px;
    position: relative;
}

    .userProfile:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0;
        height: 45px;
        width: 100%;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */
        background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    }

.userDetail .symbol {
    border-radius: 50px;
    overflow: hidden;
    border: 2px solid #eb0a1e;
}

.userDetail {
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.usertext span i {
    font-size: 12px;
}

.usertext a {
    font-size: 18px;
    cursor: default;
    color: #fff;
    text-decoration: none;
}
.page-sidebar-closed .usertext a {
    display: none;
}

    .usertext a:hover {
        color: #fff;
    }

.aside-minimize .userDetail {
    left: 12px;
}

    .aside-minimize .userDetail .usertext {
        display: none !important;
    }

.cursor-default {
    cursor: default;
}
/****SideBar Banner Css End****/


/*Sidebar css End*/

/*portlet CSS*/
.portlet {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    border: 0;
}
    .portlet.light.bordered {
        border: 1px solid #EBEDF3 !important;
    }
.portlet > .portlet-title {
    margin-bottom: 0;
}

.portlet.light > .portlet-title {
    padding: 0px 0;
    min-height: 30px;
}

    .portlet.light > .portlet-title > .caption {
        padding: 0;
    }

.portlet > .portlet-body.dark, .portlet.dark {
    background-color: #111;
}

.portlet.box.dark {
    border-color: currentcolor #111 #111;
}

    .portlet.box.dark > .portlet-title {
        background-color: #111;
    }
    .portlet.light > .portlet-title > .actions {
        padding: 0px 0 10px 0;
    }
/*portlet CSS end*/
.page-container {
    padding: 10px 20px 0 0px;
}
.page-header-fixed .page-container {
    margin-top: 125px;
}

.page-content-wrapper .page-content {
    padding: 0 0 0 20px;
    margin-left: 260px;
}

.portlet > .portlet-body.dark, .portlet.dark {
    background-color: #111;
}

.portlet.box.dark {
    border-color: currentcolor #111 #111;
}

    .portlet.box.dark > .portlet-title {
        background-color: #111;
    }

div.jtable-main-container > table.jtable {
    border: 1px solid #4e4e4e;
}

    div.jtable-main-container > table.jtable > thead {
        background-color: #4e4e4e;
    }

div.jtable-main-container > div.jtable-bottom-panel {
    background-color: #fff;
    border-color: currentcolor #EBEDF3 #EBEDF3;
    width: 100%;
}

    div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
        background-color: #e90a1f;
    }

        div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
            background-color: #f03f2a;
        }

    div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
        background-color: #f03f2a;
    }

div.jtable-main-container > div.jtable-bottom-panel {
    color: #333333;
}
    div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {       
        padding: 1rem 0 1rem 0;
    }
    div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
        padding: 1rem 4px;
    }

    div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
        white-space: nowrap;
        padding-right: 15px;
    }

div.jtable-main-container > div.jtable-title {
    background-color: #121212;
}

div.jtable-busy-message {
    background: url(../../libs/jquery-jtable/themes/metro/blue/loading.gif) scroll 8px 9px no-repeat;
    background-color: #eb0a1e;
    line-height: 1.4;
    font-family: 'ToyotaTypeRegular';
    font-weight: 500;
    font-size: 14px;
}





.login .logo {
    background: #333;
    border-radius: 7px 7px 0 0;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 0;
}

    .login .logo img {
        width: auto;
    }

.login .content {
    border-radius: 0 0 7px 7px !important;
    margin-top: 10% !important;
    width: 100%;
    max-width: 500px;
}

    .login .content .create-account {
    }

        .login .content .create-account p a {
            color: #fff !important;
        }

    .login .content h3 {
        color: #181C32 !important;
        font-weight: 600 !important;
        text-align: left;
        margin-bottom: 47px !important;
        text-transform: capitalize;
    }

    .login .content .form-group {
        margin-bottom: 20px;
    }

    .login .content .form-control {
        background-color: #fff !important;
        font-family: 'ToyotaTypeRegular';
    }

    .login .content .forget-password, .login .content .rememberme {
        margin-bottom: 5px;
        margin-top: 0px;
    }
    .login .content .forget-password {
        font-size: 14px;
        font-weight: 600;
        color: #eb0a1e !important;
    }

.login .copyright {
    text-align: center;
    margin: 0 auto 30px 0;
    padding: 10px;
    color: #181C32;
    font-size: 13px;
}

    .page-header.navbar .page-logo .logo-default {
        width: auto;
    }

.createvehicle-modal .modal-dialog {
    width: 80%;
    margin: 0 auto;
}

.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    box-shadow: none;
    line-height: 19px;
    font-weight: 500;
    text-transform: capitalize;
    /*padding: 6px 14px 6px 14px;*/
    padding: 3px 14px 4px 14px;
    font-size: 14px;
}

.login .content .form-actions .btn-default {
    font-weight: 600;
    padding: 16px 20px !important;
    color: #6c7a8d;
    background-color: #ffffff;
    border: none;
    border: 1px solid rgba(235, 10, 30, 0.0);
    background: rgba(235, 10, 30, 0.1);
    color: #eb0a1e;
    border-radius: 6px;
    font-size: 14px;
    text-transform: uppercase;
}

    .login .content .form-actions .btn-default:hover {
        color: #FFFFFF;
        border: 1px solid rgba(235, 10, 30, 0.3);
        background: rgba(235, 10, 30, 0.6);
    }

.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1;
}
    .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
        color: #333;
        background-color: #fff;
        border-color: #8c8c8c;
    }
.md-shadow-z-1, .alert, .badge, .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all), .btn-group > .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all), .btn.btn-link:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover, .icon-btn, .label:not(.md-skip), .note, .panel, .social-icons li > a, .social-icons.social-icons-color > li > a, .well {
    box-shadow: none;
}


.btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #fff;
    border-color: #cacaca;
}

.mt-radio, .mt-checkbox {
    margin-bottom: 5px;
}

.createvehicle-modal .form-section, .form-section {
    background: #FFEBEE;
    color: #333;
    border-left: 5px solid #f36a5a;
    font-size: 16px;
    padding: 6px 8px;
    margin: 10px 0 5px;
}

.createvehicle-modal .form-group {
    margin-bottom: 20px;
    position: relative;
    line-height: 19px;
}
    .createvehicle-modal .form-group .help-block-validation-error {
        position: absolute;
        bottom: -24px;
    }

.help-custom {
    left: 0;
    position: absolute;
    width: 100%;
    margin: 3px 0 0 0;
    line-height: 12px;
}

/*
.btn-success {
    background-color: #e87e04 !important;
    border-color: #e87e04 !important;
}

.btn.blue:not(.btn-outline) {
    background-color: #e87e04 !important;
    border-color: #e87e04 !important;
    color: #ffffff;
}

div.jtable-main-container > table.jtable {
    border: 1px solid #e87e04 !important;
}
div.jtable-main-container > table.jtable > thead {
    background-color: #e87e04 !important;
}
div.jtable-main-container > div.jtable-bottom-panel {
    background-color: #e87e04 !important;
    border-color: currentcolor #e87e04 #e87e04 !important;
}


    div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
        background-color: #fd9218;
    }

    div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
        background-color: #fd9218 !important;
    }
    div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
        background-color: #fd9218 !important;
    }

    div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
        background-color: #fd9218 !important;
    }

.portlet.light > .portlet-title > .caption {
    color: #e87e04 !important;
   
}

    .portlet.light > .portlet-title > .caption .font-green {
        color: #e87e04 !important;
    }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active > a {
    border-left: 3px solid #e87e04 !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    color: #e87e04 !important;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar .page-sidebar-menu > li.active.open > a > i {
        color: #e87e04 !important;
    }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
    
    color: #e87e04 !important;
}
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu > li.open > a > i {
        color: #e87e04 !important;
    }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open::before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow::before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open::before {
    color: #e87e04 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    color: #e87e04 !important;
}
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
        color: #e87e04 !important;
    }

div.jtable-main-container > div.jtable-title {
    background-color: #bf6702 !important; 
}
*/
[readonly="readonly"] {
    pointer-events: none;
}
    [readonly="readonly"] .md-checkbox {
        opacity: 0.5;
    }
.md-shadow-z-2-i, .dropdown-menu, .btn-group > .dropdown-menu {
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
}
.datepicker table th {
    font-family: Poppins, Helvetica, "sans-serif" !important;
}
.datepicker.dropdown-menu {
    font-family: Poppins, Helvetica, "sans-serif" !important;
}
.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th, .input-group.date .input-group-addon {
    font-weight: 500 !important;
    color: #3F4254;    
}
.datepicker .next, .datepicker .prev {
    color: #7E8299;
    font-size: 18px;
    
}
.datepicker td, .datepicker th {
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
    font-size: 14px;
}
.datepicker table td {
    color: #646778;
    
    font-weight: 300 !important;
    font-family: Poppins, Helvetica, "sans-serif" !important;
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #B5B5C3;
}

.datepicker-custom {
    padding: 0;
}
.datepicker table tr td.day {
    
}
.datepicker table tr td.today {
    background-color: #f36a5a;
    border-color: #e43a45;
    color: #fff;
}

    .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled.active:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today.active:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today[disabled] {
        background-color: #e43a45;
        color: #fff;
    }

.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
    background-color: #e43a45 !important;
    border-color: #e43a45;
    color: #fff;
}

.input-group.date .form-control {
    /*border-right: 0;*/
}
.form-control:focus {
    border-color: #E4E6EF;
}
.daterangepicker .ranges li:hover {
    background: #f03f2a !important;
    border: 1px solid #f03f2a !important;
}
.daterangepicker .ranges li.active{
    background: #e43a45 !important;
    border: 1px solid #e43a45 !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #e43a45;
    border-color: #e43a45;
}
.daterangepicker td.active {
    background-color: #e43a45;
}
.range_inputs .btn-success {
    color: #fff;
    background-color: #e43a45;
    border-color: #e43a45;
}
    .range_inputs .btn-success.active, .range_inputs .btn-success:active, .range_inputs .btn-success:hover, .range_inputs .open > .btn-success.dropdown-toggle {        
        background-color: #f03f2a;
        border-color: #f03f2a;
    }



.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
    border-top: 0px solid #333;
    padding: 9px 6px;
    font-size: 1.55rem;
}
    .page-sidebar .page-sidebar-menu > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
        font-size: 1.55rem;
    }

    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 20px 14px 0 6px;
    }

.form-group .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group {
    /*z-index: inherit !important;*/
    min-height: 26px;
    height: 26px;
}
.form-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0px 14px 0px 14px;
    line-height: 23px;
    height: 26px;
}
.modal-open .datepicker {
    z-index: inherit !important;
    padding: 0px;
}

.modal-open .datepicker-dropdown {
    z-index: 10055 !important;
}

.dropdown-pos-rt {
    left: inherit;
    right: 0;
    margin-top: 10px;
    padding: 4px 0;
}

.dropdown-custom .dropdown-menu::after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom-color: #fff;
    content: "";
    display: inline-block;
    position: absolute;
    right: 10px;
    top: -6px;
}

.dropdown-custom .dropdown-menu::before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-color: #e3e3e3;
    content: "";
    display: inline-block;
    position: absolute;
    right: 9px;
    top: -7px;
}

.dropdown-custom .dropdown-menu::before, .dropdown-custom .dropdown-menu::after {
    display: block !important;
}

.dropdown-custom .filter-option {
    /*display: block;
    text-align: left;
    width: 96%;*/
    margin-right: 15px;
}

.dropdown-custom .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.dropdown-custom .dropdown-item {
    background: #fff;
    clear: both;
    color: #6f6f6f;
    display: block;
    font-weight: 500;
    padding: 4px 12px;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #F3F6F9;
    color: #6f6f6f;
    text-decoration: none;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #EBEDF3;
    color: #555;
    text-decoration: none;
}

/*.editpage .modal-content {
    border: medium none;
    box-shadow: none;
}
.editpage .modal-body {
    padding: 0;
}*/

.editpage .modal-content {
    box-shadow: none;
    border: none;
}
    .editpage .modal-content .modal-body {
        padding: 0;
    }

.modal-footer.floating {
    position: fixed;
    bottom: 0;
    left: 15px;
    background-color: #fff;
    width: 100%;
    height: 60px;
    z-index: 5;
    text-align: center;
}

.make-ready .modal-footer button {
    /*position: absolute !important;
        left: 50%;*/
}

.form-group {
    margin-bottom: 8px;
}

label {
    margin-bottom: 2px;
    /*font-family: 'ToyotaTypeRegular';*/
}
/*.view-only, div.form-control {background: #eeeeee;color: #757474;border: 1px solid #dddddd; cursor:default;}*/
.form-group.form-md-line-input.form-md-floating-label .form-control ~ label {
    font-size: 16px;
    top: 22px;
    font-weight: 500;
}
.form-control {
    height: 26px;
    padding: 2px 12px;
    border: 1px solid #E4E6EF;
    border-radius: 2px;
}
.input-group .form-control:focus {
    /*border: 1px solid #E4E6EF;
    border-right:0;*/
}

    .input-group .input-group-btn .btn {
    }

.bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 8px;
    top: 8px;
}
.bootstrap-select .caret {    
    margin-top: -8px !important;
}
    .bootstrap-select .caret:before {        
        font-size: 16px;
    }

.datepicker.input-group .input-group-btn .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0px 6px 0px;
    line-height: 24px;
}



.input-group-addon, .input-group .input-group-btn .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0px 3px 0px;
    background: #fff;
    color: #000;
    border-color: #E4E6EF;
    border-radius: 0px 2px 2px 0px;
    /*border-left: 0;*/
    font-size: 14px;
    line-height: 24px;
}
    .input-group-addon.border-left {
        border-left: 1px solid #E4E6EF;
    }

.md-shadow-z-2-hover, .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover, .icon-btn:hover, .portlet.box.white > .portlet-title > .actions .btn-default:hover, .portlet.box.default > .portlet-title > .actions .btn-default:hover, .portlet.box.dark > .portlet-title > .actions .btn-default:hover, .portlet.box.blue > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:hover, .portlet.box.green > .portlet-title > .actions .btn-default:hover, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover, .portlet.box.green-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover, .portlet.box.green-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.green-dark > .portlet-title > .actions .btn-default:hover, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.green-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.grey > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:hover, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.red > .portlet-title > .actions .btn-default:hover, .portlet.box.red-pink > .portlet-title > .actions .btn-default:hover, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:hover, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:hover, .portlet.box.red-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.red-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.red-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:hover, .portlet.box.purple > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:hover, .social-icons li:hover > a, .social-icons.social-icons-color > li > a:hover {
    box-shadow: none;
}
.bootstrap-timepicker .form-control {
    border-right: 0;
}
.bootstrap-timepicker .input-group-addon {
    border-left: 0;
}
.bootstrap-timepicker .input-group-addon i {
    color: #000;
    width: 16px;
    height: 14px;
    line-height: 13px;
}

.form-actions-btm {
    background-color: #f5f5f5;
    margin: 0;
    padding: 20px;
}

.form-actions-btm {
    border-radius: 0 0 2px 2px;
}

    .form-actions-btm.right {
        padding-left: 0;
        padding-right: 20px;
        text-align: right;
    }

.form-group .form-control-static, .view-only, div.form-control {
    display: block;
    min-height: 27px;
    padding: 3px 6px;
    width: 100%;
    background: #fbfbfb;
    border-radius: 4px;
    border: none;
    border-bottom: 1px solid #f8f8f8;
}
.form-group .addonOnlyView {
    background: #fbfbfb;
    border-radius: 4px;
    border: 1px solid #f8f8f8;
    color:#000;
}
.page-logo2 {
    display: none;
}


.mandatory:after {
    content: "*";
    color: red;
    margin: 0 0 0 3px;
}
/*.page-logo2 img {margin: 10px 10px 6px;width: auto;}
.page-sidebar-closed .page-logo2 {display: block;}*/

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
   /* width: 265px;*/
    margin-left: 0px;
    /*margin-right: 0px;*/
    /*padding: 8px 20px;*/
}

    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default {
        /*display: block;*/
    }

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
   /* margin-right: 0;*/
}

form#frmMakeReady .form-control-static {
    background: none;
    border: none;
    padding: 0;
}


.portlet > .portlet-title > .actions > .dropdown-custom {
    display: inline-block;
}

    .portlet > .portlet-title > .actions > .dropdown-custom .btn {
       /* padding: 4px 10px;
        font-size: 13px;*/
    }

.filter-row {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    padding: 15px 15px 5px 15px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    float: left;
    width: 100%;
}

.dashboard-table .table > tbody > tr > td, .dashboard-table .table > thead > tr > th {
    padding: 5px;
}

.dashboard-table table td .primary-link, .dashboard-table table td {
    font-weight: normal;
    font-size: 13px;
}

.link-white {
    color: #fff;
    cursor: pointer;
}

.link {
    cursor: pointer;
    color: blue;
}

.grid-logo {
    width: 22px;
    border-radius: 50%;
    margin-right: 5px;
}

.no-padding {
    padding: 0 !important;
}

textarea {
    height: 100px !important;
}

.portlet > .portlet-title > .actions > .mrDropdown .btn {
    padding: 0 0px 0 10px;
    height: 28px;
    line-height: 28px;
    border: none;
    cursor: default;
}

    .portlet > .portlet-title > .actions > .mrDropdown .btn:hover {
        background: #f36a5a;
        border: none;
        cursor: default;
    }

.mrDropdown .btn .link-white {
    padding: 0px 10px 0px 10px;
    border-left: 1px solid #e75848;
    float: left;
    cursor: pointer;
    background: #f36a5a;
}

.mrDropdown .btn button.link-white {
    background: #f36a5a;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}

    .mrDropdown .btn button.link-white i {
        margin-right: 0;
    }

.mrDropdown .btn .link-white:hover, .mrDropdown .btn .link-white:focus {
    background: #f03f2a;
    color: #fff;
    text-decoration: none;
    border-left: 1px solid #e75848;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}

    .mrDropdown .btn .link-white:hover i, .mrDropdown .btn .link-white:focus i, .mrDropdown .btn .link-white:visited i, .mrDropdown .btn .link-white:active i {
        color: #fff;
    }

.mrDropdown .btn > span {
    margin-right: 13px;
}

.mrDropdown .btn .link-white.active {
    background: #f03f2a;
    color: #fff;
    text-decoration: none;
    border-left: 1px solid #e75848;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}
    .mrDropdown .btn .link-white.active:hover {
        background: #d1311f;
    }
.jtable-data-row a {
    color: #EB0A1E;
    font-weight: 500;
    white-space: nowrap;
}


.portlet-MRstatus .slimScrollBar, .portlet-MRstatus .slimScrollRail {
    width: 4px !important;
}

.todo-content {
    overflow: unset !important;
}

.portlet-MRstatus .slimScrollDiv8 {
    overflow: unset !important;
}

.portlet-MRstatus .scroller8 {
    overflow: unset !important;
}

.MRstatus-title {
    /*margin-left: -12px;*/
}
.page-head .MRstatus-title {
    padding: 0px 0 0px 0;    
}

.todo-tasklist-custom {
    /*min-height: 676px;*/
    height: 676px;
}

    .todo-tasklist-custom .todo-tasklist-item img {
        margin: 0 0px 0px 0;
    }

    .todo-tasklist-custom .todo-tasklist-controls .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding: 0px 2px 0px 5px;
    }

    .todo-tasklist-custom .todo-tasklist-controls .btn-icon-only {
        width: 20px;
        height: 20px;
    }

    .todo-tasklist-custom .todo-tasklist-btn i {
        color: #fff;
    }

    .todo-tasklist-custom .todo-tasklist-date {
        font-size: 12px;
    }
.row-2 {
    margin-left:-2px;
    margin-right:-2px;
}
.col-8 {
    width: 12.5%;
    padding-left: 2px;
    padding-right: 2px;
}

.portlet-MRstatus.light {
    padding: 0px 0px 5px 0px;
}

.portlet-MRstatus .scroller {
    padding-right: 5px;
    padding-left: 5px;
}

.portlet-MRstatus .todo-tasklist-item {
    padding: 1px 15px 3px 3px;
    margin-bottom: 5px;
    position: relative;
    /*box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);*/
    background: #ffffff;
    border-width: 4px;
    overflow: visible;
    min-height: 41px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

    .portlet-MRstatus .todo-tasklist-item.active {
        display: block;
    }

    .portlet-MRstatus .todo-tasklist-item:hover {
        cursor: move;
        background: #c0edf1;
    }

.portlet-MRstatus .todo-tasklist-item-text {
    font-size: 12px;
    color: #010407;
    padding-bottom: 0;
}

.portlet-MRstatus .item-last-name {
    padding-right: 15px;
    position: relative;
}

.portlet-MRstatus .item-last-name {
}

.portlet-MRstatus .tasklist-date {
    font-size: 11.5px;
    word-spacing: -0.5px;
    letter-spacing: -0.4px;
}

    .portlet-MRstatus .tasklist-date i {
        font-size: 11px;
        vertical-align: text-bottom;
    }

.portlet-MRstatus .slimScrollBar, .portlet-MRstatus .slimScrollRail {
    width: 4px !important;
}

.todo-content {
    overflow: unset !important;
}

.portlet-MRstatus .slimScrollDiv8 {
    overflow: unset !important;
}

.portlet-MRstatus .scroller8 {
    overflow: unset !important;
}
/*.portlet-MRstatus .ui-sortable-helper{ position:fixed !important;}*/

.portlet-MRstatus.light .portlet-title {
    padding: 0;
    min-height: auto;
    margin-bottom: 0px;
}

    .portlet-MRstatus.light .portlet-title .caption > .caption-subject {
        font-size: 12px;
    }

    .portlet-MRstatus.light .portlet-title .caption {
        padding: 4px 0 5px 25px;
        width: 103%;
        position: relative;
        background:#ea0a1e !important;
    }

        .portlet-MRstatus.light .portlet-title .caption::after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 14px solid transparent; /* Go big on the size, and let overflow hide */
            border-bottom: 14px solid transparent;
            border-left: 20px solid #e90a1f;
            position: absolute;
            top: 1px; /*margin-top: -50px;*/
            left: 98%;
            z-index: 2;
        }

        .portlet-MRstatus.light .portlet-title .caption::before {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            border-left: 20px solid #fff;
            position: absolute;
            top: 0; /*margin-top: -50px;*/
            margin-left: 1px;
            left: 99%;
            z-index: 1;
        }

.portlet-MRstatus.light > .portlet-title > .caption-last {
    width: 100%;
}

    .portlet-MRstatus.light > .portlet-title > .caption-last::after, .portlet-MRstatus.light > .portlet-title > .caption-last::before {
        border: 0;
    }

.scroller1 {
    overflow-x: hidden;
    overflow-y: scroll;
}

.todo-content:first-child .portlet-MRstatus.light > .portlet-title > .caption {
    padding-left: 15px;
}

.todo-content:last-child .portlet-MRstatus.light > .portlet-title > .caption {
    width: 100%;
}

    .todo-content:last-child .portlet-MRstatus.light > .portlet-title > .caption::after, .todo-content:last-child .portlet-MRstatus.light > .portlet-title > .caption::before {
        border: 0;
    }

.portlet-MRstatus .todo-tasklist-item .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    /*padding: 0;
    position: absolute;
    top: -2px;
    right: -2px;
    font-size: 14px;*/
}

.portlet-MRstatus .todo-tasklist-item .btn-group {
    position: absolute;
    top: 0px;
    right: 0;
    width: 19px;
}

    .portlet-MRstatus .todo-tasklist-item .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        width: 15px;
        height: 15px;
        margin-bottom: 5px;
        padding: 6px 0px 0px 1px;
        border-radius: 2px;
    }

        .portlet-MRstatus .todo-tasklist-item .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) i {
            font-size: 8px;
            color: #fff;
            vertical-align: top;
            margin: -7px 0 0 0;
        }

.todo-tasklist-item .dropdown-menu {
    right: 0;
    left: inherit;
}

    .todo-tasklist-item .dropdown-menu li {
        margin: 0;
    }

        .todo-tasklist-item .dropdown-menu li a {
            padding: 5px 5px;
        }

    .todo-tasklist-item .dropdown-menu > li > a > .badge {
        height: 15px;
        width: 15px;
        padding: 0;
        border-radius: 0 !important;
    }

.Mr-action .btn-group {
    padding-left: 50px;
}

.Vk-action .btn-group {
    padding-left: 50px;
}

    .Mr-action .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        box-shadow: none !important;
        border: none;
        background: none;
        /*font-weight: bold;*/
    }

.Vk-action .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    box-shadow: none !important;
    border: none;
    background: none;
    /*font-weight: bold;*/
}

.btn-mr:hover, .btn-mr.active {
    background: #fff !important;
    border-color: #E7505A !important;
    border-bottom: 3px solid #E7505A !important;
    color: #E7505A;
    box-shadow: none !important;
}

.btn-sr:hover, .btn-sr.active {
    background: #fff !important;
    border-color: #3598DC !important;
    border-bottom: 3px solid #3598DC !important;
    color: #3598DC;
    box-shadow: none !important;
}

.btn-si:hover, .btn-si.active {
    background: #fff !important;
    border-color: #C49F47 !important;
    border-bottom: 3px solid #C49F47 !important;
    color: #C49F47;
    box-shadow: none !important;
}

.btn-pp:hover, .btn-pp.active {
    background: #fff !important;
    border-color: #2F353B !important;
    border-bottom: 3px solid #2F353B !important;
    color: #2F353B;
    box-shadow: none !important;
}

.dealership_name {
    width: 250px;
    margin-left: 50px;
}

    .dealership_name .bootstrap-select {
        height: 34px;
    }

        .dealership_name .bootstrap-select .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
            background: none;
            box-shadow: none;
            font-size: 14px;
            text-transform: capitalize;
            padding: 6px 8px;
            margin-top: 0;
            margin-bottom: 0;
        }

        .dealership_name .bootstrap-select.btn-group .dropdown-toggle .caret {            
            top: 13px;
        }

    .dealership_name .btn {
        border-color: #2f353b;
        color: #2f353b;
        background: none;
    }

    .dealership_name .dropdown-menu li a { /*background: #393939;*/
        clear: both; /*color: #fff;*/
        display: block;
        font-weight: 400;
        padding: 8px 15px;
        text-align: left;
        white-space: nowrap;
        width: 100%;
    }


.todo-tasklist-item-border-dark {
    border-left: #2F353B 2px solid;
}

div.jtable-main-container > table.jtable > thead th {
    font-family: 'ToyotaTypeRegular';
    font-weight: 600;
    font-size: 14px;
    color: #181C32;
}
    div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
        height: 24px;
        margin-left: 4px;
        padding-right: 15px;
    }

div.jtable-main-container > table.jtable {
    border: 1px solid #EBEDF3;
}
div.jtable-main-container table.jtable tbody tr.jtable-no-data-row td {
    height: 60px;
}
    div.jtable-main-container > table.jtable > thead {
        background-color: #F3F6F9;
    }

    div.jtable-main-container > table.jtable > tbody > tr:nth-child(even) {
        background-color: #e9e9e9;
    }

.dashboard-table .table > tbody > tr > td, .dashboard-table .table > thead > tr > th {
    padding: 5px;
}

.dashboard-table table td .primary-link, .dashboard-table table td {
    font-weight: normal;
    font-size: 13px;
}

.dashboard {
    font-size: 12px;
}

    .dashboard div.jtable-main-container > table.jtable > thead th {
        font-family: 'ToyotaTypeRegular';
        font-size: 14px;
        color: #181C32;
        font-weight: 600;
    }

        .dashboard div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
        }

    .dashboard .jtable-main-container .jtable .jtable-column-header, .jtable-main-container .jtable .jtable-column-header {
        height: auto;
        /*padding: 4px 0px 4px;*/
        padding: 1rem 4px 1rem 0px;
        border: 1px solid #EBEDF3;
    }
div.jtable-main-container {
    font-family: 'ToyotaTypeRegular';
}
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container:before, div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container:after {
    content: "\2191";
    position: absolute;
    display: block;
    opacity: 1;
    top: 0;
    background: none;
}
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container:before {
    content: "\2191";
    right: 6px;
}
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container:after {    
    content: "\2193";
    right: 0;
}

div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container:before, div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container:after, div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container:before, div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container:after {
    content: "\2191";
    position: absolute;
    display: block;
    opacity: 1;
    top: 0;
    background: none;
}

div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container:before {
    content: "\2191";
    right: 6px;
    opacity: 0.3;
}
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container:after {
    right: 0;
    content: "\2193";
    opacity: 1;
    color: #3699FF !important;
}


div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container:before {
    content: "\2191";
    right: 6px;
    opacity: 1;
    color: #3699FF !important;
}
div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container:after {
    right: 0;
    content: "\2193";
    opacity: 0.3;
}

div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
    background-color: #fff;
}
div.jtable-main-container > table.jtable > tbody > tr:nth-child(even) {
    background-color: #fff;
}
div.jtable-main-container > table.jtable > tbody > tr:hover {
    background: #F3F6F9;
}
div.jtable-main-container > table.jtable > tbody > tr > td {
    border: 1px solid #EBEDF3;
}

    div.jtable-main-container > table.jtable > tbody > tr > td .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
        font-size: 14px;
        padding: 4px 8px 5px 8px;
    }


.dashboard div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
    height: auto;
    background: none;
}

    .dashboard div.jtable-main-container > table.jtable > thead th {
        text-align: center;
    }

    .dashboard div.jtable-main-container > table.jtable > thead tr th:first-child {
        text-align: left;
    }

    .dashboard table tbody tr td, .dashboard table tbody tr td > label {
        font-weight: 600;
        text-align: center;
    }

        .dashboard table tbody tr td:first-child {
            font-weight: normal;
            text-align: left;
        }

    .dashboard table tbody tr:last-child td:first-child label {
        text-align: right;
        float: right;
    }

    .dashboard table tbody tr:last-child td em {
        font-weight: bold;
    }

    .dashboard table tbody tr td .FM, .dashboard table tbody tr td .PA {
        font-weight: normal;
    }

    .dashboard table tbody tr td em, .dashboard table tbody tr td em label {
        font-weight: normal;
        font-size: 12px;
    }


    .dashboard table tbody .jtable-no-data-row td, .dashboard table tbody .jtable-no-data-row td:first-child {
        text-align: center;
    }


.model-dashboard .scroller {
    height: 675px !important;
}


.filter-row .bootstrap-switch-container {
    height: 25px;
}
.filter-row .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .filter-row .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .filter-row .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    line-height:23px;
}
.filter-row .row {
    margin-left: -2px;
    margin-right: -2px;
}

.filter-row .filter-box {
    padding: 0 1px;
}

    .filter-row .filter-box .row {
        margin-left: -1px;
        margin-right: -1px;
    }

    .filter-row .filter-box .select-month, .filter-row .filter-box .select-yr {
        padding: 0 2px;
    }

        .filter-row .filter-box .select-month .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all), .filter-row .filter-box .select-yr .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
            padding: 2px 8px 2px;
            box-shadow: none;
            text-align: left;
        }

        .filter-row .filter-box .select-month select, .filter-row .filter-box .select-yr select {
            background: url(/common/Images/drop-arrow-sm.png) right center no-repeat;
            background-size: auto;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

            .filter-row .filter-box .select-month select option, .filter-row .filter-box .select-yr select option {
                background: #fff;
            }


.filter-row .bootstrap-switch-container .bootstrap-switch-handle-on, .filter-row .bootstrap-switch .bootstrap-switch-handle-off {
    line-height: 21px;
    word-spacing: -2px;
    padding: 2px 2px;
}

.filter-row .bootstrap-switch-container .bootstrap-switch-label {
    padding: 2px 2px;
}

.filterInputs {
    width: calc(100% - 153px);
    float: left;
}
.filter-reset .bootstrap-switch {
    margin-left: 2px;
}
.filter-row .input-group-addon, .filter-row .input-group .input-group-btn .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0px 3px 0px;
    line-height: 24px;
}
    .filter-row .input-group-addon, .filter-row .input-group .input-group-btn .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) i {
        line-height: 16px;
    }
.multiselect-filter span.input-group-addon {
    border-left: 1px solid #EBEDF3;
}
.multiselect-container > li > a > label {    
    padding: 3px 10px 3px 28px !important;
}
.multiselect-container > li > a {
    padding: 0;
}
/*PDF View in modal CSS*/
.iframe-container {
    padding-bottom: 60%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .iframe-container iframe, .iframe-container object, .iframe-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

.model-pdf .modal-footer {
    display: none;
}


/*Adminstrator CSS*/
.portlet-title-filter .btn-default {
    height: 26px;
    padding: 0px 10px !important;
}

div.jtable-main-container > div.jtable-title {
    background-color: #e8edf1;
}
    div.jtable-main-container > div.jtable-title div.jtable-title-text {
        font-family: 'ToyotaTypeRegular';
        color: #333;
        font-weight:500;
    }

.modal-full-custom.modal-dialog {
    width: 90%;
}


.select-custom.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 2px 8px 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
    text-align: left;
    background: url(../Images/drop-arrow-sm.png) right center no-repeat;
    background-size: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.select-custom option {
    background: #fff;
}

.my-table .table.table-light {
    border: 1px solid rgb(234, 97, 83);
    width: 100%;
    border-collapse: collapse;
    font-family: 'ToyotaTypeRegular';
    border: none;
}

    .my-table .table.table-light thead {
        background: rgb(234, 97, 83);
        color: #fff;
        border: none;
    }

    .my-table .table.table-light th {
        color: #fff;
        border: none;
        font-size: 12px;
    }

    .my-table .table.table-light th, .my-table .table.table-light td {
        padding: 4px;
        border-collapse: collapse;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        font-family: "Segoe UI Semilight", "Open Sans", Verdana, Arial, Helvetica, sans-serif;
        font-weight: 300;
    }

    .my-table .table.table-light tbody tr:nth-child(odd) {
        background-color: rgb(249, 249, 249);
    }

    .my-table .table.table-light tbody tr:nth-child(even) {
        background-color: #e9e9e9;
    }

    .my-table .table.table-light td {
        color: #333;
        height: 32px;
        border-collapse: collapse;
        border: 1px solid #ddd;
        font-size: 14px;
    }

.table.table-light > tbody > tr:last-child > td {
    border: 1px solid #ddd;
}

.dashboard .jtable-main-container {
    /*overflow: visible;*/
}

.portlet.light > .portlet-title > .actions.deliveredPeopleView {
    padding: 0 0 10px 0;
}


div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected, div.jtable-main-container > table.jtable > tbody > tr:nth-child(even).jtable-row-selected {
    color: #000;
    background-color: #e8dddd;
}

.portlet .event-form-title {
    margin-top: 0;
}

.external-events .filter-row {
    border: none;
    margin-bottom: 0;
    background: none;
    padding: 0 165px 0 0;
}

    .external-events .filter-row .filter-box {
        width: 20%;
    }

        .external-events .filter-row .filter-box label {
            font-size: 13px;
        }

.select-filter select {
    background: #fff url(/common/Images/drop-arrow-sm.png) right center no-repeat;
    background-size: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
    text-align: left;
    border-radius: 3px;
    border: 1px solid #616d79;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

    .select-filter select.form-control[disabled] {
        background-color: #fbfbfb;
        color: #6c7a88;
        opacity: 0.99;
    }

    .select-filter select option {
        background: #fff;
    }

/*.portlet.calendar .fc-toolbar {margin-bottom: 10px; }
.fc-toolbar button {position: static;}*/

.portlet.calendar .fc-right .fc-button {
    top: 0px;
}

.portlet.calendar.light .fc-button {
    top: 0px;
    padding-bottom: 28px;
}


.fc-unthemed .fc-toolbar .fc-button {
    color: #7E8299;
    background: #F3F6F9;
    border: 1px solid #7E8299;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
    
    .fc-unthemed .fc-toolbar .fc-button:focus, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button.fc-button-active {
        background: #eb0a1e;
        color: #FFFFFF;
        border: 1px solid #eb0a1e;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-shadow: none;
    }

.fc-today-button.fc-button:disabled, .fc-today-button.fc-button:disabled:hover, .fc-today-button.fc-button:disabled:focus, .fc-unthemed .fc-toolbar .fc-today-button.fc-button {
    color: #FFFFFF;
    background-color: #eb0a1e;
    border-color: #eb0a1e;
}
.fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
}
.portlet.calendar .fc-toolbar {
    margin-bottom: 15px;
}
.portlet.calendar .fc-toolbar > * > :not(:first-child) {
    margin-left: 0.75em;
}
.portlet.calendar .fc-button {
    padding: 8px 15px 8px 15px;
    border-radius: 4px 4px;
}
.portlet.calendar.light .fc-button.fc-state-disabled {
    color: #fff;
}
.fc-button-group > .fc-button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.portlet.calendar.light .fc-button.fc-state-hover {
    color: #fff;
    border: 1px solid rgba(235, 10, 30, 0.6);
    background: rgba(235, 10, 30, 0.6);
}
.portlet.calendar.light .fc-button.fc-state-active {
    background: #eb0a1e;
    color: #FFFFFF;
    border: 1px solid #eb0a1e;
}
.portlet.calendar .fc-button .fc-icon-left-single-arrow {
    font-size: 20px;
}
.portlet.calendar .fc-button .fc-icon-right-single-arrow {    
    font-size: 20px;
}
.portlet.calendar .fc-button .fc-icon {
    height: 19px;
    top: -2px;
    line-height: 7px;
}


.portlet.calendar .fc-widget-header {
    background-color: #fff;
    color: #3F4254;
    text-transform: inherit;
}
.fc-unthemed th.fc-day-header {
    background-color: #fff;
    color: #3F4254;
    padding: 0.75rem 0.5rem;
    font-weight: 500;
}

.fc-row .fc-content-skeleton {
}

.fc-basic-view .fc-body .fc-row {
    padding-bottom: 26px;
}

.fc-widget-content, .fc-more-cell {
    position: relative;
}

span.event-count {
    border: 1px solid #eb0a1e;
    width: 20px;
    height: 20px;
    position: absolute;
    text-align: center;
    bottom: 2px;
    right: 4px;
    border-radius: 50%;
    z-index: 10050;
    /* padding: 0px 2px 5px; */
    background: #eb0a1e;
    color: #fff;
    cursor: pointer;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing:-1px;
    display: inline-block;
}

span.rent-inout {
    border: 1px solid #48ac50;
    width: 20px;
    height: 20px;
    position: absolute;
    text-align: center;
    bottom: 2px;
    right: 28px;
    border-radius: 50%;
    z-index: 10050;
    /*padding: 0px 2px 4px;*/
    background: #48ac50;
    color: #fff;
    cursor: pointer;
    line-height: 17px;
    font-size: 16px;
    display: inline-block;
}

span.newResr {
    float: right;
    border: 1px solid #16bcee;
    width: 20px;
    height: 20px;
    position: absolute;
    text-align: center;
    bottom: 2px;
    right: 4px;
    border-radius: 50%;
    z-index: 10050;
   /* padding: 0px 2px 4px;*/
    background: #16bcee;
    color: #fff;
    cursor: pointer;
    line-height: 16px;
    font-size: 22px;
    display: inline-block;
}

a.fc-more {
    top: 5px;
    cursor: pointer;
}

td.fc-more-cell {
    vertical-align: bottom;
}

span.event-count:hover, a.fc-more:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.7;
}

.fc-unthemed .fc-today {
    /*background: #e1e5ec;*/
}

.fc-agendaDay-view .fc-today { /*background: #fff;*/
}

/*.fc-other-month {
    background: #f6f6f6;
}

.portlet.calendar .fc-left .fc-button {
    border: 1px solid #b7b7b7;
    color: #433333;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
    /*background: rgb(255,255,255);*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );*/ /* IE6-9 */
/*}

    .portlet.calendar .fc-left .fc-button:hover, .portlet.calendar .fc-button.fc-state-disabled {*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+24,ffffff+100 */
        /*background: rgb(229,229,229);*/ /* Old browsers */
        /*background: -moz-linear-gradient(top, rgba(229,229,229,1) 24%, rgba(255,255,255,1) 100%);*/ /* FF3.6-15 */
        /*background: -webkit-linear-gradient(top, rgba(229,229,229,1) 24%,rgba(255,255,255,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
        /*background: linear-gradient(to bottom, rgba(229,229,229,1) 24%,rgba(255,255,255,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );*/ /* IE6-9 */
    /*}

.portlet.calendar .fc-button.fc-state-disabled {
    color: #666;
}*/

.portlet.calendar .fc-toolbar h2 {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    color: #3F4254;
}

.portlet.calendar .fc-event .fc-time, .portlet.calendar .fc-event .fc-title {
    font-size: 14px;
}

.fc-tile-border {
    border: 6px solid #333;
}

.fc-tile-special-border {
    border-right: 10px solid black;
}

.fc-reserved-tile-special-border {
    border-left: 30px solid #16bcee !important;
    /*box-shadow: none !important;*/
}

/*.fcreserved-tile-resource {
    border-left: 10px solid #3a87ad !important;
}*/

.fc-rentout-tile-special-border {
    border-left: 30px solid #ff3131 !important;
}

/*.fcrentout-tile-resource {
    border-left: 10px solid #f03f2a !important;
}*/

.fc-rentin-tile-special-border {
    border-left: 30px solid #57ad68 !important;
}

/*.fcrentin-tile-resource {
    border-left: 10px solid #31eb51 !important;
}*/

/*.fc-time-grid-event fc-v-event fc-event fc-start fc-not-end {
    border: 6px solid #333;
}*/

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #EBEDF3;
}


.fc-event-container .fc-time-grid-event, .fc-event-container .fc-event, .fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    padding-left: 3px;
    box-shadow: -5px 0px 4px rgba(0, 0, 0, 0.1);
}

.fc-event .fc-bg {
    opacity: 0.1;
    display: none;
}

.portlet.calendar {
    /* background: #3e98ee !important;
    padding-left: 7px;
    border: 1px solid #3a87ad;
    box-shadow: -1px 0px 6px -2px #000;
    border-radius: 0;*/
}

.event_strip {
    float: left;
    width: 10px;
    background: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#599ad8+0,1e64a7+100 */
    background: rgb(89,154,216); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(89,154,216,1) 0%, rgba(30,100,167,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(89,154,216,1) 0%,rgba(30,100,167,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(89,154,216,1) 0%,rgba(30,100,167,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599ad8', endColorstr='#1e64a7',GradientType=1 ); /* IE6-9 */
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

    .event_strip:before {
        content: "";
        background: url(../Images/event_strip_shadow.png) 0 0 no-repeat;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .event_strip:hover {
        cursor: pointer;
    }

.fc-row .fc-bg {
    z-index: 1;
}

.fc-row .fc-bgevent-skeleton {
    z-index: 0;
}

.popover-content {
    padding: 5px 10px;
}

    .popover-content p {
        margin-bottom: 2px;
        font-size: 12px;
        margin-top: 0;
    }

.popover .arrow, .popover .arrow:after {
    display: block !important;
}

.dashboard_mr i {
    margin-left: 0px;
}

.dashboard_mr:before {
    content: "MR";
    position: absolute;
    font-size: 8px;
    top: 10px;
    left: 26px;
    color: #001e50;
    font-family: "Open Sans",sans-serif;
}

.mrsummry-modal .modal-dialog {
    width: 90%;
    margin: 0 auto;
}

.mrsummry-modal .dashboard {
    overflow: auto;
}

    .mrsummry-modal .dashboard .jtable td {
        white-space: nowrap;
    }

.portlet.light > .portlet-title > .action_notdelivertunit {
    padding: 0px 0 6px 0;
}
.bootstrap-switch {
    border-radius: 2px;
}
    .bootstrap-switch .bootstrap-switch-handle-on {
        border-bottom-left-radius: 2px;
        border-top-left-radius: 2px;
    }
    .bootstrap-switch .bootstrap-switch-handle-off {
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
    }
    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
        border-bottom-left-radius: 2px;
        border-top-left-radius: 2px;
    }
    .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
        padding: 1px 5px;
        white-space: nowrap;
        line-height: 24px;
    }
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {    
    background: #eb0a1e;
}

.service-view-pdf img {
    width: 12px;
}

.page-sidebar-fix .page-sidebar {
    position: fixed;
    z-index: 6;
    width: 265px;
    top: 65px;
}

.page-sidebar .page-sidebar-menu > li > a > i.fa, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.fa {
    margin-right: 8px;
}

.makereadydetail {
    width: 100%;
}

    .makereadydetail .label:not(.md-skip).label-sm {
        display: inline-block;
        padding: 6px 6px 6px 6px;
        margin-bottom: 5px;
    }

    .makereadydetail .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding: 4px 14px 4px 14px;
    }

    .makereadydetail .legends {
    }

    .makereadydetail .bg-yellow-crusta {
        background: #efd467 !important;
    }

    .makereadydetail .jtable .bg-yellow-crusta:hover {
        background-color: #eecf50 !important;
    }

.gridMakeReadyItems div.jtable-main-container > table.jtable > thead {
    border-bottom: 1px solid #fff;
}
/*.gridMakeReadyItems div.jtable-main-container > table.jtable > tbody > tr {border-bottom: 1px solid rgba(255, 255, 255, 0.2);}*/
.gridMakeReadyItems div.jtable-main-container > table.jtable > tbody > tr > td {
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.gridMakeReadyItems .jtable .link { /*text-decoration:underline;*/
}

.gridMakeReadyItems .jtable .bg-dark:hover {
    background-color: #181c1f !important;
}

.gridMakeReadyItems .jtable .bg-red:hover {
    background-color: #e12330 !important;
}

.gridMakeReadyItems .jtable .bg-green:hover {
    background-color: #26a1ab !important;
}

.gridMakeReadyItems .bg-yellow-crusta {
    background: #efd467 !important;
}

.gridMakeReadyItems .jtable .bg-yellow-crusta:hover, .gridMakeReadyItems .jtable .bg-yellow-crusta.jtable-row-selected {
    background-color: #eecf50 !important;
}


.legends-circle {
    width: 12px;
    height: 12px;
    background: #efd467;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

.bg-yellow-custom {
    background: #efd467;
}

.label-color .label {
}

    .label-color .label:not(.md-skip).label-sm {
        display: inline-block;
        padding: 6px 6px 6px 6px;
        margin-bottom: 5px;
    }


.filter-reset {
    display: inline-block;
}

    .filter-reset .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding: 1px 9px 4px;
    }


/*fixed column css start*/
table.dataTable {
}

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

div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}

.dataTables_scrollHead {
    background-color: #F3F6F9;
}

table.dataTable thead {
    background-color: #F3F6F9;
    color: #181C32;
}

.dataTables_scrollHead {
    border-bottom: 2px solid #F3F6F9;
}

table.dataTable, table.dataTable th, table.dataTable td {
    border-collapse: collapse;
}

    table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
        position: absolute;
        bottom: 0.9em;
        display: block;
        opacity: 0.3;
    }
    table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
        right: 1em;
        content: "\2191";
    }
    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
        right: 0.5em;
        content: "\2193";
    }
.dataTables_wrapper .dataTable th.sorting:before, .dataTables_wrapper .dataTable th.sorting:after, .dataTables_wrapper .dataTable td.sorting:before, .dataTables_wrapper .dataTable td.sorting:after {
    opacity: 0.6;
}
.dataTables_wrapper .dataTable th.sorting_desc:before, .dataTables_wrapper .dataTable th.sorting_desc:after, .dataTables_wrapper .dataTable th.orting_asc_disabled:before, .dataTables_wrapper .dataTable th.orting_asc_disabled:after, .dataTables_wrapper .dataTable th.orting_desc_disabled:before, .dataTables_wrapper .dataTable th.orting_desc_disabled:after, .dataTables_wrapper .dataTable th.sorting_asc:before, .dataTables_wrapper .dataTable th.sorting_asc:after, .dataTables_wrapper .dataTable th.sorting:before, .dataTables_wrapper .dataTable th.sorting:after, .dataTables_wrapper .dataTable td.sorting_desc:before, .dataTables_wrapper .dataTable td.sorting_desc:after, .dataTables_wrapper .dataTable td.orting_asc_disabled:before, .dataTables_wrapper .dataTable td.orting_asc_disabled:after, .dataTables_wrapper .dataTable td.orting_desc_disabled:before, .dataTables_wrapper .dataTable td.orting_desc_disabled:after, .dataTables_wrapper .dataTable td.sorting_asc:before, .dataTables_wrapper .dataTable td.sorting_asc:after, .dataTables_wrapper .dataTable td.sorting:before, .dataTables_wrapper .dataTable td.sorting:after {
    top: 50% !important;
    margin-top: -1rem;
    bottom: auto !important;
}
.dataTables_wrapper .dataTable th.sorting_asc:before, .dataTables_wrapper .dataTable td.sorting_asc:before {
    opacity: 1;
    color: #3699FF !important;
}
.dataTables_wrapper .dataTable th.sorting_desc:after, .dataTables_wrapper .dataTable td.sorting_desc:after {
    opacity: 1;
    color: #3699FF !important;
}

.dataTables_scrollBody table.dataTable thead .sorting:before, .dataTables_scrollBody table.dataTable thead .sorting:after {
    display: none;
}






  


/*select picker addonfly start*/
.dropdown-menu {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .dropdown-menu a {
        overflow: hidden;
        outline: none;
    }

.bss-input {
    border: 0;
    margin: 0px;
    padding: 3px;
    outline: none;
    color: #000;
    width: 100%;
    color: #175234;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
}

    .bss-input:hover {
        background-color: #f5f5f5;
    }

.addItem .check-mark {
    opacity: 0;
    z-index: -1000;
}

.selectPickerAddNew {
    position: absolute;
    margin: -15px;
    padding: 12px 10px;
    right: 15px;
    top: 16px !important;
    width: 50px !important;
    color: #666 !important;
}

    .selectPickerAddNew:hover {
        color: #222;
        background: #f5f5f5;
    }

.addonfly .dropdown-menu.inner > li:last-child a {
    padding: 0;
}

    .addonfly .dropdown-menu.inner > li:last-child a > .bss-input {
        padding: 10px 15px;
        border-top: 1px solid #ddd;
    }

/*select picker addonfly end*/






/*select picker addonfly end*/
.form-group .static-comment {
    min-height: 54px;
    white-space: pre-wrap !important;
}



    table.dataTable thead .sorting_desc {
        /*background-image: url(../images/column-desc.png);*/
        background:none;
    }

table.dataTable thead .sorting_asc {
    /*background-image: url(../images/column-asc.png);*/
    background: none;
}

table.dataTable thead .sorting {
    /*background-image: url(../images/column-sortable.png);*/
    background: none;
    position: relative;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 2px solid #F3F6F9;
    outline: none !important;
    padding: 10px 22px 10px 5px;
}

div.DTFC_LeftWrapper table.dataTable, div.DTFC_RightWrapper table.dataTable {
    margin-bottom: 1px;
}

.dataTables_scrollBody {
    border: 1px solid #ddd !important;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #e9e9e9;
}

table.dataTable tbody tr {
    /*background-color: #f9f9f9;*/
}

    table.dataTable tbody tr:hover {
        background-color: #F3F6F9;
    }

table.dataTable thead th, table.dataTable thead td {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: normal;
    font-size: 14px;
}
table.dataTable thead th {
    font-weight: 600;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 5px;
}
table.dataTable tbody tr:last-child td em {
    font-weight: normal;
}

.dataTables_paginate > span {
    display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #fff !important;
    background: #f36a5a;
    border-radius: 0;
    padding: 0px 4px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 1px solid #f03f2a;
        background: #f03f2a;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        background: #e90a1f;
        color: #fff !important;
        opacity: .75;
    }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333;
    margin-top: 0px;
    display: inline-block;
    font-size: 13px;
    font-family: 'Segoe UI Semilight','Open Sans',Verdana,Arial,Helvetica,sans-serif;
    font-weight: 300;
}

.dataTables_wrapper .dataTables_length {
    float: none;
    margin-left: 5px;
}

    .dataTables_wrapper .dataTables_length label {        
        font-family: 'ToyotaTypeRegular';
    }

        .dataTables_wrapper .dataTables_length label select {
            color: #000;
        }

.dataTables_wrapper .dataTables_paginate {
    float: none;
}

.dataTables_wrapper .dataTables_info {
    float: right;
    margin-top: 3px;
    margin-right: 2px;
    padding-top: 0;
    font-family: 'ToyotaTypeRegular';
}

.dataTables_wrapper .bottom {
    background: #fff;
    float: left;
    width: 100%;
    padding: 6px 2px 0;
}

.dataTables_scrollFoot {
    background: #e9e9e9;
}

.dataTables_scrollFoot {
    position: relative;
}

.dataTables_scrollFootInner {
    box-sizing: content-box;
    border: 1px solid #ddd;
    border-top: 0;
}

.DTFC_LeftFootWrapper tfoot tr {
    background: #f3f6f9;
}

.dataTables_scrollFootInner tfoot tr {
    background: #f3f6f9;
}
/*table.dataTable tfoot th label, table.dataTable tfoot td label{display:block; font-weight:normal;}*/
table.dataTable tfoot th, table.dataTable tfoot td, table.dataTable tfoot th div, table.dataTable tfoot td div {
    box-sizing: content-box;
    text-align: center;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: 1px solid #ddd;
    font-size: 14px;
    font-weight: 600;
}

    table.dataTable tfoot th:first-child {
        text-align: right;
    }

div.DTFC_LeftWrapper table.dataTable tbody tr.odd {
    background-color: #e2e2e2;
}

.DTFC_LeftBodyLiner {
    overflow: hidden !important;
    width: auto !important;
    border: 1px solid #ddd;
}

.DTFC_LeftFootWrapper .dataTable {
    border: 1px solid #ddd;
}
.DTFC_LeftBodyLiner table.dataTable thead th.sorting:before, .DTFC_LeftBodyLiner table.dataTable thead th.sorting_asc:before, .DTFC_LeftBodyLiner table.dataTable thead th.sorting_dec:before, .DTFC_LeftBodyLiner table.dataTable thead th.sorting:after, .DTFC_LeftBodyLiner table.dataTable thead th.sorting_asc:after, .DTFC_LeftBodyLiner table.dataTable thead th.sorting_dec:after {
    content: "";
    display: none;
}

.dashboard table tbody tr td:first-child {
    font-weight: normal;
    text-align: left;
    word-wrap: break-word;
}

.dashboard .DTFC_LeftBodyWrapper table.dataTable tr td {
    white-space: normal;
}

table.dataTable.row-border tbody td a, table.dataTable.display tbody th a {
    color: #EB0A1E;
    /*text-transform: uppercase;*/
}

.dashboard table.dataTable .dataTables_empty {
    text-align: center;
}

td.dataTables_empty {
    background: #fff;
}
/*fixed column css End*/

.ui-sortable tr {
    cursor: move;
}

.mr-text {
    position: relative;
}

    .mr-text:after {
        content: "MR";
        position: absolute;
        font-size: 7px;
        top: -5px;
        left: 12px;
        color: #001e50;
        font-family: "Open Sans",sans-serif;
    }

.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i:after {
    color: #eb0a1e;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i.carline-accessory:before {
    display: none;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i.carline-accessory {
    background: url(/Common/Images/carline-accessory.png) center center no-repeat;
    width: 20px;
    height: 17px;
    vertical-align: middle;
}

.page-sidebar .page-sidebar-menu > li > a > i.admin-store:before {
    display: none;
}

.page-sidebar .page-sidebar-menu > li > a > i.admin-store {
    background: url(/Common/Images/store-icon.png) center center no-repeat;
    width: 20px;
    height: 17px;
    vertical-align: middle;
}

.vehiclefieldaccess_filter .row, .mritemaccess_filter .row, .mrselectitemtype-filter .row, .carlingaccesory_filter .row, .manageCarline_filter .row{
    margin-left: -15px;
    margin-right: -15px;
}

/*.move-icon div.jtable-main-container > table.jtable > thead th.jtable-column-header:nth-child(1) div.jtable-column-header-container:before {
    background: url(../../metro/column-desc.png) no-repeat right;
    font-family: FontAwesome;
    content: "\f047";
    display: inline-block;
    padding-right: 3px;
}*/

.martin-left-5 {
    margin-left: 5px;
}

.NewStdItem .badge {
    font-size: 9px !important;
    padding: 3px 7px 3px 6px;
    height: 15px;
    margin-top: -3px;
    background: #ea6153;
}

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

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

.legend_list {
    list-style: none;
    padding: 0px 0 0px 0px;
    margin: 0;
    float: left;
}

    .legend_list li {
        float: left;
        margin-right: 10px;
    }

.legend_span {
    float: left;
    padding: 0px 15px 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #181C32;
}

.fixme {
    z-index: 6;
    display: block;
    /*background: #ddd;*/
    /* background: #FFEBEE; */
    color: #333;
    /* border-left: 5px solid #f36a5a; */
    font-size: 16px;
    padding: 10px 8px;
    /* margin: 10px 0 5px; */
    float: left;
    width: inherit;
    border-radius: 0.42rem 0.42rem 0 0;
}

.status_Color {
    background: #ea0a1e;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    color: #fff;
    left: 5px;
    padding: 2px 10px;
    border-radius: 3px;
    line-height: 14px;
    height: 20px;
}

    .status_Color:before {
        width: 0;
        content: "";
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        position: absolute;
        border-right: 6px solid #ea0a1e;
        left: -6px;
        top: 4px;
    }

/* Center the loader */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    z-index: 9;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 50px;
    height: 50px;
    margin: -75px 0 0 -75px;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid red;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.loader {
    /*border-top: 16px solid blue;
    border-right: 16px solid green;
    border-bottom: 16px solid red;
    border-left: 16px solid pink;*/
}

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

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.createstorename-modal .modal-dialog {
    width: 60%;
    margin: 0 auto;
}


.datamsg {
    width: 200px;
    height: 30px;
}

    .datamsg:before {
        content: "Loading records...";
        position: absolute;
        top: 4px;
        right: 11px;
    }

.VTtitlefixme {
    z-index: 6;
    display: block;
    background: #000;
    color: #333;
    font-size: 16px;
    padding: 6px 8px;
    float: left;
    width: 100%;
}

.VT-edited-date {
    /*float: left;*/
    display: inline-block;
    /*margin-left: 20px;*/
    padding: 5px 0 10px 0;
}
    .VT-edited-date span + span {
        margin-left:20px;
    }

.doc-edit-date {
    /* margin: 10px 0 0px;
    font-size: 13px;
    line-height: 1.42857;*/
    color: #9eacb4;
    /*border-radius: 4px;
    display: inline-block;*/
    padding: 0;
}

.modal-dialog .modal-dialog {
    margin: 0;
}

.dashboard-stat2 {
    padding: 10px 15px 10px 15px;
    margin-bottom: 10px;
}

    .dashboard-stat2 .display {
        margin-bottom: 0px;
    }

/*Loaner Calendar CSS*/
.loaner-calendar .fc-reserved-tile-special-border {
    border-left: 10px solid #3a87ad;
}

    .loaner-calendar .fc-reserved-tile-special-border.fc-h-event.fc-not-start {
        border-left-width: 10px;
    }

.portlet.loaner-calendar .fc-event .fc-content {
    padding: 2px 7px;
}

.timepicker-sbs .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0px 6px;
    background: #ea0a1e;
    border: 1px solid #ea0a1e;
    height: auto;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0 !important;
    box-shadow: none !important;
}

.timepicker-sbs a.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    background: #ffffff;
    color: #000;
    border: 1px solid #fff;
}

.timepicker-sbs .datepicker {
    padding-right: 15px;
    padding-left: 15px;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #fff;
}

.fc-time-area .fc-cell-content {
    position: relative;
}

    .fc-time-area .fc-cell-content span.rent-inout {
        bottom: 3px;
        right: 5px;
    }

.label-empty {
    display: block;
}

.btn.btn-p4:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs.btn-p4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

#dealprocess .dropdown-item label {
    font-weight: normal;
    margin-bottom: 0;
}

    #dealprocess .dropdown-item label input[type=checkbox] {
        vertical-align: middle;
        margin-top: -1px;
    }

.page-sidebar .page-sidebar-menu > li > a.valetKanban {
   /* background: url("/Common/Images/valet-icon.png") 16px 85% no-repeat;*/
    background-image: url("/Common/Images/valet-icon.png");
    background-repeat: no-repeat;
    background-position: 8px 85%;
}
    .page-sidebar .page-sidebar-menu > li > a.valetKanban:hover {
        background-image: url("/Common/Images/valet-icon.png");
        background-repeat: no-repeat;
        background-position: 8px 85%;
        /*background-color: #393939;*/
        /*background: #393939 url("/Common/Images/valet-icon.png") 16px 85% no-repeat;
        background-color: #393939;*/
    }

#valetKanban {
    padding-left: 0px !important;
}
#valetKanban .modal-dialog {
    width: 1500px;
    max-width:100%;
}

.appointmentDetailTable {
    border:1px solid #f5f5f5;
}
    .appointmentDetailTable th {
        background: #f9f9f9;
        width: 48%;
        border: 1px solid #eee;
    }
    
.appointmentDetailTable > thead > tr > th {
    border-bottom: 1px solid #eee;
}
    .appointmentDetailTable td {
            width: 22%;
            text-align: right;
            border: 1px solid #eee;
        }
.carImages {
    margin: 0;
    padding: 0;
    overflow-x: auto;
    max-height: 335px;
}
    .carImages li {
        list-style: none;
        width: calc(33.33% - 14px);
        height: 160px;
        background: #f5f5f5;
        display: inline-block;
        margin: 0px 5px 10px;
        position: relative;
        overflow:hidden;
    }
        .carImages li img {
            width: 100%;
        }
        .carImages li span {
            position: absolute;
            left: 0;
            bottom: -4px;
            width: 100%;
            background: #ddd;
            padding: 9px 5px;
            line-height: 14px;
        }
#valetKanban .form-group.has-error {
    position: relative;
}
#valetKanban .has-error .help-block-validation-error {
    position: absolute;
    bottom: 5px;
    right: 6px;
    font-size: 12px;
    padding: 0;
    margin: 0;
    z-index:2;
}
#valetKanban .has-error #EstimatedPickupTime-error, #valetKanban .has-error #DropOffTime-error {
    right: 35px;
}

.searrbox {
    display: inline-block;
    width: 250px;
    float: none;
    vertical-align: middle;
}
    .searrbox .form-control {
        height: 34px;
        border-color: #2f353b;
    }
.searrbox .input-group .input-group-btn .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 8px 8px 8px;
}
    .searrbox #btnSearch {
        margin-top: 0;
        color: #fff;
        padding: 4px 10px 4px;
        background: #ea0a1e;
        border-color: #ea0a1e;
    }
        .searrbox #btnSearch:hover {
            color: #ffffff;
            background-color: #f03f2a;
            border-color: #ef3621;
        }


.valetDetailsClass {
    margin-bottom: 8px;
}
    .valetDetailsClass .input-group .input-group-btn .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        /*padding: 3px 8px 3px;*/
    }

/*BS multiselect Style*/
span.multiselect-native-select {
    display: inline-block;
    width: 100%;
}
    span.multiselect-native-select .btn-group {        
        width: 100%;
    }
    span.multiselect-native-select .multiselect {
        height: 26px;        
        width: 100%;
        text-align: left;
    }
        span.multiselect-native-select .multiselect .multiselect-selected-text {
            width: calc(100% - 19px);
            display: inline-block;
        }
    span.multiselect-native-select .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding: 2px 8px;
        box-shadow: none;
        background: none;
        text-transform: capitalize;
        font-weight: 300;
        line-height: 19px;
    }

    span.multiselect-native-select .btn .caret {
        float: right;
        margin-top: 0px;
        position: absolute;
        right: 8px;
        top: 11px;
    }
.multiselect-native-select .dropdown-menu > li.active > a {
    background: #EBEDF3;
}
.multiselect-native-select .dropdown-menu > li:hover > a, .multiselect-native-select .dropdown-menu > li.active:hover > a {
    background: #F3F6F9;
}
.multiselect-container > li > a > label {
    font-weight: 400;
    padding: 1px 10px 1px 27px;
    text-transform: capitalize;
    font-size: 12px;
    text-wrap: balance;
}
/*BS multiselect Style End*/
#OuMembersTable .mt-checkbox {
    position: absolute;
    z-index: 9;
    right: 48px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 5px;
    color: #fff;
}
    #OuMembersTable .mt-checkbox > span {
        top: 3px;
    }
    #OuMembersTable .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span, #OuMembersTable .mt-checkbox.mt-checkbox-outline > input:checked ~ span {
        border: 1px solid #fff;
    }
#OuMembersTable .mt-checkbox > input:checked ~ span:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
}


.portlet > .portlet-body.gray, .portlet.gray {
    background-color: #f3f6f9;
}
.portlet.box.gray {
    border: 1px solid #f3f6f9;
    border-top: 0;
}
.portlet.box.gray {
    border-color: currentcolor #f3f6f9 #f3f6f9;
}
.portlet.gray > .portlet-title > .caption {
    color: #666;
}
.noShadow {
    box-shadow:none !important;
}
/****Shimar Effect****/
.simmerWraper {
    width: 0px;
    animation: fullView 0.5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    overflow: hidden;
}
.simmerInput {
    height: 26px;
    background: #777;
    margin-top: 0px;
}
.simmerText {
    height: 10px;
    background: #777;
    margin-top: 0px;
}
.w100 {
    width: 100%;
}

.w80 {
    width: 80%;
}

.w50 {
    width: 50%;
}

.w30 {
    width: 30%;
}

.width85px {
    width: 85px;
}

.mb15 {
    margin-bottom: 15px;
}

.bdr-r {
    border-right: 1px solid #e2e5ec;
}
.br {
    border-radius: 4px;
}
.shimmerFilter .filter-row {
    padding: 14px 15px 0px 15px;
}
.shimmerTable table{
    border: 1px solid #efefef;
}
.shimmerTable table th{
    background: #f7f7f7fc;
    padding: 8px 10px;
}
    .shimmerTable table td {
        border: 1px solid #efefef;
        padding: 10px;
    }

@keyframes fullView {
    100% {
        width: 100%;
    }
}

.animate {
    animation: shimmer 2s infinite linear;
    background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
    background-size: 1000px 100%;
}

@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}
.custom-swal-dialog {
    width: 600px; /* Set the desired width */
    height: 300px; /* Set the desired height */
}

    .custom-swal-dialog .swal-title {
        font-size: 36px; /* Set the desired font size for the title */
    }

    .custom-swal-dialog .swal-text {
        font-size: 24px; /* Set the desired font size for the text */
    }

div.jtable-main-container > table.jtable > tbody > tr.highlighted-row {
    background-color: #eb0a1e29; /* Define the background color for highlighting */
}


.text-dark {
    color: #181C32 !important;
}
.bg-light {
    background-color: #F3F6F9 !important;
}
.newFormSection {
    margin-bottom: 15px;
}
    .newFormSection .sectionHeading {
        padding: 0 10px;
        border-radius: 4px 4px 0 0;
        font-size: 16px;
        color: #181C32;
        min-height: 42px;
        line-height: 42px;
    }
        .newFormSection .sectionHeading .actions {
            line-height: 38px;
        }
        .newFormSection .sectionHeading .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
            padding: 3px 14px 4px 14px;
            box-shadow: none;
            border: none;
        }
        .newFormSection .sectionHeading .form-group .form-control-static, .view-only, div.form-control {
            min-height:29px;
        }
        .newFormSection .sectionHeading .bootstrap-select.btn-group .dropdown-toggle .caret {            
            top: 12px;
        }
.sectionContent {
    padding: 10px;
    border: 1px solid #EBEDF3;
    border-radius: 0px 0px 4px 4px;
}
.newFormSection .form-control {
    border: 1px solid #E4E6EF;
}
.newFormSection .form-group .form-control-static, .newFormSection .view-only, .newFormSection div.form-control {
    border: 1px solid #efefef;
}
.newFormSection .bootstrap-select .btn {
    border-color: #E4E6EF;
}
.newFormSection .btn-default.active, .newFormSection .btn-default:active, .newFormSection .btn-default:hover, .newFormSection .open > .btn-default.dropdown-toggle {    
    border-color: #E4E6EF;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
#UserInformation b.badge {
    height: 16px;
    line-height: 9px;
}
.page-actions .page-top {
    display: none;
}
.aMakeReadyItem.link {
    white-space: nowrap;
}
.font-red-haze .font-dark {
    color:#f36a5a !important;
}

.md-checkbox label > span.inc {    
    left: 0px;
    top: 0px;
    height: 20px;
    width: 20px;    
}
.discriptionValetService {
    margin-top: 6px;
}
.modal {
    padding-right:0;
}

div.jtable-main-container > table.jtable > tbody > tr.child-row > td {
    padding: 10px;
}
.bold-text {
    font-weight: bold;
}

.child-table {
    font-size: 12px; /* Adjust this value as needed */
}
.ShowVTLogTable .ui-jtable-column-header {
    font-size: 70% !important;
}
.child-table-container div.jtable-main-container > table.jtable > thead th {
    font-size: 12px !important;
    padding: 5px 4px 5px 0px;
}
/* Adjust cell border for rows in the child jtable */
.ShowVTLogTable .jtable td {
    border-top: 1px solid #ddd; /* Optional: Add a border between rows */
}
#vehicleLogModel .modal-dialog {
    max-width: 900px;
}
#vehicleLogModel div.jtable-main-container > table.jtable > thead th {
    width: 33% !important;
}
.child-row > td{
    background: #ebedf3;
}

/*.child-table-container .child-table tr td:last-child {
    color: #9f9f9f;
}*/

.modal-header button.closelogs, .modal-header button.closelogs2 {
    float: right;
    font-size: 26px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat !important;
    outline: none;
    background-image: url(../img/remove-icon-small.png) !important;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
    .modal-header button.closelogs:focus, .modal-header button.closelogs:hover, .modal-header button.closelogs2:focus, .modal-header button.closelogs2:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50);
    }
div#vehicleLogModels {
    background: rgba(0, 0, 0, 0.2);
}
#vehicleLogModels .modal-dialog {
    margin: auto;
}
    #vehicleLogModels .modal-dialog {
        max-width: 900px;
    }

.divLikeTextarea {
    height:auto;
}

.bootstrap-select.btn-group .dropdown-menu li a, .bootstrap-select.btn-group .dropdown-menu li a {
    white-space: normal;
}

.customNestedModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10051;
}
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.model-dashboard .modal-header .close {
    font-size: 20px;
    background-size: 14px;
    width: 14px;
    height: 14px;
    margin-top: 12px !important;
}

.btn-exportExcel.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    width: 110px;
    padding: 0;
    border: 1px solid #f03d28;
    float: right;
    margin: 0px 20px 0 0;
}

    .btn-exportExcel.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover {
        opacity: 0.85;
    }

.btn-exportExcel img {
    width: 100%;
}

.w-100 {
    width: 100%;
}
.stockFormControl .input-icon.right > i {
    top: -5px;
}


.frmManageItem {
    margin-top: -8px;
}

.frmManageItem .row {
    margin-left: -5px;
    margin-right: -5px;
}
    .frmManageItem .row > div {
        padding-left: 5px;
        padding-right: 5px;
    }
    .frmManageItem .AddStandardItem:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding: 0 4px;
    }


/*Responsive View*/
@media (max-width: 480px) {
    .page-head .page-title > h1 span:after {
        display: none;
    }
    .page-header-fixed.page-header-fixed-mobile .page-container {
        margin-top: 65px !important;
    }
    
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
    .label-empty {
        display: none;
    }
    .page-head .MRstatus-title {
        padding: 0px 0 0px 0;
        width: 100%;
    }
}




@media screen and (min-width: 100px) and (max-width: 767px) {
    /*.page-sidebar-closed .page-logo2 {
        display: none;
    }*/
    .page-content-wrapper .page-content {
        padding: 10px 10px 10px 10px !important;
    }
    .page-header.navbar .page-top {
        background: #fff;
    }

    .Vehicle-department {
        padding: 0 15px;
    }

    .help-custom {
        /*position: static;*/
    }

    .margin-bottom-0rv {
        margin-bottom: 8px !important;
    }

    .page-sidebar-fix .page-sidebar {
        position: relative;
        width: auto;
    }

    .scroller-h {
        overflow: scroll;
        width: 100%;
    }

    .scroller-inner {
        width: 1280px;
    }

    .dealership_name {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .MRstatus-title {
        margin-left: 0;
    }

    .Mr-action {
        width: 100%;
        margin-bottom: 10px;
    }

    .Vk-action {
        width: 100%;
        margin-bottom: 10px;
    }

        .Mr-action .btn-group {
            width: 100%;
            padding-left: 0;
        }

    .Vk-action .btn-group {
        width: 100%;
        padding-left: 0;
    }

            .Mr-action .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
                width: 50%;
                height: 37px;
                margin-bottom: 5px;
            }

    .Vk-action .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        width: 50%;
        height: 37px;
        margin-bottom: 5px;
    }


    .external-events .filter-row {
        padding-right: 0;
        margin-bottom: 50px;
    }

        .external-events .filter-row .filter-box {
            float: left;
            width: 100%;
        }

    .loaner-calendar .filter-row .filter-box {
        width: 42%;
    }

        .loaner-calendar .filter-row .filter-box.btn-refersh {
            width: 15%;
        }

    .loaner-calendar span.event-count {
        right: 1px;
    }

    .loaner-calendar span.rent-inout {
        right: 23px;
    }


    .portlet.calendar .fc-button {
        padding: 4px 6px 8px 4px;
    }

    .createstorename-modal .modal-dialog {
        width: 80%;
        margin: 0 auto;
    }

    .fixme {
        top: 0 !important;
    }

    .portlet.box > .VTtitlefixme {
        top: 0 !important;
    }

    .label-empty {
        display: none;
    }

    #valetKanban .modal-dialog {        
        max-width: 96%;
        margin-left: auto;
        margin-right: auto;
    }
    .carImages li {
        width: 100%;
        height: 210px;
    }
    .carImages {        
        overflow-x: inherit;
        max-height: inherit;
    }
        .carImages li {
            margin-left:0; margin-right:0;
        }
    .searrbox {
        display: inline-block;
        width: 100%;
        float: none;
        vertical-align: middle;
    }

    .portlet.light > .portlet-title > .caption {
        margin-bottom: 10px;
    }
    .portlet.light > .portlet-title > .actions.dealProcessReview > div {
        margin: 5px 0;
    }

    div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
        position: inherit;
    }

    .newFormSection .sectionHeading .actions {
        margin-bottom: 5px;
    }
    div.jtable-main-container {
        font-family: 'ToyotaTypeRegular';
        width: 100%;
    }
    
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .external-events .filter-row .filter-box {
        float: left;
        width: 33%;
    }

    .loaner-calendar .filter-row .filter-box {
        width: 38%;
    }

        .loaner-calendar .filter-row .filter-box.btn-refersh {
            width: 15%;
        }
}
@media (max-width: 991px) {
    .page-container {
        padding: 0px 0px 0 0px;
    }
    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 28px 14px 0 6px;
    }
    .page-header.navbar .page-top {
        clear: none;
        width: auto;
    }
    .page-header.navbar .page-actions .page-top {
        display: block;
    }

    .page-header.navbar .page-actions {
        margin: 0px 10px 0 0;
        float: right;
    }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
            background-color: #fff;
        }

    .subheader.subheader-fixed {
        position: static;
        height: auto;
        margin-bottom: 10px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding: 20px 10px 13px;
    }
    .page-header.navbar .page-logo {
        box-shadow:none;
    }

    .filterInputs {
        width: calc(100% - 0px);
    }
    .filter-row .filter-box {
        /*width: 100%;*/
        
    }
    .filter-reset {
        text-align: right;
    }
    .page-content-wrapper .page-content .page-title {
        margin-bottom: 0px;
    }
    
    .createvehicle-modal .modal-dialog {
        width: 95%;
    }

    .Mr-action {
        background: #fff;
        padding: 10px 15px;
        width: 100%;
    }


}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /*.page-sidebar-closed .page-logo2 {
        display: none;
    }*/

    .Vehicle-department {
        /*padding: 0 15px;*/
    }

    .help-custom {        
        margin: 2px 0 0 0;
        line-height: 10px;
    }

    .margin-bottom-0rv {
        margin-bottom: 8px !important;
    }

    .page-sidebar-fix .page-sidebar {
        position: relative;
        width: auto;
    }

    .scroller-h {
        overflow: scroll;
        width: 100%;
    }

    .scroller-inner {
        width: 1280px;
    }

    .MRstatus-title {
        width: 100%;
    }

    .dealership_name {
         margin-left: 6px;
    }

    .Mr-action .btn-group {
        padding-left: 0px;
    }

    .Vk-action .btn-group {
        padding-left: 0px;
    }

    .external-events .filter-row {
        padding-right: 0px;
        margin-bottom: 50px;
    }

        .external-events .filter-row .filter-box {
            float: left;
            width: 33%;
        }

    .loaner-calendar .filter-row {
        /*padding-right: 165px;
            margin-bottom: 0px;*/
    }

        .loaner-calendar .filter-row .filter-box {
            width: 42%;
        }

            .loaner-calendar .filter-row .filter-box.btn-refersh {
                width: 10%;
            }

                .loaner-calendar .filter-row .filter-box.btn-refersh label {
                    display: none;
                }

    .createstorename-modal .modal-dialog {
        width: 80%;
        margin: 0 auto;
    }

    .fixme {
        top: 0 !important;
    }

    .portlet.box > .VTtitlefixme {
        top: 0 !important;
    }
    #valetKanban .modal-dialog {        
        max-width: 96%;
        margin-left: auto;
        margin-right: auto;
    }
    .Mr-action, .Vk-action {
        background: #fff;
        padding: 10px 15px;
        width: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .margin-bottom-0rv {
        margin-bottom: 8px !important;
    }

    .scroller-h {
        overflow: scroll;
        width: 100%;
    }

    .scroller-inner {
        width: 1280px;
    }

    .MRstatus-title {
        width: 100%;
    }

    .dealership_name {
        margin-left: 10px;
    }

    .Mr-action .btn-group {
        padding-left: 0px;
    }

    .Vk-action .btn-group {
        padding-left: 0px;
    }

    .calendar > .portlet-title > .actions {
        width: 100%;
    }

    .external-events .filter-row {
        padding-right: 0px;
        margin-bottom: 50px;
    }

        .external-events .filter-row .filter-box {
            float: left;
            width: 20%;
        }

    #loaner .calendar > .portlet-title > .actions {
        width: 80%;
    }

    .loaner-calendar .filter-row .filter-box {
        float: left;
        width: 28%;
    }

    .loaner-calendar .filter-row {
        margin-bottom: 0;
    }

        .loaner-calendar .filter-row .filter-box.btn-refersh {
            width: 6%;
        }

    .loaner-calendar {
    }

    .createstorename-modal .modal-dialog {
        width: 80%;
        margin: 0 auto;
    }
    #valetKanban .modal-dialog {       
        max-width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

    .filterInputs {
        width: calc(100% - 0px);
        float: left;
    }

    .Mr-action, .Vk-action {
        background: #fff;
        padding: 10px 15px;
        width: 100%;
    }

}


@media screen and (min-width: 1170px) and (max-width: 1280px) {
    .help-custom {
        font-size: 12px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1350px) {
    .subheader .Mr-action .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding: 3px 5px 3px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .todo-content:first-child .portlet-MRstatus.light > .portlet-title > .caption {
        padding-left: 10px;
    }
    .portlet-MRstatus.light .portlet-title .caption {
        padding: 4px 0 5px 21px;        
    }
        .portlet-MRstatus.light .portlet-title .caption > .caption-subject {
            font-size: 10px;
        }
}
@media screen and (min-width: 1200px) and (max-width: 1550px) {
    .dashboard-filter > .row > .filter-box {
        width: 50%;
    }
    #valetKanban .modal-dialog {
        width: 1500px;
        max-width: 96%;
        margin-left: auto;
        margin-right: auto;
    }
    .portlet.light > .portlet-title > .actions.dealProcessReview {
        margin-top: 10px;
    }

    .hidden-xl {
        display: none !important;
    }

    .Vk-action {
        background: #fff;
        padding: 10px 15px;
        width: 100%;
    }

    .responsiveSKanban {
        width: 100%;
    }

    
}

@media screen and (min-width: 1550px) {
    
}

@media screen and (min-width: 1551px) and (max-width: 1800px) {
    .hidden-xxl {
        display: none !important;
    }
    .responsiveSKanban {
        width:100%;
    }
    .responsiveVk-action {
        width: 100%;
    }
    .Vk-action {
        background: #fff;
        padding: 10px 15px;
        width: 100%;
    }
}

@media screen and (min-width: 1801px) {
    .hidden-xxxl {
        display: none !important;
    }

}

    .fc-time-grid span.rent-inout {
        display: none;
    }

    .fc-agenda-view span.rent-inout {
        bottom: -28px;
    }

    .fc-agenda-view .fc-content-skeleton {
        margin-bottom: 2em;
    }

    .fc-agenda-view .fc-day:before, .fc-agenda-view .fc-axis:before {
        content: "";
        position: absolute;
        bottom: -28px;
        right: -1px;
        width: 1px;
        height: 28px;
        background: #ddd;
    }

    .badge {
        font-size: 11px !important;
        font-weight: 300;
        height: 12px;
        color: #fff;
        padding: 3px 4px;
        -webkit-border-radius: 12px !important;
        -moz-border-radius: 12px !important;
        border-radius: 12px !important;
        text-shadow: none !important;
        text-align: center;
        vertical-align: middle;
    }

    .badge-danger {
        background-color: #ed6b75;
    }

    .fc-day-grid-event {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .fixme.VTtitlefixme {
        top: 91px !important;
    }

    .custom-file-upload2 .file-upload-wrapper input[type=file] {
        opacity: 0;
        position: absolute;
        width: 115px;
        z-index: 1;
        zoom: 1;
        height: 25px;
    }

    .custom-file-upload2 {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .allImages.allAttachments-zone, .allFiles.allfilealltachments-zone {
        width: 100%;
        border: 1px solid #ddd;
        min-height: 50px;
        /* display: flex; */
        padding: 5px 5px 0px 5px;
        position: relative;
        overflow: auto;
    }

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


    .jsAllAttachments ul, .jsAllAttachments li {
        list-style: none;
    }


    .preview-file-thumb {
        float: left;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 2px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
        background: rgb(245, 245, 245);
        margin: 0px 5px 10px;
        position: relative;
        padding: 6px;
        padding-right: 60px;
    }

        .preview-file-thumb .image-cancel {
            position: absolute;
            right: 5px;
            top: 5px;
        }



    .attached-file-name {
        color: #000;
        font-size: 14px;
        display: inline-block;
    }

    .margin-l-20 {
        margin-left: 20px;
    }


    .col-5 {
        width: 20%;
        padding-left: 2px;
        padding-right: 2px;
    }

    .col-6 {
        width: 16.66%;
        padding-left: 2px;
        padding-right: 2px;
    }

    .portlet-valetstatus.light .portlet-title .caption {
        padding: 4px 0 5px 25px;
        width: calc(100% - -8px);
        position: relative;
    }

    .btn-vt:hover, .btn-vt.active {
        background: #fff !important;
        border-color: #E6E600 !important;
        border-bottom: 3px solid #E6E600 !important;
        color: #E6E600;
        box-shadow: none !important;
    }

    .btn-vd:hover, .btn-vd.active {
        background: #fff !important;
        border-color: #8e94fe !important;
        border-bottom: 3px solid #8e94fe !important;
        color: #8e94fe;
        box-shadow: none !important;
    }

    .btn-vs:hover, .btn-vs.active {
        background: #fff !important;
        border-color: #C49F47 !important;
        border-bottom: 3px solid #C49F47 !important;
        color: #C49F47;
        box-shadow: none !important;
    }

    .btn-vds:hover, .btn-vds.active {
        background: #fff !important;
        border-color: #f03f2a !important;
        border-bottom: 3px solid #f03f2a !important;
        color: #f03f2a;
        box-shadow: none !important;
    }


    .todo-tasklist-vt-item-border-yellow {
        border-left: #E6E600 2px solid;
    }

    .todo-tasklist-vt-item-border-blue {
        border-left: #8e94fe 2px solid;
    }

    .todo-tasklist-vt-item-border-brown {
        border-left: #C49F47 2px solid;
    }

    .todo-tasklist-vt-item-border-red {
        border-left: #f03f2a 2px solid;
    }

    .todo-tasklist-vt-item-border-black {
        border-left: #000000 2px solid;
    }

    .todo-tasklist-vt-item-border-white {
        border-left: #FFFFFF 2px solid;
    }

    .todo-tasklist-vt-item-border-pink {
        border-left: #FFC0CB 2px solid;
    }

    .todo-tasklist-vt-item-border-orange {
        border-left: #FFA500 2px solid;
    }

    .todo-tasklist-vt-item-border-purple {
        border-left: #800080 2px solid;
    }

    .todo-tasklist-vt-item-border-green {
        border-left: #008000 2px solid;
    }

    .allAttachments-zone.highlight {
        background-color: lightblue;
        /*transform:scaleY(2);*/
        /*opacity:0.7;*/
    }

    .allAttachments-zone .preview-image:first-child {
        height: 155px;
        width: 185px;
        position: relative;
        margin-right: 5px;
    }

    .allAttachments-zone .preview-image {
        height: 155px;
        width: 185px;
        position: relative;
        margin-right: 5px;
        float: left;
        margin-bottom: 5px;
        background: #f5f5f5;
        overflow: hidden;
        margin: 0 5px 10px 5px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    }

        .allAttachments-zone .preview-image .image-zone {
            width: 100%;
            height: 155px;
            background: #fff;
        }

            .allAttachments-zone .preview-image .image-zone .image-attached {
                width: auto;
                height: 100%;
                max-width: inherit;
            }

    .allAttachments-zone .att-header {
        width: 100%;
        z-index: 999999;
        height: 30px;
        text-align: right;
    }

    .allAttachments-zone .preview-image .tools-edit-image {
        display: inline-block;
        margin-right: 10px;
        float: right;
        font-size: 15px;
        padding-top: 3px;
    }

        .allAttachments-zone .preview-image .tools-edit-image i {
            color: #333;
        }

    .allAttachments-zone .preview-image .image-cancel {
        font-size: 18px;
        font-weight: bold;
        margin-right: 10px;
        cursor: pointer;
        float: right;
        display: inline-block;
    }

    .allAttachments-zone .preview-image:hover > .image-zone {
        cursor: Pointer;
        opacity: .5;
    }

.preview-image:hover .tools-edit-image,
.preview-image:hover .image-cancel {
    /*display: block;*/
}

/*.ShowVTLogTable {
    border: 2px solid black; 
    padding: 10px; 
}*/
a.disabled-link {
    color: #111;
    pointer-events: none;
    cursor: not-allowed;
}
    .mandatory {
    color:#f03f2a;
    margin-left:5px;
}
#showvehicleLogModel {
    margin-top: 20px; /* Adjust this value as needed to shift the data down */
}

    .pswp img {
        max-width: none;
        object-fit: contain;
    }

    .highlight a {
        background-color: #00bcd4;
        color: #ffffff;
    }