:root {
    --kendo-color-primary: #3963CB;
    --kendo-color-primary-hover: #3963CB;
    --kendo-color-success: #3963CB;
    --kendo-color-success-hover: #3963CB;
    --kendo-color-success-active: #3963CB;
    --kendo-color-success-emphasis: #3963CB;
}

/* Start custom theme grid telerik */
.k-grid-header-wrap > table {
    background-color: var(--kendo-color-primary);
    color: var(--color-white);
}

.userDatatable table thead tr:not(.footable-filtering) th:last-child {
    border-radius: 0 !important;
    background-color: var(--kendo-color-primary);
    color: var(--color-white);
}

.k-grid .k-grid-header .k-table-th {
    background-color: var(--kendo-color-primary);
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600;
}

.userDatatable table thead tr:not(.footable-filtering) th {
    background-color: var(--kendo-color-primary);
    color: var(--color-white);
}

    .userDatatable table thead tr:not(.footable-filtering) th:first-child {
        border-radius: 0 !important;
        background-color: var(--kendo-color-primary);
        color: var(--color-white);
    }

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

.k-grid .k-grid-header .k-grid-filter:hover, .k-grid .k-grid-header .k-header-column-menu:hover, .k-grid .k-grid-header .k-grid-header-menu:hover {
    color: var(--kendo-color-success-hover) !important;
}

.k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon .k-icon {
    color: var(--color-white);
}

.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 {
    border-right-color: var(--color-white);
    border-left-color: var(--color-white);
}

.k-grid .k-table-th, .k-grid td, .k-grid .k-table-td {
    border-color: var(--color-white);
}

.k-grid td, .k-grid .k-table-td {
    border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important;
}
/* End custom theme grid telerik */