/* ============================================================
   Override Kendo Material theme CSS variables.
   material-main.css defines purple as the primary color and
   a purple-tinted surface. We reset them to neutral grays
   so dropdowns, inputs, and buttons match the old 2020 look.
   ============================================================ */
:root {
    /* Primary action color: purple (#65558F) → dark gray */
    --kendo-color-primary: #333333;
    --kendo-color-primary-hover: #555555;
    --kendo-color-primary-active: #222222;
    --kendo-color-primary-emphasis: #999999;
    --kendo-color-primary-subtle: #e8e8e8;
    --kendo-color-primary-subtle-hover: #e0e0e0;
    --kendo-color-primary-subtle-active: #d8d8d8;
    --kendo-color-primary-on-subtle: #333333;
    --kendo-color-primary-on-surface: #333333;
    --kendo-color-on-primary: #ffffff;

    /* Surface colors: remove the purple (#F7F3FA) tint → white */
    --kendo-color-app-surface: #ffffff;
    --kendo-color-surface: #ffffff;
    --kendo-color-surface-alt: #ffffff;
    --kendo-color-on-app-surface: #333333;

    /* Base colors: slight purple (#EAE5EC) → neutral light gray */
    --kendo-color-base: #eeeeee;
    --kendo-color-base-hover: #e8e8e8;
    --kendo-color-base-active: #ddd;
    --kendo-color-base-subtle: #f5f5f5;
    --kendo-color-base-on-subtle: #333333;
    --kendo-color-on-base: #333333;
    --kendo-color-base-on-surface: #333333;

    /* Border: slightly stronger than the near-invisible default */
    --kendo-color-border: rgba(0, 0, 0, 0.2);
    --kendo-color-border-alt: rgba(0, 0, 0, 0.25);
}

body {
    padding-top: 65px;
    padding-bottom: 20px;
}

.position-relative {
    position: relative;
}

.nav > li > a {
    color: white;
}

.nav > li > a:hover {
    color: #337ab7;
}

