﻿.k-grid, .k-grid-header, .k-grid-content, .k-table-thead, .k-table, .k-data-table, .k-pager, .k-popup, .k-toolbar, .k-window, .k-grouping-header, .k-grid-footer, .k-table-tfoot {
    background-color: var(--mud-palette-surface) !important;
}

.k-grid-add-row {
    background-color: transparent !important;
}

.k-input-solid {
    background-color: rgba(0, 0, 0, .15) !important;
}

.k-input-inner {
    background-color: rgba(0, 0, 0, .09) !important;
}

.k-picker-solid {
    background-color: rgba(0, 0, 0, .09) !important;
}

.k-button-solid-primary {
    background-color: var(--mud-palette-primary) !important;
    color: var(--mud-palette-primary-text) !important;
}

.k-button-solid-error {
    background-color: var(--mud-palette-error) !important;
    color: var(--mud-palette-primary-text) !important;
}

.k-button-solid-base {
    background-color: var(--mud-palette-gray-dark) !important;
    color: var(--mud-palette-primary-text) !important;
}

.k-button {
    border-width: 0px !important;
}

.k-list {
    background-color: var(--mud-palette-surface) !important;
}

.k-list-item.k-selected {
    color: var(--mud-palette-primary) !important;
    background-color: var(--mud-palette-primary-hover) !important;
}

.k-table-th {
    background-color: #9575cda8 !important;
}

.grid-search-box {
    width: 300px !important;
}

.k-tilelayout {
    background-color: transparent !important;
}

.k-tilelayout-item {
    background-color: var(--mud-palette-surface) !important;
    box-shadow: var(--mud-elevation-1) !important;
}

.k-tilelayout .k-card {
    border: none;
}

.k-card-header {
    border: none;
}

.k-tilelayout {
    background-color: transparent !important;
}

.k-chart svg > g > path:nth-child(1) {
    fill: var(--mud-palette-surface) !important;
}

/*** ***/
/*.dev-menuitem a svg {
    color: var(--mud-palette-pink-default) !important;
}

.op-menuitem a svg {
    color: var(--mud-palette-teal-default) !important;
}

.cat-menuitem a svg {
    color: var(--mud-palette-purple-default) !important;
}

.dlist-menuitem a svg {
    color: var(--mud-palette-lime-default) !important;
}

.cat-chip {
    background-color: var(--mud-palette-purple-default) !important;
    color: var(--mud-palette-white);
}

.mud-chip-outlined.cat-chip {
    background-color: transparent !important;
    color: var(--mud-palette-purple-default) !important;
    border: 1px solid var(--mud-palette-purple-default) !important;
}

.op-chip {
    background-color: var(--mud-palette-teal-default) !important;
    color: var(--mud-palette-white);
}

.mud-chip-outlined.op-chip {
    background-color: transparent !important;
    color: var(--mud-palette-teal-default) !important;
    border: 1px solid var(--mud-palette-teal-default) !important;
}
*/
