ag-grid-community
Version:
Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
682 lines (656 loc) • 66.4 kB
CSS
@font-face {
font-family: "agGridQuartz";
src: url(data:font/woff2;charset=utf-8;base64,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);
font-weight: normal;
font-style: normal;
}
.ag-theme-quartz, .ag-theme-quartz-dark, .ag-theme-quartz-auto-dark {
--ag-active-color: #2196f3;
--ag-background-color: #fff;
--ag-foreground-color: #181d1f;
--ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
--ag-secondary-border-color: var(--ag-border-color);
--ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);
--ag-tooltip-background-color: var(--ag-header-background-color);
--ag-control-panel-background-color: var(--ag-header-background-color);
--ag-subheader-background-color: transparent;
--ag-invalid-color: #e02525;
--ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);
--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-header-column-resize-handle-color: var(--ag-secondary-border-color);
--ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);
--ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
--ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
--ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
--ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
--ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);
--ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
--ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
--ag-input-focus-border-color: var(--ag-active-color);
--ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
--ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
--ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);
--ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);
--ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);
--ag-checkbox-background-color: var(--ag-background-color);
--ag-checkbox-checked-color: var(--ag-active-color);
--ag-range-selection-border-color: var(--ag-active-color);
--ag-secondary-foreground-color: var(--ag-foreground-color);
--ag-input-border-color: var(--ag-border-color);
--ag-input-border-color-invalid: var(--ag-invalid-color);
--ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);
--ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);
--ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);
--ag-input-disabled-border-color: var(--ag-border-color);
--ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);
--ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);
--ag-borders: solid 1px;
--ag-border-radius: 4px;
--ag-wrapper-border-radius: 8px;
--ag-borders-side-button: none;
--ag-side-button-selected-background-color: transparent;
--ag-header-column-resize-handle-display: block;
--ag-header-column-resize-handle-width: 2px;
--ag-header-column-resize-handle-height: 30%;
--ag-grid-size: 8px;
--ag-icon-size: 16px;
--ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);
--ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);
--ag-list-item-height: calc(var(--ag-icon-size) + var(--ag-widget-vertical-spacing));
--ag-column-select-indent-size: var(--ag-icon-size);
--ag-set-filter-indent-size: var(--ag-icon-size);
--ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
--ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
--ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);
--ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
--ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
--ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);
--ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);
--ag-toggle-button-height: 18px;
--ag-toggle-button-width: 28px;
--ag-toggle-button-border-width: 2px;
--ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--ag-font-size: 14px;
--ag-icon-font-family: agGridQuartz;
--ag-tab-min-width: 0;
--ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
--ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
--ag-side-bar-panel-width: 250px;
}
.ag-theme-quartz-dark {
--ag-background-color: color-mix(in srgb, #fff, #182230 97%);
--ag-foreground-color: #fff;
--ag-border-color: rgba(255,255,255,0.16);
--ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
--ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
--ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
--ag-input-disabled-background-color: #68686e12;
--ag-card-shadow: 0 1px 20px 1px black;
--ag-input-border-color: var(--ag-border-color);
--ag-input-disabled-border-color: rgba(255,255,255,0.07);
--ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
--ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
--ag-selected-row-background-color: var(--ag-row-hover-color);
--ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
--ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
--ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-advanced-filter-join-pill-color: #7a3a37;
--ag-advanced-filter-column-pill-color: #355f2d;
--ag-advanced-filter-option-pill-color: #5a3168;
--ag-advanced-filter-value-pill-color: #374c86;
--ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.30);
color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
.ag-theme-quartz-auto-dark {
--ag-background-color: color-mix(in srgb, #fff, #182230 97%);
--ag-foreground-color: #fff;
--ag-border-color: rgba(255,255,255,0.16);
--ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
--ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
--ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
--ag-input-disabled-background-color: #68686e12;
--ag-card-shadow: 0 1px 20px 1px black;
--ag-input-border-color: var(--ag-border-color);
--ag-input-disabled-border-color: rgba(255,255,255,0.07);
--ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
--ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
--ag-selected-row-background-color: var(--ag-row-hover-color);
--ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
--ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
--ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-advanced-filter-join-pill-color: #7a3a37;
--ag-advanced-filter-column-pill-color: #355f2d;
--ag-advanced-filter-option-pill-color: #5a3168;
--ag-advanced-filter-value-pill-color: #374c86;
--ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.30);
color-scheme: dark;
}
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz .ag-header-row,
.ag-theme-quartz .ag-panel-title-bar-title,
.ag-theme-quartz .ag-multi-filter-group-title-bar, .ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-dark .ag-header-row,
.ag-theme-quartz-dark .ag-panel-title-bar-title,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-header-row,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
font-weight: 500;
color: var(--ag-header-foreground-color);
}
.ag-theme-quartz input[class^=ag-]:not([type]),
.ag-theme-quartz input[class^=ag-][type=text],
.ag-theme-quartz input[class^=ag-][type=number],
.ag-theme-quartz input[class^=ag-][type=tel],
.ag-theme-quartz input[class^=ag-][type=date],
.ag-theme-quartz input[class^=ag-][type=datetime-local],
.ag-theme-quartz textarea[class^=ag-], .ag-theme-quartz-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-dark input[class^=ag-][type=text],
.ag-theme-quartz-dark input[class^=ag-][type=number],
.ag-theme-quartz-dark input[class^=ag-][type=tel],
.ag-theme-quartz-dark input[class^=ag-][type=date],
.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-dark textarea[class^=ag-], .ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-auto-dark input[class^=ag-][type=text],
.ag-theme-quartz-auto-dark input[class^=ag-][type=number],
.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],
.ag-theme-quartz-auto-dark input[class^=ag-][type=date],
.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-auto-dark textarea[class^=ag-] {
min-height: calc(var(--ag-grid-size) * 4);
border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] {
padding-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] {
padding-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-picker-field-wrapper, .ag-theme-quartz-dark .ag-picker-field-wrapper, .ag-theme-quartz-auto-dark .ag-picker-field-wrapper {
min-height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-quartz .ag-tab, .ag-theme-quartz-dark .ag-tab, .ag-theme-quartz-auto-dark .ag-tab {
padding: var(--ag-grid-size);
border-left: var(--ag-borders) transparent;
border-right: var(--ag-borders) transparent;
flex: 1 1 auto;
}
.ag-theme-quartz .ag-tab-selected, .ag-theme-quartz-dark .ag-tab-selected, .ag-theme-quartz-auto-dark .ag-tab-selected {
background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {
border-left-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {
border-right-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {
border-right-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {
border-left-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected), .ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected), .ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {
opacity: 0.7;
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover, .ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover, .ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {
opacity: 1;
}
.ag-theme-quartz .ag-menu, .ag-theme-quartz-dark .ag-menu, .ag-theme-quartz-auto-dark .ag-menu {
color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-menu.ag-tabs, .ag-theme-quartz-dark .ag-menu.ag-tabs, .ag-theme-quartz-auto-dark .ag-menu.ag-tabs {
min-width: 290px;
}
.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select, .ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select, .ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {
background-color: var(--ag-control-panel-background-color);
color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-menu-option .ag-icon, .ag-theme-quartz-dark .ag-menu-option .ag-icon, .ag-theme-quartz-auto-dark .ag-menu-option .ag-icon {
opacity: 65%;
}
.ag-theme-quartz .ag-menu-header, .ag-theme-quartz-dark .ag-menu-header, .ag-theme-quartz-auto-dark .ag-menu-header {
background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-menu-option, .ag-theme-quartz-dark .ag-menu-option, .ag-theme-quartz-auto-dark .ag-menu-option {
font-weight: 500;
cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {
text-align: right;
}
.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {
text-align: left;
}
.ag-theme-quartz .ag-tabs-header, .ag-theme-quartz-dark .ag-tabs-header, .ag-theme-quartz-auto-dark .ag-tabs-header {
border-bottom: var(--ag-borders) var(--ag-border-color);
display: flex;
background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
}
.ag-theme-quartz .ag-side-bar, .ag-theme-quartz-dark .ag-side-bar, .ag-theme-quartz-auto-dark .ag-side-bar {
background-color: var(--ag-control-panel-background-color);
min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-side-buttons, .ag-theme-quartz-dark .ag-side-buttons, .ag-theme-quartz-auto-dark .ag-side-buttons {
padding: 0;
align-self: stretch;
width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
background: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-side-button, .ag-theme-quartz-dark .ag-side-button, .ag-theme-quartz-auto-dark .ag-side-button {
border-top: var(--ag-borders) transparent;
border-bottom: var(--ag-borders) transparent;
}
@media (max-resolution: 1.5x) {
.ag-theme-quartz .ag-side-button-label, .ag-theme-quartz-dark .ag-side-button-label, .ag-theme-quartz-auto-dark .ag-side-button-label {
font-family: "Segoe UI", var(--ag-font-family);
transform: rotate(0.05deg);
}
}
.ag-theme-quartz .ag-side-button.ag-selected, .ag-theme-quartz-dark .ag-side-button.ag-selected, .ag-theme-quartz-auto-dark .ag-side-button.ag-selected {
border-bottom-color: var(--ag-border-color);
background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {
border-top-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-column-panel-column-select, .ag-theme-quartz-dark .ag-column-panel-column-select, .ag-theme-quartz-auto-dark .ag-column-panel-column-select {
border-top: none;
border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-filter-toolpanel-search, .ag-theme-quartz-dark .ag-filter-toolpanel-search, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {
height: initial;
margin-top: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-filter-toolpanel-search-input, .ag-theme-quartz-dark .ag-filter-toolpanel-search-input, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {
margin: 0;
}
.ag-theme-quartz .ag-filter-apply-panel, .ag-theme-quartz-dark .ag-filter-apply-panel, .ag-theme-quartz-auto-dark .ag-filter-apply-panel {
border: none;
padding-top: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-tabbed-menu-body, .ag-theme-quartz-dark .ag-chart-tabbed-menu-body, .ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {
position: relative;
}
.ag-theme-quartz .ag-chart-tabbed-menu-body::after, .ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after, .ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
height: 16px;
background: linear-gradient(var(--ag-control-panel-background-color), transparent);
}
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
border-top: none;
padding: 0 calc(var(--ag-grid-size) * 1.5);
font-weight: 500;
}
.ag-theme-quartz .ag-charts-format-top-level-group-item, .ag-theme-quartz-dark .ag-charts-format-top-level-group-item, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item {
padding-bottom: 12px;
}
.ag-theme-quartz .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
margin-top: calc(var(--ag-grid-size));
}
.ag-theme-quartz .ag-ltr .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-ltr .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-ltr .ag-charts-settings-group-container {
padding-right: var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-rtl .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-rtl .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-rtl .ag-charts-settings-group-container {
padding-left: var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-ltr .ag-charts-format-sub-level-group-container, .ag-theme-quartz-dark .ag-ltr .ag-charts-format-sub-level-group-container, .ag-theme-quartz-auto-dark .ag-ltr .ag-charts-format-sub-level-group-container {
padding-right: 0;
}
.ag-theme-quartz .ag-rtl .ag-charts-format-sub-level-group-container, .ag-theme-quartz-dark .ag-rtl .ag-charts-format-sub-level-group-container, .ag-theme-quartz-auto-dark .ag-rtl .ag-charts-format-sub-level-group-container {
padding-left: 0;
}
.ag-theme-quartz .ag-charts-format-top-level-group-toolbar, .ag-theme-quartz-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-toolbar {
margin-top: var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-quartz-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-quartz-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar {
padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-quartz-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-quartz-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar {
padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar {
margin-top: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-charts-format-top-level-group-container, .ag-theme-quartz-dark .ag-charts-format-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container {
padding: 0;
}
.ag-theme-quartz .ag-ltr .ag-charts-format-top-level-group-container, .ag-theme-quartz-dark .ag-ltr .ag-charts-format-top-level-group-container, .ag-theme-quartz-auto-dark .ag-ltr .ag-charts-format-top-level-group-container {
padding-left: 0;
padding-right: var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-rtl .ag-charts-format-top-level-group-container, .ag-theme-quartz-dark .ag-rtl .ag-charts-format-top-level-group-container, .ag-theme-quartz-auto-dark .ag-rtl .ag-charts-format-top-level-group-container {
padding-right: 0;
padding-left: var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group-item, .ag-theme-quartz-dark .ag-charts-format-top-level-group-item, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item {
margin-top: calc(var(--ag-grid-size) * 2);
margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-mini-thumbnail, .ag-theme-quartz-dark .ag-chart-mini-thumbnail, .ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {
background-color: var(--ag-background-color);
margin-top: 0;
margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-settings-nav-bar, .ag-theme-quartz-dark .ag-chart-settings-nav-bar, .ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {
border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {
margin-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {
margin-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-color-picker .ag-picker-field-wrapper, .ag-theme-quartz-dark .ag-color-picker .ag-picker-field-wrapper, .ag-theme-quartz-auto-dark .ag-color-picker .ag-picker-field-wrapper {
max-width: 55px;
min-width: 55px;
}
.ag-theme-quartz .ag-color-picker .ag-picker-field-display, .ag-theme-quartz-dark .ag-color-picker .ag-picker-field-display, .ag-theme-quartz-auto-dark .ag-color-picker .ag-picker-field-display {
height: 18px;
width: 18px;
flex: auto 0 0;
margin: 6px;
border-radius: 2px;
border: solid 1px var(--ag-input-border-color);
}
.ag-theme-quartz .ag-ltr .ag-color-picker .ag-picker-field-icon, .ag-theme-quartz-dark .ag-ltr .ag-color-picker .ag-picker-field-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-color-picker .ag-picker-field-icon {
margin-right: 4px;
}
.ag-theme-quartz .ag-rtl .ag-color-picker .ag-picker-field-icon, .ag-theme-quartz-dark .ag-rtl .ag-color-picker .ag-picker-field-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-color-picker .ag-picker-field-icon {
margin-left: 4px;
}
.ag-theme-quartz .ag-charts-format-sub-level-group, .ag-theme-quartz-dark .ag-charts-format-sub-level-group, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group {
border-left: dashed 1px;
border-left-color: var(--ag-border-color);
padding-left: var(--ag-grid-size);
margin-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
padding-top: 0;
padding-bottom: 0;
background: none;
font-weight: 500;
}
.ag-theme-quartz .ag-charts-format-sub-level-group-container, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {
padding-bottom: 0;
}
.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child {
margin-bottom: 0;
}
.ag-theme-quartz.ag-dnd-ghost, .ag-theme-quartz-dark.ag-dnd-ghost, .ag-theme-quartz-auto-dark.ag-dnd-ghost {
font-weight: 500;
}
.ag-theme-quartz .ag-standard-button, .ag-theme-quartz-dark .ag-standard-button, .ag-theme-quartz-auto-dark .ag-standard-button {
font-family: inherit;
appearance: none;
-webkit-appearance: none;
border-radius: var(--ag-border-radius);
border: solid 1px var(--ag-input-border-color);
background-color: var(--ag-background-color);
padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
cursor: pointer;
}
.ag-theme-quartz .ag-standard-button:hover, .ag-theme-quartz-dark .ag-standard-button:hover, .ag-theme-quartz-auto-dark .ag-standard-button:hover {
background-color: var(--ag-row-hover-color);
}
.ag-theme-quartz .ag-standard-button:active, .ag-theme-quartz-dark .ag-standard-button:active, .ag-theme-quartz-auto-dark .ag-standard-button:active {
border-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-standard-button:disabled, .ag-theme-quartz-dark .ag-standard-button:disabled, .ag-theme-quartz-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-quartz .ag-column-drop-cell, .ag-theme-quartz-dark .ag-column-drop-cell, .ag-theme-quartz-auto-dark .ag-column-drop-cell {
border-radius: calc(var(--ag-grid-size) * 3);
height: calc(var(--ag-grid-size) * 3);
padding: 0 var(--ag-grid-size);
}
.ag-theme-quartz .ag-column-drop-cell-button, .ag-theme-quartz-dark .ag-column-drop-cell-button, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
min-width: 0;
margin: 0;
}
.ag-theme-quartz .ag-column-drop-cell-drag-handle, .ag-theme-quartz-dark .ag-column-drop-cell-drag-handle, .ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
margin-left: 0;
}
.ag-theme-quartz .ag-column-drop-vertical, .ag-theme-quartz-dark .ag-column-drop-vertical, .ag-theme-quartz-auto-dark .ag-column-drop-vertical {
min-height: 75px;
}
.ag-theme-quartz .ag-column-drop-vertical-title-bar, .ag-theme-quartz-dark .ag-column-drop-vertical-title-bar, .ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;
}
.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
margin-left: 0;
margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {
margin-right: 0;
margin-left: var(--ag-widget-horizontal-spacing);
}
.ag-theme-quartz .ag-column-drop-vertical-empty-message, .ag-theme-quartz-dark .ag-column-drop-vertical-empty-message, .ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {
display: flex;
align-items: center;
justify-content: center;
border: dashed 1px;
border-color: var(--ag-border-color);
margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-column-drop-empty-message, .ag-theme-quartz-dark .ag-column-drop-empty-message, .ag-theme-quartz-auto-dark .ag-column-drop-empty-message {
color: var(--ag-foreground-color);
}
.ag-theme-quartz .ag-status-bar, .ag-theme-quartz-dark .ag-status-bar, .ag-theme-quartz-auto-dark .ag-status-bar {
font-weight: normal;
}
.ag-theme-quartz .ag-status-name-value, .ag-theme-quartz-dark .ag-status-name-value, .ag-theme-quartz-auto-dark .ag-status-name-value {
padding: var(--ag-widget-container-vertical-padding) 0;
}
.ag-theme-quartz .ag-status-name-value-value,
.ag-theme-quartz .ag-paging-number,
.ag-theme-quartz .ag-paging-row-summary-panel-number, .ag-theme-quartz-dark .ag-status-name-value-value,
.ag-theme-quartz-dark .ag-paging-number,
.ag-theme-quartz-dark .ag-paging-row-summary-panel-number, .ag-theme-quartz-auto-dark .ag-status-name-value-value,
.ag-theme-quartz-auto-dark .ag-paging-number,
.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {
font-weight: 500;
}
.ag-theme-quartz .ag-column-drop-cell-button, .ag-theme-quartz-dark .ag-column-drop-cell-button, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
opacity: 0.75;
}
.ag-theme-quartz .ag-column-drop-cell-button:hover, .ag-theme-quartz-dark .ag-column-drop-cell-button:hover, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {
opacity: 1;
}
.ag-theme-quartz .ag-header-cell-menu-button,
.ag-theme-quartz .ag-header-cell-filter-button,
.ag-theme-quartz .ag-panel-title-bar-button,
.ag-theme-quartz .ag-header-expand-icon,
.ag-theme-quartz .ag-column-group-icons,
.ag-theme-quartz .ag-set-filter-group-icons,
.ag-theme-quartz .ag-group-expanded .ag-icon,
.ag-theme-quartz .ag-group-contracted .ag-icon,
.ag-theme-quartz .ag-chart-settings-prev,
.ag-theme-quartz .ag-chart-settings-next,
.ag-theme-quartz .ag-group-title-bar-icon,
.ag-theme-quartz .ag-column-select-header-icon,
.ag-theme-quartz .ag-floating-filter-button-button,
.ag-theme-quartz .ag-filter-toolpanel-expand,
.ag-theme-quartz .ag-panel-title-bar-button-icon,
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz .ag-chart-menu-close, .ag-theme-quartz-dark .ag-header-cell-menu-button,
.ag-theme-quartz-dark .ag-header-cell-filter-button,
.ag-theme-quartz-dark .ag-panel-title-bar-button,
.ag-theme-quartz-dark .ag-header-expand-icon,
.ag-theme-quartz-dark .ag-column-group-icons,
.ag-theme-quartz-dark .ag-set-filter-group-icons,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-dark .ag-chart-settings-prev,
.ag-theme-quartz-dark .ag-chart-settings-next,
.ag-theme-quartz-dark .ag-group-title-bar-icon,
.ag-theme-quartz-dark .ag-column-select-header-icon,
.ag-theme-quartz-dark .ag-floating-filter-button-button,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-chart-menu-close, .ag-theme-quartz-auto-dark .ag-header-cell-menu-button,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,
.ag-theme-quartz-auto-dark .ag-header-expand-icon,
.ag-theme-quartz-auto-dark .ag-column-group-icons,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev,
.ag-theme-quartz-auto-dark .ag-chart-settings-next,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-close {
--ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
}
.ag-theme-quartz .ag-header-cell-menu-button:hover,
.ag-theme-quartz .ag-header-cell-filter-button:hover,
.ag-theme-quartz .ag-panel-title-bar-button:hover,
.ag-theme-quartz .ag-header-expand-icon:hover,
.ag-theme-quartz .ag-column-group-icons:hover,
.ag-theme-quartz .ag-set-filter-group-icons:hover,
.ag-theme-quartz .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz .ag-chart-settings-prev:hover,
.ag-theme-quartz .ag-chart-settings-next:hover,
.ag-theme-quartz .ag-group-title-bar-icon:hover,
.ag-theme-quartz .ag-column-select-header-icon:hover,
.ag-theme-quartz .ag-floating-filter-button-button:hover,
.ag-theme-quartz .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz .ag-chart-menu-icon:hover,
.ag-theme-quartz .ag-chart-menu-close:hover, .ag-theme-quartz-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-dark .ag-column-group-icons:hover,
.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-dark .ag-chart-menu-close:hover, .ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-menu-close:hover {
border-radius: 1px;
background-color: var(--ag-quartz-icon-hover-color);
box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);
}
.ag-theme-quartz .ag-filter-active, .ag-theme-quartz-dark .ag-filter-active, .ag-theme-quartz-auto-dark .ag-filter-active {
--ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);
--ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);
position: relative;
border-radius: 1px;
background-color: var(--ag-quartz-icon-active-color);
box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);
}
.ag-theme-quartz .ag-filter-active::after, .ag-theme-quartz-dark .ag-filter-active::after, .ag-theme-quartz-auto-dark .ag-filter-active::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
top: -1px;
right: -1px;
border-radius: 50%;
background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-filter-active .ag-icon-filter, .ag-theme-quartz-dark .ag-filter-active .ag-icon-filter, .ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {
clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
}
.ag-theme-quartz .ag-chart-menu-close, .ag-theme-quartz-dark .ag-chart-menu-close, .ag-theme-quartz-auto-dark .ag-chart-menu-close {
--ag-quartz-icon-hover-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
}
.ag-theme-quartz .ag-chart-menu, .ag-theme-quartz-dark .ag-chart-menu, .ag-theme-quartz-auto-dark .ag-chart-menu {
--ag-icon-size: 20px;
background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%);
padding: 4px 2px;
}
.ag-theme-quartz .ag-chart-menu-icon, .ag-theme-quartz-dark .ag-chart-menu-icon, .ag-theme-quartz-auto-dark .ag-chart-menu-icon {
opacity: 0.8;
}
.ag-theme-quartz .ag-drag-handle, .ag-theme-quartz-dark .ag-drag-handle, .ag-theme-quartz-auto-dark .ag-drag-handle {
color: var(--ag-icon-font-color);
}
.ag-theme-quartz .ag-chart-menu-close, .ag-theme-quartz-dark .ag-chart-menu-close, .ag-theme-quartz-auto-dark .ag-chart-menu-close {
background: var(--ag-background-color);
}
.ag-theme-quartz .ag-chart-menu-close .ag-icon, .ag-theme-quartz-dark .ag-chart-menu-close .ag-icon, .ag-theme-quartz-auto-dark .ag-chart-menu-close .ag-icon {
border: 1px solid var(--ag-border-color);
}
.ag-theme-quartz .ag-ltr .ag-chart-menu-close .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-chart-menu-close .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-chart-menu-close .ag-icon {
border-right: none;
}
.ag-theme-quartz .ag-rtl .ag-chart-menu-close .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-chart-menu-close .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-chart-menu-close .ag-icon {
border-left: none;
}
.ag-theme-quartz .ag-chart-docked-container, .ag-theme-quartz-dark .ag-chart-docked-container, .ag-theme-quartz-auto-dark .ag-chart-docked-container {
min-width: 260px;
}
.ag-theme-quartz .ag-menu-option-icon, .ag-theme-quartz .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-menu-option-icon, .ag-theme-quartz-dark .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {
width: var(--ag-icon-size);
cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-