@media (min-width: 1400px) {
    .container {
        width: 1360px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1540px;
    }
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* Bootstrap Navbar Overrides */
.navbar-inverse {
    color: #fff !important;
    background-color: #333 !important;
    height: 72px;
}

.container > .navbar-header {
    height: 72px;
}

.container > .navbar-collapse {
    background-color: #333;
}

.nav > li {
    background-color: #333;
}

.navbar-inverse .navbar-nav > .open > a {
    background-color: #333;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    background-color: #333;
}

.navbar-nav > li > a {
    font-size: 18px !important;
    color: #fff !important;
    text-align: center;
}

.navbar-nav > li > a:hover {
    background-color: #fefefe !important;
    color: black !important;
}

.navbar-nav > li > ul > li > a {
    background-color: #fefefe !important;
    font-size: 16px !important;
    color: black !important;
}

.navbar-nav > li > ul > li > a:hover {
    background-color: #333 !important;
    color: #fff !important;
}

.navbar-nav > li > .dropdown-menu {
    padding: 0;
}

.navbar-inverse .navbar-brand {
    color: #fff !important;
    padding-top: 18px !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: black !important;
    background-color: #fefefe;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: -15px !important;
}

/* Bootstrap/Telerik Misc Overrides */
.radio label, .checkbox label {
    padding-top: 20px;
}

hr {
    margin-top: 0px !important;
}

/* Panel Overrides */
.panel-default > .panel-heading {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

/* Grid Overrides */
.k-header.k-grid-toolbar {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

/* Force grid table to stay within its container — Kendo 2026 uses a single
   table for header+body (unlike 2020 split-table approach), so without this
   the table expands to fit content and overflows the parent. */
.k-grid .k-table,
.k-grid .k-grid-table,
.k-grid table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}

.k-grid td, .k-grid .k-table-td {
    padding: .4em .6em;
    font-size: 14px !important;
    box-shadow: inset -1px 0 0 #ddd;
}

.k-filter-row th, .k-grid-header th.k-header, .k-grid-filter-row .k-table-th {
    padding: .5em .6em .4em .6em;
}

/* Restore grid header background/color to match old Material look */
.k-grid-header,
.k-grid-header-wrap {
    background-color: #f5f5f5 !important;
}

.k-grid-header th.k-header,
.k-grid-header .k-table-th {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    border-bottom: 1px solid #ddd !important;
    box-shadow: inset -1px 0 0 #ddd;
}

/* Remove the new blue accent underline on column headers */
.k-grid-header th.k-header::after,
.k-grid-header .k-table-th::after {
    display: none !important;
    height: 0 !important;
}

/* Column title text — target every possible selector the new theme uses */
.k-grid-header .k-column-title,
.k-grid-header .k-link,
.k-grid-header .k-link:hover,
.k-grid-header .k-link:visited,
.k-grid-header .k-cell-inner,
.k-grid-header .k-cell-inner .k-link,
.k-grid-header span.k-column-title,
.k-grid .k-column-title {
    color: #333 !important;
    text-decoration: none !important;
}

/* Filter row background */
.k-grid-filter-row th,
.k-grid-filter-row .k-table-th {
    background-color: #fafafa !important;
    font-size: 14px !important;
    box-shadow: inset -1px 0 0 #ddd;
}

/* Filter icon color */
.k-grid-header .k-grid-filter-menu,
.k-grid-filter-row .k-filtercell .k-filtercell-operator,
.k-grid .k-filtercell .k-icon,
.k-grid .k-filtercell .k-svg-icon {
    color: #333 !important;
}

/* Sort icon color */
.k-grid-header .k-sort-icon,
.k-grid-header .k-i-sort-asc-sm,
.k-grid-header .k-i-sort-desc-sm,
.k-grid-header .k-svg-i-sort-asc-sm,
.k-grid-header .k-svg-i-sort-desc-sm {
    color: #333 !important;
}

/* Upload widget overrides */
.k-upload .k-upload-button {
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 6px 10px !important;
    background-color: #fafafa !important;
    border: 1px solid #ddd !important;
    color: #444 !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.15) !important;
}

.k-upload .k-upload-button:hover {
    background-color: #f1f1f1 !important;
    border-color: #ccc !important;
}

/* Drop zone hint text — change from blue accent to subtle gray */
.k-upload .k-dropzone-hint,
.k-upload .k-dropzone em {
    color: #999 !important;
    font-style: normal !important;
    font-size: 13px !important;
}

/* Pager overrides — restore old font size and selected page styling */
.k-pager,
.k-pager-wrap {
    font-size: 14px !important;
    padding: 4px 8px !important;
}

.k-pager-numbers .k-link,
.k-pager-numbers .k-button,
.k-pager-numbers li > span {
    font-size: 14px !important;
    min-width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 6px !important;
    color: #333 !important;
    border-radius: 2px !important;
}

/* Selected/current page */
.k-pager-numbers .k-selected,
.k-pager-numbers .k-link.k-selected,
.k-pager-numbers li.k-current-page > span {
    background-color: #333 !important;
    color: #fff !important;
    border-color: #333 !important;
    border-radius: 2px !important;
}

/* Prev/Next/First/Last nav buttons */
.k-pager-nav {
    font-size: 14px !important;
    color: #333 !important;
    min-width: 28px !important;
    height: 28px !important;
}

.k-pager-nav:hover {
    background-color: #e8e8e8 !important;
    color: #333 !important;
}

/* "1 - 25 of 244 items" info text */
.k-pager-info {
    font-size: 14px !important;
    color: #333 !important;
}

/* Dirty cell indicator — restore red triangle (new Material theme makes it dark) */
.k-dirty {
    border-color: red transparent transparent red !important;
}

/* Grid row hover - updated class name (k-state-hover → k-hover) */
.k-grid .k-table-row:hover td,
.k-grid .k-hover td,
.k-grid tr:hover td {
    background-color: #f0f0f0;
}

/* Grid selected row - updated class name (k-state-selected → k-selected) */
.k-grid .k-selected td,
.k-grid .k-table-row.k-selected td,
.k-grid tr.k-selected,
.k-grid tr.k-selected > td {
    background-color: #00adef !important;
    color: #fff !important;
}

/* Calendar Styles */
.open-event {
    background: Black !important;
    color: white;
}

.past-due-event {
    background: Red !important;
    color: white;
}

.completed-event {
    background: Green !important;
    color: white;
}

.k-event, .k-task-complete {
    border-color: black;
    background: black 0 -257px none repeat-x;
    color: #fff;
}

div.k-floatwrap.k-header.k-scheduler-toolbar {
    background-color: #333;
}

.k-gantt-toolbar .k-button, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
    background-color: #333;
    border-color: #333;
}

body > div.k-widget.k-window > div.k-window-titlebar.k-header {
    background-color: #333;
}

/* Recurrence Editor Overrides*/
.k-scheduler-edit-form .k-edit-form-container, .k-scheduler-timezones .k-edit-form-container {
    font-size: 12px;
}

.k-edit-form-container .editor-label, .k-edit-label {
    width: 30%;
}

.k-edit-field, .k-edit-form-container .editor-field {
    float: right;
    clear: right;
    width: 60%;
    padding: 0 0 .6em;
}

label.k-check {
    margin-right: 5px;
    padding-top: 10px;
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 5px !important;
}

/* Telerik Dialog Overrides */
.k-dialog .k-window-titlebar {
    border-width: 0;
    color: #fff;
}

/* Primary button - old class (k-primary) + new class (k-button-solid-primary) */
.k-overflow-container .k-primary, .k-primary,
.k-button-solid-primary {
    border-color: #333 !important;
    background-color: #333 !important;
    color: #fff !important;
}

.k-primary:hover,
.k-button-solid-primary:hover {
    background-color: #fefefe !important;
    color: #333 !important;
}

/* Bootstrap/Telerik Form Field Overrides*/
.k-textbox {
    display: block !important;
    border-color: #ddd !important;
    width: 100%;
}

.k-datepicker .k-input, .k-timepicker .k-input {
    background-color: #fff;
}

.k-ff input.k-textbox {
    height: 2.7em;
}

/*.k-combobox .k-select, .k-dropdown, .k-selectbox .k-icon {
    width: 100%;
}*/

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    background-color: #fff;
}

