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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /*line-height: inherit;*/
    top: 3px;
    position:relative;
    font-size: 20px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #646464;
}

.icon-spr_customer:before {
    content: "\e901";
}

.icon-spr_dash:before {
    content: "\e902";
}

.icon-spr_jobs:before {
    content: "\e903";
}

.icon-spr_pricing .path1:before {
    content: "\e904";
}

.icon-spr_pricing .path2:before {
    content: "\e907";
    margin-left: -1em;
}

.icon-spr_pricing .path3:before {
    content: "\e909";
    margin-left: -1em;
}

.icon-spr_pricing .path4:before {
    content: "\e90a";
    margin-left: -1em;
}

.icon-spr_quotes:before {
    content: "\e90b";
}

.icon-spr_stock:before {
    content: "\e90c";
}

.icon-spr_time .path1:before {
    content: "\e90d";
}

.icon-spr_time .path2:before {
    content: "\e90e";
    margin-left: -1em;
}

.icon-spr_trailers:before {
    content: "\e90f";
}

.icon-spr_user-2:before {
    content: "\e910";
}

.icon-spr_workshop:before {
    content: "\e911";
}

.icon-spr-booking:before {
    content: "\e900";
}

.icon-spr-home:before {
    content: "\e905";
}

.icon-spr-misc:before {
    content: "\e906";
}

.icon-spr-reports:before {
    content: "\e908";
}

.icon-search:before {
    content: "\e986";
}


.navbar-default .nav > li > a:hover i, .navbar-default .nav > li.active i, .navbar-default .nav > li > a:focus i {
    color: white;
}



body {
    background-color: #F1F5F9 !important;
    font-family:Roboto,sans-serif;
}

h3{
font-size:24px;
}

.gray-bg, .bg-muted {
    background-color: #F1F5F9 !important;
}

.navbar-fixed-top, .navbar-static-top {
    background-color: white !important;
}

.navbar-static-side {
    box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
}

    .navbar-static-side .nav > li > a {
        padding: 5px 20px 5px 25px;
        
    }

.nav > li > a{
color: #636363;
}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
    background-color: #3651a5;
}
.navbar-right{
    margin-right:15px;
}

.nav-header {
    padding: 25px 25px 0px 25px;
    background-color: white !important;
    background-image: none !important;
}
.search-input{
    text-indent:22px;
}
.search-icon{
    position:relative;
    
}
    .search-icon:after {
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        content: "\e986";
        position: absolute;
        left: 18px;
        top: -8px;
        font-family: 'icomoon' !important;
        font-size: 20px;
    }
.ibox-content.customer-notes {
    border-top: 0px;
    border: 1px solid #C4BB90 !important;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.05);
    background: #FFF5C1;
}

#page-wrapper {
}

.navbar-default {
    background-color: white !important;
    border-color: #BBBBBB !important;
}

.pace .pace-progress {
    background: #4E8CFF;
}

    .footer {
    background-color: #F1F5F9 !important;
}

.btn {
    padding: 0.5rem 0.75rem;
}

.btn-primary, .k-button, .k-window-content .k-primary.k-button {
    color: #fff;
    background-color: #4E8CFF;
    border-color: #4E8CFF;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .k-button:hover, .k-button:focus, .k-window-content .k-button:hover, .k-window-content .k-button:focus {
        background-color: #4E8CFF;
        border-color: #4E8CFF;
        color: #FFFFFF;
    }

.k-button.k-grid-cancel {
    color: #303036;
    background-color: white;
    border:1px solid #ccc;
}
    .k-button.k-grid-cancel:hover {
        background-color: firebrick;
        border: 1px solid firebrick;
    }

    a.k-button {
        color: #fff;
        text-transform: capitalize;
        font-weight: 400;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #4E8CFF;
        border-color: #4E8CFF;
    }

