ag-grid-community/styles/ag-theme-material.css

Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue

@font-face {
  font-family: "agGridMaterial";
  src: url(data:font/woff2;charset=utf-8;base64,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);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-material,
.ag-theme-material-dark,
.ag-theme-material-auto-dark {
  --ag-material-primary-color: #3f51b5;
  --ag-material-accent-color: #ff4081;
  --ag-foreground-color: rgba(0, 0, 0, 0.87);
  --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38);
  --ag-background-color: #fff;
  --ag-header-background-color: #fff;
  --ag-tooltip-background-color: #fff;
  --ag-subheader-background-color: #eee;
  --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5);
  --ag-header-cell-hover-background-color: #f2f2f2;
  --ag-chip-background-color: #e2e2e2;
  --ag-range-selection-background-color: rgba(122, 134, 203, 0.1);
  --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19);
  --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.27);
  --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.34);
  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-material-accent-color) 50%);
  --ag-calculated-column-highlight-color: color-mix(in srgb, transparent, var(--ag-material-accent-color) 12%);
  --ag-column-header-edit-highlight-color: color-mix(in srgb, transparent, var(--ag-material-accent-color) 12%);
  --ag-range-selection-highlight-color: #fce4ec;
  --ag-row-hover-color: #fafafa;
  --ag-column-hover-color: #fafafa;
  --ag-icon-button-hover-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 6%);
  --ag-control-panel-background-color: #fafafa;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-checkbox-unchecked-color: #333;
  --ag-value-change-value-highlight-background-color: #00acc1;
  --ag-side-button-selected-background-color: transparent;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-find-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-active-match-background-color: #ffa500;
  --ag-filter-panel-apply-button-color: var(--ag-material-primary-color);
  --ag-filter-panel-apply-button-background-color: transparent;
  --ag-column-panel-apply-button-color: var(--ag-material-primary-color);
  --ag-column-panel-apply-button-background-color: transparent;
  --ag-range-selection-border-color: var(--ag-material-primary-color);
  --ag-checkbox-checked-color: var(--ag-material-accent-color);
  --ag-borders: none;
  --ag-borders-critical: solid 1px;
  --ag-border-color: #e2e2e2;
  --ag-grid-size: 8px;
  --ag-icon-size: 18px;
  --ag-header-height: calc(var(--ag-grid-size) * 7);
  --ag-row-height: calc(var(--ag-grid-size) * 6);
  --ag-auto-height-min-body-height: 150px;
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size));
  --ag-filter-tool-panel-sub-level-row-height: calc(var(--ag-grid-size) * 4);
  --ag-checkbox-border-radius: 2px;
  --ag-toggle-button-switch-border-width: 2px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.75);
  --ag-font-family:
      Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
      sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridMaterial;
  --ag-selected-tab-underline-color: var(--ag-material-primary-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-input-focus-border-color: var(--ag-material-primary-color);
  --ag-input-focus-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
  --ag-input-error-focus-box-shadow: 0 0 0 5px
      color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);
  --ag-card-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  --ag-card-radius: 2px;
  --ag-invalid-color: #e02525;
  --ag-note-indicator-color: var(--ag-material-accent-color);
}