.k-dropdown .k-state-default {
    border-color: #ddd;
}

/* New picker/dropdown class names (Kendo 2022+) — full box border, white bg, dark text */
.k-picker-solid,
.k-input-solid,
.k-picker,
.k-input {
    background-color: #fff !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #ccc !important;
    border-radius: 2px !important;
    color: #333 !important;
}

/* Remove the Material underline accent bar (::after pseudo-element) */
.k-picker-solid::after,
.k-input-solid::after,
.k-picker::after,
.k-input::after {
    display: none !important;
    height: 0 !important;
}

/* The value text shown inside the picker — force dark and match old font size */
.k-input-inner,
.k-input-value-text,
.k-picker .k-input-inner {
    color: #333 !important;
    font-size: 14px !important;
}

/* Dropdown popup list items — match font size */
.k-list-item,
.k-list .k-item {
    font-size: 14px !important;
}

/* Hover state */
.k-picker-solid:hover,
.k-picker-solid.k-hover,
.k-input-solid:hover,
.k-input-solid.k-hover {
    background-color: #f5f5f5 !important;
    border-color: #aaa !important;
    color: #333 !important;
}

/* Focus state — remove purple glow */
.k-picker-solid:focus-within,
.k-picker-solid.k-focus,
.k-input-solid:focus-within,
.k-input-solid.k-focus {
    background-color: #fff !important;
    border-color: #aaa !important;
    box-shadow: none !important;
    color: #333 !important;
}

/* Arrow/calendar icon button inside the picker */
.k-picker-solid .k-input-button,
.k-input-solid .k-input-button,
.k-picker .k-input-button,
.k-input .k-input-button {
    background-color: #e6e6e6 !important;
    color: #333 !important;
    border-color: #ccc !important;
    border-left: 1px solid #ccc !important;
    border-radius: 0 2px 2px 0 !important;
}

.k-picker-solid .k-input-button svg,
.k-picker-solid .k-input-button svg path,
.k-input-solid .k-input-button svg,
.k-input-solid .k-input-button svg path,
.k-picker .k-input-button svg,
.k-picker .k-input-button svg path,
.k-input .k-input-button svg,
.k-input .k-input-button svg path {
    color: #333 !important;
    fill: #333 !important;
}

/* Dropdown popup list items */
.k-list-item.k-selected,
.k-list-item.k-focus {
    background-color: #333 !important;
    color: #fff !important;
}

.k-list-item:hover,
.k-list-item.k-hover {
    background-color: #e0e0e0 !important;
    color: #333 !important;
}

.input-date {
    height: 37.7px;
}

/* Button Overrides */
.btn {
    font-weight: 500;
    font-size: 14px !important;
    border-radius: 2px;
    background-position: 50% 50%;
    background-image: none;
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(false));
    background-image: none,-webkit-linear-gradient(top,false);
    background-image: none,linear-gradient(to bottom,false);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
    text-transform: uppercase;
    line-height: 1.143em;
    padding: 10px 14px;
}

.btn-default {
    border-color: #fafafa;
    color: #444 !important;
    background-color: #fafafa;
}

