.k-widget {
    background-color: var(--sl-color-neutral-50) !important;
    color: var(--sl-input-color) !important;
    border-color: var(--sl-color-neutral-200) !important;
    background-image: none !important;
}

.k-dropdown-wrap,
.k-picker-wrap {
    background-image: none !important;
    background-color: var(--sl-color-neutral-100) !important;
    color: var(--sl-input-color);
    border-color: var(--sl-color-neutral-200) !important;

    &:hover {
        color: var(--sl-input-color);
    }
}

.k-input {
    background-color: var(--sl-input-background-color) !important;
    color: var(--sl-input-color) !important;
    line-height: 2.1rem !important;
    border-color: var(--sl-color-neutral-200) !important;
    padding: 0 !important;
}

.k-icon:before {
    line-height: 0.7rem !important;
}

.k-active-filter,
.k-state-active,
.k-state-active:hover {
    color: var(--sl-input-color) !important;
}

.k-picker-wrap {
    height: var(--sl-input-height-medium) !important;
}

.k-dropdown-wrap .k-select,
.k-numeric-wrap .k-select,
.k-picker-wrap .k-select {
    line-height: 2.3rem !important;
}

.k-list-container,
.k-header,
.k-popup {
    color: var(--sl-input-color) !important;
    background-color: var(--sl-color-neutral-100) !important;
    border-color: var(--sl-color-neutral-200) !important;
    background-image: none !important;
}

.k-state-default>.k-select {
    border-color: var(--sl-color-neutral-200) !important;
}

.k-content {
    color: var(--sl-color-neutral-800) !important;
}

.k-form-field {
    margin: 0 !important;
}

.k-calendar-th {
    color: var(--sl-color-neutral-500) !important;
}

.k-grouping-row td,
.k-resize-handle-inner,
td.k-group-cell {
    color: var(--sl-color-neutral-500) !important;
    background-color: var(--sl-color-neutral-50) !important;
}

.k-dropdown {
    background-color: var(--sl-color-neutral-100) !important;
}

.k-listbox .k-item,
.k-popup .k-list .k-item {
    color: var(--sl-color-neutral-800) !important;
}

.k-tabstrip .k-content.k-state-active {
    background-color: var(--sl-color-neutral-100) !important;
}

.k-listbox .k-list-scroller {
    background-color: var(--sl-color-neutral-0) !important;
    border-color: var(--sl-color-neutral-200) !important;

}

.k-alt,
.k-pivot-layout>tbody>tr:first-child>td:first-child,
.k-resource.k-alt,
.k-separator {
    background-color: var(--sl-color-neutral-100);
}

.k-grid {
    overflow: hidden;
    border-radius: var(--sl-border-radius-medium);
}

.k-grid tr:hover {
    background-color: var(--sl-color-neutral-200) !important;
    background-image: none !important;
}

.k-grid td {
    border-color: var(--sl-color-neutral-200) !important;
}

.k-toolbar {
    color: var(--sl-color-neutral-800) !important;
    background-color: var(--sl-color-neutral-200) !important;
    background-image: none !important;
    border-color: var(--sl-color-neutral-400) !important;
}

.k-state-hover {
    background-color: var(--sl-color-neutral-200) !important;
    background-image: none !important;
}

.k-gantt-toolbar .k-state-default,
.k-grid .k-grouping-header,
.k-grid-header,
.k-grid-header-wrap,
.k-grouping-header .k-group-indicator,
.k-header {
    background-color: var(--sl-color-neutral-100) !important;
    border-color: var(--sl-color-neutral-200) !important;
}

.k-alt,
.k-pivot-layout>tbody>tr:first-child>td:first-child,
.k-resource.k-alt,
.k-separator {
    background-color: var(--sl-color-neutral-100) !important;
}

.k-dropzone-hovered,
.k-footer-template td,
.k-grid-footer,
.k-group,
.k-group-footer td,
.k-grouping-header,
.k-popup,
.k-widget .k-status {
    background-color: var(--sl-color-neutral-100) !important;
    color: var(--sl-color-neutral-800) !important;
}

.k-grid-footer {
    border-color: var(--sl-color-neutral-200) !important;
}

.k-drag-clue, .k-grid-header .k-header>.k-link, .k-header, .k-menu, .k-tabstrip, .k-treemap-title {
    color: var(--sl-color-neutral-800) !important;
}