.ag-theme-material-dark {
  --ag-material-primary-color: #3f51b5;
  --ag-material-accent-color: #bb86fcff;
  --ag-range-selection-border-color: var(--ag-material-accent-color);
  --ag-find-match-color: var(--ag-background-color);
  --ag-find-active-match-color: var(--ag-background-color);
  --ag-background-color: #121212ff;
  --ag-foreground-color: #ffffffff;
  --ag-data-color: #f5f5f5ff;
  --ag-header-cell-hover-background-color: #000000ff;
  --ag-icon-button-hover-background-color: #000000ff;
  --ag-advanced-filter-join-pill-color: #7a3a37ff;
  --ag-advanced-filter-column-pill-color: #355f2dff;
  --ag-advanced-filter-option-pill-color: #5a3168ff;
  --ag-advanced-filter-value-pill-color: #374c86ff;
  --ag-input-disabled-border-color: #3a434eff;
  --ag-input-disabled-background-color: #68686e12;
  --ag-selected-row-background-color: #bb86fc33;
  --ag-row-hover-color: #bb86fc33;
  --ag-column-hover-color: #f5f5f50d;
  --ag-range-selection-background-color: #bb86fc1a;
  --ag-range-selection-background-color-2: #bb86fc30;
  --ag-range-selection-background-color-3: #bb86fc45;
  --ag-range-selection-background-color-4: #bb86fc57;
  --ag-border-color: #383838ff;
  --ag-secondary-border-color: #383838ff;
  --ag-header-background-color: #121212ff;
  --ag-tooltip-background-color: #212b38ff;
  --ag-odd-row-background-color: #121212ff;
  --ag-control-panel-background-color: #2c2c2cff;
  --ag-subheader-background-color: #ffffff0d;
  --ag-subheader-toolbar-background-color: #2c2c2cff;
  --ag-invalid-color: #e02525ff;
  --ag-checkbox-unchecked-color: #797e87ff;
  --ag-checkbox-background-color: #121212ff;
  --ag-secondary-foreground-color: #f5f5f5ff;
  --ag-input-border-color: #383838ff;
  --ag-input-border-color-invalid: #e02525ff;
  --ag-disabled-foreground-color: #f5f5f580;
  --ag-chip-background-color: #22262812;
  --ag-side-button-selected-background-color: #2c2c2cff;
  --ag-selected-tab-underline-color: #3f51b5ff;
  --ag-modal-overlay-background-color: #121212a8;
  --ag-value-change-delta-up-color: #43a047a8;
  --ag-value-change-delta-down-color: #e53935ff;
  --ag-menu-background-color: #2c2c2cff;
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  --ag-cell-batch-edit-text-color: #f3d0b3;
  --ag-formula-token-1-color: #4da3e5;
  --ag-formula-token-1-background-color: rgb(77 163 229 / 16%);
  --ag-formula-token-2-color: #f55864;
  --ag-formula-token-2-background-color: rgb(245 88 100 / 16%);
  --ag-formula-token-3-color: #b688f2;
  --ag-formula-token-3-background-color: rgb(182 136 242 / 16%);
  --ag-formula-token-4-color: #24bb4a;
  --ag-formula-token-4-background-color: rgb(36 187 74 / 16%);
  --ag-formula-token-5-color: #e772ba;
  --ag-formula-token-5-background-color: rgb(231 114 186 / 16%);
  --ag-formula-token-6-color: #f69b5f;
  --ag-formula-token-6-background-color: rgb(246 155 95 / 16%);
  --ag-formula-token-7-color: #a3e6ff;
  --ag-formula-token-7-background-color: rgb(163 230 255 / 16%);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-material-auto-dark {
    --ag-material-primary-color: #3f51b5;
    --ag-material-accent-color: #bb86fcff;
    --ag-range-selection-border-color: var(--ag-material-accent-color);
    --ag-find-match-color: var(--ag-background-color);
    --ag-find-active-match-color: var(--ag-background-color);
    --ag-background-color: #121212ff;
    --ag-foreground-color: #ffffffff;
    --ag-data-color: #f5f5f5ff;
    --ag-header-cell-hover-background-color: #000000ff;
    --ag-icon-button-hover-background-color: #000000ff;
    --ag-advanced-filter-join-pill-color: #7a3a37ff;
    --ag-advanced-filter-column-pill-color: #355f2dff;
    --ag-advanced-filter-option-pill-color: #5a3168ff;
    --ag-advanced-filter-value-pill-color: #374c86ff;
    --ag-input-disabled-border-color: #3a434eff;
    --ag-input-disabled-background-color: #68686e12;
    --ag-selected-row-background-color: #bb86fc33;
    --ag-row-hover-color: #bb86fc33;
    --ag-column-hover-color: #f5f5f50d;
    --ag-range-selection-background-color: #bb86fc1a;
    --ag-range-selection-background-color-2: #bb86fc30;
    --ag-range-selection-background-color-3: #bb86fc45;
    --ag-range-selection-background-color-4: #bb86fc57;
    --ag-border-color: #383838ff;
    --ag-secondary-border-color: #383838ff;
    --ag-header-background-color: #121212ff;
    --ag-tooltip-background-color: #212b38ff;
    --ag-odd-row-background-color: #121212ff;
    --ag-control-panel-background-color: #2c2c2cff;
    --ag-subheader-background-color: #ffffff0d;
    --ag-subheader-toolbar-background-color: #2c2c2cff;
    --ag-invalid-color: #e02525ff;
    --ag-checkbox-unchecked-color: #797e87ff;
    --ag-checkbox-background-color: #121212ff;
    --ag-secondary-foreground-color: #f5f5f5ff;
    --ag-input-border-color: #383838ff;
    --ag-input-border-color-invalid: #e02525ff;
    --ag-disabled-foreground-color: #f5f5f580;
    --ag-chip-background-color: #22262812;
    --ag-side-button-selected-background-color: #2c2c2cff;
    --ag-selected-tab-underline-color: #3f51b5ff;
    --ag-modal-overlay-background-color: #121212a8;
    --ag-value-change-delta-up-color: #43a047a8;
    --ag-value-change-delta-down-color: #e53935ff;
    --ag-menu-background-color: #2c2c2cff;
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    --ag-cell-batch-edit-text-color: #f3d0b3;
    --ag-formula-token-1-color: #4da3e5;
    --ag-formula-token-1-background-color: rgb(77 163 229 / 16%);
    --ag-formula-token-2-color: #f55864;
    --ag-formula-token-2-background-color: rgb(245 88 100 / 16%);
    --ag-formula-token-3-color: #b688f2;
    --ag-formula-token-3-background-color: rgb(182 136 242 / 16%);
    --ag-formula-token-4-color: #24bb4a;
    --ag-formula-token-4-background-color: rgb(36 187 74 / 16%);
    --ag-formula-token-5-color: #e772ba;
    --ag-formula-token-5-background-color: rgb(231 114 186 / 16%);
    --ag-formula-token-6-color: #f69b5f;
    --ag-formula-token-6-background-color: rgb(246 155 95 / 16%);
    --ag-formula-token-7-color: #a3e6ff;
    --ag-formula-token-7-background-color: rgb(163 230 255 / 16%);
    color-scheme: dark;
  }
}
.ag-theme-material .ag-filter-toolpanel-header,
.ag-theme-material .ag-filter-toolpanel-search,
.ag-theme-material .ag-status-bar,
.ag-theme-material .ag-header-row,
.ag-theme-material .ag-row-number-cell,
.ag-theme-material .ag-panel-title-bar-title,
.ag-theme-material .ag-multi-filter-group-title-bar,
.ag-theme-material-dark .ag-filter-toolpanel-header,
.ag-theme-material-dark .ag-filter-toolpanel-search,
.ag-theme-material-dark .ag-status-bar,
.ag-theme-material-dark .ag-header-row,
.ag-theme-material-dark .ag-row-number-cell,
.ag-theme-material-dark .ag-panel-title-bar-title,
.ag-theme-material-dark .ag-multi-filter-group-title-bar,
.ag-theme-material-auto-dark .ag-filter-toolpanel-header,
.ag-theme-material-auto-dark .ag-filter-toolpanel-search,
.ag-theme-material-auto-dark .ag-status-bar,
.ag-theme-material-auto-dark .ag-header-row,
.ag-theme-material-auto-dark .ag-row-number-cell,
.ag-theme-material-auto-dark .ag-panel-title-bar-title,
.ag-theme-material-auto-dark .ag-multi-filter-group-title-bar {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
  color: var(--ag-header-foreground-color);
}
.ag-theme-material .ag-tab,
.ag-theme-material-dark .ag-tab,
.ag-theme-material-auto-dark .ag-tab {
  height: calc(var(--ag-grid-size) * 4.5);
  flex: 1 1 auto;
}
.ag-theme-material .ag-tabs-header,
.ag-theme-material .ag-column-drop-horizontal,
.ag-theme-material-dark .ag-tabs-header,
.ag-theme-material-dark .ag-column-drop-horizontal,
.ag-theme-material-auto-dark .ag-tabs-header,
.ag-theme-material-auto-dark .ag-column-drop-horizontal {
  background-color: var(--ag-subheader-background-color);
}
.ag-theme-material .ag-toolbar-item:where(:not(.ag-toolbar-panel)),
.ag-theme-material-dark .ag-toolbar-item:where(:not(.ag-toolbar-panel)),
.ag-theme-material-auto-dark .ag-toolbar-item:where(:not(.ag-toolbar-panel)) {
  font-weight: 600;
}
.ag-theme-material .ag-toolbar-item,
.ag-theme-material-dark .ag-toolbar-item,
.ag-theme-material-auto-dark .ag-toolbar-item {
  font-size: calc(var(--ag-font-size) - 1px);
}
.ag-theme-material .ag-toolbar .ag-column-drop-horizontal,
.ag-theme-material-dark .ag-toolbar .ag-column-drop-horizontal,
.ag-theme-material-auto-dark .ag-toolbar .ag-column-drop-horizontal {
  background-color: transparent;
}
.ag-theme-material .ag-toolbar .ag-toolbar-panel,
.ag-theme-material-dark .ag-toolbar .ag-toolbar-panel,
.ag-theme-material-auto-dark .ag-toolbar .ag-toolbar-panel {
  padding-inline-start: var(--ag-grid-size);
}
.ag-theme-material .ag-tabs-body,
.ag-theme-material-dark .ag-tabs-body,
.ag-theme-material-auto-dark .ag-tabs-body {
  padding: calc(var(--ag-grid-size) * 0.5) 0;
}
.ag-theme-material .ag-tabs-body .ag-menu-list,
.ag-theme-material-dark .ag-tabs-body .ag-menu-list,
.ag-theme-material-auto-dark .ag-tabs-body .ag-menu-list {
  padding-top: 0;
  padding-bottom: 0;
}
.ag-theme-material .ag-header-cell,
.ag-theme-material .ag-header-group-cell,
.ag-theme-material-dark .ag-header-cell,
.ag-theme-material-dark .ag-header-group-cell,
.ag-theme-material-auto-dark .ag-header-cell,
.ag-theme-material-auto-dark .ag-header-group-cell {
  transition: background-color 0.5s;
}
.ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing,
.ag-theme-material-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing,
.ag-theme-material-auto-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing {
  bottom: 0;
}
.ag-theme-material .ag-cell-inline-editing,
.ag-theme-material-dark .ag-cell-inline-editing,
.ag-theme-material-auto-dark .ag-cell-inline-editing {
  padding: var(--ag-grid-size);
  height: calc(var(--ag-row-height) + var(--ag-grid-size) * 3);
  border-color: var(--ag-border-color) !important;
}
.ag-theme-material .ag-has-focus .ag-cell-inline-editing,
.ag-theme-material-dark .ag-has-focus .ag-cell-inline-editing,
.ag-theme-material-auto-dark .ag-has-focus .ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}
.ag-theme-material .ag-column-drop-vertical,
.ag-theme-material-dark .ag-column-drop-vertical,
.ag-theme-material-auto-dark .ag-column-drop-vertical {
  border-bottom: solid 1px;
  border-bottom-color: var(--ag-border-color);
  padding-top: var(--ag-grid-size);
}
.ag-theme-material .ag-column-drop-vertical.ag-last-column-drop,
.ag-theme-material-dark .ag-column-drop-vertical.ag-last-column-drop,
.ag-theme-material-auto-dark .ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}
.ag-theme-material .ag-column-drop-vertical-cell,
.ag-theme-material-dark .ag-column-drop-vertical-cell,
.ag-theme-material-auto-dark .ag-column-drop-vertical-cell {
  margin-left: 0;
}
.ag-theme-material .ag-column-drop-vertical-empty-message,
.ag-theme-material-dark .ag-column-drop-vertical-empty-message,
.ag-theme-material-auto-dark .ag-column-drop-vertical-empty-message {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
  color: var(--ag-disabled-foreground-color);
}
.ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  padding-right: var(--ag-grid-size);
}

.ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  padding-left: var(--ag-grid-size);
}

.ag-theme-material .ag-status-bar,
.ag-theme-material-dark .ag-status-bar,
.ag-theme-material-auto-dark .ag-status-bar {
  border: solid 1px;
  border-color: var(--ag-border-color);
}
.ag-theme-material .ag-column-panel-column-select,
.ag-theme-material-dark .ag-column-panel-column-select,
.ag-theme-material-auto-dark .ag-column-panel-column-select {
  border-top: solid 1px;
  border-top-color: var(--ag-border-color);
}
.ag-theme-material .ag-column-select,
.ag-theme-material .ag-column-select-header,
.ag-theme-material-dark .ag-column-select,
.ag-theme-material-dark .ag-column-select-header,
.ag-theme-material-auto-dark .ag-column-select,
.ag-theme-material-auto-dark .ag-column-select-header {
  border-bottom: solid 1px;
  border-bottom-color: var(--ag-border-color);
}
.ag-theme-material .ag-column-select-header,
.ag-theme-material-dark .ag-column-select-header,
.ag-theme-material-auto-dark .ag-column-select-header {
  height: var(--ag-header-height);
}
.ag-theme-material .ag-group-title-bar,
.ag-theme-material-dark .ag-group-title-bar,
.ag-theme-material-auto-dark .ag-group-title-bar {
  padding: calc(var(--ag-grid-size) * 0.75) var(--ag-grid-size);
}
.ag-theme-material .ag-charts-format-sub-level-group-title-bar,
.ag-theme-material-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-material-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding: calc(var(--ag-grid-size) * 0.5) var(--ag-grid-size);
}
.ag-theme-material .ag-chart-data-section,
.ag-theme-material .ag-chart-format-section,
.ag-theme-material .ag-chart-advanced-settings-section,
.ag-theme-material-dark .ag-chart-data-section,
.ag-theme-material-dark .ag-chart-format-section,
.ag-theme-material-dark .ag-chart-advanced-settings-section,
.ag-theme-material-auto-dark .ag-chart-data-section,
.ag-theme-material-auto-dark .ag-chart-format-section,
.ag-theme-material-auto-dark .ag-chart-advanced-settings-section {
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-material input[class^=ag-]:not([type]),
.ag-theme-material input[class^=ag-][type=text],
.ag-theme-material input[class^=ag-][type=number],
.ag-theme-material input[class^=ag-][type=tel],
.ag-theme-material input[class^=ag-][type=date],
.ag-theme-material input[class^=ag-][type=datetime-local],
.ag-theme-material textarea[class^=ag-],
.ag-theme-material-dark input[class^=ag-]:not([type]),
.ag-theme-material-dark input[class^=ag-][type=text],
.ag-theme-material-dark input[class^=ag-][type=number],
.ag-theme-material-dark input[class^=ag-][type=tel],
.ag-theme-material-dark input[class^=ag-][type=date],
.ag-theme-material-dark input[class^=ag-][type=datetime-local],
.ag-theme-material-dark textarea[class^=ag-],
.ag-theme-material-auto-dark input[class^=ag-]:not([type]),
.ag-theme-material-auto-dark input[class^=ag-][type=text],
.ag-theme-material-auto-dark input[class^=ag-][type=number],
.ag-theme-material-auto-dark input[class^=ag-][type=tel],
.ag-theme-material-auto-dark input[class^=ag-][type=date],
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-material-auto-dark textarea[class^=ag-] {
  background: transparent;
  color: var(--ag-foreground-color);
  font-family: inherit;
  font-size: inherit;
  padding-bottom: var(--ag-grid-size);
  border-width: 0;
  border-radius: 0;
  border-bottom: 2px solid;
  border-bottom-color: var(--ag-border-color);
}
.ag-theme-material input[class^=ag-]:not([type]):not(textarea),
.ag-theme-material input[class^=ag-][type=text]:not(textarea),
.ag-theme-material input[class^=ag-][type=number]:not(textarea),
.ag-theme-material input[class^=ag-][type=tel]:not(textarea),
.ag-theme-material input[class^=ag-][type=date]:not(textarea),
.ag-theme-material input[class^=ag-][type=datetime-local]:not(textarea),
.ag-theme-material textarea[class^=ag-]:not(textarea),
.ag-theme-material-dark input[class^=ag-]:not([type]):not(textarea),
.ag-theme-material-dark input[class^=ag-][type=text]:not(textarea),
.ag-theme-material-dark input[class^=ag-][type=number]:not(textarea),
.ag-theme-material-dark input[class^=ag-][type=tel]:not(textarea),
.ag-theme-material-dark input[class^=ag-][type=date]:not(textarea),
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:not(textarea),
.ag-theme-material-dark textarea[class^=ag-]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=text]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=number]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=date]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:not(textarea),
.ag-theme-material-auto-dark textarea[class^=ag-]:not(textarea) {
  height: calc(var(--ag-grid-size) * 5);
}
.ag-theme-material input[class^=ag-]:not([type]):focus,
.ag-theme-material input[class^=ag-][type=text]:focus,
.ag-theme-material input[class^=ag-][type=number]:focus,
.ag-theme-material input[class^=ag-][type=tel]:focus,
.ag-theme-material input[class^=ag-][type=date]:focus,
.ag-theme-material input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material textarea[class^=ag-]:focus,
.ag-theme-material-dark input[class^=ag-]:not([type]):focus,
.ag-theme-material-dark input[class^=ag-][type=text]:focus,
.ag-theme-material-dark input[class^=ag-][type=number]:focus,
.ag-theme-material-dark input[class^=ag-][type=tel]:focus,
.ag-theme-material-dark input[class^=ag-][type=date]:focus,
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material-dark textarea[class^=ag-]:focus,
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):focus,
.ag-theme-material-auto-dark input[class^=ag-][type=text]:focus,
.ag-theme-material-auto-dark input[class^=ag-][type=number]:focus,
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:focus,
.ag-theme-material-auto-dark input[class^=ag-][type=date]:focus,
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material-auto-dark textarea[class^=ag-]:focus {
  border-bottom: 2px solid;
  border-bottom-color: var(--ag-material-primary-color);
  outline: none;
  box-shadow: none;
}
.ag-theme-material input[class^=ag-]:not([type])::placeholder,
.ag-theme-material input[class^=ag-][type=text]::placeholder,
.ag-theme-material input[class^=ag-][type=number]::placeholder,
.ag-theme-material input[class^=ag-][type=tel]::placeholder,
.ag-theme-material input[class^=ag-][type=date]::placeholder,
.ag-theme-material input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material textarea[class^=ag-]::placeholder,
.ag-theme-material-dark input[class^=ag-]:not([type])::placeholder,
.ag-theme-material-dark input[class^=ag-][type=text]::placeholder,
.ag-theme-material-dark input[class^=ag-][type=number]::placeholder,
.ag-theme-material-dark input[class^=ag-][type=tel]::placeholder,
.ag-theme-material-dark input[class^=ag-][type=date]::placeholder,
.ag-theme-material-dark input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material-dark textarea[class^=ag-]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-]:not([type])::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=text]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=number]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=tel]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=date]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material-auto-dark textarea[class^=ag-]::placeholder {
  color: var(--ag-disabled-foreground-color);
}
.ag-theme-material input[class^=ag-]:not([type]):disabled,
.ag-theme-material input[class^=ag-][type=text]:disabled,
.ag-theme-material input[class^=ag-][type=number]:disabled,
.ag-theme-material input[class^=ag-][type=tel]:disabled,
.ag-theme-material input[class^=ag-][type=date]:disabled,
.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material textarea[class^=ag-]:disabled,
.ag-theme-material-dark input[class^=ag-]:not([type]):disabled,
.ag-theme-material-dark input[class^=ag-][type=text]:disabled,
.ag-theme-material-dark input[class^=ag-][type=number]:disabled,
.ag-theme-material-dark input[class^=ag-][type=tel]:disabled,
.ag-theme-material-dark input[class^=ag-][type=date]:disabled,
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material-dark textarea[class^=ag-]:disabled,
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=text]:disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=number]:disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=date]:disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material-auto-dark textarea[class^=ag-]:disabled {
  border-bottom: 1px solid;
  border-bottom-color: var(--ag-border-color);
}
.ag-theme-material input[class^=ag-]:not([type]):invalid,
.ag-theme-material input[class^=ag-][type=text]:invalid,
.ag-theme-material input[class^=ag-][type=number]:invalid,
.ag-theme-material input[class^=ag-][type=tel]:invalid,
.ag-theme-material input[class^=ag-][type=date]:invalid,
.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material textarea[class^=ag-]:invalid,
.ag-theme-material-dark input[class^=ag-]:not([type]):invalid,
.ag-theme-material-dark input[class^=ag-][type=text]:invalid,
.ag-theme-material-dark input[class^=ag-][type=number]:invalid,
.ag-theme-material-dark input[class^=ag-][type=tel]:invalid,
.ag-theme-material-dark input[class^=ag-][type=date]:invalid,
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material-dark textarea[class^=ag-]:invalid,
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=text]:invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=number]:invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=date]:invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material-auto-dark textarea[class^=ag-]:invalid {
  border-width: 0;
  border-bottom: 1px solid;
  border-bottom-color: var(--ag-invalid-color);
  color: var(--ag-invalid-color);
}
.ag-theme-material .ag-toolbar-button-wrapper,
.ag-theme-material-dark .ag-toolbar-button-wrapper,
.ag-theme-material-auto-dark .ag-toolbar-button-wrapper {
  transition: background-color 0.5s;
}
.ag-theme-material .ag-toolbar-find,
.ag-theme-material .ag-toolbar-input,
.ag-theme-material-dark .ag-toolbar-find,
.ag-theme-material-dark .ag-toolbar-input,
.ag-theme-material-auto-dark .ag-toolbar-find,
.ag-theme-material-auto-dark .ag-toolbar-input {
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
}
.ag-theme-material .ag-toolbar-find,
.ag-theme-material-dark .ag-toolbar-find,
.ag-theme-material-auto-dark .ag-toolbar-find {
  height: calc(var(--ag-grid-size) * 5);
  border-bottom: 2px solid var(--ag-border-color);
}
.ag-theme-material .ag-toolbar-find:focus-within,
.ag-theme-material-dark .ag-toolbar-find:focus-within,
.ag-theme-material-auto-dark .ag-toolbar-find:focus-within {
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
  border-bottom: 2px solid var(--ag-material-primary-color);
}
.ag-theme-material .ag-toolbar-input-field:focus,
.ag-theme-material-dark .ag-toolbar-input-field:focus,
.ag-theme-material-auto-dark .ag-toolbar-input-field:focus {
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
}
.ag-theme-material .ag-toolbar input[class^=ag-]:not([type]),
.ag-theme-material .ag-toolbar input[class^=ag-][type=text],
.ag-theme-material .ag-toolbar input[class^=ag-][type=number],
.ag-theme-material .ag-toolbar input[class^=ag-][type=tel],
.ag-theme-material .ag-toolbar input[class^=ag-][type=date],
.ag-theme-material .ag-toolbar input[class^=ag-][type=datetime-local],
.ag-theme-material .ag-toolbar textarea[class^=ag-],
.ag-theme-material-dark .ag-toolbar input[class^=ag-]:not([type]),
.ag-theme-material-dark .ag-toolbar input[class^=ag-][type=text],
.ag-theme-material-dark .ag-toolbar input[class^=ag-][type=number],
.ag-theme-material-dark .ag-toolbar input[class^=ag-][type=tel],
.ag-theme-material-dark .ag-toolbar input[class^=ag-][type=date],
.ag-theme-material-dark .ag-toolbar input[class^=ag-][type=datetime-local],
.ag-theme-material-dark .ag-toolbar textarea[class^=ag-],
.ag-theme-material-auto-dark .ag-toolbar input[class^=ag-]:not([type]),
.ag-theme-material-auto-dark .ag-toolbar input[class^=ag-][type=text],
.ag-theme-material-auto-dark .ag-toolbar input[class^=ag-][type=number],
.ag-theme-material-auto-dark .ag-toolbar input[class^=ag-][type=tel],
.ag-theme-material-auto-dark .ag-toolbar input[class^=ag-][type=date],
.ag-theme-material-auto-dark .ag-toolbar input[class^=ag-][type=datetime-local],
.ag-theme-material-auto-dark .ag-toolbar textarea[class^=ag-] {
  padding-bottom: 0;
}
.ag-theme-material .ag-paging-number .ag-input-field-input.ag-number-field-input,
.ag-theme-material-dark .ag-paging-number .ag-input-field-input.ag-number-field-input,
.ag-theme-material-auto-dark .ag-paging-number .ag-input-field-input.ag-number-field-input {
  padding-bottom: 1px;
}
.ag-theme-material .ag-standard-button,
.ag-theme-material-dark .ag-standard-button,
.ag-theme-material-auto-dark .ag-standard-button {
  appearance: none;
  background-color: transparent;
  border: 0;
  color: var(--ag-material-primary-color);
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.ag-theme-material .ag-standard-button:disabled,
.ag-theme-material-dark .ag-standard-button:disabled,
.ag-theme-material-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-material .ag-dnd-ghost,
.ag-theme-material-dark .ag-dnd-ghost,
.ag-theme-material-auto-dark .ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
}
.ag-theme-material .ag-filter-toolpanel-header,
.ag-theme-material-dark .ag-filter-toolpanel-header,
.ag-theme-material-auto-dark .ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-material .ag-filter-toolpanel-group-level-0-header,
.ag-theme-material-dark .ag-filter-toolpanel-group-level-0-header,
.ag-theme-material-auto-dark .ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 7);
}
.ag-theme-material .ag-filter-card-title,
.ag-theme-material-dark .ag-filter-card-title,
.ag-theme-material-auto-dark .ag-filter-card-title {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
}
.ag-theme-material .ag-filter-panel .ag-standard-button,
.ag-theme-material-dark .ag-filter-panel .ag-standard-button,
.ag-theme-material-auto-dark .ag-filter-panel .ag-standard-button {
  padding: var(--ag-grid-size);
}
.ag-theme-material .ag-filter-add-button,
.ag-theme-material-dark .ag-filter-add-button,
.ag-theme-material-auto-dark .ag-filter-add-button {
  border-bottom: 2px solid var(--ag-material-primary-color);
}
.ag-theme-material .ag-filter-add-button .ag-icon,
.ag-theme-material-dark .ag-filter-add-button .ag-icon,
.ag-theme-material-auto-dark .ag-filter-add-button .ag-icon {
  color: var(--ag-material-active-color);
}
.ag-theme-material .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-builder-button {
  margin-left: var(--ag-grid-size);
}