.btn-default:hover {
    border-color: #f1f1f1;
    background-color: #f1f1f1;
    color: #444 !important;
}

/* Kendo k-button size and color — override new Material defaults */
.k-button {
    font-size: 14px !important;
    color: #444 !important;
}

.k-button.btn-default,
.k-button.k-button-solid-base {
    color: #444 !important;
    background-color: #fafafa !important;
    border-color: #ddd !important;
}

/* Centre the command button column in all grids */
.k-grid .k-command-cell,
.k-grid td.k-command-cell {
    text-align: center !important;
    vertical-align: middle !important;
}

/* Centre the image (2nd) column in the dashboard grid only */
#gvWorkOrdersApproved td.k-table-td:nth-child(2),
#gvWorkOrdersApproved th.k-table-th:nth-child(2) {
    text-align: center !important;
    vertical-align: middle !important;
}

/* Checkbox select column — restore larger size to match old look */
.k-grid .k-select-col,
.k-grid th.k-select-col,
.k-grid td.k-select-col {
    text-align: center !important;
    vertical-align: middle !important;
}

.k-checkbox {
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #999 !important;
    border-radius: 2px !important;
    background-color: #fff !important;
    cursor: pointer !important;
}

.k-checkbox:checked {
    background-color: #00adef !important;
    border-color: #fff !important;
}

.k-grid .k-command-cell .k-button-group,
.k-grid .k-command-cell > span {
    justify-content: center !important;
    display: flex !important;
}

#gvFormLooks .k-grid-toolbar .k-button .k-icon,
#gvFormLooks .k-grid-toolbar .k-button .k-button-icon,
#gvLocations .k-grid-toolbar .k-button .k-icon,
#gvLocations .k-grid-toolbar .k-button .k-button-icon,
#gvFleet .k-grid-toolbar .k-button .k-icon,
#gvFleet .k-grid-toolbar .k-button .k-button-icon,
#gvParts .k-grid-toolbar .k-button .k-icon,
#gvParts .k-grid-toolbar .k-button .k-button-icon,
#gvMaintenancePlans .k-grid-toolbar .k-button .k-icon,
#gvMaintenancePlans .k-grid-toolbar .k-button .k-button-icon,
#gvAttributes .k-grid-toolbar .k-button .k-icon,
#gvAttributes .k-grid-toolbar .k-button .k-button-icon,
#gvQuestions .k-grid-toolbar .k-button .k-icon,
#gvQuestions .k-grid-toolbar .k-button .k-button-icon,
#gvMachines .k-grid-toolbar .k-button .k-icon,
#gvMachines .k-grid-toolbar .k-button .k-button-icon,
#gvPartTemplates .k-grid-toolbar .k-button .k-icon,
#gvPartTemplates .k-grid-toolbar .k-button .k-button-icon,
#gvSafetyPlans .k-grid-toolbar .k-button .k-icon,
#gvSafetyPlans .k-grid-toolbar .k-button .k-button-icon,
#gvIsolationPoints .k-grid-toolbar .k-button .k-icon,
#gvIsolationPoints .k-grid-toolbar .k-button .k-button-icon,
#gvTemplates .k-grid-toolbar .k-button .k-icon,
#gvTemplates .k-grid-toolbar .k-button .k-button-icon,
#gvUsers .k-grid-toolbar .k-button .k-icon,
#gvUsers .k-grid-toolbar .k-button .k-button-icon,
#gvPermissions .k-grid-toolbar .k-button .k-icon,
#gvPermissions .k-grid-toolbar .k-button .k-button-icon {
    color: #fff !important;
}

#gvFormLooks .k-grid-toolbar .k-button,
#gvLocations .k-grid-toolbar .k-button,
#gvFleet .k-grid-toolbar .k-button,
#gvParts .k-grid-toolbar .k-button,
#gvMaintenancePlans .k-grid-toolbar .k-button,
#gvAttributes .k-grid-toolbar .k-button,
#gvQuestions .k-grid-toolbar .k-button,
#gvMachines .k-grid-toolbar .k-button,
#gvPartTemplates .k-grid-toolbar .k-button,
#gvSafetyPlans .k-grid-toolbar .k-button,
#gvIsolationPoints .k-grid-toolbar .k-button,
#gvTemplates .k-grid-toolbar .k-button,
#gvUsers .k-grid-toolbar .k-button,
#gvPermissions .k-grid-toolbar .k-button {
    text-transform: uppercase !important;
}