.k-dropdown, .k-dropdown .k-state-default,select.form-control {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(191,191,191,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(191,191,191,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(191,191,191,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(191,191,191,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(191,191,191,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(191,191,191,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfbfbf', GradientType=0 );
  
}
.k-dropdown-wrap.k-state-default, .k-widget.k-multiselect.k-multiselect-clearable, .k-picker-wrap.k-state-default {
    border: 1px solid #B1B9BE;
    border-radius: 2px;
}

label{
    margin-bottom:1px;
}

.form-group label a{
margin-left:10px;
text-decoration:underline;
}
.border-left-grey {
    border-left: 1px solid #96A2A9;
}

.border-right-grey {
    border-right: 1px solid #96A2A9;
}

.form-group > h4, .form-group > .control-label {
    margin-bottom: 1px;
}
    .logo-element {
    color: #3952A4;
}

.label-count {
    background-color: #4E8CFF;
    color: white;
    border-radius: 100px;
    margin:5px;
}

.nav > li.active {
    border-left: 0;
    background: #4E8CFF
}

h2 {
    color: #303036;
    font-weight: 400;
    font-size: 26px;
}

.menu-label {
    font-weight: 600;
    padding: 6px 10px 3px 3px;
    display: block;
    margin-top: 6px;
}

.mini-navbar #side-menu .menu-label {
    display: none;
}

.title {
    padding-top: 24px;
    padding-bottom: 14px;
}

.mainbody {
    background: #fff;
    border: 1px solid #EBEDF8;
    margin-top: 15px;
    font-size: 14px;
    min-height: 75vh;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    padding-top: 15px;
    margin-bottom: 80px;
    padding-bottom: 15px;
}

.subbody {
    background: #fff;
    border: 1px solid #EBEDF8;
    margin-top: 15px;
    font-size: 14px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    padding-top: 15px;
    margin-bottom: 80px;
    padding-bottom: 15px;
}

.form-control:focus, .single-line:focus {
    border-color: #4E8CFF;
}

.tabmenu a {
    color: #303036;
    font-weight: 600;
}

    .tabmenu a:hover {
        color: #303036;
        font-weight: 600;
        text-decoration: underline;
    }

.tabmenu .active {
    color: #007bff;
    font-weight: 600;
    text-decoration: underline;
}

.tm-link {
    display: inline-block;
    margin-right:30px;
}

.k-grid .k-grid-content {
    overflow-y: hidden;
}

.k-window {
    min-width: 40% !important;
}
.k-window-titlebar .k-window-actions {
    color: #303036;
    top: 12px;
}
.k-edit-form-container .k-edit-buttons{
    margin:0px;
}

.k-edit-form-container {
    width: 100%;
}

.k-window-titlebar {
    background-color: #F1F5F9;
    padding: 15px;
}
.k-window .form-control{
    height:32px;
}
.k-popup-edit-form {
    padding: 10px;
}
.k-window .row, .k-window .row * {
    box-sizing: border-box;
}
.k-window-title {
    color: #303036;
}
    .k-popup-edit-form .container-fluid {
        width: 94%;
    }

.k-grid-header th.k-header > .k-link {
   
    font-weight: 600;
    font-size: 14px;
}
.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    border-width: 1px;
    border-color: transparent;
}
.k-pager-wrap .k-pager-numbers .k-state-selected {
    margin-top: 0em;
    background-color: #4E8CFF;
    padding-top: 0em;
}

.k-pager-wrap {
    display: none;
}

.k-state-selected {
    color: white !important;
}

/* Radio group */
.segmented {
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    font-size: 90%;
    text-align: center;
}

.segmented label {
    display: block;
    flex: 1;
    box-sizing: border-box;
    border: 1px solid #167efb;
    border-right: none;
    color: #167efb;
    margin: 0;
    padding: .4em;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.segmented label.checked {
    background: #167efb;
    color: #fff;
}

.segmented.inverted label {
    border-color: #fff;
    color: #fff;
    background: none;
}

.segmented.inverted label.checked {
    background: #fff;
    color: inherit;
}

.segmented label:first-child {
    border-radius: .4em 0 0 .4em;
    border-right: 0;
}

.segmented label:last-child {
    border-radius: 0 .4em .4em 0;
    border-right: 1px solid;
}

.segmented input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    position: absolute;
}

.hand {
    position: relative;
    top: -36px;
    z-index: 999;
    display: block;
    left: 0;
}

.hand2 {
    position: absolute;
    z-index: 999;
    display: block;
    right: 16px;
}

.k-grid-filter.k-state-active {
    background-color: #1E90FF !important;
    color: white !important;
}

.locked-job {
    background-color: red;
    color: white;
    padding: 4px;
    font-size: 20px;
}

.locked-job a{ color:lightskyblue !important}
    /* Extra small devices (portrait phones, less than 576px)*/
    @media (max-width: 575.98px) {
    }
    /* Small devices (landscape phones, 576px and up)*/
    @media (min-width: 576px) and (max-width: 767.98px) {
    }
    /* Medium devices (tablets, 768px and up)*/
    @media (min-width: 768px) and (max-width: 991.98px) {
    }
    /* Large devices (desktops, 992px and up)*/
    @media (min-width: 992px) and (max-width: 1199.98px) {
    }
    /* Extra large devices (large desktops, 1200px and up)*/
    @media (min-width: 1200px) {
        #page-wrapper {
            padding: 0 40px;
        }

            #page-wrapper > .row.border-bottom {
                margin: 0 -40px;
            }
    }