.ag-theme-material .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-builder-button {
  margin-right: var(--ag-grid-size);
}

.ag-theme-material .ag-picker-field-wrapper:focus-within,
.ag-theme-material-dark .ag-picker-field-wrapper:focus-within,
.ag-theme-material-auto-dark .ag-picker-field-wrapper:focus-within {
  box-shadow: 0 0 0 1px var(--ag-material-primary-color);
}
.ag-theme-material .ag-rich-select-list,
.ag-theme-material-dark .ag-rich-select-list,
.ag-theme-material-auto-dark .ag-rich-select-list {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}
.ag-theme-material .ag-advanced-filter-builder-button-label,
.ag-theme-material-dark .ag-advanced-filter-builder-button-label,
.ag-theme-material-auto-dark .ag-advanced-filter-builder-button-label {
  text-transform: uppercase;
}
.ag-theme-material .ag-filter-active .ag-icon-filter,
.ag-theme-material-dark .ag-filter-active .ag-icon-filter,
.ag-theme-material-auto-dark .ag-filter-active .ag-icon-filter {
  color: var(--ag-material-accent-color);
}
.ag-theme-material .ag-list-item-hovered::after,
.ag-theme-material-dark .ag-list-item-hovered::after,
.ag-theme-material-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-material-primary-color);
}
.ag-theme-material .ag-pill .ag-pill-button:hover,
.ag-theme-material-dark .ag-pill .ag-pill-button:hover,
.ag-theme-material-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-material-primary-color);
}
.ag-theme-material .ag-header-highlight-before::after,
.ag-theme-material .ag-header-highlight-after::after,
.ag-theme-material-dark .ag-header-highlight-before::after,
.ag-theme-material-dark .ag-header-highlight-after::after,
.ag-theme-material-auto-dark .ag-header-highlight-before::after,
.ag-theme-material-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-material-primary-color);
}
.ag-theme-material .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-material .ag-disabled .ag-icon,
.ag-theme-material .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-material [disabled] .ag-icon,
.ag-theme-material-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-material-dark .ag-disabled .ag-icon,
.ag-theme-material-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-material-dark [disabled] .ag-icon,
.ag-theme-material-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-material-auto-dark .ag-disabled .ag-icon,
.ag-theme-material-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-material-auto-dark [disabled] .ag-icon {
  color: var(--ag-disabled-foreground-color);
}