#gvFormLooks .k-grid-toolbar,
#gvLocations .k-grid-toolbar,
#gvFleet .k-grid-toolbar,
#gvParts .k-grid-toolbar,
#gvMaintenancePlans .k-grid-toolbar,
#gvAttributes .k-grid-toolbar,
#gvQuestions .k-grid-toolbar,
#gvMachines .k-grid-toolbar,
#gvPartTemplates .k-grid-toolbar,
#gvSafetyPlans .k-grid-toolbar,
#gvIsolationPoints .k-grid-toolbar,
#gvTemplates .k-grid-toolbar,
#gvUsers .k-grid-toolbar,
#gvPermissions .k-grid-toolbar {
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
}

/* Spacing between recurrence frequency picker and controls */
.k-recur-view {
    margin-top: 16px !important;
}

#gvAttributes .k-grid-toolbar .k-grid-save-changes,
#gvAttributes .k-grid-toolbar .k-grid-cancel-changes,
#gvQuestions .k-grid-toolbar .k-grid-save-changes,
#gvQuestions .k-grid-toolbar .k-grid-cancel-changes,
#gvPartTemplates .k-grid-toolbar .k-grid-save-changes,
#gvPartTemplates .k-grid-toolbar .k-grid-cancel-changes,
#gvPermissions .k-grid-toolbar .k-grid-save-changes,
#gvPermissions .k-grid-toolbar .k-grid-cancel-changes {
    display: inline-flex !important;
}

/* Recurrence Editor */
.k-recurrence-editor {
    max-width: 650px;
}

.k-recurrence-editor .k-tabstrip-items-wrapper {
    margin-bottom: 12px;
}

.k-recurrence-editor .k-tabstrip-items .k-item {
    min-width: 80px;
    text-align: center;
}

.k-recurrence-editor .k-tabstrip-items .k-item.k-active,
.k-recurrence-editor .k-tabstrip-items .k-item.k-state-active {
    background-color: #e0e0e0;
    font-weight: bold;
}

.k-recur-view .k-form-field {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    margin-bottom: 8px !important;
}

.k-recur-view .k-form-label {
    width: 120px !important;
    min-width: 120px !important;
    text-align: right !important;
    padding-right: 12px !important;
    font-weight: bold !important;
    padding-top: 4px !important;
}

.k-recur-view .k-form-field-wrap {
    flex: 1 !important;
}

.k-recur-view .k-recur-weekday-offset,
.k-recur-view .k-recur-weekday {
    width: 110px !important;
}


/* Grid command column View button — match old uppercase bordered style */
.k-grid .k-command-cell .k-button,
.k-grid td.k-command-cell a.k-button {
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 6px 10px !important;
    background-color: #fafafa !important;
    border: 1px solid #ddd !important;
    color: #444 !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.15) !important;
}

/* Kendo icon inside button — ensure it renders at the right size */
.k-button .k-icon,
.k-button .k-svg-icon {
    font-size: 14px !important;
    color: #444 !important;
    vertical-align: middle;
}

/* Kendo 2026 removed icon fonts — restore common icons via FontAwesome */
.k-i-plus::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f067";
    margin-right: 4px;
}

.k-i-edit::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f044";
    margin-right: 4px;
}

.k-i-delete, .k-i-trash::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f2ed";
    margin-right: 4px;
}

.k-i-save::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c7";
    margin-right: 4px;
}

.k-i-cancel::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
    margin-right: 4px;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.custom-toolbar-button,
.custom-toolbar-button:hover {
    background-color: #333 !important;
    border-color: #333 !important;
}

input.btn.btn-primary:hover {
    background-color: #fefefe !important;
    border-color: #333;
    color: black;
}

