/* Style of Grid Header */

.k-grid-header .k-table-th.k-grid-header-sticky, .k-grid-header td.k-grid-header-sticky, .k-grid-header .k-table-td.k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted,
.userDatatable table thead tr:not(.footable-filtering) th,
.k-grid .k-grid-header .k-table-th {
    background-color: var(--color-primary);
    color: var(--color-white);
    font-size: calc(100% + 2px);
    font-weight: 500;
}

.k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu {
    color: var(--color-white);
}

.k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover, .k-grid-header .k-grid-header-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover {
    color: var(--color-gray);
}

.userDatatable table thead tr:not(.footable-filtering) th:first-child,
.userDatatable table thead tr:not(.footable-filtering) th:last-child {
    border-radius: 0px !important;
}

.k-grid-header .k-table-th.k-grid-header-sticky, .k-grid-header td.k-grid-header-sticky, .k-grid-header .k-table-td.k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted,
table thead tr:not(.footable-filtering) th[data-level] {
    border-right-color: var(--color-white);
    border-left-color: var(--color-white);
}