:root {
    --kendo-gird-header-bg: #eff6ff;
    --kendo-gird-header-color: #2683f5;
    --kendo-gird-filter-color: #2683f5;
    --kendo-gird-filter-active-bg: #cfe6f4;
    --kendo-gird-row-hover: #eaeaea;
}
/****************** Grid - Start ******************************/
.k-grid-header, .k-grid-header .k-header, .k-pager-numbers .k-state-selected, .km-pane-wrapper .k-grid-header .k-header {
    background-color: var(--kendo-gird-header-bg);
}
    .k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header {
        color: var(--kendo-gird-header-color);
    }
.k-grid .k-column-title, .k-grid tr td {
    font-size: 12px;
}
.k-grid .k-column-title {
    font-weight: 500;
}
.k-grid tr td {
    padding: .3em .5em;
}
.k-grid tr:hover {
    background-color: var(--kendo-gird-row-hover);
}
.k-icon {
    color: var(--kendo-gird-filter-color);
}
/****************** Grid - End ******************************/
.k-loading-image {
    background-image: url(/images/loading_2x.gif);
}
.k-i-loading {
    background-image: url(/images/loading.gif);
}