UNPKG

ag-grid-community

Version:

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

682 lines (656 loc) 66.4 kB
@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-