.k-gantt-toolbar .k-button, .k-gantt > .k-header .k-link, .k-gantt > .k-header li, .k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header .k-link, .k-scheduler .k-header li, .km-pane-wrapper .k-header .k-button {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

/* Grid toolbar buttons - old (k-button-icontext) + new (k-button-has-icon / k-grid-add etc.) */
a.k-button.k-button-icontext.k-grid-add:hover,
.k-button.k-grid-add:hover {
    background-color: #fefefe !important;
    border-color: #333 !important;
    color: black !important;
}

a.k-button-icontext.k-grid-save-changes:hover,
.k-button.k-grid-save-changes:hover {
    background-color: #fefefe !important;
    border-color: #333 !important;
    color: black !important;
}

a.k-button-icontext.k-grid-cancel-changes:hover,
.k-button.k-grid-cancel-changes:hover {
    background-color: #fefefe !important;
    border-color: #333 !important;
    color: black !important;
}

/* Labels */
.horizontal-label {
    padding-top: 8px;
}

/* Buttons */
.logout-btn {
    font-size: 18px !important;
    color: #fff !important;
    margin-top: 6px;
    background: none;
    border: none;
    box-shadow: none;
}

.logout-btn:hover {
    color: #fff;
    background-color: #2E3B84;
    text-decoration: none !important;
}

/* Inspection Styles */
.question-header {
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
}

/* Misc */
.workorder-header {
    font-size: 16px;
    padding-top: 20px;
}

.workout-header-text {
    padding-top: 6px;
}

.hr-no-margin {
    margin-top: 0px !important;
}

.FullWidth {
    width: 100% !important;
}

.PanelHeader {
    color: white !important;
    font-weight: bold !important;
    background-color: #333 !important;
    font-size: 16px;
    text-transform: uppercase;
}

.BottomAlign {
    position: absolute !important;
    bottom: 0 !important;
    margin-bottom: 10px;
    margin-left: -13px;
}

.mb10 {
    margin-bottom: 10px;
}

.telerik-textbox {
    height: 2.694em;
    text-indent: .8em;
    line-height: 1.6em;
    border-color: #ddd !important;
    border-radius: 2px;
    box-shadow: none;
}

.telerik-textbox:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}

.logo {
    max-height: 72px;
    margin-top: -18px;
    padding-bottom: 1px;
    padding-top: 1px;
}


#scheduler {
    font-size: 14px;
}

.k-toolbar .k-split-button, span.k-colorpicker, span.k-combobox, span.k-dropdown, span.k-numerictextbox, span.k-timepicker {
    width: 300px;
}


/*Tabbed Page*/
.tab-icon {
    font-size: x-large !important
}
.tab-text {
    font-size: large !important
}

/*Web Resource Attachments*/
.AddWebResourceBorder {
    border-color: #e6e6e6 !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding: 10px 0px 10px 0px !important;
}

.AddWebResourceButtonDiv {
    padding: 0px 0px 0px 11.2px !important;
}
/*Web Resource Attachments End*/


/*Batch Edit Work Orders*/
.panel-border {
    border: 1px solid #ddd;
}

.legend {
    margin-top: 10px;
    font-size: 10px;
    text-align: center;
}

#gvWorkOrdersOpen > .k-loading-mask > .k-loading-image {
    background-position-y: 20px;
}

@media (min-width: 1200px) {
    .pageHeader {
        position: -webkit-sticky; /* Safari */
        position: sticky;
        top: 72px;
        z-index: 999 !important;
        background-color: white;
    }

    .filterUpdate {
        position: -webkit-sticky; /* Safari */
        position: sticky;
        top: 150px;
        z-index: 999 !important;
        background-color: white;
    }
}
/*Batch Edit Work Orders End*/

#detailsForm .control-label {
    font-size: 15px;
}

.k-input-inner,
.k-textbox,
input.k-textbox,
textarea.k-textbox {
    font-size: 15px !important;
}

/* Scheduler toolbar */
.k-scheduler-toolbar {
    background-color: #3a3a3a !important;
    color: #fff !important;
    border-color: #3a3a3a !important;
}

.k-scheduler-toolbar .k-button,
.k-scheduler-toolbar .k-nav-today,
.k-scheduler-toolbar .k-nav-prev,
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar .k-scheduler-views-wrapper .k-button {
    background-color: transparent !important;
    color: #fff !important;
    border-color: #3a3a3a !important;
}

.k-scheduler-toolbar .k-button:hover,
.k-scheduler-toolbar .k-button.k-selected {
    background-color: #555 !important;
    color: #fff !important;
}

.k-scheduler-toolbar svg,
.k-scheduler-toolbar svg path,
.k-scheduler-toolbar .k-icon {
    color: #fff !important;
    fill: #fff !important;
}

.k-scheduler-toolbar .k-toolbar-item,
.k-scheduler-toolbar .k-scheduler-navigation span,
.k-scheduler-toolbar span {
    color: #fff !important;
}

.k-combobox .k-input-button,
.k-combobox .k-input-button .k-icon,
.k-combobox .k-input-button .k-button-icon,
.k-combobox .k-input-button svg,
.k-combobox .k-input-button svg path,
.k-dropdownlist .k-input-button,
.k-dropdownlist .k-input-button svg,
.k-dropdownlist .k-input-button svg path {
    color: #333 !important;
    fill: #333 !important;
    opacity: 1 !important;
}