From 47474892e4699f0ee53872248193e5e1e84e05a8 Mon Sep 17 00:00:00 2001 From: Gustav Eikaas Date: Tue, 14 Nov 2023 08:14:24 +0100 Subject: [PATCH 1/3] use fusion ag grid stylign --- packages/ag-grid/package.json | 4 +- .../components/ag-grid-eds.tsx | 11 - .../src/ag-grid-styling/components/index.ts | 1 - .../src/ag-grid-styling/hooks/index.ts | 1 - .../src/ag-grid-styling/hooks/useAgStyles.ts | 8 - .../ag-grid-styling/icons/aggregation.svg.ts | 7 - .../src/ag-grid-styling/icons/arrows.svg.ts | 7 - .../src/ag-grid-styling/icons/asc.svg.ts | 7 - .../src/ag-grid-styling/icons/cancel.svg.ts | 7 - .../src/ag-grid-styling/icons/chart.svg.ts | 6 - .../icons/checkbox-checked.svg.ts | 6 - .../icons/checkbox-indeterminate.svg.ts | 6 - .../icons/checkbox-unchecked.svg.ts | 6 - .../ag-grid-styling/icons/color-picker.svg.ts | 7 - .../src/ag-grid-styling/icons/columns.svg.ts | 7 - .../ag-grid-styling/icons/contracted.svg.ts | 7 - .../src/ag-grid-styling/icons/copy.svg.ts | 7 - .../src/ag-grid-styling/icons/cross.svg.ts | 6 - .../src/ag-grid-styling/icons/csv.svg.ts | 19 - .../src/ag-grid-styling/icons/desc.svg.ts | 7 - .../src/ag-grid-styling/icons/excel.svg.ts | 14 - .../src/ag-grid-styling/icons/expanded.svg.ts | 7 - .../ag-grid-styling/icons/eye-slash.svg.ts | 7 - .../src/ag-grid-styling/icons/eye.svg.ts | 8 - .../src/ag-grid-styling/icons/filter.svg.ts | 6 - .../src/ag-grid-styling/icons/first.svg.ts | 8 - .../src/ag-grid-styling/icons/grip.svg.ts | 8 - .../src/ag-grid-styling/icons/group.svg.ts | 8 - .../src/ag-grid-styling/icons/index.ts | 51 - .../src/ag-grid-styling/icons/last.svg.ts | 8 - .../src/ag-grid-styling/icons/left.svg.ts | 8 - .../src/ag-grid-styling/icons/linked.svg.ts | 8 - .../src/ag-grid-styling/icons/loading.svg.ts | 8 - .../src/ag-grid-styling/icons/maximize.svg.ts | 8 - .../src/ag-grid-styling/icons/menu.svg.ts | 7 - .../src/ag-grid-styling/icons/minimize.svg.ts | 8 - .../src/ag-grid-styling/icons/next.svg.ts | 8 - .../src/ag-grid-styling/icons/none.svg.ts | 8 - .../ag-grid-styling/icons/not-allowed.svg.ts | 7 - .../src/ag-grid-styling/icons/paste.svg.ts | 8 - .../src/ag-grid-styling/icons/pin.svg.ts | 8 - .../src/ag-grid-styling/icons/pivot.svg.ts | 8 - .../src/ag-grid-styling/icons/previous.svg.ts | 8 - .../icons/radio-button-off.svg.ts | 9 - .../icons/radio-button-on.svg.ts | 9 - .../src/ag-grid-styling/icons/right.svg.ts | 8 - .../src/ag-grid-styling/icons/save.svg.ts | 8 - .../ag-grid-styling/icons/small-down.svg.ts | 8 - .../ag-grid-styling/icons/small-left.svg.ts | 8 - .../ag-grid-styling/icons/small-right.svg.ts | 8 - .../src/ag-grid-styling/icons/small-up.svg.ts | 8 - .../src/ag-grid-styling/icons/tick.svg.ts | 8 - .../ag-grid-styling/icons/tree-closed.svg.ts | 8 - .../icons/tree-indeterminate.svg.ts | 8 - .../ag-grid-styling/icons/tree-open.svg.ts | 8 - .../src/ag-grid-styling/icons/unlinked.svg.ts | 8 - packages/ag-grid/src/ag-grid-styling/index.ts | 3 - .../ag-grid-styling/styles/cell/ag-cell.ts | 8 - .../styles/genericStyles.css.ts | 2344 -------- .../ag-grid-styling/styles/gridStyles.css.ts | 5038 ----------------- .../styles/header/ag-header-cell-focus.css.ts | 4 - .../styles/header/ag-header-cell-text.css.ts | 9 - .../styles/icons/agIcons.css.ts | 223 - .../src/ag-grid-styling/styles/index.ts | 1 - .../styles/pagination/agPagingPanel.ts | 8 - .../styles/variables.ts/variables.css.ts | 83 - .../src/ag-grid-styling/utils/concat.ts | 3 - .../src/ag-grid-styling/utils/index.ts | 1 - .../ag-grid-styling/utils/injectAgStyles.ts | 18 - packages/ag-grid/src/index.ts | 1 - packages/ag-grid/src/lib/components/Grid.tsx | 8 +- 71 files changed, 7 insertions(+), 8215 deletions(-) delete mode 100644 packages/ag-grid/src/ag-grid-styling/components/ag-grid-eds.tsx delete mode 100644 packages/ag-grid/src/ag-grid-styling/components/index.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/hooks/index.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/hooks/useAgStyles.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/aggregation.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/arrows.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/asc.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/cancel.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/chart.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/checkbox-checked.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/checkbox-indeterminate.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/checkbox-unchecked.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/color-picker.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/columns.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/contracted.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/copy.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/cross.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/csv.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/desc.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/excel.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/expanded.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/eye-slash.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/eye.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/filter.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/first.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/grip.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/group.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/index.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/last.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/left.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/linked.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/loading.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/maximize.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/menu.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/minimize.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/next.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/none.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/not-allowed.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/paste.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/pin.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/pivot.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/previous.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/radio-button-off.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/radio-button-on.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/right.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/save.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/small-down.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/small-left.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/small-right.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/small-up.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/tick.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/tree-closed.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/tree-indeterminate.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/tree-open.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/icons/unlinked.svg.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/index.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/styles/cell/ag-cell.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/styles/genericStyles.css.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/styles/gridStyles.css.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/styles/header/ag-header-cell-focus.css.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/styles/header/ag-header-cell-text.css.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/styles/icons/agIcons.css.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/styles/index.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/styles/pagination/agPagingPanel.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/styles/variables.ts/variables.css.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/utils/concat.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/utils/index.ts delete mode 100644 packages/ag-grid/src/ag-grid-styling/utils/injectAgStyles.ts diff --git a/packages/ag-grid/package.json b/packages/ag-grid/package.json index e5344b61b..eb0884c59 100644 --- a/packages/ag-grid/package.json +++ b/packages/ag-grid/package.json @@ -1,6 +1,6 @@ { "name": "@equinor/workspace-ag-grid", - "version": "2.0.0", + "version": "2.0.1-alpha.3", "type": "module", "private": false, "sideEffects": false, @@ -50,6 +50,8 @@ "@ag-grid-enterprise/set-filter": "30.2.1", "@ag-grid-enterprise/side-bar": "30.2.1", "@ag-grid-enterprise/status-bar": "30.2.1", + "@equinor/fusion-react-ag-grid-styles": "^30.2.0", + "@equinor/fusion-react-styles": "^0.6.0", "@equinor/eds-tokens": "^0.9.0" }, "peerDependencies": { diff --git a/packages/ag-grid/src/ag-grid-styling/components/ag-grid-eds.tsx b/packages/ag-grid/src/ag-grid-styling/components/ag-grid-eds.tsx deleted file mode 100644 index 85fcbc2bb..000000000 --- a/packages/ag-grid/src/ag-grid-styling/components/ag-grid-eds.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { ReactNode } from 'react'; -import { useAgStyles } from '../hooks'; - -type AgGridEdsStyleProviderProps = { - children: ReactNode; -}; - -export const AgGridEdsStyleProvider = ({ children }: AgGridEdsStyleProviderProps) => { - const themeName = useAgStyles(); - return
{children}
; -}; diff --git a/packages/ag-grid/src/ag-grid-styling/components/index.ts b/packages/ag-grid/src/ag-grid-styling/components/index.ts deleted file mode 100644 index 362c383d9..000000000 --- a/packages/ag-grid/src/ag-grid-styling/components/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './ag-grid-eds'; diff --git a/packages/ag-grid/src/ag-grid-styling/hooks/index.ts b/packages/ag-grid/src/ag-grid-styling/hooks/index.ts deleted file mode 100644 index e625de516..000000000 --- a/packages/ag-grid/src/ag-grid-styling/hooks/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './useAgStyles'; diff --git a/packages/ag-grid/src/ag-grid-styling/hooks/useAgStyles.ts b/packages/ag-grid/src/ag-grid-styling/hooks/useAgStyles.ts deleted file mode 100644 index c71d8b65f..000000000 --- a/packages/ag-grid/src/ag-grid-styling/hooks/useAgStyles.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { useEffect } from 'react'; -import { THEME_NAME } from '../styles'; -import { injectAgStyles } from '../utils'; - -export const useAgStyles = () => { - useEffect(injectAgStyles, []); - return THEME_NAME; -}; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/aggregation.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/aggregation.svg.ts deleted file mode 100644 index 71907760f..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/aggregation.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const aggregation = ` -aggregation - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/arrows.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/arrows.svg.ts deleted file mode 100644 index 801586156..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/arrows.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const arrows = ` -arrows - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/asc.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/asc.svg.ts deleted file mode 100644 index 2dc7fe65e..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/asc.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const asc = ` -asc - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/cancel.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/cancel.svg.ts deleted file mode 100644 index adab6a83c..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/cancel.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const cancel = ` -cancel - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/chart.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/chart.svg.ts deleted file mode 100644 index 5127a39f8..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/chart.svg.ts +++ /dev/null @@ -1,6 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const chart = ` -chart - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/checkbox-checked.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/checkbox-checked.svg.ts deleted file mode 100644 index ad43ff8ff..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/checkbox-checked.svg.ts +++ /dev/null @@ -1,6 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const checkboxCheckedSvg = ` - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/checkbox-indeterminate.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/checkbox-indeterminate.svg.ts deleted file mode 100644 index 6a3f690f2..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/checkbox-indeterminate.svg.ts +++ /dev/null @@ -1,6 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const checkboxIndeterminate = ` - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/checkbox-unchecked.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/checkbox-unchecked.svg.ts deleted file mode 100644 index 1042339d8..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/checkbox-unchecked.svg.ts +++ /dev/null @@ -1,6 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const checkboxUnchecked = ` - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/color-picker.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/color-picker.svg.ts deleted file mode 100644 index c09642715..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/color-picker.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const colorPicker = ` -color-picker - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/columns.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/columns.svg.ts deleted file mode 100644 index b9fb0083b..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/columns.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const columns = ` -columns - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/contracted.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/contracted.svg.ts deleted file mode 100644 index 42de0e940..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/contracted.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const contracted = ` -contracted - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/copy.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/copy.svg.ts deleted file mode 100644 index a8e4c9674..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/copy.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const copy = ` -copy - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/cross.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/cross.svg.ts deleted file mode 100644 index cff774ba7..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/cross.svg.ts +++ /dev/null @@ -1,6 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const cross = ` -cross - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/csv.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/csv.svg.ts deleted file mode 100644 index 5210c19af..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/csv.svg.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const csv = ` - - - - - - - - - - - - - - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/desc.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/desc.svg.ts deleted file mode 100644 index aab3b9a43..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/desc.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const desc = ` -desc - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/excel.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/excel.svg.ts deleted file mode 100644 index 50efc5873..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/excel.svg.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const excel = ` - - - - - - - - - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/expanded.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/expanded.svg.ts deleted file mode 100644 index e40315a8f..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/expanded.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const expanded = ` -expanded - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/eye-slash.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/eye-slash.svg.ts deleted file mode 100644 index f157cfd21..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/eye-slash.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const eyeSlash = ` -eye-slash - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/eye.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/eye.svg.ts deleted file mode 100644 index d9c806a3a..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/eye.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const eye = ` - -eye - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/filter.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/filter.svg.ts deleted file mode 100644 index 4383d375d..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/filter.svg.ts +++ /dev/null @@ -1,6 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const filter = ` - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/first.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/first.svg.ts deleted file mode 100644 index 7ef75ba0f..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/first.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const first = ` - -first - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/grip.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/grip.svg.ts deleted file mode 100644 index 8b1c75437..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/grip.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const grip = ` - -grip - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/group.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/group.svg.ts deleted file mode 100644 index 2db6bf1e6..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/group.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const group = ` - -group - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/index.ts b/packages/ag-grid/src/ag-grid-styling/icons/index.ts deleted file mode 100644 index df7dfcf16..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/index.ts +++ /dev/null @@ -1,51 +0,0 @@ -export * from './aggregation.svg'; -export * from './arrows.svg'; -export * from './asc.svg'; -export * from './cancel.svg'; -export * from './chart.svg'; -export * from './checkbox-checked.svg'; -export * from './checkbox-indeterminate.svg'; -export * from './checkbox-unchecked.svg'; -export * from './color-picker.svg'; -export * from './columns.svg'; -export * from './contracted.svg'; -export * from './copy.svg'; -export * from './cross.svg'; -export * from './csv.svg'; -export * from './desc.svg'; -export * from './excel.svg'; -export * from './expanded.svg'; -export * from './eye-slash.svg'; -export * from './eye.svg'; -export * from './filter.svg'; -export * from './first.svg'; -export * from './grip.svg'; -export * from './group.svg'; -export * from './last.svg'; -export * from './left.svg'; -export * from './linked.svg'; -export * from './loading.svg'; -export * from './maximize.svg'; -export * from './menu.svg'; -export * from './minimize.svg'; -export * from './next.svg'; -export * from './none.svg'; -export * from './not-allowed.svg'; -export * from './paste.svg'; -export * from './pin.svg'; -export * from './pivot.svg'; -export * from './previous.svg'; -export * from './radio-button-off.svg'; -export * from './radio-button-on.svg'; -export * from './right.svg'; -export * from './small-right.svg'; -export * from './save.svg'; -export * from './small-down.svg'; -export * from './small-left.svg'; -export * from './small-right.svg'; -export * from './small-up.svg'; -export * from './tick.svg'; -export * from './tree-closed.svg'; -export * from './tree-indeterminate.svg'; -export * from './tree-open.svg'; -export * from './unlinked.svg'; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/last.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/last.svg.ts deleted file mode 100644 index 79fa21d1f..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/last.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const last = ` - -last - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/left.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/left.svg.ts deleted file mode 100644 index c7f1f08d8..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/left.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const left = ` - -left - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/linked.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/linked.svg.ts deleted file mode 100644 index 7ebbe0e7e..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/linked.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const linked = ` - -linked - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/loading.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/loading.svg.ts deleted file mode 100644 index 91f24d8e4..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/loading.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const loading = ` - -loading - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/maximize.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/maximize.svg.ts deleted file mode 100644 index 3a9f71caf..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/maximize.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const maximize = ` - -maximize - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/menu.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/menu.svg.ts deleted file mode 100644 index 4d4f4c98d..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/menu.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const menu = ` - -menu - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/minimize.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/minimize.svg.ts deleted file mode 100644 index 84ce5a1de..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/minimize.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const minimize = ` - -minimize - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/next.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/next.svg.ts deleted file mode 100644 index 299fdb281..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/next.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const next = ` - -next - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/none.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/none.svg.ts deleted file mode 100644 index 16eaa9f30..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/none.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const none = ` - -none - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/not-allowed.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/not-allowed.svg.ts deleted file mode 100644 index 0f95cfa78..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/not-allowed.svg.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const notAllowed = ` - -not-allowed - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/paste.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/paste.svg.ts deleted file mode 100644 index e5dd4d1ef..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/paste.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const paste = ` - -paste - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/pin.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/pin.svg.ts deleted file mode 100644 index eec59cfd0..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/pin.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const pin = ` - -pin - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/pivot.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/pivot.svg.ts deleted file mode 100644 index c223d9768..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/pivot.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const pivot = ` - -pivot - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/previous.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/previous.svg.ts deleted file mode 100644 index 82bfcfe8f..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/previous.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const previous = ` - -previous - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/radio-button-off.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/radio-button-off.svg.ts deleted file mode 100644 index 72e6a5ae5..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/radio-button-off.svg.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const radioButtonOff = ` - - - - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/radio-button-on.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/radio-button-on.svg.ts deleted file mode 100644 index d331de79b..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/radio-button-on.svg.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const radioButtonOn = ` - - - - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/right.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/right.svg.ts deleted file mode 100644 index 98ab791db..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/right.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const right = ` - -right - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/save.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/save.svg.ts deleted file mode 100644 index 05b7838ba..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/save.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const save = ` - -save - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/small-down.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/small-down.svg.ts deleted file mode 100644 index 282ad5764..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/small-down.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const smallDown = ` - -small-down - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/small-left.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/small-left.svg.ts deleted file mode 100644 index ed6ebb79f..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/small-left.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const smallLeft = ` - -small-left - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/small-right.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/small-right.svg.ts deleted file mode 100644 index 9fcf75ec7..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/small-right.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const smallRight = ` - -small-right - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/small-up.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/small-up.svg.ts deleted file mode 100644 index ef02a270f..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/small-up.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const smallUp = ` - -small-up - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/tick.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/tick.svg.ts deleted file mode 100644 index e5c268263..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/tick.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const tick = ` - -tick - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/tree-closed.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/tree-closed.svg.ts deleted file mode 100644 index efe688280..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/tree-closed.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const treeClosed = ` - -tree-closed - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/tree-indeterminate.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/tree-indeterminate.svg.ts deleted file mode 100644 index b51676d42..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/tree-indeterminate.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const treeIndeterminate = ` - -tree-indeterminate - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/tree-open.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/tree-open.svg.ts deleted file mode 100644 index 7894670fe..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/tree-open.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const treeOpen = ` - -tree-open - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/icons/unlinked.svg.ts b/packages/ag-grid/src/ag-grid-styling/icons/unlinked.svg.ts deleted file mode 100644 index 396d71dd1..000000000 --- a/packages/ag-grid/src/ag-grid-styling/icons/unlinked.svg.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; - -export const unlinked = ` - -unlinked - - -`; diff --git a/packages/ag-grid/src/ag-grid-styling/index.ts b/packages/ag-grid/src/ag-grid-styling/index.ts deleted file mode 100644 index b647fd25d..000000000 --- a/packages/ag-grid/src/ag-grid-styling/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -export { injectAgStyles } from './utils'; -export { useAgStyles } from './hooks'; -export { THEME_NAME, agStyles } from './styles'; diff --git a/packages/ag-grid/src/ag-grid-styling/styles/cell/ag-cell.ts b/packages/ag-grid/src/ag-grid-styling/styles/cell/ag-cell.ts deleted file mode 100644 index 679a2947e..000000000 --- a/packages/ag-grid/src/ag-grid-styling/styles/cell/ag-cell.ts +++ /dev/null @@ -1,8 +0,0 @@ -export const agCell = `.ag-cell { - display: inline-block; - position: absolute; - white-space: nowrap; - height: 100%; - font-size: 14px; - font-weight: 500; - }`; diff --git a/packages/ag-grid/src/ag-grid-styling/styles/genericStyles.css.ts b/packages/ag-grid/src/ag-grid-styling/styles/genericStyles.css.ts deleted file mode 100644 index 4cf074e15..000000000 --- a/packages/ag-grid/src/ag-grid-styling/styles/genericStyles.css.ts +++ /dev/null @@ -1,2344 +0,0 @@ -import { agCell } from './cell/ag-cell'; -import { agHeaderCellText } from './header/ag-header-cell-text.css'; - -export const genericStyles = ` -/** -**************************** -* Generic Styles -**************************** -*/ -ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia { - display: block; -} - -.ag-hidden { - display: none !important; -} - -.ag-invisible { - visibility: hidden !important; -} - -.ag-no-transition { - -webkit-transition: none !important; - transition: none !important; -} - -.ag-drag-handle { - cursor: -webkit-grab; - cursor: grab; -} - -.ag-column-drop-wrapper { - display: -webkit-box; - display: flex; -} - -.ag-column-drop-horizontal-half-width { - display: inline-block; - width: 50% !important; -} - -.ag-unselectable { - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; -} - -.ag-selectable { - -moz-user-select: text; - -webkit-user-select: text; - user-select: text; -} - -.ag-tab { - position: relative; -} - -.ag-tab-guard { - position: absolute; - width: 0; - height: 0; - display: block; -} - -.ag-select-agg-func-popup { - position: absolute; -} - -.ag-input-wrapper, .ag-picker-field-wrapper { - display: -webkit-box; - display: flex; - -webkit-box-flex: 1; - flex: 1 1 auto; - -webkit-box-align: center; - align-items: center; - line-height: normal; - position: relative; -} - -.ag-shake-left-to-right { - -webkit-animation-direction: alternate; - animation-direction: alternate; - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-name: ag-shake-left-to-right; - animation-name: ag-shake-left-to-right; -} - -@-webkit-keyframes ag-shake-left-to-right { - from { - padding-left: 6px; - padding-right: 2px; - } - to { - padding-left: 2px; - padding-right: 6px; - } -} - -@keyframes ag-shake-left-to-right { - from { - padding-left: 6px; - padding-right: 2px; - } - to { - padding-left: 2px; - padding-right: 6px; - } -} -.ag-root-wrapper { - cursor: default; - position: relative; - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - overflow: hidden; -} -.ag-root-wrapper.ag-layout-normal { - height: 100%; -} - -.ag-watermark { - position: absolute; - bottom: 20px; - right: 25px; - opacity: 0.5; - -webkit-transition: opacity 1s ease-out 3s; - transition: opacity 1s ease-out 3s; -} -.ag-watermark::before { - content: ""; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzNSA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjM1NzIzLDAsMCwwLjYzNTcyMywtNDkyLjkyMSwtMzIzLjYwOCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xMDk5LjQsNTQ5LjRMMTA5OS40LDUzNi45TDEwNzguMSw1MzYuOUwxMDY1LjYsNTQ5LjRMMTA5OS40LDU0OS40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTEyMy40LDUxOC40TDEwOTYuNyw1MTguNEwxMDg0LjEsNTMwLjlMMTEyMy40LDUzMC45TDExMjMuNCw1MTguNFoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwNTMuMiw1NjEuOUwxMDU5LjYsNTU1LjVMMTA4MS4yLDU1NS41TDEwODEuMiw1NjhMMTA1My4yLDU2OEwxMDUzLjIsNTYxLjlaIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDU3LjksNTQzLjNMMTA3MS43LDU0My4zTDEwODQuMyw1MzAuOEwxMDU3LjksNTMwLjhMMTA1Ny45LDU0My4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTA0Mi44LDU2MS45TDEwNTMuMiw1NjEuOUwxMDY1LjYsNTQ5LjRMMTA0Mi44LDU0OS40TDEwNDIuOCw1NjEuOVoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwOTYuNyw1MTguNEwxMDkwLjMsNTI0LjhMMTA0OS41LDUyNC44TDEwNDkuNSw1MTIuM0wxMDk2LjcsNTEyLjNMMTA5Ni43LDUxOC40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNODI4LjYsNTU5LjdMODA5LDU1OS43TDgwNS42LDU2OC4xTDc5Nyw1NjguMUw4MTUuMSw1MjUuN0w4MjIuNiw1MjUuN0w4NDAuNyw1NjguMUw4MzIsNTY4LjFMODI4LjYsNTU5LjdaTTgyNS45LDU1M0w4MTguOCw1MzUuN0w4MTEuNyw1NTNMODI1LjksNTUzWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTYwLjEsNTQxLjNDOTYyLjYsNTM3LjYgOTY4LjksNTM3LjIgOTcxLjUsNTM3LjJMOTcxLjUsNTQ0LjRDOTY4LjMsNTQ0LjQgOTY1LjEsNTQ0LjUgOTYzLjIsNTQ1LjlDOTYxLjMsNTQ3LjMgOTYwLjMsNTQ5LjIgOTYwLjMsNTUxLjVMOTYwLjMsNTY4LjFMOTUyLjUsNTY4LjFMOTUyLjUsNTM3LjJMOTYwLDUzNy4yTDk2MC4xLDU0MS4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTM3LjIiIHdpZHRoPSI3LjgiIGhlaWdodD0iMzAuOSIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTIzLjQiIHdpZHRoPSI3LjgiIGhlaWdodD0iOS4yIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDIyLjMsNTIzLjRMMTAyMi4zLDU2OC4xTDEwMTQuOCw1NjguMUwxMDE0LjYsNTYzLjRDMTAxMy41LDU2NSAxMDEyLjEsNTY2LjMgMTAxMC40LDU2Ny4zQzEwMDguNyw1NjguMiAxMDA2LjYsNTY4LjcgMTAwNC4yLDU2OC43QzEwMDIuMSw1NjguNyAxMDAwLjEsNTY4LjMgOTk4LjQsNTY3LjZDOTk2LjYsNTY2LjggOTk1LDU2NS44IDk5My43LDU2NC40Qzk5Mi40LDU2MyA5OTEuMyw1NjEuMyA5OTAuNiw1NTkuNEM5ODkuOCw1NTcuNSA5ODkuNSw1NTUuMyA5ODkuNSw1NTIuOUM5ODkuNSw1NTAuNSA5ODkuOSw1NDguMyA5OTAuNiw1NDYuM0M5OTEuNCw1NDQuMyA5OTIuNCw1NDIuNiA5OTMuNyw1NDEuMkM5OTUsNTM5LjggOTk2LjYsNTM4LjcgOTk4LjQsNTM3LjlDMTAwMC4yLDUzNy4xIDEwMDIuMSw1MzYuNyAxMDA0LjIsNTM2LjdDMTAwNi42LDUzNi43IDEwMDguNiw1MzcuMSAxMDEwLjMsNTM4QzEwMTIsNTM4LjkgMTAxMy40LDU0MC4xIDEwMTQuNSw1NDEuOEwxMDE0LjUsNTIzLjVMMTAyMi4zLDUyMy41TDEwMjIuMyw1MjMuNFpNMTAwNS45LDU2MkMxMDA4LjUsNTYyIDEwMTAuNSw1NjEuMSAxMDEyLjEsNTU5LjRDMTAxMy43LDU1Ny43IDEwMTQuNSw1NTUuNCAxMDE0LjUsNTUyLjZDMTAxNC41LDU0OS44IDEwMTMuNyw1NDcuNiAxMDEyLjEsNTQ1LjhDMTAxMC41LDU0NC4xIDEwMDguNSw1NDMuMiAxMDA1LjksNTQzLjJDMTAwMy40LDU0My4yIDEwMDEuMyw1NDQuMSA5OTkuOCw1NDUuOEM5OTguMiw1NDcuNSA5OTcuNCw1NDkuOCA5OTcuNCw1NTIuNkM5OTcuNCw1NTUuNCA5OTguMiw1NTcuNiA5OTkuOCw1NTkuM0MxMDAxLjQsNTYxLjEgMTAwMy40LDU2MiAxMDA1LjksNTYyIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik04ODUuOCw1NDQuMkw4NjYuNSw1NDQuMkw4NjYuNSw1NTAuOUw4NzcuNSw1NTAuOUM4NzcuMiw1NTQuMyA4NzUuOSw1NTYuOSA4NzMuNyw1NTlDODcxLjUsNTYxIDg2OC43LDU2MiA4NjUuMSw1NjJDODYzLjEsNTYyIDg2MS4yLDU2MS42IDg1OS42LDU2MC45Qzg1Ny45LDU2MC4yIDg1Ni41LDU1OS4yIDg1NS4zLDU1Ny44Qzg1NC4xLDU1Ni41IDg1My4yLDU1NC45IDg1Mi41LDU1M0M4NTEuOCw1NTEuMSA4NTEuNSw1NDkuMSA4NTEuNSw1NDYuOEM4NTEuNSw1NDQuNSA4NTEuOCw1NDIuNSA4NTIuNSw1NDAuNkM4NTMuMSw1MzguNyA4NTQuMSw1MzcuMiA4NTUuMyw1MzUuOEM4NTYuNSw1MzQuNSA4NTcuOSw1MzMuNSA4NTkuNiw1MzIuN0M4NjEuMyw1MzIgODYzLjEsNTMxLjYgODY1LjIsNTMxLjZDODY5LjQsNTMxLjYgODcyLjYsNTMyLjYgODc0LjgsNTM0LjZMODgwLDUyOS40Qzg3Ni4xLDUyNi40IDg3MS4xLDUyNC44IDg2NS4yLDUyNC44Qzg2MS45LDUyNC44IDg1OC45LDUyNS4zIDg1Ni4yLDUyNi40Qzg1My41LDUyNy41IDg1MS4yLDUyOC45IDg0OS4zLDUzMC44Qzg0Ny40LDUzMi43IDg0NS45LDUzNSA4NDQuOSw1MzcuN0M4NDMuOSw1NDAuNCA4NDMuNCw1NDMuNCA4NDMuNCw1NDYuNkM4NDMuNCw1NDkuOCA4NDMuOSw1NTIuOCA4NDUsNTU1LjVDODQ2LjEsNTU4LjIgODQ3LjUsNTYwLjUgODQ5LjQsNTYyLjRDODUxLjMsNTY0LjMgODUzLjYsNTY1LjggODU2LjMsNTY2LjhDODU5LDU2Ny45IDg2Miw1NjguNCA4NjUuMiw1NjguNEM4NjguNCw1NjguNCA4NzEuMyw1NjcuOSA4NzMuOSw1NjYuOEM4NzYuNSw1NjUuNyA4NzguNyw1NjQuMyA4ODAuNSw1NjIuNEM4ODIuMyw1NjAuNSA4ODMuNyw1NTguMiA4ODQuNyw1NTUuNUM4ODUuNyw1NTIuOCA4ODYuMiw1NDkuOCA4ODYuMiw1NDYuNkw4ODYuMiw1NDUuM0M4ODUuOSw1NDUuMSA4ODUuOCw1NDQuNiA4ODUuOCw1NDQuMiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTQ2LjgsNTQ0LjJMOTI3LjUsNTQ0LjJMOTI3LjUsNTUwLjlMOTM4LjUsNTUwLjlDOTM4LjIsNTU0LjMgOTM2LjksNTU2LjkgOTM0LjcsNTU5QzkzMi41LDU2MSA5MjkuNyw1NjIgOTI2LjEsNTYyQzkyNC4xLDU2MiA5MjIuMiw1NjEuNiA5MjAuNiw1NjAuOUM5MTguOSw1NjAuMiA5MTcuNSw1NTkuMiA5MTYuMyw1NTcuOEM5MTUuMSw1NTYuNSA5MTQuMiw1NTQuOSA5MTMuNSw1NTNDOTEyLjgsNTUxLjEgOTEyLjUsNTQ5LjEgOTEyLjUsNTQ2LjhDOTEyLjUsNTQ0LjUgOTEyLjgsNTQyLjUgOTEzLjUsNTQwLjZDOTE0LjEsNTM4LjcgOTE1LjEsNTM3LjIgOTE2LjMsNTM1LjhDOTE3LjUsNTM0LjUgOTE4LjksNTMzLjUgOTIwLjYsNTMyLjdDOTIyLjMsNTMyIDkyNC4xLDUzMS42IDkyNi4yLDUzMS42QzkzMC40LDUzMS42IDkzMy42LDUzMi42IDkzNS44LDUzNC42TDk0MSw1MjkuNEM5MzcuMSw1MjYuNCA5MzIuMSw1MjQuOCA5MjYuMiw1MjQuOEM5MjIuOSw1MjQuOCA5MTkuOSw1MjUuMyA5MTcuMiw1MjYuNEM5MTQuNSw1MjcuNSA5MTIuMiw1MjguOSA5MTAuMyw1MzAuOEM5MDguNCw1MzIuNyA5MDYuOSw1MzUgOTA1LjksNTM3LjdDOTA0LjksNTQwLjQgOTA0LjQsNTQzLjQgOTA0LjQsNTQ2LjZDOTA0LjQsNTQ5LjggOTA0LjksNTUyLjggOTA2LDU1NS41QzkwNy4xLDU1OC4yIDkwOC41LDU2MC41IDkxMC40LDU2Mi40QzkxMi4zLDU2NC4zIDkxNC42LDU2NS44IDkxNy4zLDU2Ni44QzkyMCw1NjcuOSA5MjMsNTY4LjQgOTI2LjIsNTY4LjRDOTI5LjQsNTY4LjQgOTMyLjMsNTY3LjkgOTM0LjksNTY2LjhDOTM3LjUsNTY1LjcgOTM5LjcsNTY0LjMgOTQxLjUsNTYyLjRDOTQzLjMsNTYwLjUgOTQ0LjcsNTU4LjIgOTQ1LjcsNTU1LjVDOTQ2LjcsNTUyLjggOTQ3LjIsNTQ5LjggOTQ3LjIsNTQ2LjZMOTQ3LjIsNTQ1LjNDOTQ2LjksNTQ1LjEgOTQ2LjgsNTQ0LjYgOTQ2LjgsNTQ0LjIiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); - background-repeat: no-repeat; - background-size: 170px 40px; - display: block; - height: 40px; - width: 170px; - opacity: 0.5; -} - -.ag-watermark-text { - opacity: 0.5; - font-weight: bold; - font-family: Impact, sans-serif; - font-size: 19px; - padding-left: 0.7rem; -} - -.ag-root-wrapper-body { - display: -webkit-box; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - flex-direction: row; -} -.ag-root-wrapper-body.ag-layout-normal { - -webkit-box-flex: 1; - flex: 1 1 auto; - height: 0; - min-height: 0; -} - -.ag-root { - position: relative; - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; -} -.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height { - overflow: auto; - -webkit-box-flex: 1; - flex: 1 1 auto; - width: 0; -} -.ag-root.ag-layout-normal { - height: 100%; -} - -/** -**************************** -* Viewports -**************************** -*/ -.ag-header-viewport, -.ag-floating-top-viewport, -.ag-body-viewport, -.ag-center-cols-viewport, -.ag-floating-bottom-viewport, -.ag-body-horizontal-scroll-viewport, -.ag-virtual-list-viewport, -.ag-sticky-top-viewport { - position: relative; - height: 100%; - min-width: 0px; - overflow: hidden; - -webkit-box-flex: 1; - flex: 1 1 auto; -} - -.ag-body-viewport { - display: -webkit-box; - display: flex; -} -.ag-body-viewport.ag-layout-normal { - overflow-y: auto; - -webkit-overflow-scrolling: touch; -} - -.ag-center-cols-viewport { - width: 100%; - overflow-x: auto; -} - -.ag-body-horizontal-scroll-viewport { - overflow-x: scroll; -} - -.ag-virtual-list-viewport { - overflow: auto; - width: 100%; -} - -/** -**************************** -* Containers -**************************** -*/ -.ag-header-container, -.ag-floating-top-container, -.ag-body-container, -.ag-pinned-right-cols-container, -.ag-center-cols-container, -.ag-pinned-left-cols-container, -.ag-floating-bottom-container, -.ag-body-horizontal-scroll-container, -.ag-full-width-container, -.ag-floating-bottom-full-width-container, -.ag-virtual-list-container, -.ag-sticky-top-container { - position: relative; -} - -.ag-header-container, -.ag-floating-top-container, -.ag-floating-bottom-container, -.ag-sticky-top-container { - height: 100%; - white-space: nowrap; -} - -.ag-center-cols-container { - display: block; -} - -.ag-pinned-right-cols-container { - display: block; -} - -.ag-body-horizontal-scroll-container { - height: 100%; -} - -.ag-full-width-container, -.ag-floating-top-full-width-container, -.ag-floating-bottom-full-width-container, -.ag-sticky-top-full-width-container { - position: absolute; - top: 0px; - left: 0px; - pointer-events: none; -} - -.ag-full-width-container { - width: 100%; -} - -.ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container { - display: inline-block; - overflow: hidden; - height: 100%; - width: 100%; -} - -.ag-virtual-list-container { - overflow: hidden; -} - -/** -**************************** -* Scrollers -**************************** -*/ -.ag-center-cols-clipper { - -webkit-box-flex: 1; - flex: 1 1 auto; - min-width: 0; - overflow: hidden; - min-height: 100%; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -.ag-body-horizontal-scroll { - min-height: 0; - min-width: 0; - width: 100%; - display: -webkit-box; - display: flex; - position: relative; -} -.ag-body-horizontal-scroll.ag-scrollbar-invisible { - position: absolute; - bottom: 0; - left: 0; - right: 0; -} -.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar { - display: none; -} -.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active { - display: inherit; -} - -.ag-force-vertical-scroll { - overflow-y: scroll !important; -} - -.ag-horizontal-left-spacer, .ag-horizontal-right-spacer { - height: 100%; - min-width: 0; - overflow-x: scroll; -} -.ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner { - overflow-x: hidden; -} - -/** -**************************** -* Headers -**************************** -*/ -.ag-header, .ag-pinned-left-header, .ag-pinned-right-header { - display: inline-block; - overflow: hidden; - position: relative; -} - -.ag-header-cell-sortable { - cursor: pointer; -} - -.ag-header { - display: -webkit-box; - display: flex; - width: 100%; - white-space: nowrap; -} - -.ag-pinned-left-header { - height: 100%; -} - -.ag-pinned-right-header { - height: 100%; -} - -.ag-header-row { - position: absolute; - overflow: hidden; -} - -.ag-header-cell { - display: -webkit-inline-box; - display: inline-flex; - -webkit-box-align: center; - align-items: center; - position: absolute; - height: 100%; - overflow: hidden; -} - -.ag-header-cell.ag-header-active .ag-header-cell-menu-button { - opacity: 1; -} - -.ag-header-cell-menu-button:not(.ag-header-menu-always-show) { - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; - opacity: 0; -} - -.ag-header-group-cell-label, .ag-header-cell-label { - display: -webkit-box; - display: flex; - -webkit-box-flex: 1; - flex: 1 1 auto; - overflow: hidden; - -webkit-box-align: center; - align-items: center; - text-overflow: ellipsis; - align-self: stretch; -} - -${agHeaderCellText} - -.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper { - height: 100%; - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.ag-header-cell-comp-wrapper { - width: 100%; - overflow: hidden; -} - -.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper { - white-space: normal; -} - -.ag-right-aligned-header .ag-header-cell-label { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - flex-direction: row-reverse; -} - -.ag-header-group-text { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.ag-header-cell-resize { - position: absolute; - z-index: 2; - height: 100%; - width: 8px; - top: 0; - cursor: ew-resize; -} -.ag-ltr .ag-header-cell-resize { - right: -4px; -} -.ag-rtl .ag-header-cell-resize { - left: -4px; -} - -.ag-pinned-left-header .ag-header-cell-resize { - right: -4px; -} - -.ag-pinned-right-header .ag-header-cell-resize { - left: -4px; -} - -.ag-header-select-all { - display: -webkit-box; - display: flex; -} - -/** -**************************** -* Columns -**************************** -*/ -.ag-column-moving .ag-cell { - -webkit-transition: left 0.2s; - transition: left 0.2s; -} -.ag-column-moving .ag-header-cell { - -webkit-transition: left 0.2s; - transition: left 0.2s; -} -.ag-column-moving .ag-header-group-cell { - -webkit-transition: left 0.2s, width 0.2s; - transition: left 0.2s, width 0.2s; -} - -/** -**************************** -* Column Panel -**************************** -*/ -.ag-column-panel { - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - overflow: hidden; - -webkit-box-flex: 1; - flex: 1 1 auto; -} - -.ag-column-select { - position: relative; - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - overflow: hidden; - -webkit-box-flex: 3; - flex: 3 1 0px; -} - -.ag-column-select-header { - position: relative; - display: -webkit-box; - display: flex; - -webkit-box-flex: 0; - flex: none; -} - -.ag-column-select-header-icon { - position: relative; -} - -.ag-column-select-header-filter-wrapper { - -webkit-box-flex: 1; - flex: 1 1 auto; -} - -.ag-column-select-header-filter { - width: 100%; -} - -.ag-column-select-list { - -webkit-box-flex: 1; - flex: 1 1 0px; - overflow: hidden; -} - -.ag-column-drop { - position: relative; - display: -webkit-inline-box; - display: inline-flex; - -webkit-box-align: center; - align-items: center; - overflow: auto; - width: 100%; -} - -.ag-column-drop-list { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.ag-column-drop-cell { - position: relative; - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.ag-column-drop-cell-text { - overflow: hidden; - -webkit-box-flex: 1; - flex: 1 1 auto; - text-overflow: ellipsis; - white-space: nowrap; -} - -.ag-column-drop-vertical { - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - overflow: hidden; - -webkit-box-align: stretch; - align-items: stretch; - -webkit-box-flex: 1; - flex: 1 1 0px; -} - -.ag-column-drop-vertical-title-bar { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; - -webkit-box-flex: 0; - flex: none; -} - -.ag-column-drop-vertical-list { - position: relative; - -webkit-box-align: stretch; - align-items: stretch; - -webkit-box-flex: 1; - flex-grow: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - overflow-x: auto; -} -.ag-column-drop-vertical-list > * { - -webkit-box-flex: 0; - flex: none; -} - -.ag-column-drop-empty .ag-column-drop-vertical-list { - overflow: hidden; -} - -.ag-column-drop-vertical-empty-message { - display: block; -} - -.ag-column-drop.ag-column-drop-horizontal { - white-space: nowrap; - overflow: hidden; -} - -.ag-column-drop-cell-button { - cursor: pointer; -} - -.ag-filter-toolpanel { - -webkit-box-flex: 1; - flex: 1 1 0px; - min-width: 0; -} - -.ag-filter-toolpanel-header { - position: relative; -} - -.ag-filter-toolpanel-header, .ag-filter-toolpanel-search { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} -.ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.ag-filter-apply-panel { - display: -webkit-box; - display: flex; - -webkit-box-pack: end; - justify-content: flex-end; - overflow: hidden; -} - -/** -**************************** -* Rows -**************************** -*/ -.ag-row-animation .ag-row { - -webkit-transition: top 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; - transition: top 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; - transition: transform 0.4s, top 0.4s, background-color 0.1s, opacity 0.2s; - transition: transform 0.4s, top 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; -} - -.ag-row-animation .ag-row.ag-after-created { - -webkit-transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; - transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; - transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s; - transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; -} - -.ag-row-no-animation .ag-row { - -webkit-transition: background-color 0.1s; - transition: background-color 0.1s; -} - -.ag-row { - white-space: nowrap; - width: 100%; -} - -.ag-row-loading { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.ag-row-position-absolute { - position: absolute; -} - -.ag-row-position-relative { - position: relative; -} - -.ag-full-width-row { - overflow: hidden; - pointer-events: all; -} - -.ag-row-inline-editing { - z-index: 1; -} - -.ag-row-dragging { - z-index: 2; -} - -.ag-stub-cell { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -/** -**************************** -* Cells -**************************** -*/ -${agCell} - -.ag-cell-value { - -webkit-box-flex: 1; - flex: 1 1 auto; -} - -.ag-cell-value, .ag-group-value { - overflow: hidden; - text-overflow: ellipsis; -} - -.ag-cell-wrap-text { - white-space: normal; - word-break: break-all; -} - -.ag-cell-wrapper { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} -.ag-cell-wrapper.ag-row-group { - -webkit-box-align: start; - align-items: flex-start; -} - -.ag-sparkline-wrapper { - position: absolute; - height: 100%; - width: 100%; - left: 0; - top: 0; -} - -.ag-full-width-row .ag-cell-wrapper.ag-row-group { - height: 100%; - -webkit-box-align: center; - align-items: center; -} - -.ag-cell-inline-editing { - z-index: 1; -} -.ag-cell-inline-editing .ag-cell-wrapper, -.ag-cell-inline-editing .ag-cell-edit-wrapper, -.ag-cell-inline-editing .ag-cell-editor, -.ag-cell-inline-editing .ag-cell-editor .ag-wrapper, -.ag-cell-inline-editing .ag-cell-editor input { - height: 100%; - width: 100%; - line-height: normal; -} - -.ag-cell .ag-icon { - display: inline-block; - vertical-align: middle; -} - -/** -**************************** -* Filters -**************************** -*/ -.ag-set-filter-item { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; - height: 100%; -} - -.ag-set-filter-item-value { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.ag-set-filter-item-checkbox { - display: -webkit-box; - display: flex; -} - -.ag-filter-body-wrapper { - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; -} - -.ag-filter-filter { - -webkit-box-flex: 1; - flex: 1 1 0px; -} - -.ag-filter-condition { - display: -webkit-box; - display: flex; - -webkit-box-pack: center; - justify-content: center; -} - -/** -**************************** -* Floating Filter -**************************** -*/ -.ag-floating-filter-body { - position: relative; - display: -webkit-box; - display: flex; - -webkit-box-flex: 1; - flex: 1 1 auto; - height: 100%; -} - -.ag-floating-filter-full-body { - display: -webkit-box; - display: flex; - -webkit-box-flex: 1; - flex: 1 1 auto; - height: 100%; - width: 100%; - -webkit-box-align: center; - align-items: center; - overflow: hidden; -} - -.ag-floating-filter-full-body > div { - -webkit-box-flex: 1; - flex: 1 1 auto; -} - -.ag-floating-filter-input { - -webkit-box-align: center; - align-items: center; - display: -webkit-box; - display: flex; - width: 100%; -} -.ag-floating-filter-input > * { - -webkit-box-flex: 1; - flex: 1 1 auto; -} - -.ag-floating-filter-button { - display: -webkit-box; - display: flex; - -webkit-box-flex: 0; - flex: none; -} - -/** -**************************** -* Drag & Drop -**************************** -*/ -.ag-dnd-ghost { - position: absolute; - display: -webkit-inline-box; - display: inline-flex; - -webkit-box-align: center; - align-items: center; - cursor: move; - white-space: nowrap; - z-index: 9999; -} - -/** -**************************** -* Overlay -**************************** -*/ -.ag-overlay { - height: 100%; - left: 0; - pointer-events: none; - position: absolute; - top: 0; - width: 100%; -} - -.ag-overlay-panel { - display: -webkit-box; - display: flex; - height: 100%; - width: 100%; -} - -.ag-overlay-wrapper { - display: -webkit-box; - display: flex; - -webkit-box-flex: 0; - flex: none; - width: 100%; - height: 100%; - -webkit-box-align: center; - align-items: center; - -webkit-box-pack: center; - justify-content: center; - text-align: center; -} - -.ag-overlay-loading-wrapper { - pointer-events: all; -} - -/** -**************************** -* Popup -**************************** -*/ -.ag-popup-child { - z-index: 5; - top: 0; -} - -.ag-popup-editor { - position: absolute; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - z-index: 1; -} - -.ag-large-text-input { - display: block; -} - -/** -**************************** -* Virtual Lists -**************************** -*/ -.ag-virtual-list-item { - position: absolute; - width: 100%; -} - -/** -**************************** -* Floating Top and Bottom -**************************** -*/ -.ag-floating-top { - overflow: hidden; - white-space: nowrap; - width: 100%; - position: relative; - display: -webkit-box; - display: flex; -} - -.ag-pinned-left-floating-top { - display: inline-block; - overflow: hidden; - position: relative; - min-width: 0px; -} - -.ag-pinned-right-floating-top { - display: inline-block; - overflow: hidden; - position: relative; - min-width: 0px; -} - -.ag-floating-bottom { - overflow: hidden; - white-space: nowrap; - width: 100%; - position: relative; - display: -webkit-box; - display: flex; -} - -.ag-pinned-left-floating-bottom { - display: inline-block; - overflow: hidden; - position: relative; - min-width: 0px; -} - -.ag-pinned-right-floating-bottom { - display: inline-block; - overflow: hidden; - position: relative; - min-width: 0px; -} - -/** -**************************** -* Sticky Top -**************************** -*/ -.ag-sticky-top { - position: absolute; - display: -webkit-box; - display: flex; - width: 100%; -} - -.ag-pinned-left-sticky-top, -.ag-pinned-right-sticky-top { - position: relative; - height: 100%; - overflow: hidden; -} - -.ag-sticky-top-full-width-container { - overflow: hidden; - width: 100%; - height: 100%; -} - -/** -**************************** -* Dialog -**************************** -*/ -.ag-dialog, .ag-panel { - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - position: relative; - overflow: hidden; -} - -.ag-panel-title-bar { - display: -webkit-box; - display: flex; - -webkit-box-flex: 0; - flex: none; - -webkit-box-align: center; - align-items: center; - cursor: default; -} - -.ag-panel-title-bar-title { - -webkit-box-flex: 1; - flex: 1 1 auto; -} - -.ag-panel-title-bar-buttons { - display: -webkit-box; - display: flex; -} - -.ag-panel-title-bar-button { - cursor: pointer; -} - -.ag-panel-content-wrapper { - display: -webkit-box; - display: flex; - -webkit-box-flex: 1; - flex: 1 1 auto; - position: relative; - overflow: hidden; -} - -.ag-dialog { - position: absolute; -} - -.ag-resizer { - position: absolute; - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - z-index: 1; -} -.ag-resizer.ag-resizer-topLeft { - top: 0; - left: 0; - height: 5px; - width: 5px; - cursor: nwse-resize; -} -.ag-resizer.ag-resizer-top { - top: 0; - left: 5px; - right: 5px; - height: 5px; - cursor: ns-resize; -} -.ag-resizer.ag-resizer-topRight { - top: 0; - right: 0; - height: 5px; - width: 5px; - cursor: nesw-resize; -} -.ag-resizer.ag-resizer-right { - top: 5px; - right: 0; - bottom: 5px; - width: 5px; - cursor: ew-resize; -} -.ag-resizer.ag-resizer-bottomRight { - bottom: 0; - right: 0; - height: 5px; - width: 5px; - cursor: nwse-resize; -} -.ag-resizer.ag-resizer-bottom { - bottom: 0; - left: 5px; - right: 5px; - height: 5px; - cursor: ns-resize; -} -.ag-resizer.ag-resizer-bottomLeft { - bottom: 0; - left: 0; - height: 5px; - width: 5px; - cursor: nesw-resize; -} -.ag-resizer.ag-resizer-left { - left: 0; - top: 5px; - bottom: 5px; - width: 5px; - cursor: ew-resize; -} - -/** -**************************** -* Tooltip -**************************** -*/ -.ag-tooltip { - position: absolute; - pointer-events: none; - z-index: 99999; -} - -.ag-tooltip-custom { - position: absolute; - pointer-events: none; - z-index: 99999; -} - -/** -**************************** -* Animations -**************************** -*/ -.ag-value-slide-out { - margin-right: 5px; - opacity: 1; - -webkit-transition: opacity 3s, margin-right 3s; - transition: opacity 3s, margin-right 3s; - -webkit-transition-timing-function: linear; - transition-timing-function: linear; -} - -.ag-value-slide-out-end { - margin-right: 10px; - opacity: 0; -} - -.ag-opacity-zero { - opacity: 0 !important; -} - -/** -**************************** -* Menu -**************************** -*/ -.ag-menu { - max-height: 100%; - overflow-y: auto; - position: absolute; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.ag-menu-column-select-wrapper { - height: 265px; - overflow: auto; -} -.ag-menu-column-select-wrapper .ag-column-select { - height: 100%; -} - -.ag-menu-list { - display: table; - width: 100%; -} - -.ag-menu-option, .ag-menu-separator { - display: table-row; -} - -.ag-menu-option-part, .ag-menu-separator-part { - display: table-cell; - vertical-align: middle; -} - -.ag-menu-option-text { - white-space: nowrap; -} - -.ag-compact-menu-option { - width: 100%; - display: -webkit-box; - display: flex; - flex-wrap: nowrap; -} - -.ag-compact-menu-option-text { - white-space: nowrap; - -webkit-box-flex: 1; - flex: 1 1 auto; -} - -/** -**************************** -* Rich Select -**************************** -*/ -.ag-rich-select { - cursor: default; - outline: none; -} - -.ag-rich-select-value { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.ag-rich-select-value-icon { - -webkit-box-flex: 1; - flex: 1 1 auto; - -webkit-box-ordinal-group: 2; - order: 1; -} -.ag-ltr .ag-rich-select-value-icon { - text-align: right; -} -.ag-rtl .ag-rich-select-value-icon { - text-align: left; -} - -.ag-rich-select-list { - position: relative; -} - -.ag-rich-select-virtual-list-item { - display: -webkit-box; - display: flex; -} - -.ag-rich-select-row { - display: -webkit-box; - display: flex; - -webkit-box-flex: 1; - flex: 1 1 auto; - -webkit-box-align: center; - align-items: center; - white-space: nowrap; -} - -/** -**************************** -* Pagination -**************************** -*/ -.ag-paging-panel { - -webkit-box-align: center; - align-items: center; - display: -webkit-box; - display: flex; - -webkit-box-pack: end; - justify-content: flex-end; -} - -.ag-paging-page-summary-panel { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.ag-paging-button { - position: relative; -} - -.ag-disabled .ag-paging-page-summary-panel { - pointer-events: none; -} - -/** -**************************** -* Tool Panel -**************************** -*/ -.ag-tool-panel-wrapper { - display: -webkit-box; - display: flex; - overflow-y: auto; - overflow-x: hidden; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.ag-column-select-column, -.ag-column-select-column-group, -.ag-select-agg-func-item { - position: relative; - -webkit-box-align: center; - align-items: center; - display: -webkit-box; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - flex-direction: row; - flex-wrap: nowrap; - text-overflow: ellipsis; - white-space: nowrap; - height: 100%; -} -.ag-column-select-column > *, -.ag-column-select-column-group > *, -.ag-select-agg-func-item > * { - -webkit-box-flex: 0; - flex: none; -} - -.ag-column-select-checkbox { - display: -webkit-box; - display: flex; -} - -.ag-tool-panel-horizontal-resize { - cursor: ew-resize; - height: 100%; - position: absolute; - top: 0; - width: 5px; - z-index: 1; -} - -.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize { - right: -3px; -} -.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize { - left: -3px; -} - -.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize { - left: -3px; -} -.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize { - right: -3px; -} - -.ag-details-row { - width: 100%; -} - -.ag-details-row-fixed-height { - height: 100%; -} - -.ag-details-grid { - width: 100%; -} - -.ag-details-grid-fixed-height { - height: 100%; -} - -.ag-header-group-cell { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; - height: 100%; - position: absolute; -} - -.ag-cell-label-container { - display: -webkit-box; - display: flex; - -webkit-box-pack: justify; - justify-content: space-between; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - flex-direction: row-reverse; - -webkit-box-align: center; - align-items: center; - height: 100%; - width: 100%; - overflow: hidden; - padding: 5px 0px; -} - -.ag-right-aligned-header .ag-cell-label-container { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - flex-direction: row; -} - -/** -**************************** -* Side Bar -**************************** -*/ -.ag-side-bar { - display: -webkit-box; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - flex-direction: row-reverse; -} - -.ag-side-bar-left { - -webkit-box-ordinal-group: 0; - order: -1; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - flex-direction: row; -} - -.ag-side-button-button { - position: relative; - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - -webkit-box-align: center; - align-items: center; - -webkit-box-pack: center; - justify-content: center; - flex-wrap: nowrap; - white-space: nowrap; - outline: none; - cursor: pointer; -} - -.ag-side-button-label { - -webkit-writing-mode: vertical-lr; - writing-mode: vertical-lr; -} - -/** -**************************** -* Status Bar -**************************** -*/ -.ag-status-bar { - display: -webkit-box; - display: flex; - -webkit-box-pack: justify; - justify-content: space-between; - overflow: hidden; -} - -.ag-status-panel { - display: -webkit-inline-box; - display: inline-flex; -} - -.ag-status-name-value { - white-space: nowrap; -} - -.ag-status-bar-left { - display: -webkit-inline-box; - display: inline-flex; -} - -.ag-status-bar-center { - display: -webkit-inline-box; - display: inline-flex; -} - -.ag-status-bar-right { - display: -webkit-inline-box; - display: inline-flex; -} - -/** -**************************** -* Widgets -**************************** -*/ -.ag-icon { - display: block; - speak: none; -} - -.ag-group { - position: relative; - width: 100%; -} - -.ag-group-title-bar { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.ag-group-title { - display: block; - -webkit-box-flex: 1; - flex: 1 1 auto; - min-width: 0; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} - -.ag-group-title-bar .ag-group-title { - cursor: default; -} - -.ag-group-toolbar { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.ag-group-container { - display: -webkit-box; - display: flex; -} - -.ag-disabled .ag-group-container { - pointer-events: none; -} - -.ag-group-container-horizontal { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - flex-direction: row; - flex-wrap: wrap; -} - -.ag-group-container-vertical { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; -} - -.ag-column-group-icons { - display: block; -} -.ag-column-group-icons > * { - cursor: pointer; -} - -.ag-group-item-alignment-stretch .ag-group-item { - -webkit-box-align: stretch; - align-items: stretch; -} - -.ag-group-item-alignment-start .ag-group-item { - -webkit-box-align: start; - align-items: flex-start; -} - -.ag-group-item-alignment-end .ag-group-item { - -webkit-box-align: end; - align-items: flex-end; -} - -.ag-toggle-button-icon { - -webkit-transition: right 0.3s; - transition: right 0.3s; - position: absolute; - top: -1px; -} - -.ag-input-field, .ag-select { - display: -webkit-box; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - flex-direction: row; - -webkit-box-align: center; - align-items: center; -} - -.ag-input-field-input { - -webkit-box-flex: 1; - flex: 1 1 auto; - width: 100%; - min-width: 0; -} - -.ag-floating-filter-input .ag-input-field-input[type=date] { - width: 1px; -} - -.ag-range-field { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.ag-angle-select { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.ag-angle-select-wrapper { - display: -webkit-box; - display: flex; -} - -.ag-angle-select-parent-circle { - display: block; - position: relative; -} - -.ag-angle-select-child-circle { - position: absolute; -} - -.ag-slider-wrapper { - display: -webkit-box; - display: flex; -} -.ag-slider-wrapper .ag-input-field { - -webkit-box-flex: 1; - flex: 1 1 auto; -} - -.ag-picker-field-display { - -webkit-box-flex: 1; - flex: 1 1 auto; -} - -.ag-picker-field { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.ag-picker-field-icon { - display: -webkit-box; - display: flex; - border: 0; - padding: 0; - margin: 0; - cursor: pointer; -} - -.ag-picker-field-wrapper { - overflow: hidden; -} - -.ag-label-align-right .ag-label { - -webkit-box-ordinal-group: 2; - order: 1; -} -.ag-label-align-right > * { - -webkit-box-flex: 0; - flex: none; -} - -.ag-label-align-top { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - -webkit-box-align: start; - align-items: flex-start; -} -.ag-label-align-top > * { - align-self: stretch; -} - -.ag-color-panel { - width: 100%; - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - text-align: center; -} - -.ag-spectrum-color { - -webkit-box-flex: 1; - flex: 1 1 auto; - position: relative; - overflow: hidden; - cursor: default; -} - -.ag-spectrum-fill { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} - -.ag-spectrum-val { - cursor: pointer; -} - -.ag-spectrum-dragger { - position: absolute; - pointer-events: none; - cursor: pointer; -} - -.ag-spectrum-hue { - cursor: default; - background: -webkit-gradient(linear, right top, left top, color-stop(3%, #ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000)); - background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); -} - -.ag-spectrum-alpha { - cursor: default; -} - -.ag-spectrum-hue-background { - width: 100%; - height: 100%; -} - -.ag-spectrum-alpha-background { - background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0))); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0)); - width: 100%; - height: 100%; -} - -.ag-spectrum-tool { - cursor: pointer; -} - -.ag-spectrum-slider { - position: absolute; - pointer-events: none; -} - -.ag-recent-colors { - display: -webkit-box; - display: flex; -} - -.ag-recent-color { - cursor: pointer; -} - -.ag-ltr .ag-column-select-indent-1 { - padding-left: 20px; -} -.ag-rtl .ag-column-select-indent-1 { - padding-right: 20px; -} - -.ag-ltr .ag-row-group-indent-1 { - padding-left: 20px; -} -.ag-rtl .ag-row-group-indent-1 { - padding-right: 20px; -} - -.ag-ltr .ag-column-select-indent-2 { - padding-left: 40px; -} -.ag-rtl .ag-column-select-indent-2 { - padding-right: 40px; -} - -.ag-ltr .ag-row-group-indent-2 { - padding-left: 40px; -} -.ag-rtl .ag-row-group-indent-2 { - padding-right: 40px; -} - -.ag-ltr .ag-column-select-indent-3 { - padding-left: 60px; -} -.ag-rtl .ag-column-select-indent-3 { - padding-right: 60px; -} - -.ag-ltr .ag-row-group-indent-3 { - padding-left: 60px; -} -.ag-rtl .ag-row-group-indent-3 { - padding-right: 60px; -} - -.ag-ltr .ag-column-select-indent-4 { - padding-left: 80px; -} -.ag-rtl .ag-column-select-indent-4 { - padding-right: 80px; -} - -.ag-ltr .ag-row-group-indent-4 { - padding-left: 80px; -} -.ag-rtl .ag-row-group-indent-4 { - padding-right: 80px; -} - -.ag-ltr .ag-column-select-indent-5 { - padding-left: 100px; -} -.ag-rtl .ag-column-select-indent-5 { - padding-right: 100px; -} - -.ag-ltr .ag-row-group-indent-5 { - padding-left: 100px; -} -.ag-rtl .ag-row-group-indent-5 { - padding-right: 100px; -} - -.ag-ltr .ag-column-select-indent-6 { - padding-left: 120px; -} -.ag-rtl .ag-column-select-indent-6 { - padding-right: 120px; -} - -.ag-ltr .ag-row-group-indent-6 { - padding-left: 120px; -} -.ag-rtl .ag-row-group-indent-6 { - padding-right: 120px; -} - -.ag-ltr .ag-column-select-indent-7 { - padding-left: 140px; -} -.ag-rtl .ag-column-select-indent-7 { - padding-right: 140px; -} - -.ag-ltr .ag-row-group-indent-7 { - padding-left: 140px; -} -.ag-rtl .ag-row-group-indent-7 { - padding-right: 140px; -} - -.ag-ltr .ag-column-select-indent-8 { - padding-left: 160px; -} -.ag-rtl .ag-column-select-indent-8 { - padding-right: 160px; -} - -.ag-ltr .ag-row-group-indent-8 { - padding-left: 160px; -} -.ag-rtl .ag-row-group-indent-8 { - padding-right: 160px; -} - -.ag-ltr .ag-column-select-indent-9 { - padding-left: 180px; -} -.ag-rtl .ag-column-select-indent-9 { - padding-right: 180px; -} - -.ag-ltr .ag-row-group-indent-9 { - padding-left: 180px; -} -.ag-rtl .ag-row-group-indent-9 { - padding-right: 180px; -} - -.ag-ltr { - direction: ltr; -} -.ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - flex-direction: row; -} - -.ag-rtl { - direction: rtl; -} -.ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - flex-direction: row-reverse; -} -.ag-rtl .ag-icon-contracted, -.ag-rtl .ag-icon-expanded, -.ag-rtl .ag-icon-tree-closed { - display: block; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} - -.ag-layout-print.ag-body-viewport { - -webkit-box-flex: 0; - flex: none; -} -.ag-layout-print.ag-root-wrapper { - display: -webkit-inline-box; - display: inline-flex; -} -.ag-layout-print .ag-center-cols-clipper { - min-width: 100%; -} -.ag-layout-print .ag-body-horizontal-scroll { - display: none; -} -.ag-layout-print.ag-force-vertical-scroll { - overflow-y: visible !important; -} - -@media print { - .ag-root-wrapper.ag-layout-print { - display: table; - } - .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body, -.ag-root-wrapper.ag-layout-print .ag-root, -.ag-root-wrapper.ag-layout-print .ag-body-viewport, -.ag-root-wrapper.ag-layout-print .ag-center-cols-container, -.ag-root-wrapper.ag-layout-print .ag-center-cols-viewport, -.ag-root-wrapper.ag-layout-print .ag-center-cols-clipper, -.ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport, -.ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport { - height: auto !important; - overflow: hidden !important; - display: block !important; - } - .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell { - -webkit-column-break-inside: avoid; - -moz-column-break-inside: avoid; - break-inside: avoid; - } -} -.ag-body .ag-body-viewport { - -webkit-overflow-scrolling: touch; -} - -.ag-chart { - position: relative; - display: -webkit-box; - display: flex; - overflow: hidden; - width: 100%; - height: 100%; -} - -.ag-chart-components-wrapper { - position: relative; - display: -webkit-box; - display: flex; - -webkit-box-flex: 1; - flex: 1 1 auto; - overflow: hidden; -} - -.ag-chart-title-edit { - position: absolute; - display: none; - top: 0; - left: 0; - text-align: center; -} - -.ag-chart-title-edit.currently-editing { - display: inline-block; -} - -.ag-chart-canvas-wrapper { - position: relative; - -webkit-box-flex: 1; - flex: 1 1 auto; - overflow: hidden; -} - -.ag-charts-canvas { - display: block; -} - -.ag-chart-menu { - position: absolute; - top: 10px; - width: 24px; - overflow: hidden; - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; -} -.ag-ltr .ag-chart-menu { - right: 20px; -} -.ag-rtl .ag-chart-menu { - left: 20px; -} - -.ag-chart-docked-container { - position: relative; - width: 0; - min-width: 0; - -webkit-transition: min-width 0.4s; - transition: min-width 0.4s; -} - -.ag-chart-menu-hidden ~ .ag-chart-docked-container { - max-width: 0; - overflow: hidden; -} - -.ag-chart-tabbed-menu { - width: 100%; - height: 100%; - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - overflow: hidden; -} - -.ag-chart-tabbed-menu-header { - -webkit-box-flex: 0; - flex: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - cursor: default; -} - -.ag-chart-tabbed-menu-body { - display: -webkit-box; - display: flex; - -webkit-box-flex: 1; - flex: 1 1 auto; - -webkit-box-align: stretch; - align-items: stretch; - overflow: hidden; -} - -.ag-chart-tab { - width: 100%; - overflow: hidden; - overflow-y: auto; -} - -.ag-chart-settings { - overflow-x: hidden; -} - -.ag-chart-settings-wrapper { - position: relative; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - width: 100%; - height: 100%; - display: -webkit-box; - display: flex; - overflow: hidden; -} - -.ag-chart-settings-nav-bar { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; - width: 100%; - height: 30px; - padding: 0 10px; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.ag-chart-settings-card-selector { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; - justify-content: space-around; - -webkit-box-flex: 1; - flex: 1 1 auto; - height: 100%; - padding: 0 10px; -} - -.ag-chart-settings-card-item { - cursor: pointer; - width: 10px; - height: 10px; - background-color: #000; - position: relative; -} -.ag-chart-settings-card-item.ag-not-selected { - opacity: 0.2; -} -.ag-chart-settings-card-item::before { - content: " "; - display: block; - position: absolute; - background-color: transparent; - left: 50%; - top: 50%; - margin-left: -10px; - margin-top: -10px; - width: 20px; - height: 20px; -} - -.ag-chart-settings-prev, -.ag-chart-settings-next { - position: relative; - -webkit-box-flex: 0; - flex: none; -} - -.ag-chart-settings-prev-button, -.ag-chart-settings-next-button { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - cursor: pointer; - opacity: 0; -} - -.ag-chart-settings-mini-charts-container { - position: relative; - -webkit-box-flex: 1; - flex: 1 1 auto; - overflow-x: hidden; - overflow-y: auto; -} - -.ag-chart-settings-mini-wrapper { - position: absolute; - top: 0; - left: 0; - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - width: 100%; - min-height: 100%; - overflow: hidden; -} -.ag-chart-settings-mini-wrapper.ag-animating { - -webkit-transition: left 0.3s; - transition: left 0.3s; - -webkit-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; -} - -.ag-chart-mini-thumbnail { - cursor: pointer; -} - -.ag-chart-mini-thumbnail-canvas { - display: block; -} - -.ag-chart-data-wrapper, -.ag-chart-format-wrapper { - display: -webkit-box; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.ag-chart-data-wrapper { - height: 100%; - overflow-y: auto; -} - -.ag-chart-data-section, -.ag-chart-format-section { - display: -webkit-box; - display: flex; - margin: 0; -} - -.ag-chart-empty-text { - display: -webkit-box; - display: flex; - top: 0; - width: 100%; - height: 100%; - -webkit-box-align: center; - align-items: center; - -webkit-box-pack: center; - justify-content: center; -} - -.ag-chart-menu-hidden:hover .ag-chart-menu { - display: block; -} - -.ag-chart-menu-close { - display: none; -} - -.ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu { - display: -webkit-box; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - flex-direction: row; - overflow: auto; - top: 5px; - gap: 7px; - width: auto; -} -.ag-ltr .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu { - right: 10px; - -webkit-box-pack: right; - justify-content: right; -} -.ag-rtl .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu { - left: 10px; - -webkit-box-pack: left; - justify-content: left; -} - -.ag-chart-tool-panel-button-enable .ag-chart-menu-close { - position: absolute; - top: 45%; - padding: 0; - display: block; - cursor: pointer; - border: none; -} -.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close { - right: 0px; -} -.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close { - left: 0px; -} -.ag-chart-tool-panel-button-enable .ag-chart-menu-close .ag-icon { - padding: 9px 0 9px 0; -} -.ag-chart-tool-panel-button-enable .ag-icon-menu { - display: none; -} - -.ag-charts-font-size-color { - display: -webkit-box; - display: flex; - align-self: stretch; - -webkit-box-pack: justify; - justify-content: space-between; -} - -.ag-charts-data-group-item { - position: relative; -} - -.ag-date-time-list-page-title-bar { - display: -webkit-box; - display: flex; -} - -.ag-date-time-list-page-column-labels-row, -.ag-date-time-list-page-entries-row { - display: -webkit-box; - display: flex; -} - -.ag-date-time-list-page-column-label, -.ag-date-time-list-page-entry { - flex-basis: 0; - -webkit-box-flex: 1; - flex-grow: 1; -} - -.ag-date-time-list-page-entry { - cursor: pointer; -} -`; diff --git a/packages/ag-grid/src/ag-grid-styling/styles/gridStyles.css.ts b/packages/ag-grid/src/ag-grid-styling/styles/gridStyles.css.ts deleted file mode 100644 index 8107bfc17..000000000 --- a/packages/ag-grid/src/ag-grid-styling/styles/gridStyles.css.ts +++ /dev/null @@ -1,5038 +0,0 @@ -import { agHeaderCellFocus } from './header/ag-header-cell-focus.css'; -import { agIcons } from './icons/agIcons.css'; -import { pagination } from './pagination/agPagingPanel'; -import { agVariables } from './variables.ts/variables.css'; - -export const THEME_NAME = 'ag-theme-material'; - -export const agStyles = ` -.ag-theme-material { - ${agVariables} - -webkit-font-smoothing: antialiased; - color: rgba(0, 0, 0, 0.87); - color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87)); - font-family: Equinor, sans-serif; - font-size: 14px; - line-height: normal; - } - @font-face { - font-family: "agGridMaterial"; - src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABPwAAsAAAAAJjAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAmMAAAR2ZOVnMk9TLzIAAANsAAAAQQAAAFZWUFMDY21hcAAAA7AAAAIRAAAFnH0V34BnbHlmAAAFxAAACj0AABO8Q1oUYmhlYWQAABAEAAAAMQAAADZ2zsSBaGhlYQAAEDgAAAAWAAAAJAfRBDVobXR4AAAQUAAAABIAAAEww1AAAGxvY2EAABBkAAAAcwAAAJoHSQMCbWF4cAAAENgAAAAfAAAAIAFfAKpuYW1lAAAQ+AAAATIAAAJebBQ2inBvc3QAABIsAAABwgAAAqTvU9OHeJx9lEtyElEUhv+mm0gCklSMGjFq1PhCjZpO09DhYUIHAjpwYFkOnMSyyrKKcsQ6XIAryNAVuAAHrsAFOHDo2PK7h0ZMBuEWl3vP4z//eVzkSVrQY7WVS3vPX6o8Ohx/VEWBJh+n///sjT68P1RhekMX2G9BXlBSWTf0WmN988re2DvKrfgV/5X/zv/sf/F/ycdqXZtYF7XNilRjDxWrroYS5TSHLOK8oybWPnvLpMswypump74uETPCp2+IVQ11R0vgpIbT1S5WMcthdtmHrLtaPMUi0T3w67DpIA2oyFVq0tR5zesAll3Obfyb6M8Rc4/YIV4puhR2eSQtzm1dgJPzCKyqB3rDvmyZOpR65hPzjbRv99BuRdbUqgVOg1gO+wkMpvIGUWt4PAK9jtXTrKJV3cS7AU4XtLZ575h3Ecsa3GL6ElieNbiWtMHphd7qIRb7mU/XajqpwH3Yz+Sp4SV6cEzaBmuI7SYcZlLXnyqxQg0sq1UkI33Skb7qu37op37rj85Qpw56l8Mu6Hun1qZABU9a99C2/kldrnPMwEmr4xbzZN6w6kTo+lkNXbQimbnqxJxDpLHZL8DT2fdgk9CPgBihxXWdzrM63COsz2bT2WSVrNJ9er9oEzywWagwgVtMlUOczGFCra+A6E4Tfpetbk3w1qxvrrruhS3Zzb0F1+8KfbjGb0iGdavTM7TXkTikmWTdvBLYO4wt9AmsZ9EcqzVYbdtEuxkb2OvoEWmDfCZMarptL2Ng83ULBvXspa7oorFvZx1bNbvIvDz+CcLshcdWOzfTKdzcfAz/Au6DcHUAeJxjYGSaxDiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgOMOh+NGJ+AeRGMb9hYAHSjCA5AOMfCvMAAAB4nLXUB1IbQRCF4V+BLMC2MDknR9kgBCIHIUDAKXCmcKBw5hw+m+/RJ8Bv1O0D4Cpv1afeGa12Z7T1GmgBcvJU8pBtJ6MzMlnNZprzOTqb83l+a1ygnazOS5xzybWVb240W+KMC64s0xz9PTK6usAo86xotM8Se2xR1+iECjussss2B6yzxhHLbFLlkGM2qNHgVL9Pq8hrja206bkdWkmX7thND3e4S5E++hlgkCGGGdGTxhhngkmmdN00M8wyp6cXecBDHvGYJ9pPiWc81/cLLFLWIlu53bF/y+vTsbS3VV85qexox9sH62va7Gb18Hij1jj9h5v9h6OQPnK/YpQWVQppt2dhSV6EPXkZtuRVqMvrkN76m3Aib0NF3oUdOQ+rchF25X3Ylg/hQD6GdfkU1uQyHMlVWJbPYVO+hKp8DYfyLRzL97AhP0JNfoaGXAf9V5ZxKS+WdaSacylflncpY9biUvas1ZFqmyPVdkeqHY5UO13KpHU5Ui249Cat25FqjyPVXqfsYEEpwoJygt1zShZWdMoY1ueUNuy+U+6wfqcEYgNOWcQGnVKJDTnlExt2Sio24pRZbNQpvdiYU46xcadEYxOuud9Jp5RjU055x6adko/NOPUAbNapG2BzrrnfeacOgQX1Ciyoa2BB/QML6iRYSL3TQsqMBfUZLKjjYKG5/gVHqouOVMuO8h8D8KVRAAAAeJztWH1sG+UZv+e92Ofz99m+O3tN7NgX+0qTGsXn88V2miZN2mSMpJ1sOvpFCqwtkNK0UAaFRTDEpDJGizTCH6BJoEmONAkGyz9lQy3qQHRC2lzRMQl13cQ/JIxFRYpAMvVtz3ux04ZmjP2JtuTe9557P557Pn73Ps9jBhj8IwvsJsbFMBAXPSDG9bihxsmC6Qaf+SksmhfPn4cOdqBUq5WmqlWGaaF72NfY1xg742FCzBrcqemaymmconOyriVVURE1UVVERTYUeKkyefbsZA/tyPDZyckZ65k8iv0MpUpnJyuTBlLI1pKH3YTyOBgmKBuCJsgGzBTmy3NFcxYWi/OmDb6YL8Ioim2tnWanUYZ23Jrg7Jw9JEuylDFyRi6rptRUkFM51VAN2ZA5WDxy+7iRzxvjt3/YJMYLzz1XmJ62enZ6xZRF1H/fnMWevs56Z5gNI8VRmwU1QaHN0ESlOjX18dGj8w88QO42D5CR+qlazTKvtWeOnWOCTIRaOeEFUQhFQYtn+kAXsmngwZBBZo9d+SyqRfFinda9vmB+PHYOKmPsHD6vmLzyGUhj70Bl60r+8ur8WXTqddyfrl8gXddzrl84fC1P1uIpxIXkanyRJ+v8Et+lwckv823Y7iH2+4wNvRtmGB44mQfWiIGduk4MSZmcTt1G/m6OF+4069B37tw7r7pcEZ/Uvblb8kXgLLxUxAnzd7Dh3Lk+jye6JhVJdHcnIsnWKGXPL+NnyT8+yyZrmBijUF/pCm0cNh2bjM0QNd3WGBewzVQqNetq3M29jSfyQqW+H+/lSmMAZ/BqYpacJAuoF4MqcYjYZwunTxdqZKF45kyxtoybx9gzluatlpfsIqI7LltESEKj5tCmKTYuxMmrplvpLsPilKlT7eBd2ps6vMue7k7UXyfDpW6l/jodJMNKd30fGV7+dig26beMuLdEkQ2VDRfn55sX+cs1D/gFM/+8wh5iP2H8aKk2ZoR5jPk57sZPR7VdIxir6IgB2S5LRQgmQ16iJNIteraPaJkoiCF7IqWmQcENCI9MzuiDjCSHvDiCw3o2l4myGvVtGtQ0yfYB7iKNTUt7YiDJUYLC5oxu3ByFkOgDL0mk4UYWt0vsvdz+wzZzTDUMleRUY8usuQmeJMDa/B8Qc5wPREN+OeR32jzheFDuCDo9jhZHyCe3uuV2yU4cXudrgYTUJnj8vNfBOXxuQXIF/KE1QiAmBcKCw+nhWmy+aMDusgUCLk/A2du5jrDE4XLYiE44p89tJxoLzoCDfOT4weM20qNe+aMlzJPVKz9hH/pThBfqz/zZHYsGHYE17UkxoadCrWqA9zk9Yiibae+UwmGnz+uL3CD5XMmAy+uKCG454BUcdi4YTyeDHjEs+p0uXyDo4V08y3E2Lth24rdv8C67k/M4bfwF3ufgvfwffLzTH6Cu/r/vvrm+WxHn8FsVFEHlgB2wAh2M0kAHX5i2eQx6NN6u8PO3/6OPDRr6sjktI8VgI6Euk8SQD2R0jRcSqRuBoyBI6dmvds36Hd/hOVvIJwT9vf1Or93j8AXFsbLbyQdCgZZbv9fCCzjyVUY9d2zC63FJ/mB4505fwGbzu4W2e4/5xICX5+2PPmx32AWfZY//BR1Xxgk8nZHRiUKtVjhNZou1WvHMMi52kDmmiA9p1MDOqagkqiV7AUlDwQFFtqNqqhLFT9igNH6LOCXbOY0ulmTyLJceUuNFeXTHgW0jW+5plW/pGUvyg5ywbmzIwcezjkFu/Wa1o314cATnJ1pT393FtzxxQ9va9ixPhOQGJSKNarHYoeENd8RHk1o4sG4zqLFUn+Lb8i06vLd/dzC0tjUV/YbKzC7LHMDcYK2VPaKsKDEmj31goGwpFk+w7NKB5gU2YafpSTYFi5ZwrfdsGXkRibY2JLZ13dTVddOttOtam89vy+fJR/SNw4disebdnGiswA5YumZbvinHBGKikU8mMQehOThgxoaZc8W8SBbqJzELd9dK8FKpZF4sL+eU5HMLSzxFk4F4AsxDyedvvolgMvVyGXSafNTo3kY+t4kcsd5DM/24jeaEA/X95PlGO1KaKTXiCq69jXUi5WQERsSsNUb3oBk6gQpn0MAR14NWFoWZv0LDAhkGCdO8GZDMj2eQMN2T9O8STQRhlHZjhw9fwvtk/cLk5GE6fJ0eQZqxqHHU41NLDXiwXCazlhqoxHXnJhYqmDmrqMbSUQmj9Ngk0fmCOWvOFuab9p0mb2ONEGa68A0oahF0BXNZDF0WlQYZTZHEkmXJ1Z2AVB9gwPtFolepVPJ7e3r25isVpTfxSxgzfw0PUlpRludgUSkqW3vG7xvv2aoUuXIF+y10ZO+R8Z5mLu1Ee8qWHbEUwWJB5rBK0rE4oQY0sGpiNUNXFU4kXfu27n/mmf1b9x1eJvbvHhjYPUAeXjFICfORATrVsMsEO0E1DqJ3pxA2AXaixKyCMQPVtf7Rh9a6pYblXblaKjXOqQXmPN1pIC8LQlULG6vyEhp4naLrmvyuwpW9pk6LM+l/U6lBlpL0IIA04AGuAk1O6MLV6jZz0/qum0d35e/qNNcnOmAUCXgv0UEHVyvjzPFdozd3re9ImOs77zI/6UjAe5135a2xpk4HMTeX0D8qyqfQ1IZTVibmSjwj0bwnm4O4oKHKGhv+lad/W7/3FSsRH7Fy9ItCJJKIRECvnyrDi2V2IplOJzFn32eteSHRHVbCeKGNXpiaamKjn+1DKXy0elCNIFiZO61ZVdj1lPrUX6ErGr3cu/3yLb3HopDDEfibeSEaPdZ7y+XtvZevqXtoTb5U7yioR5rJMDmmgGdKHDGOKvTRyi1KazgvAMId9Ygnl16FyBO1pFUsy3SKfg0GNnpAxLS2Ni1Gnrfu9X9UKujmIXjD/HDjRvXAAfV9HPhE7d+49sABM4S0dOnSpUql5+qWmMUCxAr82HzklY39uGktvD9zo9pPSXiaFlOVFXVyiLmhiRI/RUk7hYafooRNWGGfPmfoTAMgx48eGRwaGjxyFPxN6vi9e3bqhqHv3PNBk2Dn6IR5eeXiKz9cscgiGpigsrgRszkqjXVgLJ0L6n8h2tD9g4P3H6fd0NeTkiw01mNX+9oCX3c2cjJ+uRgTrv3NxMov5wsw2rA1PS88iHqrvleWsW4zLEwICPD6qdIStM3Zg4VqtXCwTH8Qgg7zolWXdrQeLFarxYPws+X85m2yh3IHLII7qlWym/5i1Jzbg+cwsWSj4+St1eYQ9D+tVule5jqeiE0cp/NX9b2TdTfzKVDh0MvFOVgsQOnlwjzemzUxiTbPxSr9XYZEy8u8F8jJpbqdJmSNWENO0Or9at0+jXaicTBDzwaxUTZxch/QqohTZI0mOuLVeIJVkyHjQhkvA8hbVrww1m3IbuzZe8fusqN+6vHCSDOmbOreHrtvfGQmWx8mb2HkULo2uzasuaM3P95TKcPBH4Xv7s9bgUXpvsm2vXwbriS/Qan+BR+vOg4AAAB4nGNgZGBgAGKpH/rO8fw2Xxm4mV8ABaI4H+9rQND//zC/YH4DVMnBwAQkGQBX3Q0FAAAAeJxjYGRgYH7BwIBEMjKgAh8ARYYDEAAAeJxjYGBgYH4xPDA9AAANeC3nAAB4nGNgAAIpBg+GOIYZDJsYHjHyMJoxZjAuYtzC+IyJgeke8x7mSywuLNtYTrAqsdawHmC9w/qFjYvNgS2CrYBtE9sTtk/sXOwS7EbsTewH2J9wuHH0cDzj+MOpxmnC6cQZwBnHWcBZxzmB8x7pEAB+RDEmAHicY2BkYGDwYZjHwMkAAkxAzAWEDAz/wXwGACCLAgoAeJx9kD1qw0AQhZ/8F2JDCIS4UrEQSBOQf0qT2oKAGxfuZWsly6y1YrU2+AY5SE6QQ6TMQXKKPK23sQvPwvC9N2+mWACP+EGApgI8uN5UC3dUZ26Tnj13yC+euxhg4rlH/91zH2/48DzAEw68EHTu6YT49Nxi/stzm/635w7513MXQ/x57iEM4LmPVRB6HuA1MEkemyJdJFaaIlFLmR9UcmVeqpU0daFLMYnGl4NYltKQU7E+ifqYT63NRGb0Xsx1aaVSWlRG7+TGRltrq9lolHk/2ug9EuSIYVAgxYLKQjqVQGFJzvkXisrcTN6arRzXVBolBP8/wvjmRkwunT77KbfWOLHXOHJvStcio86Y0diT5u56k1Z8mk7lZjs6G/oRtm6rwgwjvuwqHzHFS/808m/eAAB4nG2SB2/bMBCF/cWS7dhpk6Ztuvceauvune6Z/giGomUiEimQlO3k15e1gwABegCJ9x7uju8ObC21FtFv/T+2WKJNQkqHLj2W6TNghSMcZZU1jrHOcU5wkg1OcZoznOUc57nARS5xmStc5RrXucFNbnGbO9zlHvfJeMBDHjHkMU94yjOe84KXvOI1b3jLO96zyQc+8onPfOEr3/jOD37yi99s8ac1EEXhVCGCtqYjnLNT3xZedqQwUpWpHAsX1uRYyZ1tO8vmQOUbB4I2uQrKVdqIoNYP5MbsZ65IW1qX1ToS142kqYzvS2uCEzKoPJG23k2ls963pZ+k8WTDJFdepmoWDXTndzbsqVkt4lv5stpVmS+FHw8OUDZsR9wZ6TJaSUfa+ZAUTtdp4WxTJzElJKUahU6pTfTULa3ItSl6lZjpSu+ppFKm6cUZFsxYowbGhkyUpZ2qPK1jA9WutUlrPbFhzcVym203IViT2dFo9bBgUqeLcUi8mKi+r2KXLLdTsw//GRks4Dytt8DRZ4hLWg9OqcNbXZ5Ltlam15jFBAgKHIqAxmKY4pGUjNlhm1n8FzkVDTW7TBix12r9BZxqtRIAAA==") format("woff"); - font-weight: normal; - font-style: normal; - } - .ag-theme-material .ag-icon { - font-family: "agGridMaterial"; - font-size: 18px; - line-height: 18px; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - ${agIcons} - .ag-theme-material .ag-root-wrapper, .ag-theme-material .ag-sticky-top { - background-color: #fff; - background-color: var(--ag-background-color, #fff); - } - .ag-theme-material [class^=ag-], .ag-theme-material [class^=ag-]:focus, .ag-theme-material [class^=ag-]:after, .ag-theme-material [class^=ag-]:before { - -webkit-box-sizing: border-box; - box-sizing: border-box; - outline: none; - } - .ag-theme-material [class^=ag-]::-ms-clear { - display: none; - } - .ag-theme-material .ag-checkbox .ag-input-wrapper, - .ag-theme-material .ag-radio-button .ag-input-wrapper { - overflow: visible; - } - .ag-theme-material .ag-range-field .ag-input-wrapper { - height: 100%; - } - .ag-theme-material .ag-toggle-button { - -webkit-box-flex: 0; - flex: none; - width: unset; - min-width: unset; - } - .ag-theme-material .ag-ltr .ag-label-align-right .ag-label { - margin-left: 8px; - } - - .ag-theme-material .ag-rtl .ag-label-align-right .ag-label { - margin-right: 8px; - } - - .ag-theme-material input[class^=ag-] { - margin: 0; - background-color: #fff; - background-color: var(--ag-background-color, #fff); - } - .ag-theme-material textarea[class^=ag-], - .ag-theme-material select[class^=ag-] { - background-color: #fff; - background-color: var(--ag-background-color, #fff); - } - .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-] { - font-size: inherit; - line-height: inherit; - color: inherit; - } - .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 { - color: rgba(0, 0, 0, 0.38); - color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38)); - background-color: var(--ag-input-disabled-background-color); - border-color: var(--ag-input-disabled-border-color); - } - .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 { - outline: none; - -webkit-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .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 { - border-width: 2px; - border-style: solid; - border-color: var(--ag-input-border-color-invalid); - } - .ag-theme-material input[class^=ag-][type=number] { - -moz-appearance: textfield; - } - .ag-theme-material input[class^=ag-][type=number]::-webkit-outer-spin-button, .ag-theme-material input[class^=ag-][type=number]::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; - } - .ag-theme-material input[class^=ag-][type=range] { - padding: 0; - } - .ag-theme-material input[class^=ag-][type=button]:focus, .ag-theme-material button[class^=ag-]:focus { - -webkit-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - } - .ag-theme-material .ag-drag-handle { - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - } - .ag-theme-material .ag-list-item, .ag-theme-material .ag-virtual-list-item { - height: 32px; - } - .ag-theme-material .ag-keyboard-focus .ag-virtual-list-item:focus { - outline: none; - } - .ag-theme-material .ag-keyboard-focus .ag-virtual-list-item:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 4px; - left: 4px; - display: block; - width: calc(100% - 8px); - height: calc(100% - 8px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-select-list { - background-color: #fff; - background-color: var(--ag-background-color, #fff); - overflow-y: auto; - overflow-x: hidden; - } - .ag-theme-material .ag-list-item { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - .ag-theme-material .ag-list-item.ag-active-item { - background-color: #fafafa; - background-color: var(--ag-row-hover-color, #fafafa); - } - .ag-theme-material .ag-select-list-item { - padding-left: 4px; - padding-right: 4px; - cursor: default; - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; - } - .ag-theme-material .ag-select-list-item span { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - } - .ag-theme-material .ag-select .ag-picker-field-wrapper { - background-color: #fff; - background-color: var(--ag-background-color, #fff); - min-height: 32px; - cursor: default; - } - .ag-theme-material .ag-select.ag-disabled .ag-picker-field-wrapper:focus { - -webkit-box-shadow: none; - box-shadow: none; - } - .ag-theme-material .ag-select:not(.ag-cell-editor) { - height: 32px; - } - .ag-theme-material .ag-select .ag-picker-field-display { - margin: 4px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - .ag-theme-material .ag-select .ag-picker-field-icon { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; - } - .ag-theme-material .ag-select.ag-disabled { - opacity: 0.5; - } - .ag-theme-material .ag-rich-select { - background-color: #fafafa; - background-color: var(--ag-control-panel-background-color, #fafafa); - } - .ag-theme-material .ag-rich-select-list { - width: 100%; - min-width: 200px; - height: 312px; - } - .ag-theme-material .ag-rich-select-value { - padding: 0 8px 0 24px; - height: 48px; - } - .ag-theme-material .ag-rich-select-virtual-list-item { - cursor: default; - height: 32px; - } - .ag-keyboard-focus .ag-theme-material .ag-rich-select-virtual-list-item:focus::after { - content: none; - } - .ag-theme-material .ag-rich-select-virtual-list-item:hover { - background-color: #fafafa; - background-color: var(--ag-row-hover-color, #fafafa); - } - .ag-theme-material .ag-rich-select-row { - padding-left: 24px; - } - .ag-theme-material .ag-rich-select-row-selected { - background-color: #eee; - background-color: var(--ag-selected-row-background-color, #eee); - } - .ag-theme-material .ag-row-drag, - .ag-theme-material .ag-selection-checkbox, - .ag-theme-material .ag-group-expanded, - .ag-theme-material .ag-group-contracted { - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - } - .ag-theme-material .ag-ltr .ag-row-drag, .ag-theme-material .ag-ltr .ag-selection-checkbox, .ag-theme-material .ag-ltr .ag-group-expanded, .ag-theme-material .ag-ltr .ag-group-contracted { - margin-right: 24px; - } - - .ag-theme-material .ag-rtl .ag-row-drag, .ag-theme-material .ag-rtl .ag-selection-checkbox, .ag-theme-material .ag-rtl .ag-group-expanded, .ag-theme-material .ag-rtl .ag-group-contracted { - margin-left: 24px; - } - - .ag-theme-material .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) { - --ag-internal-calculated-line-height: var(--ag-line-height, 46px); - --ag-internal-padded-row-height: 46px; - height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; - -webkit-box-flex: 0; - flex: none; - } - .ag-theme-material .ag-group-expanded, - .ag-theme-material .ag-group-contracted { - cursor: pointer; - } - .ag-theme-material .ag-group-title-bar-icon { - cursor: pointer; - -webkit-box-flex: 0; - flex: none; - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - } - .ag-theme-material .ag-ltr .ag-group-child-count { - margin-left: 2px; - } - - .ag-theme-material .ag-rtl .ag-group-child-count { - margin-right: 2px; - } - - .ag-theme-material .ag-group-title-bar { - background-color: #eee; - background-color: var(--ag-subheader-background-color, #eee); - padding: 8px; - } - .ag-theme-material .ag-group-toolbar { - padding: 8px; - } - .ag-theme-material .ag-disabled-group-title-bar, .ag-theme-material .ag-disabled-group-container { - opacity: 0.5; - } - .ag-theme-material .group-item { - margin: 4px 0; - } - .ag-theme-material .ag-label { - white-space: nowrap; - } - .ag-theme-material .ag-ltr .ag-label { - margin-right: 8px; - } - - .ag-theme-material .ag-rtl .ag-label { - margin-left: 8px; - } - - .ag-theme-material .ag-label-align-top .ag-label { - margin-bottom: 4px; - } - .ag-theme-material .ag-angle-select[disabled] { - color: rgba(0, 0, 0, 0.38); - color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38)); - pointer-events: none; - } - .ag-theme-material .ag-angle-select[disabled] .ag-angle-select-field { - opacity: 0.4; - } - .ag-theme-material .ag-ltr .ag-slider-field, .ag-theme-material .ag-ltr .ag-angle-select-field { - margin-right: 16px; - } - - .ag-theme-material .ag-rtl .ag-slider-field, .ag-theme-material .ag-rtl .ag-angle-select-field { - margin-left: 16px; - } - - .ag-theme-material .ag-angle-select-parent-circle { - width: 24px; - height: 24px; - border-radius: 12px; - border: solid 1px; - border-color: #e2e2e2; - border-color: var(--ag-border-color, #e2e2e2); - background-color: #fff; - background-color: var(--ag-background-color, #fff); - } - .ag-theme-material .ag-angle-select-child-circle { - top: 4px; - left: 12px; - width: 6px; - height: 6px; - margin-left: -3px; - margin-top: -4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.54); - background-color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - } - .ag-theme-material .ag-picker-field-wrapper { - border: 1px solid; - border-color: #e2e2e2; - border-color: var(--ag-border-color, #e2e2e2); - border-radius: 5px; - } - .ag-theme-material .ag-picker-field-wrapper:focus { - -webkit-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - } - .ag-theme-material .ag-picker-field-button { - background-color: #fff; - background-color: var(--ag-background-color, #fff); - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - } - .ag-theme-material .ag-dialog.ag-color-dialog { - border-radius: 5px; - } - .ag-theme-material .ag-color-picker .ag-picker-field-display { - height: 18px; - } - .ag-theme-material .ag-color-panel { - padding: 8px; - } - .ag-theme-material .ag-spectrum-color { - background-color: rgb(255, 0, 0); - border-radius: 2px; - } - .ag-theme-material .ag-spectrum-tools { - padding: 10px; - } - .ag-theme-material .ag-spectrum-sat { - background-image: -webkit-gradient(linear, left top, right top, from(white), to(rgba(204, 154, 129, 0))); - background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0)); - } - .ag-theme-material .ag-spectrum-val { - background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(204, 154, 129, 0))); - background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0)); - } - .ag-theme-material .ag-spectrum-dragger { - border-radius: 12px; - height: 12px; - width: 12px; - border: 1px solid white; - background: black; - -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24); - box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24); - } - .ag-theme-material .ag-spectrum-hue-background { - border-radius: 2px; - } - .ag-theme-material .ag-spectrum-alpha-background { - border-radius: 2px; - } - .ag-theme-material .ag-spectrum-tool { - margin-bottom: 10px; - height: 11px; - border-radius: 2px; - } - .ag-theme-material .ag-spectrum-slider { - margin-top: -12px; - width: 13px; - height: 13px; - border-radius: 13px; - background-color: rgb(248, 248, 248); - -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); - box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); - } - .ag-theme-material .ag-recent-color { - margin: 0 3px; - } - .ag-theme-material .ag-recent-color:first-child { - margin-left: 0; - } - .ag-theme-material .ag-recent-color:last-child { - margin-right: 0; - } - .ag-theme-material.ag-dnd-ghost { - background: #fff; - background: var(--ag-background-color, #fff); - border-radius: 2px; - -webkit-box-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); - box-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); - padding: 8px; - overflow: hidden; - text-overflow: ellipsis; - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - height: 56px !important; - line-height: 56px; - margin: 0; - padding: 0 16px; - -webkit-transform: translateY(16px); - transform: translateY(16px); - } - .ag-theme-material .ag-dnd-ghost-icon { - margin-right: 8px; - color: rgba(0, 0, 0, 0.87); - color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87)); - } - .ag-theme-material .ag-popup-child:not(.ag-tooltip-custom) { - -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); - box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); - } - .ag-dragging-range-handle .ag-theme-material .ag-dialog, .ag-dragging-fill-handle .ag-theme-material .ag-dialog { - opacity: 0.7; - pointer-events: none; - } - .ag-theme-material .ag-dialog { - border-radius: 0px; - } - .ag-theme-material .ag-panel { - background-color: #fff; - background-color: var(--ag-background-color, #fff); - } - .ag-theme-material .ag-panel-title-bar { - background-color: #fff; - background-color: var(--ag-header-background-color, #fff); - color: rgba(0, 0, 0, 0.54); - color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))); - height: 56px; - padding: 8px 24px; - } - .ag-theme-material .ag-ltr .ag-panel-title-bar-button { - margin-left: 8px; - } - - .ag-theme-material .ag-rtl .ag-panel-title-bar-button { - margin-right: 8px; - } - - .ag-theme-material .ag-tooltip { - background-color: #fff; - background-color: var(--ag-header-background-color, #fff); - color: rgba(0, 0, 0, 0.87); - color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87)); - padding: 8px; - border-radius: 2px; - -webkit-transition: opacity 1s; - transition: opacity 1s; - white-space: normal; - } - .ag-theme-material .ag-tooltip.ag-tooltip-hiding { - opacity: 0; - } - .ag-theme-material .ag-tooltip-custom { - -webkit-transition: opacity 1s; - transition: opacity 1s; - } - .ag-theme-material .ag-tooltip-custom.ag-tooltip-hiding { - opacity: 0; - } - .ag-theme-material .ag-ltr .ag-column-select-indent-1 { - padding-left: 26px; - } - - .ag-theme-material .ag-rtl .ag-column-select-indent-1 { - padding-right: 26px; - } - - .ag-theme-material .ag-ltr .ag-column-select-indent-2 { - padding-left: 52px; - } - - .ag-theme-material .ag-rtl .ag-column-select-indent-2 { - padding-right: 52px; - } - - .ag-theme-material .ag-ltr .ag-column-select-indent-3 { - padding-left: 78px; - } - - .ag-theme-material .ag-rtl .ag-column-select-indent-3 { - padding-right: 78px; - } - - .ag-theme-material .ag-ltr .ag-column-select-indent-4 { - padding-left: 104px; - } - - .ag-theme-material .ag-rtl .ag-column-select-indent-4 { - padding-right: 104px; - } - - .ag-theme-material .ag-ltr .ag-column-select-indent-5 { - padding-left: 130px; - } - - .ag-theme-material .ag-rtl .ag-column-select-indent-5 { - padding-right: 130px; - } - - .ag-theme-material .ag-ltr .ag-column-select-indent-6 { - padding-left: 156px; - } - - .ag-theme-material .ag-rtl .ag-column-select-indent-6 { - padding-right: 156px; - } - - .ag-theme-material .ag-ltr .ag-column-select-indent-7 { - padding-left: 182px; - } - - .ag-theme-material .ag-rtl .ag-column-select-indent-7 { - padding-right: 182px; - } - - .ag-theme-material .ag-ltr .ag-column-select-indent-8 { - padding-left: 208px; - } - - .ag-theme-material .ag-rtl .ag-column-select-indent-8 { - padding-right: 208px; - } - - .ag-theme-material .ag-ltr .ag-column-select-indent-9 { - padding-left: 234px; - } - - .ag-theme-material .ag-rtl .ag-column-select-indent-9 { - padding-right: 234px; - } - - .ag-theme-material .ag-column-select-header-icon { - cursor: pointer; - } - .ag-theme-material .ag-keyboard-focus .ag-column-select-header-icon:focus { - outline: none; - } - .ag-theme-material .ag-keyboard-focus .ag-column-select-header-icon:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 0px; - left: 0px; - display: block; - width: calc(100% - 0px); - height: calc(100% - 0px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-ltr .ag-column-group-icons:not(:last-child), .ag-theme-material .ag-ltr .ag-column-select-header-icon:not(:last-child), .ag-theme-material .ag-ltr .ag-column-select-header-checkbox:not(:last-child), .ag-theme-material .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), .ag-theme-material .ag-ltr .ag-column-select-checkbox:not(:last-child), .ag-theme-material .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), .ag-theme-material .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), .ag-theme-material .ag-ltr .ag-column-select-column-label:not(:last-child) { - margin-right: 16px; - } - - .ag-theme-material .ag-rtl .ag-column-group-icons:not(:last-child), .ag-theme-material .ag-rtl .ag-column-select-header-icon:not(:last-child), .ag-theme-material .ag-rtl .ag-column-select-header-checkbox:not(:last-child), .ag-theme-material .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), .ag-theme-material .ag-rtl .ag-column-select-checkbox:not(:last-child), .ag-theme-material .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), .ag-theme-material .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), .ag-theme-material .ag-rtl .ag-column-select-column-label:not(:last-child) { - margin-left: 16px; - } - - .ag-theme-material .ag-keyboard-focus .ag-column-select-virtual-list-item:focus { - outline: none; - } - .ag-theme-material .ag-keyboard-focus .ag-column-select-virtual-list-item:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 1px; - left: 1px; - display: block; - width: calc(100% - 2px); - height: calc(100% - 2px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-column-select-column-group:not(:last-child), - .ag-theme-material .ag-column-select-column:not(:last-child) { - margin-bottom: 14px; - } - .ag-theme-material .ag-column-select-column-readonly, - .ag-theme-material .ag-column-select-column-group-readonly { - color: rgba(0, 0, 0, 0.38); - color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38)); - pointer-events: none; - } - .ag-theme-material .ag-ltr .ag-column-select-add-group-indent { - margin-left: 34px; - } - - .ag-theme-material .ag-rtl .ag-column-select-add-group-indent { - margin-right: 34px; - } - - .ag-theme-material .ag-column-select-virtual-list-viewport { - padding: 8px 0px; - } - .ag-theme-material .ag-column-select-virtual-list-item { - padding: 0 12px; - } - .ag-theme-material .ag-rtl { - text-align: right; - } - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 { - padding-left: 66px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 { - padding-right: 66px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-1 { - padding-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-1 { - padding-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row-level-1 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-1 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 { - padding-left: 108px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 { - padding-right: 108px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-2 { - padding-left: 84px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-2 { - padding-right: 84px; - } - - .ag-theme-material .ag-ltr .ag-row-level-2 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-2 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 { - padding-left: 150px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 { - padding-right: 150px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-3 { - padding-left: 126px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-3 { - padding-right: 126px; - } - - .ag-theme-material .ag-ltr .ag-row-level-3 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-3 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 { - padding-left: 192px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 { - padding-right: 192px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-4 { - padding-left: 168px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-4 { - padding-right: 168px; - } - - .ag-theme-material .ag-ltr .ag-row-level-4 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-4 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 { - padding-left: 234px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 { - padding-right: 234px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-5 { - padding-left: 210px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-5 { - padding-right: 210px; - } - - .ag-theme-material .ag-ltr .ag-row-level-5 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-5 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 { - padding-left: 276px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 { - padding-right: 276px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-6 { - padding-left: 252px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-6 { - padding-right: 252px; - } - - .ag-theme-material .ag-ltr .ag-row-level-6 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-6 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 { - padding-left: 318px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 { - padding-right: 318px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-7 { - padding-left: 294px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-7 { - padding-right: 294px; - } - - .ag-theme-material .ag-ltr .ag-row-level-7 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-7 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 { - padding-left: 360px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 { - padding-right: 360px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-8 { - padding-left: 336px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-8 { - padding-right: 336px; - } - - .ag-theme-material .ag-ltr .ag-row-level-8 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-8 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 { - padding-left: 402px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 { - padding-right: 402px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-9 { - padding-left: 378px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-9 { - padding-right: 378px; - } - - .ag-theme-material .ag-ltr .ag-row-level-9 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-9 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 { - padding-left: 444px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 { - padding-right: 444px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-10 { - padding-left: 420px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-10 { - padding-right: 420px; - } - - .ag-theme-material .ag-ltr .ag-row-level-10 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-10 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 { - padding-left: 486px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 { - padding-right: 486px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-11 { - padding-left: 462px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-11 { - padding-right: 462px; - } - - .ag-theme-material .ag-ltr .ag-row-level-11 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-11 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 { - padding-left: 528px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 { - padding-right: 528px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-12 { - padding-left: 504px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-12 { - padding-right: 504px; - } - - .ag-theme-material .ag-ltr .ag-row-level-12 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-12 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 { - padding-left: 570px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 { - padding-right: 570px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-13 { - padding-left: 546px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-13 { - padding-right: 546px; - } - - .ag-theme-material .ag-ltr .ag-row-level-13 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-13 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 { - padding-left: 612px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 { - padding-right: 612px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-14 { - padding-left: 588px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-14 { - padding-right: 588px; - } - - .ag-theme-material .ag-ltr .ag-row-level-14 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-14 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 { - padding-left: 654px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 { - padding-right: 654px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-15 { - padding-left: 630px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-15 { - padding-right: 630px; - } - - .ag-theme-material .ag-ltr .ag-row-level-15 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-15 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 { - padding-left: 696px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 { - padding-right: 696px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-16 { - padding-left: 672px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-16 { - padding-right: 672px; - } - - .ag-theme-material .ag-ltr .ag-row-level-16 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-16 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 { - padding-left: 738px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 { - padding-right: 738px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-17 { - padding-left: 714px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-17 { - padding-right: 714px; - } - - .ag-theme-material .ag-ltr .ag-row-level-17 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-17 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 { - padding-left: 780px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 { - padding-right: 780px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-18 { - padding-left: 756px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-18 { - padding-right: 756px; - } - - .ag-theme-material .ag-ltr .ag-row-level-18 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-18 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 { - padding-left: 822px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 { - padding-right: 822px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-19 { - padding-left: 798px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-19 { - padding-right: 798px; - } - - .ag-theme-material .ag-ltr .ag-row-level-19 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-19 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 { - padding-left: 864px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 { - padding-right: 864px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-20 { - padding-left: 840px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-20 { - padding-right: 840px; - } - - .ag-theme-material .ag-ltr .ag-row-level-20 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-20 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 { - padding-left: 906px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 { - padding-right: 906px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-21 { - padding-left: 882px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-21 { - padding-right: 882px; - } - - .ag-theme-material .ag-ltr .ag-row-level-21 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-21 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 { - padding-left: 948px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 { - padding-right: 948px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-22 { - padding-left: 924px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-22 { - padding-right: 924px; - } - - .ag-theme-material .ag-ltr .ag-row-level-22 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-22 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 { - padding-left: 990px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 { - padding-right: 990px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-23 { - padding-left: 966px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-23 { - padding-right: 966px; - } - - .ag-theme-material .ag-ltr .ag-row-level-23 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-23 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 { - padding-left: 1032px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 { - padding-right: 1032px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-24 { - padding-left: 1008px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-24 { - padding-right: 1008px; - } - - .ag-theme-material .ag-ltr .ag-row-level-24 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-24 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 { - padding-left: 1074px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 { - padding-right: 1074px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-25 { - padding-left: 1050px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-25 { - padding-right: 1050px; - } - - .ag-theme-material .ag-ltr .ag-row-level-25 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-25 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 { - padding-left: 1116px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 { - padding-right: 1116px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-26 { - padding-left: 1092px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-26 { - padding-right: 1092px; - } - - .ag-theme-material .ag-ltr .ag-row-level-26 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-26 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 { - padding-left: 1158px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 { - padding-right: 1158px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-27 { - padding-left: 1134px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-27 { - padding-right: 1134px; - } - - .ag-theme-material .ag-ltr .ag-row-level-27 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-27 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 { - padding-left: 1200px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 { - padding-right: 1200px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-28 { - padding-left: 1176px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-28 { - padding-right: 1176px; - } - - .ag-theme-material .ag-ltr .ag-row-level-28 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-28 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 { - padding-left: 1242px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 { - padding-right: 1242px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-29 { - padding-left: 1218px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-29 { - padding-right: 1218px; - } - - .ag-theme-material .ag-ltr .ag-row-level-29 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-29 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 { - padding-left: 1284px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 { - padding-right: 1284px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-30 { - padding-left: 1260px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-30 { - padding-right: 1260px; - } - - .ag-theme-material .ag-ltr .ag-row-level-30 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-30 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 { - padding-left: 1326px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 { - padding-right: 1326px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-31 { - padding-left: 1302px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-31 { - padding-right: 1302px; - } - - .ag-theme-material .ag-ltr .ag-row-level-31 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-31 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 { - padding-left: 1368px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 { - padding-right: 1368px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-32 { - padding-left: 1344px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-32 { - padding-right: 1344px; - } - - .ag-theme-material .ag-ltr .ag-row-level-32 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-32 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 { - padding-left: 1410px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 { - padding-right: 1410px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-33 { - padding-left: 1386px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-33 { - padding-right: 1386px; - } - - .ag-theme-material .ag-ltr .ag-row-level-33 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-33 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 { - padding-left: 1452px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 { - padding-right: 1452px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-34 { - padding-left: 1428px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-34 { - padding-right: 1428px; - } - - .ag-theme-material .ag-ltr .ag-row-level-34 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-34 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 { - padding-left: 1494px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 { - padding-right: 1494px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-35 { - padding-left: 1470px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-35 { - padding-right: 1470px; - } - - .ag-theme-material .ag-ltr .ag-row-level-35 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-35 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 { - padding-left: 1536px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 { - padding-right: 1536px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-36 { - padding-left: 1512px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-36 { - padding-right: 1512px; - } - - .ag-theme-material .ag-ltr .ag-row-level-36 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-36 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 { - padding-left: 1578px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 { - padding-right: 1578px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-37 { - padding-left: 1554px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-37 { - padding-right: 1554px; - } - - .ag-theme-material .ag-ltr .ag-row-level-37 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-37 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 { - padding-left: 1620px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 { - padding-right: 1620px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-38 { - padding-left: 1596px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-38 { - padding-right: 1596px; - } - - .ag-theme-material .ag-ltr .ag-row-level-38 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-38 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 { - padding-left: 1662px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 { - padding-right: 1662px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-39 { - padding-left: 1638px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-39 { - padding-right: 1638px; - } - - .ag-theme-material .ag-ltr .ag-row-level-39 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-39 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 { - padding-left: 1704px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 { - padding-right: 1704px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-40 { - padding-left: 1680px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-40 { - padding-right: 1680px; - } - - .ag-theme-material .ag-ltr .ag-row-level-40 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-40 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 { - padding-left: 1746px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 { - padding-right: 1746px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-41 { - padding-left: 1722px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-41 { - padding-right: 1722px; - } - - .ag-theme-material .ag-ltr .ag-row-level-41 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-41 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 { - padding-left: 1788px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 { - padding-right: 1788px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-42 { - padding-left: 1764px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-42 { - padding-right: 1764px; - } - - .ag-theme-material .ag-ltr .ag-row-level-42 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-42 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 { - padding-left: 1830px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 { - padding-right: 1830px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-43 { - padding-left: 1806px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-43 { - padding-right: 1806px; - } - - .ag-theme-material .ag-ltr .ag-row-level-43 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-43 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 { - padding-left: 1872px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 { - padding-right: 1872px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-44 { - padding-left: 1848px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-44 { - padding-right: 1848px; - } - - .ag-theme-material .ag-ltr .ag-row-level-44 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-44 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 { - padding-left: 1914px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 { - padding-right: 1914px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-45 { - padding-left: 1890px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-45 { - padding-right: 1890px; - } - - .ag-theme-material .ag-ltr .ag-row-level-45 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-45 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 { - padding-left: 1956px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 { - padding-right: 1956px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-46 { - padding-left: 1932px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-46 { - padding-right: 1932px; - } - - .ag-theme-material .ag-ltr .ag-row-level-46 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-46 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 { - padding-left: 1998px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 { - padding-right: 1998px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-47 { - padding-left: 1974px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-47 { - padding-right: 1974px; - } - - .ag-theme-material .ag-ltr .ag-row-level-47 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-47 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 { - padding-left: 2040px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 { - padding-right: 2040px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-48 { - padding-left: 2016px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-48 { - padding-right: 2016px; - } - - .ag-theme-material .ag-ltr .ag-row-level-48 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-48 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 { - padding-left: 2082px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 { - padding-right: 2082px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-49 { - padding-left: 2058px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-49 { - padding-right: 2058px; - } - - .ag-theme-material .ag-ltr .ag-row-level-49 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-49 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 { - padding-left: 2124px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 { - padding-right: 2124px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-50 { - padding-left: 2100px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-50 { - padding-right: 2100px; - } - - .ag-theme-material .ag-ltr .ag-row-level-50 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-50 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 { - padding-left: 2166px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 { - padding-right: 2166px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-51 { - padding-left: 2142px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-51 { - padding-right: 2142px; - } - - .ag-theme-material .ag-ltr .ag-row-level-51 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-51 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 { - padding-left: 2208px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 { - padding-right: 2208px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-52 { - padding-left: 2184px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-52 { - padding-right: 2184px; - } - - .ag-theme-material .ag-ltr .ag-row-level-52 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-52 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 { - padding-left: 2250px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 { - padding-right: 2250px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-53 { - padding-left: 2226px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-53 { - padding-right: 2226px; - } - - .ag-theme-material .ag-ltr .ag-row-level-53 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-53 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 { - padding-left: 2292px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 { - padding-right: 2292px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-54 { - padding-left: 2268px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-54 { - padding-right: 2268px; - } - - .ag-theme-material .ag-ltr .ag-row-level-54 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-54 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 { - padding-left: 2334px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 { - padding-right: 2334px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-55 { - padding-left: 2310px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-55 { - padding-right: 2310px; - } - - .ag-theme-material .ag-ltr .ag-row-level-55 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-55 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 { - padding-left: 2376px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 { - padding-right: 2376px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-56 { - padding-left: 2352px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-56 { - padding-right: 2352px; - } - - .ag-theme-material .ag-ltr .ag-row-level-56 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-56 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 { - padding-left: 2418px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 { - padding-right: 2418px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-57 { - padding-left: 2394px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-57 { - padding-right: 2394px; - } - - .ag-theme-material .ag-ltr .ag-row-level-57 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-57 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 { - padding-left: 2460px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 { - padding-right: 2460px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-58 { - padding-left: 2436px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-58 { - padding-right: 2436px; - } - - .ag-theme-material .ag-ltr .ag-row-level-58 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-58 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 { - padding-left: 2502px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 { - padding-right: 2502px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-59 { - padding-left: 2478px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-59 { - padding-right: 2478px; - } - - .ag-theme-material .ag-ltr .ag-row-level-59 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-59 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 { - padding-left: 2544px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 { - padding-right: 2544px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-60 { - padding-left: 2520px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-60 { - padding-right: 2520px; - } - - .ag-theme-material .ag-ltr .ag-row-level-60 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-60 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 { - padding-left: 2586px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 { - padding-right: 2586px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-61 { - padding-left: 2562px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-61 { - padding-right: 2562px; - } - - .ag-theme-material .ag-ltr .ag-row-level-61 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-61 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 { - padding-left: 2628px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 { - padding-right: 2628px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-62 { - padding-left: 2604px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-62 { - padding-right: 2604px; - } - - .ag-theme-material .ag-ltr .ag-row-level-62 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-62 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 { - padding-left: 2670px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 { - padding-right: 2670px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-63 { - padding-left: 2646px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-63 { - padding-right: 2646px; - } - - .ag-theme-material .ag-ltr .ag-row-level-63 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-63 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 { - padding-left: 2712px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 { - padding-right: 2712px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-64 { - padding-left: 2688px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-64 { - padding-right: 2688px; - } - - .ag-theme-material .ag-ltr .ag-row-level-64 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-64 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 { - padding-left: 2754px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 { - padding-right: 2754px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-65 { - padding-left: 2730px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-65 { - padding-right: 2730px; - } - - .ag-theme-material .ag-ltr .ag-row-level-65 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-65 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 { - padding-left: 2796px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 { - padding-right: 2796px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-66 { - padding-left: 2772px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-66 { - padding-right: 2772px; - } - - .ag-theme-material .ag-ltr .ag-row-level-66 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-66 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 { - padding-left: 2838px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 { - padding-right: 2838px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-67 { - padding-left: 2814px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-67 { - padding-right: 2814px; - } - - .ag-theme-material .ag-ltr .ag-row-level-67 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-67 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 { - padding-left: 2880px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 { - padding-right: 2880px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-68 { - padding-left: 2856px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-68 { - padding-right: 2856px; - } - - .ag-theme-material .ag-ltr .ag-row-level-68 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-68 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 { - padding-left: 2922px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 { - padding-right: 2922px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-69 { - padding-left: 2898px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-69 { - padding-right: 2898px; - } - - .ag-theme-material .ag-ltr .ag-row-level-69 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-69 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 { - padding-left: 2964px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 { - padding-right: 2964px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-70 { - padding-left: 2940px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-70 { - padding-right: 2940px; - } - - .ag-theme-material .ag-ltr .ag-row-level-70 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-70 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 { - padding-left: 3006px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 { - padding-right: 3006px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-71 { - padding-left: 2982px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-71 { - padding-right: 2982px; - } - - .ag-theme-material .ag-ltr .ag-row-level-71 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-71 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 { - padding-left: 3048px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 { - padding-right: 3048px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-72 { - padding-left: 3024px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-72 { - padding-right: 3024px; - } - - .ag-theme-material .ag-ltr .ag-row-level-72 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-72 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 { - padding-left: 3090px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 { - padding-right: 3090px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-73 { - padding-left: 3066px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-73 { - padding-right: 3066px; - } - - .ag-theme-material .ag-ltr .ag-row-level-73 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-73 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 { - padding-left: 3132px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 { - padding-right: 3132px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-74 { - padding-left: 3108px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-74 { - padding-right: 3108px; - } - - .ag-theme-material .ag-ltr .ag-row-level-74 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-74 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 { - padding-left: 3174px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 { - padding-right: 3174px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-75 { - padding-left: 3150px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-75 { - padding-right: 3150px; - } - - .ag-theme-material .ag-ltr .ag-row-level-75 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-75 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 { - padding-left: 3216px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 { - padding-right: 3216px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-76 { - padding-left: 3192px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-76 { - padding-right: 3192px; - } - - .ag-theme-material .ag-ltr .ag-row-level-76 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-76 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 { - padding-left: 3258px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 { - padding-right: 3258px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-77 { - padding-left: 3234px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-77 { - padding-right: 3234px; - } - - .ag-theme-material .ag-ltr .ag-row-level-77 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-77 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 { - padding-left: 3300px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 { - padding-right: 3300px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-78 { - padding-left: 3276px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-78 { - padding-right: 3276px; - } - - .ag-theme-material .ag-ltr .ag-row-level-78 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-78 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 { - padding-left: 3342px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 { - padding-right: 3342px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-79 { - padding-left: 3318px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-79 { - padding-right: 3318px; - } - - .ag-theme-material .ag-ltr .ag-row-level-79 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-79 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 { - padding-left: 3384px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 { - padding-right: 3384px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-80 { - padding-left: 3360px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-80 { - padding-right: 3360px; - } - - .ag-theme-material .ag-ltr .ag-row-level-80 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-80 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 { - padding-left: 3426px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 { - padding-right: 3426px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-81 { - padding-left: 3402px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-81 { - padding-right: 3402px; - } - - .ag-theme-material .ag-ltr .ag-row-level-81 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-81 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 { - padding-left: 3468px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 { - padding-right: 3468px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-82 { - padding-left: 3444px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-82 { - padding-right: 3444px; - } - - .ag-theme-material .ag-ltr .ag-row-level-82 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-82 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 { - padding-left: 3510px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 { - padding-right: 3510px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-83 { - padding-left: 3486px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-83 { - padding-right: 3486px; - } - - .ag-theme-material .ag-ltr .ag-row-level-83 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-83 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 { - padding-left: 3552px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 { - padding-right: 3552px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-84 { - padding-left: 3528px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-84 { - padding-right: 3528px; - } - - .ag-theme-material .ag-ltr .ag-row-level-84 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-84 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 { - padding-left: 3594px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 { - padding-right: 3594px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-85 { - padding-left: 3570px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-85 { - padding-right: 3570px; - } - - .ag-theme-material .ag-ltr .ag-row-level-85 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-85 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 { - padding-left: 3636px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 { - padding-right: 3636px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-86 { - padding-left: 3612px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-86 { - padding-right: 3612px; - } - - .ag-theme-material .ag-ltr .ag-row-level-86 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-86 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 { - padding-left: 3678px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 { - padding-right: 3678px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-87 { - padding-left: 3654px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-87 { - padding-right: 3654px; - } - - .ag-theme-material .ag-ltr .ag-row-level-87 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-87 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 { - padding-left: 3720px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 { - padding-right: 3720px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-88 { - padding-left: 3696px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-88 { - padding-right: 3696px; - } - - .ag-theme-material .ag-ltr .ag-row-level-88 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-88 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 { - padding-left: 3762px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 { - padding-right: 3762px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-89 { - padding-left: 3738px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-89 { - padding-right: 3738px; - } - - .ag-theme-material .ag-ltr .ag-row-level-89 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-89 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 { - padding-left: 3804px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 { - padding-right: 3804px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-90 { - padding-left: 3780px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-90 { - padding-right: 3780px; - } - - .ag-theme-material .ag-ltr .ag-row-level-90 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-90 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 { - padding-left: 3846px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 { - padding-right: 3846px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-91 { - padding-left: 3822px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-91 { - padding-right: 3822px; - } - - .ag-theme-material .ag-ltr .ag-row-level-91 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-91 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 { - padding-left: 3888px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 { - padding-right: 3888px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-92 { - padding-left: 3864px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-92 { - padding-right: 3864px; - } - - .ag-theme-material .ag-ltr .ag-row-level-92 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-92 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 { - padding-left: 3930px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 { - padding-right: 3930px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-93 { - padding-left: 3906px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-93 { - padding-right: 3906px; - } - - .ag-theme-material .ag-ltr .ag-row-level-93 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-93 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 { - padding-left: 3972px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 { - padding-right: 3972px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-94 { - padding-left: 3948px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-94 { - padding-right: 3948px; - } - - .ag-theme-material .ag-ltr .ag-row-level-94 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-94 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 { - padding-left: 4014px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 { - padding-right: 4014px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-95 { - padding-left: 3990px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-95 { - padding-right: 3990px; - } - - .ag-theme-material .ag-ltr .ag-row-level-95 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-95 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 { - padding-left: 4056px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 { - padding-right: 4056px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-96 { - padding-left: 4032px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-96 { - padding-right: 4032px; - } - - .ag-theme-material .ag-ltr .ag-row-level-96 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-96 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 { - padding-left: 4098px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 { - padding-right: 4098px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-97 { - padding-left: 4074px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-97 { - padding-right: 4074px; - } - - .ag-theme-material .ag-ltr .ag-row-level-97 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-97 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 { - padding-left: 4140px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 { - padding-right: 4140px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-98 { - padding-left: 4116px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-98 { - padding-right: 4116px; - } - - .ag-theme-material .ag-ltr .ag-row-level-98 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-98 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 { - padding-left: 4182px; - } - - .ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 { - padding-right: 4182px; - } - - .ag-theme-material .ag-ltr .ag-row-group-indent-99 { - padding-left: 4158px; - } - - .ag-theme-material .ag-rtl .ag-row-group-indent-99 { - padding-right: 4158px; - } - - .ag-theme-material .ag-ltr .ag-row-level-99 .ag-pivot-leaf-group { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-level-99 .ag-pivot-leaf-group { - margin-right: 42px; - } - - .ag-theme-material .ag-ltr .ag-row-group-leaf-indent { - margin-left: 42px; - } - - .ag-theme-material .ag-rtl .ag-row-group-leaf-indent { - margin-right: 42px; - } - - .ag-theme-material .ag-value-change-delta { - padding-right: 2px; - } - .ag-theme-material .ag-value-change-delta-up { - color: #43a047; - color: var(--ag-value-change-delta-up-color, #43a047); - } - .ag-theme-material .ag-value-change-delta-down { - color: #e53935; - color: var(--ag-value-change-delta-down-color, #e53935); - } - .ag-theme-material .ag-value-change-value { - background-color: transparent; - border-radius: 1px; - padding-left: 1px; - padding-right: 1px; - -webkit-transition: background-color 1s; - transition: background-color 1s; - } - .ag-theme-material .ag-value-change-value-highlight { - background-color: #00acc1; - background-color: var(--ag-value-change-value-highlight-background-color, #00acc1); - -webkit-transition: background-color 0.1s; - transition: background-color 0.1s; - } - .ag-theme-material .ag-cell-data-changed { - background-color: #00acc1 !important; - background-color: var(--ag-value-change-value-highlight-background-color, #00acc1) !important; - } - .ag-theme-material .ag-cell-data-changed-animation { - background-color: transparent; - } - .ag-theme-material .ag-cell-highlight { - background-color: #fce4ec !important; - background-color: var(--ag-range-selection-highlight-color, #fce4ec) !important; - } - .ag-theme-material .ag-row { - height: 48px; - background-color: #fff; - background-color: var(--ag-background-color, #fff); - color: rgba(0, 0, 0, 0.87); - color: var(--ag-data-color, var(--ag-foreground-color, rgba(0, 0, 0, 0.87))); - border-width: 1px; - border-color: #e2e2e2; - border-color: var(--ag-row-border-color, var(--ag-secondary-border-color, var(--ag-border-color, #e2e2e2))); - border-bottom-style: solid; - } - .ag-theme-material .ag-row-highlight-above::after, .ag-theme-material .ag-row-highlight-below::after { - content: ""; - position: absolute; - width: calc(100% - 1px); - height: 1px; - background-color: #3f51b5; - background-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)); - left: 1px; - } - .ag-theme-material .ag-row-highlight-above::after { - top: -1px; - } - .ag-theme-material .ag-row-highlight-above.ag-row-first::after { - top: 0; - } - .ag-theme-material .ag-row-highlight-below::after { - bottom: 0px; - } - .ag-theme-material .ag-row-odd { - background-color: var(--ag-odd-row-background-color); - } - .ag-theme-material .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) { - border-right: solid 1px; - border-right-color: #e2e2e2; - border-right-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) { - border-left: solid 1px; - border-left-color: #e2e2e2; - border-left-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-row-selected::before { - content: ""; - background-color: #eee; - background-color: var(--ag-selected-row-background-color, #eee); - display: block; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - } - .ag-theme-material .ag-row-hover:not(.ag-full-width-row)::before, - .ag-theme-material .ag-row-hover.ag-full-width-row.ag-row-group::before { - content: ""; - background-color: #fafafa; - background-color: var(--ag-row-hover-color, #fafafa); - display: block; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - pointer-events: none; - } - .ag-theme-material .ag-row-hover.ag-row-selected::before { - background-color: #fafafa; - background-color: var(--ag-row-hover-color, #fafafa); - background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee)); - background-image: linear-gradient(#eee, #eee); - } - .ag-theme-material .ag-row-hover.ag-full-width-row.ag-row-group > * { - position: relative; - } - .ag-theme-material .ag-column-hover { - background-color: #fafafa; - background-color: var(--ag-column-hover-color, #fafafa); - } - .ag-theme-material .ag-ltr .ag-right-aligned-cell { - text-align: right; - } - - .ag-theme-material .ag-rtl .ag-right-aligned-cell { - text-align: left; - } - - .ag-theme-material .ag-ltr .ag-right-aligned-cell .ag-cell-value, .ag-theme-material .ag-ltr .ag-right-aligned-cell .ag-group-value { - margin-left: auto; - } - - .ag-theme-material .ag-rtl .ag-right-aligned-cell .ag-cell-value, .ag-theme-material .ag-rtl .ag-right-aligned-cell .ag-group-value { - margin-right: auto; - } - - .ag-theme-material .ag-cell, .ag-theme-material .ag-full-width-row .ag-cell-wrapper.ag-row-group { - --ag-internal-calculated-line-height: var(--ag-line-height, 46px); - --ag-internal-padded-row-height: 46px; - border: 1px solid transparent; - line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); - padding-left: 23px; - padding-right: 23px; - -webkit-font-smoothing: subpixel-antialiased; - } - .ag-theme-material .ag-row > .ag-cell-wrapper { - padding-left: 23px; - padding-right: 23px; - } - .ag-theme-material .ag-row-dragging { - cursor: move; - opacity: 0.5; - } - .ag-theme-material .ag-cell-inline-editing { - background: #fff; - background: var(--ag-background-color, #fff); - border-radius: 2px; - -webkit-box-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); - box-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); - padding: 8px; - padding: 0; - height: 48px; - background-color: #fafafa; - background-color: var(--ag-control-panel-background-color, #fafafa); - } - .ag-theme-material .ag-popup-editor { - background: #fff; - background: var(--ag-background-color, #fff); - border-radius: 2px; - -webkit-box-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); - box-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); - padding: 8px; - background-color: #fafafa; - background-color: var(--ag-control-panel-background-color, #fafafa); - padding: 0; - } - .ag-theme-material .ag-large-text-input { - height: auto; - padding: 24px; - } - .ag-theme-material .ag-details-row { - padding: 40px; - background-color: #fff; - background-color: var(--ag-background-color, #fff); - } - .ag-theme-material .ag-layout-auto-height .ag-center-cols-clipper, .ag-theme-material .ag-layout-auto-height .ag-center-cols-container, .ag-theme-material .ag-layout-print .ag-center-cols-clipper, .ag-theme-material .ag-layout-print .ag-center-cols-container { - min-height: 50px; - } - .ag-theme-material .ag-overlay-loading-wrapper { - background-color: rgba(255, 255, 255, 0.66); - background-color: var(--ag-modal-overlay-background-color, rgba(255, 255, 255, 0.66)); - } - .ag-theme-material .ag-overlay-loading-center { - background: #fff; - background: var(--ag-background-color, #fff); - border-radius: 2px; - -webkit-box-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); - box-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); - padding: 8px; - } - .ag-theme-material .ag-overlay-no-rows-wrapper.ag-layout-auto-height { - padding-top: 30px; - } - .ag-theme-material .ag-loading { - display: -webkit-box; - display: flex; - height: 100%; - -webkit-box-align: center; - align-items: center; - } - .ag-theme-material .ag-ltr .ag-loading { - padding-left: 24px; - } - - .ag-theme-material .ag-rtl .ag-loading { - padding-right: 24px; - } - - .ag-theme-material .ag-ltr .ag-loading-icon { - padding-right: 24px; - } - - .ag-theme-material .ag-rtl .ag-loading-icon { - padding-left: 24px; - } - - .ag-theme-material .ag-icon-loading { - -webkit-animation-name: spin; - animation-name: spin; - -webkit-animation-duration: 1000ms; - animation-duration: 1000ms; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - } - @-webkit-keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - @keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - .ag-theme-material .ag-floating-top { - border-bottom: solid 1px; - border-bottom-color: #e2e2e2; - border-bottom-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-floating-bottom { - border-top: solid 1px; - border-top-color: #e2e2e2; - border-top-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-ltr .ag-cell { - border-right: solid transparent; - } - - .ag-theme-material .ag-rtl .ag-cell { - border-left: solid transparent; - } - - .ag-theme-material .ag-ltr .ag-cell { - border-right-width: 1px; - } - - .ag-theme-material .ag-rtl .ag-cell { - border-left-width: 1px; - } - - .ag-theme-material .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) { - border-left: solid 1px; - border-left-color: #e2e2e2; - border-left-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) { - border-right: solid 1px; - border-right-color: #e2e2e2; - border-right-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus), - .ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) { - background-color: rgba(122, 134, 203, 0.1); - background-color: var(--ag-range-selection-background-color, rgba(122, 134, 203, 0.1)); - } - .ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart, - .ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart { - background-color: rgba(0, 88, 255, 0.1) !important; - background-color: var(--ag-range-selection-chart-background-color, rgba(0, 88, 255, 0.1)) !important; - } - .ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category, - .ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category { - background-color: rgba(0, 255, 132, 0.1) !important; - background-color: var(--ag-range-selection-chart-category-background-color, rgba(0, 255, 132, 0.1)) !important; - } - .ag-theme-material .ag-cell-range-selected-1:not(.ag-cell-focus), - .ag-theme-material .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) { - background-color: rgba(122, 134, 203, 0.1); - background-color: var(--ag-range-selection-background-color-1, var(--ag-range-selection-background-color, rgba(122, 134, 203, 0.1))); - } - .ag-theme-material .ag-cell-range-selected-2:not(.ag-cell-focus), - .ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 { - background-color: rgba(122, 134, 203, 0.19); - background-color: var(--ag-range-selection-background-color-2, rgba(122, 134, 203, 0.19)); - } - .ag-theme-material .ag-cell-range-selected-3:not(.ag-cell-focus), - .ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 { - background-color: rgba(122, 134, 203, 0.271); - background-color: var(--ag-range-selection-background-color-3, rgba(122, 134, 203, 0.271)); - } - .ag-theme-material .ag-cell-range-selected-4:not(.ag-cell-focus), - .ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 { - background-color: rgba(122, 134, 203, 0.3439); - background-color: var(--ag-range-selection-background-color-4, rgba(122, 134, 203, 0.3439)); - } - .ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top { - border-top-color: #3f51b5; - border-top-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right { - border-right-color: #3f51b5; - border-right-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom { - border-bottom-color: #3f51b5; - border-bottom-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left { - border-left-color: #3f51b5; - border-left-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within, - .ag-theme-material .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), - .ag-theme-material .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, - .ag-theme-material .ag-ltr .ag-cell-range-single-cell, - .ag-theme-material .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-theme-material .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within, - .ag-theme-material .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), - .ag-theme-material .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, - .ag-theme-material .ag-rtl .ag-cell-range-single-cell, - .ag-theme-material .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle { - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)); - outline: initial; - } - .ag-theme-material .ag-cell.ag-selection-fill-top, - .ag-theme-material .ag-cell.ag-selection-fill-top.ag-cell-range-selected { - border-top: 1px dashed; - border-top-color: #3f51b5; - border-top-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-right, .ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected { - border-right: 1px dashed !important; - border-right-color: #3f51b5 !important; - border-right-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)) !important; - } - - .ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-right, .ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected { - border-left: 1px dashed !important; - border-left-color: #3f51b5 !important; - border-left-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)) !important; - } - - .ag-theme-material .ag-cell.ag-selection-fill-bottom, - .ag-theme-material .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected { - border-bottom: 1px dashed; - border-bottom-color: #3f51b5; - border-bottom-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-left, .ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected { - border-left: 1px dashed !important; - border-left-color: #3f51b5 !important; - border-left-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)) !important; - } - - .ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-left, .ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected { - border-right: 1px dashed !important; - border-right-color: #3f51b5 !important; - border-right-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)) !important; - } - - .ag-theme-material .ag-range-handle, .ag-theme-material .ag-fill-handle { - position: absolute; - width: 6px; - height: 6px; - bottom: -1px; - background-color: #3f51b5; - background-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-ltr .ag-range-handle, .ag-theme-material .ag-ltr .ag-fill-handle { - right: -1px; - } - - .ag-theme-material .ag-rtl .ag-range-handle, .ag-theme-material .ag-rtl .ag-fill-handle { - left: -1px; - } - - .ag-theme-material .ag-fill-handle { - cursor: cell; - } - .ag-theme-material .ag-range-handle { - cursor: nwse-resize; - } - .ag-theme-material .ag-cell-inline-editing { - border-color: #3f51b5 !important; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)) !important; - } - .ag-theme-material .ag-menu { - background: #fff; - background: var(--ag-background-color, #fff); - border-radius: 2px; - -webkit-box-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); - box-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); - padding: 8px; - padding: 0; - } - .ag-theme-material .ag-menu-list { - cursor: default; - padding: 8px 0; - } - .ag-theme-material .ag-menu-separator { - height: 17px; - } - .ag-theme-material .ag-menu-separator-part::after { - content: ""; - display: block; - border-top: solid 1px; - border-top-color: #e2e2e2; - border-top-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-menu-option-active, .ag-theme-material .ag-compact-menu-option-active { - background-color: #fafafa; - background-color: var(--ag-row-hover-color, #fafafa); - } - .ag-theme-material .ag-menu-option-part, .ag-theme-material .ag-compact-menu-option-part { - line-height: 18px; - padding: 10px 0; - } - .ag-theme-material .ag-menu-option-disabled, .ag-theme-material .ag-compact-menu-option-disabled { - opacity: 0.5; - } - .ag-theme-material .ag-menu-option-icon, .ag-theme-material .ag-compact-menu-option-icon { - width: 18px; - } - .ag-theme-material .ag-ltr .ag-menu-option-icon, .ag-theme-material .ag-ltr .ag-compact-menu-option-icon { - padding-left: 16px; - } - - .ag-theme-material .ag-rtl .ag-menu-option-icon, .ag-theme-material .ag-rtl .ag-compact-menu-option-icon { - padding-right: 16px; - } - - .ag-theme-material .ag-menu-option-text, .ag-theme-material .ag-compact-menu-option-text { - padding-left: 16px; - padding-right: 16px; - } - .ag-theme-material .ag-ltr .ag-menu-option-shortcut, .ag-theme-material .ag-ltr .ag-compact-menu-option-shortcut { - padding-right: 8px; - } - - .ag-theme-material .ag-rtl .ag-menu-option-shortcut, .ag-theme-material .ag-rtl .ag-compact-menu-option-shortcut { - padding-left: 8px; - } - - .ag-theme-material .ag-menu-option-popup-pointer, .ag-theme-material .ag-compact-menu-option-popup-pointer { - padding-right: 8px; - } - .ag-theme-material .ag-tabs { - min-width: 220px; - } - .ag-theme-material .ag-tabs-header { - width: 100%; - display: -webkit-box; - display: flex; - } - .ag-theme-material .ag-tab { - border-bottom: 2px solid transparent; - display: -webkit-box; - display: flex; - -webkit-box-flex: 0; - flex: none; - -webkit-box-align: center; - align-items: center; - -webkit-box-pack: center; - justify-content: center; - cursor: pointer; - -webkit-box-flex: 1; - flex: 1 1 auto; - } - .ag-theme-material .ag-keyboard-focus .ag-tab:focus { - outline: none; - } - .ag-theme-material .ag-keyboard-focus .ag-tab:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 4px; - left: 4px; - display: block; - width: calc(100% - 8px); - height: calc(100% - 8px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-tab-selected { - border-bottom-color: #3f51b5; - border-bottom-color: var(--ag-selected-tab-underline-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-menu-header { - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - } - .ag-theme-material .ag-filter-separator { - border-top: solid 1px; - border-top-color: #e2e2e2; - border-top-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-menu:not(.ag-tabs) .ag-filter-select { - min-width: 155px; - } - .ag-theme-material .ag-tabs .ag-filter-select { - min-width: 194px; - } - .ag-theme-material .ag-filter-select .ag-picker-field-wrapper { - width: 0; - } - .ag-theme-material .ag-filter-condition-operator { - height: 17px; - } - .ag-theme-material .ag-ltr .ag-filter-condition-operator-or { - margin-left: 16px; - } - - .ag-theme-material .ag-rtl .ag-filter-condition-operator-or { - margin-right: 16px; - } - - .ag-theme-material .ag-set-filter-select-all { - padding-top: 16px; - } - .ag-theme-material .ag-set-filter-list, .ag-theme-material .ag-filter-no-matches { - height: 192px; - } - .ag-theme-material .ag-set-filter-filter { - margin-top: 16px; - margin-left: 12px; - margin-right: 12px; - } - .ag-theme-material .ag-filter-to { - margin-top: 14px; - } - .ag-theme-material .ag-mini-filter { - margin: 16px 12px; - } - .ag-theme-material .ag-set-filter-item { - margin: 0px 12px; - } - .ag-theme-material .ag-ltr .ag-set-filter-item-value { - margin-left: 12px; - } - - .ag-theme-material .ag-rtl .ag-set-filter-item-value { - margin-right: 12px; - } - - .ag-theme-material .ag-filter-apply-panel { - padding: 16px 12px; - } - .ag-theme-material .ag-filter-apply-panel-button { - line-height: 1.5; - } - .ag-theme-material .ag-ltr .ag-filter-apply-panel-button { - margin-left: 16px; - } - - .ag-theme-material .ag-rtl .ag-filter-apply-panel-button { - margin-right: 16px; - } - - .ag-theme-material .ag-simple-filter-body-wrapper { - padding: 16px 12px; - padding-bottom: 2px; - } - .ag-theme-material .ag-simple-filter-body-wrapper > * { - margin-bottom: 14px; - } - .ag-theme-material .ag-filter-no-matches { - padding: 16px 12px; - } - .ag-theme-material .ag-multi-filter-menu-item { - margin: 8px 0; - } - .ag-theme-material .ag-multi-filter-group-title-bar { - padding: 16px 8px; - background-color: transparent; - } - .ag-theme-material .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus { - outline: none; - } - .ag-theme-material .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 4px; - left: 4px; - display: block; - width: calc(100% - 8px); - height: calc(100% - 8px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-side-bar { - position: relative; - } - .ag-theme-material .ag-tool-panel-wrapper { - width: 200px; - background-color: #fafafa; - background-color: var(--ag-control-panel-background-color, #fafafa); - } - .ag-theme-material .ag-side-buttons { - padding-top: 32px; - width: 22px; - position: relative; - color: rgba(0, 0, 0, 0.87); - color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87)); - overflow: hidden; - } - .ag-theme-material button.ag-side-button-button { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - line-height: inherit; - background: transparent; - padding: 16px 0 16px 0; - width: 100%; - margin: 0; - min-height: 144px; - background-position-y: center; - background-position-x: center; - background-repeat: no-repeat; - border: none; - } - .ag-theme-material button.ag-side-button-button:focus { - -webkit-box-shadow: none; - box-shadow: none; - } - .ag-theme-material .ag-keyboard-focus .ag-side-button-button:focus { - outline: none; - } - .ag-theme-material .ag-keyboard-focus .ag-side-button-button:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 4px; - left: 4px; - display: block; - width: calc(100% - 8px); - height: calc(100% - 8px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-side-button-icon-wrapper { - margin-bottom: 3px; - } - .ag-theme-material .ag-ltr .ag-side-bar-left .ag-side-button-button, - .ag-theme-material .ag-rtl .ag-side-bar-right .ag-side-button-button { - border-right: 2px solid transparent; - } - .ag-theme-material .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button, - .ag-theme-material .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button { - border-right-color: #3f51b5; - border-right-color: var(--ag-selected-tab-underline-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-rtl .ag-side-bar-left .ag-side-button-button, - .ag-theme-material .ag-ltr .ag-side-bar-right .ag-side-button-button { - border-left: 2px solid transparent; - } - .ag-theme-material .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button, - .ag-theme-material .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button { - border-left-color: #3f51b5; - border-left-color: var(--ag-selected-tab-underline-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-filter-toolpanel-header { - height: 48px; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-header, .ag-theme-material .ag-ltr .ag-filter-toolpanel-search { - padding-left: 8px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-header, .ag-theme-material .ag-rtl .ag-filter-toolpanel-search { - padding-right: 8px; - } - - .ag-theme-material .ag-keyboard-focus .ag-filter-toolpanel-header:focus { - outline: none; - } - .ag-theme-material .ag-keyboard-focus .ag-filter-toolpanel-header:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 4px; - left: 4px; - display: block; - width: calc(100% - 8px); - height: calc(100% - 8px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after { - font-family: "agGridMaterial"; - font-size: 18px; - line-height: 18px; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - content: "\f114"; - position: absolute; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after { - padding-left: 8px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after { - padding-right: 8px; - } - - .ag-theme-material .ag-filter-toolpanel-group-level-0-header { - height: 64px; - } - .ag-theme-material .ag-filter-toolpanel-group-item { - margin-top: 4px; - margin-bottom: 4px; - } - .ag-theme-material .ag-filter-toolpanel-search { - height: 56px; - } - .ag-theme-material .ag-filter-toolpanel-search-input { - -webkit-box-flex: 1; - flex-grow: 1; - height: 32px; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-search-input { - margin-right: 8px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-search-input { - margin-left: 8px; - } - - .ag-theme-material .ag-ltr .ag-filter-toolpanel-expand, .ag-theme-material .ag-ltr .ag-filter-toolpanel-group-title-bar-icon { - margin-right: 8px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-expand, .ag-theme-material .ag-rtl .ag-filter-toolpanel-group-title-bar-icon { - margin-left: 8px; - } - - .ag-theme-material .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar { - background-color: transparent; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header { - padding-left: 24px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header { - padding-right: 24px; - } - - .ag-theme-material .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar { - background-color: transparent; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header { - padding-left: 40px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header { - padding-right: 40px; - } - - .ag-theme-material .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar { - background-color: transparent; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header { - padding-left: 56px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header { - padding-right: 56px; - } - - .ag-theme-material .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar { - background-color: transparent; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header { - padding-left: 72px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header { - padding-right: 72px; - } - - .ag-theme-material .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar { - background-color: transparent; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header { - padding-left: 88px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header { - padding-right: 88px; - } - - .ag-theme-material .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar { - background-color: transparent; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header { - padding-left: 104px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header { - padding-right: 104px; - } - - .ag-theme-material .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar { - background-color: transparent; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header { - padding-left: 120px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header { - padding-right: 120px; - } - - .ag-theme-material .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar { - background-color: transparent; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header { - padding-left: 136px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header { - padding-right: 136px; - } - - .ag-theme-material .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar { - background-color: transparent; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header { - padding-left: 152px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header { - padding-right: 152px; - } - - .ag-theme-material .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar { - background-color: transparent; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header { - padding-left: 168px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header { - padding-right: 168px; - } - - .ag-theme-material .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header { - padding-left: 8px; - } - .ag-theme-material .ag-filter-toolpanel-instance-filter { - margin-top: 8px; - } - .ag-theme-material .ag-ltr .ag-filter-toolpanel-instance-header-icon { - margin-left: 8px; - } - - .ag-theme-material .ag-rtl .ag-filter-toolpanel-instance-header-icon { - margin-right: 8px; - } - - .ag-theme-material .ag-pivot-mode-panel { - min-height: 56px; - height: 56px; - display: -webkit-box; - display: flex; - } - .ag-theme-material .ag-pivot-mode-select { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; - } - .ag-theme-material .ag-ltr .ag-pivot-mode-select { - margin-left: 12px; - } - - .ag-theme-material .ag-rtl .ag-pivot-mode-select { - margin-right: 12px; - } - - .ag-theme-material .ag-keyboard-focus .ag-column-select-header:focus { - outline: none; - } - .ag-theme-material .ag-keyboard-focus .ag-column-select-header:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 4px; - left: 4px; - display: block; - width: calc(100% - 8px); - height: calc(100% - 8px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-column-select-header { - height: 56px; - -webkit-box-align: center; - align-items: center; - padding: 0 12px; - } - .ag-theme-material .ag-column-group-icons, - .ag-theme-material .ag-column-select-header-icon { - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - } - .ag-theme-material .ag-column-select-list .ag-list-item-hovered::after { - content: ""; - position: absolute; - left: 0; - right: 0; - height: 1px; - background-color: #3f51b5; - background-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-column-select-list .ag-item-highlight-top::after { - top: 0; - } - .ag-theme-material .ag-column-select-list .ag-item-highlight-bottom::after { - bottom: 0; - } - .ag-theme-material .ag-header { - background-color: #fff; - background-color: var(--ag-header-background-color, #fff); - border-bottom: solid 2px; - border-bottom-color: #e2e2e2; - border-bottom-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-header-row { - color: rgba(0, 0, 0, 0.54); - color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))); - height: 56px; - } - .ag-theme-material .ag-pinned-right-header { - border-left: solid 1px; - border-left-color: #e2e2e2; - border-left-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-pinned-left-header { - border-right: solid 1px; - border-right-color: #e2e2e2; - border-right-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon { - margin-left: 8px; - } - - .ag-theme-material .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon { - margin-right: 8px; - } - - .ag-theme-material .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon { - margin-right: 8px; - } - - .ag-theme-material .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon { - margin-left: 8px; - } - - .ag-theme-material .ag-header-cell, - .ag-theme-material .ag-header-group-cell { - padding-left: 24px; - padding-right: 24px; - } - .ag-theme-material .ag-header-cell.ag-header-cell-moving, - .ag-theme-material .ag-header-group-cell.ag-header-cell-moving { - background-color: #f2f2f2; - background-color: var(--ag-header-cell-moving-background-color, var(--ag-header-cell-hover-background-color, #f2f2f2)); - } - .ag-theme-material .ag-keyboard-focus .ag-header-cell:focus { - outline: none; - } - ${agHeaderCellFocus} - .ag-theme-material .ag-keyboard-focus .ag-header-cell:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 4px; - left: 4px; - display: block; - width: calc(100% - 8px); - height: calc(100% - 8px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-keyboard-focus .ag-header-group-cell:focus { - outline: none; - } - .ag-theme-material .ag-keyboard-focus .ag-header-group-cell:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 4px; - left: 4px; - display: block; - width: calc(100% - 8px); - height: calc(100% - 8px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-header-icon { - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - } - .ag-theme-material .ag-header-expand-icon { - cursor: pointer; - } - .ag-theme-material .ag-ltr .ag-header-expand-icon { - padding-left: 4px; - } - - .ag-theme-material .ag-rtl .ag-header-expand-icon { - padding-right: 4px; - } - - .ag-theme-material .ag-header-row:not(:first-child) .ag-header-cell, - .ag-theme-material .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group { - border-top: solid 1px; - border-top-color: #e2e2e2; - border-top-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-header-cell-moving):hover, .ag-theme-material .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell.ag-column-resizing, - .ag-theme-material .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-header-cell-moving):hover, - .ag-theme-material .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-resizing, - .ag-theme-material .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover, - .ag-theme-material .ag-header-group-cell:first-of-type.ag-column-resizing, - .ag-theme-material .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover, - .ag-theme-material .ag-header-cell:first-of-type.ag-column-resizing { - background-color: #f2f2f2; - background-color: var(--ag-header-cell-hover-background-color, #f2f2f2); - } - .ag-theme-material .ag-ltr .ag-header-select-all { - margin-right: 24px; - } - - .ag-theme-material .ag-rtl .ag-header-select-all { - margin-left: 24px; - } - - .ag-theme-material .ag-ltr .ag-floating-filter-button { - margin-left: 24px; - } - - .ag-theme-material .ag-rtl .ag-floating-filter-button { - margin-right: 24px; - } - - .ag-theme-material .ag-floating-filter-button-button { - color: inherit; - font-family: inherit; - font-size: inherit; - font-weight: inherit; - line-height: inherit; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: transparent; - border: none; - height: 18px; - padding: 0; - width: 18px; - } - .ag-theme-material .ag-filter-loading { - background-color: #fafafa; - background-color: var(--ag-control-panel-background-color, #fafafa); - height: 100%; - padding: 16px 12px; - position: absolute; - width: 100%; - z-index: 1; - } - ${pagination} - .ag-theme-material .ag-paging-panel > * { - margin: 0 24px; - } - .ag-theme-material .ag-paging-button { - cursor: pointer; - } - .ag-theme-material .ag-paging-button.ag-disabled { - cursor: default; - color: rgba(0, 0, 0, 0.38); - color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38)); - } - .ag-theme-material .ag-keyboard-focus .ag-paging-button:focus { - outline: none; - } - .ag-theme-material .ag-keyboard-focus .ag-paging-button:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 0px; - left: 0px; - display: block; - width: calc(100% - 0px); - height: calc(100% - 0px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-paging-button, .ag-theme-material .ag-paging-description { - margin: 0 8px; - } - .ag-theme-material .ag-status-bar { - color: rgba(0, 0, 0, 0.38); - color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38)); - padding-right: 32px; - padding-left: 32px; - line-height: 1.5; - } - .ag-theme-material .ag-status-name-value-value { - color: rgba(0, 0, 0, 0.87); - color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87)); - } - .ag-theme-material .ag-status-bar-center { - text-align: center; - } - .ag-theme-material .ag-status-name-value { - margin-left: 8px; - margin-right: 8px; - padding-top: 16px; - padding-bottom: 16px; - } - .ag-theme-material .ag-column-drop-cell { - background: #e2e2e2; - background: var(--ag-chip-background-color, #e2e2e2); - border-radius: 32px; - height: 32px; - padding: 0 4px; - border: 1px solid transparent; - cursor: pointer; - } - .ag-theme-material .ag-keyboard-focus .ag-column-drop-cell:focus { - outline: none; - } - .ag-theme-material .ag-keyboard-focus .ag-column-drop-cell:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 2px; - left: 2px; - display: block; - width: calc(100% - 4px); - height: calc(100% - 4px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-column-drop-cell-text { - margin: 0 8px; - - } - .ag-theme-material .ag-column-drop-cell-button { - min-width: 32px; - margin: 0 4px; - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - } - .ag-theme-material .ag-column-drop-cell-drag-handle { - margin-left: 16px; - } - .ag-theme-material .ag-column-drop-cell-ghost { - opacity: 0.5; - } - .ag-theme-material .ag-column-drop-horizontal { - background-color: #fafafa; - background-color: var(--ag-control-panel-background-color, #fafafa); - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - height: 48px; - } - .ag-theme-material .ag-ltr .ag-column-drop-horizontal { - padding-left: 24px; - } - - .ag-theme-material .ag-rtl .ag-column-drop-horizontal { - padding-right: 24px; - } - - .ag-theme-material .ag-column-drop-horizontal-cell-separator { - margin: 0 8px; - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - } - .ag-theme-material .ag-column-drop-horizontal-empty-message { - color: rgba(0, 0, 0, 0.38); - color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38)); - } - .ag-theme-material .ag-ltr .ag-column-drop-horizontal-icon { - margin-right: 24px; - } - - .ag-theme-material .ag-rtl .ag-column-drop-horizontal-icon { - margin-left: 24px; - } - - .ag-theme-material .ag-column-drop-vertical-list { - padding-bottom: 8px; - padding-right: 8px; - padding-left: 8px; - } - .ag-theme-material .ag-column-drop-vertical-cell { - margin-top: 8px; - } - .ag-theme-material .ag-column-drop-vertical { - min-height: 50px; - } - .ag-theme-material .ag-column-drop-vertical-icon { - margin-left: 8px; - margin-right: 8px; - } - .ag-theme-material .ag-column-drop-vertical-empty-message { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - overflow: hidden; - color: rgba(0, 0, 0, 0.38); - color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38)); - margin-top: 8px; - } - .ag-theme-material .ag-select-agg-func-popup { - background: #fff; - background: var(--ag-background-color, #fff); - border-radius: 2px; - -webkit-box-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); - box-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); - padding: 8px; - background: #fff; - background: var(--ag-background-color, #fff); - height: 140px; - padding: 0; - } - .ag-theme-material .ag-select-agg-func-virtual-list-item { - cursor: default; - padding-left: 16px; - } - .ag-theme-material .ag-select-agg-func-virtual-list-item:hover { - background-color: #eee; - background-color: var(--ag-selected-row-background-color, #eee); - } - .ag-theme-material .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus { - outline: none; - } - .ag-theme-material .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after { - content: ""; - position: absolute; - background-color: transparent; - pointer-events: none; - top: 1px; - left: 1px; - display: block; - width: calc(100% - 2px); - height: calc(100% - 2px); - border: 1px solid; - border-color: #3f51b5; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-sort-indicator-container { - display: -webkit-box; - display: flex; - } - .ag-theme-material .ag-ltr .ag-sort-indicator-icon { - padding-left: 8px; - } - - .ag-theme-material .ag-rtl .ag-sort-indicator-icon { - padding-right: 8px; - } - - .ag-theme-material .ag-chart-menu { - border-radius: 2px; - background: #fff; - background: var(--ag-background-color, #fff); - } - .ag-theme-material .ag-chart-menu-icon { - opacity: 0.5; - line-height: 24px; - font-size: 24px; - width: 24px; - height: 24px; - margin: 2px 0; - cursor: pointer; - border-radius: 2px; - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - } - .ag-theme-material .ag-chart-menu-icon:hover { - opacity: 1; - } - .ag-theme-material .ag-chart-menu-close { - background: #fff; - background: var(--ag-background-color, #fff); - } - .ag-theme-material .ag-chart-menu-close .ag-icon { - background: none; - border: 1px solid #e2e2e2; - border-right: none; - } - .ag-theme-material .ag-chart-menu-close .ag-icon:hover { - background: #fff; - background: var(--ag-header-background-color, #fff); - } - .ag-theme-material .ag-chart-mini-thumbnail { - border: 1px solid; - border-color: #e2e2e2; - border-color: var(--ag-secondary-border-color, var(--ag-border-color, #e2e2e2)); - border-radius: 5px; - margin: 5px; - } - .ag-theme-material .ag-chart-mini-thumbnail:nth-last-child(3), .ag-theme-material .ag-chart-mini-thumbnail:nth-last-child(3) ~ .ag-chart-mini-thumbnail { - margin-left: auto; - margin-right: auto; - } - .ag-theme-material .ag-ltr .ag-chart-mini-thumbnail:first-child { - margin-left: 0; - } - - .ag-theme-material .ag-rtl .ag-chart-mini-thumbnail:first-child { - margin-right: 0; - } - - .ag-theme-material .ag-ltr .ag-chart-mini-thumbnail:last-child { - margin-right: 0; - } - - .ag-theme-material .ag-rtl .ag-chart-mini-thumbnail:last-child { - margin-left: 0; - } - - .ag-theme-material .ag-chart-mini-thumbnail.ag-selected { - border-color: #ff4081; - border-color: var(--ag-minichart-selected-chart-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081))); - } - .ag-theme-material .ag-chart-settings-card-item { - background: rgba(0, 0, 0, 0.87); - background: var(--ag-foreground-color, rgba(0, 0, 0, 0.87)); - width: 8px; - height: 8px; - border-radius: 4px; - } - .ag-theme-material .ag-chart-settings-card-item.ag-selected { - background-color: #ff4081; - background-color: var(--ag-minichart-selected-page-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081))); - } - .ag-theme-material .ag-chart-data-column-drag-handle { - margin-left: 8px; - } - .ag-theme-material .ag-charts-settings-group-container { - padding: 8px; - } - .ag-theme-material .ag-charts-data-group-container { - padding: 8px 12px; - } - .ag-theme-material .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) { - height: 32px; - } - .ag-theme-material .ag-charts-data-group-container .ag-list-item-hovered::after { - content: ""; - position: absolute; - left: 0; - right: 0; - height: 1px; - background-color: #3f51b5; - background-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material .ag-charts-data-group-container .ag-item-highlight-top::after { - top: 0; - } - .ag-theme-material .ag-charts-data-group-container .ag-item-highlight-bottom::after { - bottom: 0; - } - .ag-theme-material .ag-charts-format-top-level-group-container { - margin-left: 16px; - padding: 8px; - } - .ag-theme-material .ag-charts-format-top-level-group-item { - margin: 8px 0; - } - .ag-theme-material .ag-charts-format-sub-level-group-container { - padding: 16px 12px; - padding-bottom: 2px; - } - .ag-theme-material .ag-charts-format-sub-level-group-container > * { - margin-bottom: 14px; - } - .ag-theme-material .ag-charts-group-container.ag-group-container-horizontal { - padding: 8px; - } - .ag-theme-material .ag-chart-data-section, - .ag-theme-material .ag-chart-format-section { - display: -webkit-box; - display: flex; - margin: 0; - } - .ag-theme-material .ag-chart-menu-panel { - background-color: #fafafa; - background-color: var(--ag-control-panel-background-color, #fafafa); - } - .ag-theme-material .ag-ltr .ag-chart-menu-panel { - border-left: solid 1px; - border-left-color: #e2e2e2; - border-left-color: var(--ag-border-color, #e2e2e2); - } - - .ag-theme-material .ag-rtl .ag-chart-menu-panel { - border-right: solid 1px; - border-right-color: #e2e2e2; - border-right-color: var(--ag-border-color, #e2e2e2); - } - - .ag-theme-material .ag-date-time-list-page-title { - -webkit-box-flex: 1; - flex-grow: 1; - text-align: center; - } - .ag-theme-material .ag-date-time-list-page-column-label { - text-align: center; - } - .ag-theme-material .ag-date-time-list-page-entry { - text-align: center; - } - .ag-theme-material .ag-checkbox-input-wrapper { - font-family: "agGridMaterial"; - font-size: 18px; - line-height: 18px; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - width: 18px; - height: 18px; - background-color: var(--ag-checkbox-background-color); - border-radius: 2px; - display: inline-block; - vertical-align: middle; - -webkit-box-flex: 0; - flex: none; - } - .ag-theme-material .ag-checkbox-input-wrapper input, .ag-theme-material .ag-checkbox-input-wrapper input { - -webkit-appearance: none; - opacity: 0; - width: 100%; - height: 100%; - } - .ag-theme-material .ag-checkbox-input-wrapper:focus-within, .ag-theme-material .ag-checkbox-input-wrapper:active { - outline: none; - -webkit-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - } - .ag-theme-material .ag-checkbox-input-wrapper.ag-disabled { - opacity: 0.5; - } - .ag-theme-material .ag-checkbox-input-wrapper::after { - content: "\f108"; - color: #333; - color: var(--ag-checkbox-unchecked-color, #333); - position: absolute; - top: 0; - left: 0; - pointer-events: none; - } - .ag-theme-material .ag-checkbox-input-wrapper.ag-checked::after { - content: "\f106"; - color: #ff4081; - color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081)); - position: absolute; - top: 0; - left: 0; - pointer-events: none; - } - .ag-theme-material .ag-checkbox-input-wrapper.ag-indeterminate::after { - content: "\f107"; - color: #333; - color: var(--ag-checkbox-indeterminate-color, var(--ag-checkbox-unchecked-color, #333)); - position: absolute; - top: 0; - left: 0; - pointer-events: none; - } - .ag-theme-material .ag-toggle-button-input-wrapper { - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 36px; - height: 18px; - background-color: #333; - background-color: var(--ag-toggle-button-off-background-color, var(--ag-checkbox-unchecked-color, #333)); - border-radius: 9px; - position: relative; - -webkit-box-flex: 0; - flex: none; - border: 1px solid; - border-color: #333; - border-color: var(--ag-toggle-button-off-border-color, var(--ag-checkbox-unchecked-color, #333)); - } - .ag-theme-material .ag-toggle-button-input-wrapper input { - opacity: 0; - height: 100%; - width: 100%; - } - .ag-theme-material .ag-toggle-button-input-wrapper:focus-within { - outline: none; - -webkit-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - } - .ag-theme-material .ag-toggle-button-input-wrapper.ag-disabled { - opacity: 0.5; - } - .ag-theme-material .ag-toggle-button-input-wrapper.ag-checked { - background-color: #ff4081; - background-color: var(--ag-toggle-button-on-background-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081))); - border-color: #ff4081; - border-color: var(--ag-toggle-button-on-border-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081))); - } - .ag-theme-material .ag-toggle-button-input-wrapper::before { - content: " "; - position: absolute; - top: -1px; - left: -1px; - display: block; - -webkit-box-sizing: border-box; - box-sizing: border-box; - height: 18px; - width: 18px; - background-color: #fff; - background-color: var(--ag-toggle-button-switch-background-color, var(--ag-background-color, #fff)); - border-radius: 9px; - -webkit-transition: left 100ms; - transition: left 100ms; - border: 1px solid; - border-color: #333; - border-color: var(--ag-toggle-button-switch-border-color, var(--ag-toggle-button-off-border-color, var(--ag-checkbox-unchecked-color, #333))); - } - .ag-theme-material .ag-toggle-button-input-wrapper.ag-checked::before { - left: calc(100% - 18px ); - border-color: #ff4081; - border-color: var(--ag-toggle-button-on-border-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081))); - } - .ag-theme-material .ag-radio-button-input-wrapper { - font-family: "agGridMaterial"; - font-size: 18px; - line-height: 18px; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - width: 18px; - height: 18px; - background-color: var(--ag-checkbox-background-color); - border-radius: 2px; - display: inline-block; - vertical-align: middle; - -webkit-box-flex: 0; - flex: none; - border-radius: 18px; - } - .ag-theme-material .ag-radio-button-input-wrapper input, .ag-theme-material .ag-radio-button-input-wrapper input { - -webkit-appearance: none; - opacity: 0; - width: 100%; - height: 100%; - } - .ag-theme-material .ag-radio-button-input-wrapper:focus-within, .ag-theme-material .ag-radio-button-input-wrapper:active { - outline: none; - -webkit-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - } - .ag-theme-material .ag-radio-button-input-wrapper.ag-disabled { - opacity: 0.5; - } - .ag-theme-material .ag-radio-button-input-wrapper::after { - content: "\f126"; - color: #333; - color: var(--ag-checkbox-unchecked-color, #333); - position: absolute; - top: 0; - left: 0; - pointer-events: none; - } - .ag-theme-material .ag-radio-button-input-wrapper.ag-checked::after { - content: "\f127"; - color: #ff4081; - color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081)); - position: absolute; - top: 0; - left: 0; - pointer-events: none; - } - .ag-theme-material input[class^=ag-][type=range] { - -webkit-appearance: none; - width: 100%; - height: 100%; - background: none; - overflow: visible; - } - .ag-theme-material input[class^=ag-][type=range]::-webkit-slider-runnable-track { - margin: 0; - padding: 0; - width: 100%; - height: 3px; - background-color: #e2e2e2; - background-color: var(--ag-border-color, #e2e2e2); - border-radius: 0px; - border-radius: 2px; - } - .ag-theme-material input[class^=ag-][type=range]::-moz-range-track { - margin: 0; - padding: 0; - width: 100%; - height: 3px; - background-color: #e2e2e2; - background-color: var(--ag-border-color, #e2e2e2); - border-radius: 0px; - border-radius: 2px; - } - .ag-theme-material input[class^=ag-][type=range]::-ms-track { - margin: 0; - padding: 0; - width: 100%; - height: 3px; - background-color: #e2e2e2; - background-color: var(--ag-border-color, #e2e2e2); - border-radius: 0px; - border-radius: 2px; - color: transparent; - width: calc(100% - 2px); - } - .ag-theme-material input[class^=ag-][type=range]::-webkit-slider-thumb { - margin: 0; - padding: 0; - -webkit-appearance: none; - width: 18px; - height: 18px; - background-color: #fff; - background-color: var(--ag-background-color, #fff); - border: 1px solid; - border-color: #333; - border-color: var(--ag-checkbox-unchecked-color, #333); - border-radius: 18px; - -webkit-transform: translateY(-7.5px); - transform: translateY(-7.5px); - } - .ag-theme-material input[class^=ag-][type=range]::-ms-thumb { - margin: 0; - padding: 0; - -webkit-appearance: none; - width: 18px; - height: 18px; - background-color: #fff; - background-color: var(--ag-background-color, #fff); - border: 1px solid; - border-color: #333; - border-color: var(--ag-checkbox-unchecked-color, #333); - border-radius: 18px; - } - .ag-theme-material input[class^=ag-][type=range]::-moz-ag-range-thumb { - margin: 0; - padding: 0; - -webkit-appearance: none; - width: 18px; - height: 18px; - background-color: #fff; - background-color: var(--ag-background-color, #fff); - border: 1px solid; - border-color: #333; - border-color: var(--ag-checkbox-unchecked-color, #333); - border-radius: 18px; - } - .ag-theme-material input[class^=ag-][type=range]:focus { - outline: none; - } - .ag-theme-material input[class^=ag-][type=range]:focus::-webkit-slider-thumb { - -webkit-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - border-color: #ff4081; - border-color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081)); - } - .ag-theme-material input[class^=ag-][type=range]:focus::-ms-thumb { - box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - border-color: #ff4081; - border-color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081)); - } - .ag-theme-material input[class^=ag-][type=range]:focus::-moz-ag-range-thumb { - box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); - border-color: #ff4081; - border-color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081)); - } - .ag-theme-material input[class^=ag-][type=range]:active::-webkit-slider-runnable-track { - background-color: #3f51b5; - background-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material input[class^=ag-][type=range]:active::-moz-ag-range-track { - background-color: #3f51b5; - background-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material input[class^=ag-][type=range]:active::-ms-track { - background-color: #3f51b5; - background-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)); - } - .ag-theme-material input[class^=ag-][type=range]:disabled { - opacity: 0.5; - } - .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-panel-title-bar-title, - .ag-theme-material .ag-side-button-button, - .ag-theme-material .ag-multi-filter-group-title-bar { - font-size: 12px; - font-weight: 600; - color: rgba(0, 0, 0, 0.54); - color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54))); - } - .ag-theme-material .ag-tab { - height: 36px; - } - .ag-theme-material .ag-tabs-header, - .ag-theme-material .ag-column-drop-horizontal { - background-color: #eee; - background-color: var(--ag-subheader-background-color, #eee); - } - .ag-theme-material .ag-tabs-body { - padding: 4px 0; - } - .ag-theme-material .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 { - -webkit-transition: background-color 0.5s; - transition: background-color 0.5s; - } - .ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing { - bottom: 0; - } - .ag-theme-material .ag-cell-inline-editing { - padding: 8px; - height: 72px; - border-color: #e2e2e2 !important; - border-color: var(--ag-border-color, #e2e2e2) !important; - } - .ag-theme-material .ag-has-focus .ag-cell-inline-editing { - border-color: #3f51b5 !important; - border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)) !important; - } - .ag-theme-material .ag-side-button-button { - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - } - .ag-theme-material .ag-column-drop-vertical { - border-bottom: solid 1px; - border-bottom-color: #e2e2e2; - border-bottom-color: var(--ag-border-color, #e2e2e2); - padding-top: 8px; - } - .ag-theme-material .ag-column-drop-vertical.ag-last-column-drop { - border-bottom: none; - } - .ag-theme-material .ag-column-drop-vertical-cell { - margin-left: 0; - } - .ag-theme-material .ag-column-drop-vertical-empty-message { - font-size: 12px; - font-weight: 600; - color: rgba(0, 0, 0, 0.38); - color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38)); - } - .ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message { - padding-left: 34px; - padding-right: 8px; - } - - .ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message { - padding-right: 34px; - padding-left: 8px; - } - - .ag-theme-material .ag-status-bar { - border: solid 1px; - border-color: #e2e2e2; - border-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-column-panel-column-select { - border-top: solid 1px; - border-top-color: #e2e2e2; - border-top-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-column-select, .ag-theme-material .ag-column-select-header { - border-bottom: solid 1px; - border-bottom-color: #e2e2e2; - border-bottom-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material .ag-column-select-header { - height: 56px; - } - .ag-theme-material .ag-group-title-bar { - padding: 6px 8px; - } - .ag-theme-material .ag-charts-format-sub-level-group-title-bar { - padding: 4px 8px; - } - .ag-theme-material .ag-chart-data-section, - .ag-theme-material .ag-chart-format-section { - padding-bottom: 4px; - } - .ag-theme-material .ag-chart-menu-close .ag-icon { - border: none; - } - .ag-theme-material .ag-group-toolbar { - background-color: rgba(238, 238, 238, 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-] { - background: transparent; - color: rgba(0, 0, 0, 0.87); - color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87)); - font-family: inherit; - font-size: inherit; - height: 40px; - padding-bottom: 8px; - border-width: 0; - border-bottom: 2px solid; - border-bottom-color: #e2e2e2; - border-bottom-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material input[class^=ag-]:focus:not([type]), - .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 { - border-bottom: 2px solid; - border-bottom-color: #3f51b5; - border-bottom-color: var(--ag-material-primary-color, #3f51b5); - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - } - .ag-theme-material input[class^=ag-]:not([type])::-webkit-input-placeholder, .ag-theme-material input[class^=ag-][type=text]::-webkit-input-placeholder, .ag-theme-material input[class^=ag-][type=number]::-webkit-input-placeholder, .ag-theme-material input[class^=ag-][type=tel]::-webkit-input-placeholder, .ag-theme-material input[class^=ag-][type=date]::-webkit-input-placeholder, .ag-theme-material input[class^=ag-][type=datetime-local]::-webkit-input-placeholder, .ag-theme-material textarea[class^=ag-]::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.38); - color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38)); - } - .ag-theme-material input[class^=ag-]:not([type])::-moz-placeholder, .ag-theme-material input[class^=ag-][type=text]::-moz-placeholder, .ag-theme-material input[class^=ag-][type=number]::-moz-placeholder, .ag-theme-material input[class^=ag-][type=tel]::-moz-placeholder, .ag-theme-material input[class^=ag-][type=date]::-moz-placeholder, .ag-theme-material input[class^=ag-][type=datetime-local]::-moz-placeholder, .ag-theme-material textarea[class^=ag-]::-moz-placeholder { - color: rgba(0, 0, 0, 0.38); - color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38)); - } - .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 { - color: rgba(0, 0, 0, 0.38); - color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38)); - } - .ag-theme-material input[class^=ag-]:disabled:not([type]), - .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 { - border-bottom: 1px solid; - border-bottom-color: #e2e2e2; - border-bottom-color: var(--ag-border-color, #e2e2e2); - } - .ag-theme-material input[class^=ag-]:invalid:not([type]), - .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 { - border-width: 0; - border-bottom: 1px solid; - border-bottom-color: #e02525; - border-bottom-color: var(--ag-invalid-color, #e02525); - color: #e02525; - color: var(--ag-invalid-color, #e02525); - } - .ag-theme-material .ag-standard-button { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: transparent; - border: 0; - color: #3f51b5; - color: var(--ag-material-primary-color, #3f51b5); - font-family: inherit; - font-size: inherit; - margin: 0; - padding: 0; - text-transform: uppercase; - } - .ag-theme-material .ag-standard-button:disabled { - color: rgba(0, 0, 0, 0.38); - color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38)); - background-color: var(--ag-input-disabled-background-color); - border-color: var(--ag-input-disabled-border-color); - } - .ag-theme-material .ag-dnd-ghost { - font-size: 12px; - font-weight: 600; - } - .ag-theme-material .ag-filter-toolpanel-header { - height: 32px; - } - .ag-theme-material .ag-filter-toolpanel-group-level-0-header { - height: 56px; - } - .ag-theme-material .ag-ltr .ag-filter-apply-panel-button { - margin-left: var(--ag-grid-size); - } - - .ag-theme-material .ag-rtl .ag-filter-apply-panel-button { - margin-right: var(--ag-grid-size); - } - - .ag-theme-material .ag-layout-auto-height .ag-center-cols-clipper, .ag-theme-material .ag-layout-auto-height .ag-center-cols-container, .ag-theme-material .ag-layout-print .ag-center-cols-clipper, .ag-theme-material .ag-layout-print .ag-center-cols-container { - min-height: 150px; - } - .ag-theme-material .ag-overlay-no-rows-wrapper.ag-layout-auto-height { - padding-top: 60px; - } - .ag-theme-material .ag-picker-field-wrapper:focus { - -webkit-box-shadow: 0 0 0 1px #3f51b5; - box-shadow: 0 0 0 1px #3f51b5; - } - `; diff --git a/packages/ag-grid/src/ag-grid-styling/styles/header/ag-header-cell-focus.css.ts b/packages/ag-grid/src/ag-grid-styling/styles/header/ag-header-cell-focus.css.ts deleted file mode 100644 index 9e85b7650..000000000 --- a/packages/ag-grid/src/ag-grid-styling/styles/header/ag-header-cell-focus.css.ts +++ /dev/null @@ -1,4 +0,0 @@ -export const agHeaderCellFocus = ` -.ag-theme-material .ag-header-cell:focus { - background: var(--ag-header-cell-hover-background-color, #f2f2f2); - }`; diff --git a/packages/ag-grid/src/ag-grid-styling/styles/header/ag-header-cell-text.css.ts b/packages/ag-grid/src/ag-grid-styling/styles/header/ag-header-cell-text.css.ts deleted file mode 100644 index cc352fedc..000000000 --- a/packages/ag-grid/src/ag-grid-styling/styles/header/ag-header-cell-text.css.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; -const textColor = tokens.colors.text.static_icons__default.hex; -export const agHeaderCellText = `.ag-header-cell-text { - overflow: hidden; - text-overflow: ellipsis; - font-weight: 700; - font-size: 14px; - color: ${textColor}; - }`; diff --git a/packages/ag-grid/src/ag-grid-styling/styles/icons/agIcons.css.ts b/packages/ag-grid/src/ag-grid-styling/styles/icons/agIcons.css.ts deleted file mode 100644 index d2d13eed6..000000000 --- a/packages/ag-grid/src/ag-grid-styling/styles/icons/agIcons.css.ts +++ /dev/null @@ -1,223 +0,0 @@ -import { - aggregation, - arrows, - asc, - cancel, - chart, - checkboxCheckedSvg, - checkboxIndeterminate, - checkboxUnchecked, - colorPicker, - columns, - contracted, - copy, - cross, - csv, - desc, - excel, - expanded, - eye, - eyeSlash, - filter, - first, - grip, - group, - last, - left, - linked, - loading, - maximize, - menu, - minimize, - next, - none, - notAllowed, - paste, - pin, - pivot, - previous, - right, - save, - smallDown, - smallLeft, - smallRight, - smallUp, - tick, - treeClosed, - treeIndeterminate, - treeOpen, - unlinked, -} from '../../icons'; - -function parseIcon(value: string) { - return `data:image/svg+xml,${encodeURIComponent(value)}`; -} - -function injectIcon(value: string) { - const css = `content: url("${parseIcon(value)}"); - color: transparent; - height: 20px; - width: 20px;`; - - return css.replace(/\n/g, ''); -} - -export const agIcons = `.ag-theme-material .ag-icon-aggregation { - ${injectIcon(aggregation)} - } - .ag-theme-material .ag-icon-arrows { - ${injectIcon(arrows)} - } - .ag-theme-material .ag-icon-asc { - ${injectIcon(asc)} - } - .ag-theme-material .ag-icon-cancel { - ${injectIcon(cancel)} - } - .ag-theme-material .ag-icon-chart { - ${injectIcon(chart)} - } - .ag-theme-material .ag-icon-color-picker { - ${injectIcon(colorPicker)} - } - .ag-theme-material .ag-icon-columns { - ${injectIcon(columns)} - } - .ag-theme-material .ag-icon-contracted { - ${injectIcon(contracted)} - } - .ag-theme-material .ag-icon-copy { - ${injectIcon(copy)} - } - .ag-theme-material .ag-icon-cross { - ${injectIcon(cross)} - } - .ag-theme-material .ag-icon-csv { - ${injectIcon(csv)} - } - .ag-theme-material .ag-icon-desc { - ${injectIcon(desc)} - } - .ag-theme-material .ag-icon-excel { - ${injectIcon(excel)} - } - .ag-theme-material .ag-icon-expanded { - ${injectIcon(expanded)} - } - .ag-theme-material .ag-icon-eye-slash { - ${injectIcon(eyeSlash)} - } - .ag-theme-material .ag-icon-eye { - ${injectIcon(eye)} - } - .ag-theme-material .ag-icon-filter { - ${injectIcon(filter)} - } - .ag-theme-material .ag-icon-first { - ${injectIcon(first)} - } - .ag-theme-material .ag-icon-grip { - ${injectIcon(grip)} - } - .ag-theme-material .ag-icon-group { - ${injectIcon(group)} - } - .ag-theme-material .ag-icon-last { - ${injectIcon(last)} - } - .ag-theme-material .ag-icon-left { - ${injectIcon(left)} - } - .ag-theme-material .ag-icon-linked { - ${injectIcon(linked)} - } - .ag-theme-material .ag-icon-loading { - ${injectIcon(loading)} - } - .ag-theme-material .ag-icon-maximize { - ${injectIcon(maximize)} - } - .ag-theme-material .ag-icon-menu { - ${injectIcon(menu)} - } - .ag-theme-material .ag-icon-minimize { - ${injectIcon(minimize)} - } - .ag-theme-material .ag-icon-next { - ${injectIcon(next)} - } - .ag-theme-material .ag-icon-none { - ${injectIcon(none)} - } - .ag-theme-material .ag-icon-not-allowed { - ${injectIcon(notAllowed)} - } - .ag-theme-material .ag-icon-paste { - ${injectIcon(paste)} - } - .ag-theme-material .ag-icon-pin { - ${injectIcon(pin)} - } - .ag-theme-material .ag-icon-pivot { - ${injectIcon(pivot)} - } - .ag-theme-material .ag-icon-previous { - ${injectIcon(previous)} - } - .ag-theme-material .ag-icon-right { - ${injectIcon(right)} - } - .ag-theme-material .ag-icon-save { - ${injectIcon(save)} - } - .ag-theme-material .ag-icon-small-down { - ${injectIcon(smallDown)} - } - .ag-theme-material .ag-icon-small-left { - ${injectIcon(smallLeft)} - } - .ag-theme-material .ag-icon-small-right { - ${injectIcon(smallRight)} - } - .ag-theme-material .ag-icon-small-up { - ${injectIcon(smallUp)} - } - .ag-theme-material .ag-icon-tick { - ${injectIcon(tick)} - } - .ag-theme-material .ag-icon-tree-closed { - ${injectIcon(treeClosed)} - } - .ag-theme-material .ag-icon-tree-indeterminate { - ${injectIcon(treeIndeterminate)} - } - .ag-theme-material .ag-icon-tree-open { - ${injectIcon(treeOpen)} - } - .ag-theme-material .ag-icon-unlinked { - ${injectIcon(unlinked)} - } - .ag-theme-material .ag-icon-row-drag::before { - content: "\f116"; - } - .ag-theme-material .ag-left-arrow::before { - ${injectIcon(left)} - } - .ag-theme-material .ag-right-arrow::before { - ${injectIcon(right)} - } - .ag-theme-material .ag-checkbox-input-wrapper.ag-checked { - background: transparent url(data:image/svg+xml,${encodeURIComponent(checkboxCheckedSvg)}) center/contain no-repeat; - color: transparent; - } - .ag-theme-material .ag-checkbox-input-wrapper.ag-indeterminate { - background: transparent url(data:image/svg+xml,${encodeURIComponent( - checkboxIndeterminate - )}) center/contain no-repeat; - color: transparent; - } - .ag-theme-material .ag-checkbox-input-wrapper { - background: transparent url(data:image/svg+xml,${encodeURIComponent(checkboxUnchecked)}) center/contain no-repeat; - color: transparent; - } - `; diff --git a/packages/ag-grid/src/ag-grid-styling/styles/index.ts b/packages/ag-grid/src/ag-grid-styling/styles/index.ts deleted file mode 100644 index e5dcc3ca6..000000000 --- a/packages/ag-grid/src/ag-grid-styling/styles/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './gridStyles.css'; diff --git a/packages/ag-grid/src/ag-grid-styling/styles/pagination/agPagingPanel.ts b/packages/ag-grid/src/ag-grid-styling/styles/pagination/agPagingPanel.ts deleted file mode 100644 index ab49f334a..000000000 --- a/packages/ag-grid/src/ag-grid-styling/styles/pagination/agPagingPanel.ts +++ /dev/null @@ -1,8 +0,0 @@ -/** Removed top border */ -export const pagination = ` -.ag-theme-material .ag-paging-panel { - color: rgba(0, 0, 0, 0.54); - color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)); - height: 56px; - } -`; diff --git a/packages/ag-grid/src/ag-grid-styling/styles/variables.ts/variables.css.ts b/packages/ag-grid/src/ag-grid-styling/styles/variables.ts/variables.css.ts deleted file mode 100644 index c858707e1..000000000 --- a/packages/ag-grid/src/ag-grid-styling/styles/variables.ts/variables.css.ts +++ /dev/null @@ -1,83 +0,0 @@ -import { tokens } from '@equinor/eds-tokens'; -import { concat } from '../../utils/concat'; - -const unassigned = 'grey'; - -/**input */ -const inputVariables = ` ---ag-input-focus-border-color: ${unassigned}; ---ag-input-border-color-invalid: ${unassigned}; ---ag-input-focus-border-color: ${unassigned}; ---ag-input-disabled-background-color: ${unassigned}; ---ag-input-disabled-border-color: ${unassigned}; -`; - -//--ag-line-height: ${unassigned}; -/** ---ag-secondary-foreground-color: ${unassigned}; ---ag-data-color: ${unassigned}; ---ag-background-color: ${unassigned}; ---ag-disabled-foreground-color: ${unassigned}; - */ -const general = ` ---ag-border-color: ${tokens.colors.ui.background__medium.hex}; ---ag-background-color: ${tokens.colors.ui.background__default.hex}; ---ag-foreground-color: ${tokens.colors.text.static_icons__default.hex}; ---ag-material-primary-color: ${tokens.colors.interactive.primary__resting.hex}; ---ag-data-color: ${tokens.colors.text.static_icons__default.hex}; - -`; -/** - --ag-row-hover-color: ${unassigned}; ---ag-row-border-color: ${unassigned}; ---ag-selected-row-background-color: ${unassigned}; ---ag-odd-row-background-color: ${unassigned}; - */ -/** General */ -const row = ` ---ag-row-hover-color: ${tokens.colors.ui.background__medium.hex}; ---ag-row-border-color: ${tokens.colors.ui.background__medium.hex}; -`; - -/** Row */ - -/** Column */ -const column = ` ---ag-column-hover-color: ${unassigned}; -`; - -/** Header */ -const header = ` ---ag-subheader-background-color: ${tokens.colors.interactive.table__header__fill_resting.hex}; ---ag-header-background-color: ${tokens.colors.interactive.table__header__fill_resting.hex}; ---ag-header-cell-hover-background-color: ${tokens.colors.ui.background__medium.hex}; -`; - -const controlPanel = ` ---ag-control-panel-background-color: ${unassigned}; -`; - -/** - --ag-range-selection-highlight-color: ${unassigned}; ---ag-range-selection-border-color: ${unassigned}; ---ag-range-selection-background-color-1: ${unassigned}; ---ag-selected-tab-underline-color: ${unassigned}; - */ - -/** Selection */ -const selection = ` ---ag-selected-row-background-color: ${tokens.colors.interactive.table__cell__fill_activated.hex}; -`; - -/** Value change */ -const valueChange = ` ---ag-value-change-delta-up-color: ${unassigned}; ---ag-value-change-delta-down-color: ${unassigned}; ---ag-value-change-value-highlight-background-color: ${unassigned}; -`; - -const checkbox = ` ---ag-checkbox-unchecked-color: red; -`; - -export const agVariables = concat(general, header, row, selection, checkbox, row); diff --git a/packages/ag-grid/src/ag-grid-styling/utils/concat.ts b/packages/ag-grid/src/ag-grid-styling/utils/concat.ts deleted file mode 100644 index b4de4fcef..000000000 --- a/packages/ag-grid/src/ag-grid-styling/utils/concat.ts +++ /dev/null @@ -1,3 +0,0 @@ -export function concat(...value: string[]) { - return value.join(' '); -} diff --git a/packages/ag-grid/src/ag-grid-styling/utils/index.ts b/packages/ag-grid/src/ag-grid-styling/utils/index.ts deleted file mode 100644 index fbbcb9d57..000000000 --- a/packages/ag-grid/src/ag-grid-styling/utils/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './injectAgStyles'; diff --git a/packages/ag-grid/src/ag-grid-styling/utils/injectAgStyles.ts b/packages/ag-grid/src/ag-grid-styling/utils/injectAgStyles.ts deleted file mode 100644 index 797e85eb5..000000000 --- a/packages/ag-grid/src/ag-grid-styling/utils/injectAgStyles.ts +++ /dev/null @@ -1,18 +0,0 @@ -import { genericStyles } from '../styles/genericStyles.css'; -import { agStyles } from '../styles/gridStyles.css'; -import { concat } from './concat'; - -/** - * Function for injecting ag grid styles into document header - * @returns cleanup function - */ -export function injectAgStyles(): VoidFunction { - const style = document.createElement('style'); - style.textContent = concat(agStyles, genericStyles); - style.id = 'ag-theme-material'; - document.head.append(style); - - return () => { - style.remove(); - }; -} diff --git a/packages/ag-grid/src/index.ts b/packages/ag-grid/src/index.ts index 8db7f94ba..8d5e5b6c5 100644 --- a/packages/ag-grid/src/index.ts +++ b/packages/ag-grid/src/index.ts @@ -1,3 +1,2 @@ export * from './lib'; - export { ClientGrid, ServerGrid } from './lib/components'; diff --git a/packages/ag-grid/src/lib/components/Grid.tsx b/packages/ag-grid/src/lib/components/Grid.tsx index 0b9c44a4f..eecb0aa97 100644 --- a/packages/ag-grid/src/lib/components/Grid.tsx +++ b/packages/ag-grid/src/lib/components/Grid.tsx @@ -2,7 +2,7 @@ import { ModuleRegistry } from '@ag-grid-community/core'; import { StyledGridWrapper } from './grid.styles'; import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model'; import { ServerSideRowModelModule } from '@ag-grid-enterprise/server-side-row-model'; -import { useAgStyles } from '../../ag-grid-styling'; +import useStyles from '@equinor/fusion-react-ag-grid-styles'; import { AgGridReact, AgGridReactProps } from '@ag-grid-community/react'; type GridProps = { @@ -12,15 +12,15 @@ type GridProps = { ModuleRegistry.registerModules([ClientSideRowModelModule, ServerSideRowModelModule]); export function Grid({ columnDefs, gridOptions, height, rowData, modules, ...rest }: GridProps) { - const themeName = useAgStyles(); + const styles = useStyles() as { root: string; grid: string }; return ( - + Date: Tue, 14 Nov 2023 08:14:41 +0100 Subject: [PATCH 2/3] chore: release --- packages/workspace-fusion/package.json | 2 +- pnpm-lock.yaml | 267 +++++++++++++++++++++++++ 2 files changed, 268 insertions(+), 1 deletion(-) diff --git a/packages/workspace-fusion/package.json b/packages/workspace-fusion/package.json index 3b40470a9..0fae14654 100644 --- a/packages/workspace-fusion/package.json +++ b/packages/workspace-fusion/package.json @@ -1,6 +1,6 @@ { "name": "@equinor/workspace-fusion", - "version": "5.4.1", + "version": "5.4.2-alpha.3", "type": "module", "sideEffects": false, "license": "MIT", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 8f36b8a87..2e5621e6d 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -199,6 +199,12 @@ importers: '@equinor/eds-tokens': specifier: ^0.9.0 version: 0.9.0 + '@equinor/fusion-react-ag-grid-styles': + specifier: ^30.2.0 + version: 30.2.0(@ag-grid-community/styles@29.3.5)(@equinor/fusion-react-styles@0.6.0) + '@equinor/fusion-react-styles': + specifier: ^0.6.0 + version: 0.6.0(@types/react@18.0.25)(react-dom@18.2.0)(react@18.2.0) devDependencies: '@ag-grid-enterprise/core': specifier: 30.2.1 @@ -636,6 +642,10 @@ packages: react-dom: 18.2.0(react@18.2.0) dev: false + /@ag-grid-community/styles@29.3.5: + resolution: {integrity: sha512-Z1r6lKx0ds92SV5mX9ZsGFgiStktrRMrWGs92bz3rQN9uethsthIri4RfLaZYaZ03i3zw15peqJtmYEu+sGy/A==} + dev: false + /@ag-grid-enterprise/column-tool-panel@29.0.0: resolution: {integrity: sha512-bhdNm6FQZ8iU0k3r/QXmiz+G0KfsqndjKE0k9Z2yaRHe+OB9QeqzS+AM0H3VHO4e+YfthF9c8BCaujmLaTs2hQ==} dependencies: @@ -1606,6 +1616,10 @@ packages: resolution: {integrity: sha512-8HqW8EVqjnCmWXVpqAOZf+EGESdkR27odcMMMGefgKXtar00SoYNSryGv//TELI4T3QFsECo78p+0lmalk/CFA==} dev: false + /@emotion/hash@0.8.0: + resolution: {integrity: sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==} + dev: false + /@emotion/is-prop-valid@1.2.0: resolution: {integrity: sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==} dependencies: @@ -1830,6 +1844,11 @@ packages: engines: {node: '>=10.0.0', pnpm: '>=4'} dev: false + /@equinor/eds-tokens@0.5.5: + resolution: {integrity: sha512-PserXGVxf5Q7Z0o/AypudGWdh9Vangct3dQZsgiERfqRj8+a+mU0ObRa6bMm+JouQRV3WktNPJVWMjjJf8jQbw==} + engines: {node: '>=10.0.0', pnpm: '>=4'} + dev: false + /@equinor/eds-tokens@0.7.1: resolution: {integrity: sha512-1IRJzf0Vf9t7MeG/NI9AmSi9YddyQc8ev5fax5IYSNLggE88X8EuYej52BMpJ6IJc7oEVvCQPC7JYD2XeyYJ1Q==} engines: {node: '>=10.0.0', pnpm: '>=4'} @@ -1878,6 +1897,57 @@ packages: - supports-color dev: false + /@equinor/fusion-react-ag-grid-styles@30.2.0(@ag-grid-community/styles@29.3.5)(@equinor/fusion-react-styles@0.6.0): + resolution: {integrity: sha512-h2wUe9XHYDGPe2B34D/RijCwi5Fub5A8MbersMwRNO7QKr1q5xqy89m/NE9ZPfK3FnRt/6E3EQ0HXT9JEvxXEA==} + peerDependencies: + '@ag-grid-community/styles': ~29.3.4 + '@equinor/fusion-react-styles': ^0.6.0 + dependencies: + '@ag-grid-community/styles': 29.3.5 + '@equinor/fusion-react-styles': 0.6.0(@types/react@18.0.25)(react-dom@18.2.0)(react@18.2.0) + dev: false + + /@equinor/fusion-react-styles@0.6.0(@types/react@18.0.25)(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-2IPUkjfEz5lth0qp13i1Ui4vOFc2P/yJo9MDhogg+aASJGBSJcfbYcZPRf8ypeoY4GivPH6SANS3+zF9Q3vfFA==} + peerDependencies: + '@types/react': '*' + react: ^17.0.0 || ^18.0.0 + react-dom: ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + '@types/react': + optional: true + react-dom: + optional: true + dependencies: + '@equinor/fusion-wc-theme': 0.2.35 + '@equinor/fusion-web-theme': 0.1.7 + '@material-ui/styles': 4.11.5(@types/react@18.0.25)(react-dom@18.2.0)(react@18.2.0) + '@types/react': 18.0.25 + clsx: 1.2.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + dev: false + + /@equinor/fusion-wc-core@1.0.5: + resolution: {integrity: sha512-VKvsJQqiyBjz/qTGirSiJDrwHYc0rXyIXa5VtaGkeQ13bSxrGM1djOwvqMjkeNh+zImBR27yDqqBz+8zvBIxvw==} + dev: false + + /@equinor/fusion-wc-theme@0.2.35: + resolution: {integrity: sha512-t/pBoMgS8E3IRpHYX6dnEFWlOIfWHliuKoGjHGLEKRncWiHpP7WviH5LrKbHyT0wwZWxSn6V7cldUawLFe/k9g==} + dependencies: + '@equinor/fusion-wc-core': 1.0.5 + '@equinor/fusion-web-theme': 0.1.7 + '@material/theme': 14.0.0 + lit: 2.7.0 + dev: false + + /@equinor/fusion-web-theme@0.1.7: + resolution: {integrity: sha512-avEw9LqHUe2CpD6AHxjLScWTWicRzO1VrTk/eAL90gBTvUssUU7F0w8GEh3V0/hovszbZsl0LTkMbFopLLnIjg==} + dependencies: + '@equinor/eds-tokens': 0.5.5 + csstype: 3.1.1 + dev: false + /@equinor/workspace-ag-grid@0.3.7(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(styled-components@5.3.6): resolution: {integrity: sha512-QflNS6UgrB8uA87Bd+HdUP4JcRbP1fK3AJXp8VXtdCPS0atAPZVqtqS5TAmvofsK8pexY6lCBEOLzTN0FqYViA==} peerDependencies: @@ -2465,6 +2535,16 @@ packages: '@jridgewell/resolve-uri': 3.1.0 '@jridgewell/sourcemap-codec': 1.4.14 + /@lit-labs/ssr-dom-shim@1.1.2: + resolution: {integrity: sha512-jnOD+/+dSrfTWYfSXBXlo5l5f0q1UuJo3tkbMDCYA2lKUYq79jaxqtGEvnRoh049nt1vdo1+45RinipU6FGY2g==} + dev: false + + /@lit/reactive-element@1.6.3: + resolution: {integrity: sha512-QuTgnG52Poic7uM1AN5yJ09QMe0O28e10XzSvWDz02TJiiKee4stsiownEIadWm8nYzyDAyT+gKzUoZmiWQtsQ==} + dependencies: + '@lit-labs/ssr-dom-shim': 1.1.2 + dev: false + /@ljharb/has-package-exports-patterns@0.0.2: resolution: {integrity: sha512-4/RWEeXDO6bocPONheFe6gX/oQdP/bEpv0oL4HqjPP5DCenBSt0mHgahppY49N0CpsaqffdwPq+TlX9CYOq2Dw==} dev: false @@ -2489,6 +2569,77 @@ packages: read-yaml-file: 1.1.0 dev: true + /@material-ui/styles@4.11.5(@types/react@18.0.25)(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-o/41ot5JJiUsIETME9wVLAJrmIWL3j0R0Bj2kCOLbSfqEkKf0fmaPt+5vtblUh5eXr2S+J/8J3DaCb10+CzPGA==} + engines: {node: '>=8.0.0'} + deprecated: Material UI v4 doesn't receive active development since September 2021. See the guide https://mui.com/material-ui/migration/migration-v4/ to upgrade to v5. + peerDependencies: + '@types/react': ^16.8.6 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 + react-dom: ^16.8.0 || ^17.0.0 + peerDependenciesMeta: + '@types/react': + optional: true + dependencies: + '@babel/runtime': 7.20.13 + '@emotion/hash': 0.8.0 + '@material-ui/types': 5.1.0(@types/react@18.0.25) + '@material-ui/utils': 4.11.3(react-dom@18.2.0)(react@18.2.0) + '@types/react': 18.0.25 + clsx: 1.2.1 + csstype: 2.6.21 + hoist-non-react-statics: 3.3.2 + jss: 10.10.0 + jss-plugin-camel-case: 10.10.0 + jss-plugin-default-unit: 10.10.0 + jss-plugin-global: 10.10.0 + jss-plugin-nested: 10.10.0 + jss-plugin-props-sort: 10.10.0 + jss-plugin-rule-value-function: 10.10.0 + jss-plugin-vendor-prefixer: 10.10.0 + prop-types: 15.8.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + dev: false + + /@material-ui/types@5.1.0(@types/react@18.0.25): + resolution: {integrity: sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A==} + peerDependencies: + '@types/react': '*' + peerDependenciesMeta: + '@types/react': + optional: true + dependencies: + '@types/react': 18.0.25 + dev: false + + /@material-ui/utils@4.11.3(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-ZuQPV4rBK/V1j2dIkSSEcH5uT6AaHuKWFfotADHsC0wVL1NLd2WkFCm4ZZbX33iO4ydl6V0GPngKm8HZQ2oujg==} + engines: {node: '>=8.0.0'} + peerDependencies: + react: ^16.8.0 || ^17.0.0 + react-dom: ^16.8.0 || ^17.0.0 + dependencies: + '@babel/runtime': 7.20.13 + prop-types: 15.8.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + react-is: 17.0.2 + dev: false + + /@material/feature-targeting@14.0.0: + resolution: {integrity: sha512-a5WGgHEq5lJeeNL5yevtgoZjBjXWy6+klfVWQEh8oyix/rMJygGgO7gEc52uv8fB8uAIoYEB3iBMOv8jRq8FeA==} + dependencies: + tslib: 2.5.0 + dev: false + + /@material/theme@14.0.0: + resolution: {integrity: sha512-6/SENWNIFuXzeHMPHrYwbsXKgkvCtWuzzQ3cUu4UEt3KcQ5YpViazIM6h8ByYKZP8A9d8QpkJ0WGX5btGDcVoA==} + dependencies: + '@material/feature-targeting': 14.0.0 + tslib: 2.5.0 + dev: false + /@mdx-js/mdx@2.2.1: resolution: {integrity: sha512-hZ3ex7exYLJn6FfReq8yTvA6TE53uW9UHJQM9IlSauOuS55J9y8RtA7W+dzp6Yrzr00/U1sd7q+Wf61q6SfiTQ==} dependencies: @@ -2999,6 +3150,10 @@ packages: '@types/jest': 27.4.1 dev: true + /@types/trusted-types@2.0.6: + resolution: {integrity: sha512-HYtNooPvUY9WAVRBr4u+4Qa9fYD1ze2IUlAD3HoA6oehn1taGwBx3Oa52U4mTslTS+GAExKpaFu39Y5xUEwfjg==} + dev: false + /@types/unist@2.0.6: resolution: {integrity: sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==} dev: false @@ -3906,6 +4061,11 @@ packages: resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==} engines: {node: '>=0.8'} + /clsx@1.2.1: + resolution: {integrity: sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==} + engines: {node: '>=6'} + dev: false + /color-convert@1.9.3: resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==} dependencies: @@ -4010,6 +4170,13 @@ packages: css-color-keywords: 1.0.0 postcss-value-parser: 4.2.0 + /css-vendor@2.0.8: + resolution: {integrity: sha512-x9Aq0XTInxrkuFeHKbYC7zWY8ai7qJ04Kxd9MnvbC1uO5DagxoHQjm4JvG+vCdXOoFtCjbL2XSZfxmoYa9uQVQ==} + dependencies: + '@babel/runtime': 7.20.13 + is-in-browser: 1.1.3 + dev: false + /css.escape@1.5.1: resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==} dev: true @@ -4021,6 +4188,10 @@ packages: rrweb-cssom: 0.6.0 dev: true + /csstype@2.6.21: + resolution: {integrity: sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==} + dev: false + /csstype@3.1.1: resolution: {integrity: sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==} @@ -5411,6 +5582,10 @@ packages: engines: {node: '>=12.20.0'} dev: false + /hyphenate-style-name@1.0.4: + resolution: {integrity: sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==} + dev: false + /iconv-lite@0.4.24: resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==} engines: {node: '>=0.10.0'} @@ -5594,6 +5769,10 @@ packages: resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==} dev: false + /is-in-browser@1.1.3: + resolution: {integrity: sha512-FeXIBgG/CPGd/WUxuEyvgGTEfwiG9Z4EKGxjNMRqviiIIfsmgrpnHLffEDdwUHqNva1VEW91o3xBT/m8Elgl9g==} + dev: false + /is-interactive@2.0.0: resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==} engines: {node: '>=12'} @@ -5930,6 +6109,68 @@ packages: graceful-fs: 4.2.10 dev: true + /jss-plugin-camel-case@10.10.0: + resolution: {integrity: sha512-z+HETfj5IYgFxh1wJnUAU8jByI48ED+v0fuTuhKrPR+pRBYS2EDwbusU8aFOpCdYhtRc9zhN+PJ7iNE8pAWyPw==} + dependencies: + '@babel/runtime': 7.20.13 + hyphenate-style-name: 1.0.4 + jss: 10.10.0 + dev: false + + /jss-plugin-default-unit@10.10.0: + resolution: {integrity: sha512-SvpajxIECi4JDUbGLefvNckmI+c2VWmP43qnEy/0eiwzRUsafg5DVSIWSzZe4d2vFX1u9nRDP46WCFV/PXVBGQ==} + dependencies: + '@babel/runtime': 7.20.13 + jss: 10.10.0 + dev: false + + /jss-plugin-global@10.10.0: + resolution: {integrity: sha512-icXEYbMufiNuWfuazLeN+BNJO16Ge88OcXU5ZDC2vLqElmMybA31Wi7lZ3lf+vgufRocvPj8443irhYRgWxP+A==} + dependencies: + '@babel/runtime': 7.20.13 + jss: 10.10.0 + dev: false + + /jss-plugin-nested@10.10.0: + resolution: {integrity: sha512-9R4JHxxGgiZhurDo3q7LdIiDEgtA1bTGzAbhSPyIOWb7ZubrjQe8acwhEQ6OEKydzpl8XHMtTnEwHXCARLYqYA==} + dependencies: + '@babel/runtime': 7.20.13 + jss: 10.10.0 + tiny-warning: 1.0.3 + dev: false + + /jss-plugin-props-sort@10.10.0: + resolution: {integrity: sha512-5VNJvQJbnq/vRfje6uZLe/FyaOpzP/IH1LP+0fr88QamVrGJa0hpRRyAa0ea4U/3LcorJfBFVyC4yN2QC73lJg==} + dependencies: + '@babel/runtime': 7.20.13 + jss: 10.10.0 + dev: false + + /jss-plugin-rule-value-function@10.10.0: + resolution: {integrity: sha512-uEFJFgaCtkXeIPgki8ICw3Y7VMkL9GEan6SqmT9tqpwM+/t+hxfMUdU4wQ0MtOiMNWhwnckBV0IebrKcZM9C0g==} + dependencies: + '@babel/runtime': 7.20.13 + jss: 10.10.0 + tiny-warning: 1.0.3 + dev: false + + /jss-plugin-vendor-prefixer@10.10.0: + resolution: {integrity: sha512-UY/41WumgjW8r1qMCO8l1ARg7NHnfRVWRhZ2E2m0DMYsr2DD91qIXLyNhiX83hHswR7Wm4D+oDYNC1zWCJWtqg==} + dependencies: + '@babel/runtime': 7.20.13 + css-vendor: 2.0.8 + jss: 10.10.0 + dev: false + + /jss@10.10.0: + resolution: {integrity: sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw==} + dependencies: + '@babel/runtime': 7.20.13 + csstype: 3.1.1 + is-in-browser: 1.1.3 + tiny-warning: 1.0.3 + dev: false + /khroma@2.0.0: resolution: {integrity: sha512-2J8rDNlQWbtiNYThZRvmMv5yt44ZakX+Tz5ZIp/mN1pt4snn+m030Va5Z4v8xA0cQFDXBwO/8i42xL4QPsVk3g==} dev: false @@ -5959,6 +6200,28 @@ packages: resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==} dev: true + /lit-element@3.3.3: + resolution: {integrity: sha512-XbeRxmTHubXENkV4h8RIPyr8lXc+Ff28rkcQzw3G6up2xg5E8Zu1IgOWIwBLEQsu3cOVFqdYwiVi0hv0SlpqUA==} + dependencies: + '@lit-labs/ssr-dom-shim': 1.1.2 + '@lit/reactive-element': 1.6.3 + lit-html: 2.8.0 + dev: false + + /lit-html@2.8.0: + resolution: {integrity: sha512-o9t+MQM3P4y7M7yNzqAyjp7z+mQGa4NS4CxiyLqFPyFWyc4O+nodLrkrxSaCTrla6M5YOLaT3RpbbqjszB5g3Q==} + dependencies: + '@types/trusted-types': 2.0.6 + dev: false + + /lit@2.7.0: + resolution: {integrity: sha512-qSy2BAVA+OiWtNptP404egcC/izDdNRw6iHGIbUmkZtbMJvPKfNsaoKrNs8Zmsbjmv5ZX2tur1l9TfzkSWWT4g==} + dependencies: + '@lit/reactive-element': 1.6.3 + lit-element: 3.3.3 + lit-html: 2.8.0 + dev: false + /load-yaml-file@0.2.0: resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==} engines: {node: '>=6'} @@ -8149,6 +8412,10 @@ packages: resolution: {integrity: sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg==} dev: false + /tiny-warning@1.0.3: + resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==} + dev: false + /tinybench@2.5.0: resolution: {integrity: sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==} dev: true From 0e525c167cd7f51a6c23efd8c384d2edff9fb4f1 Mon Sep 17 00:00:00 2001 From: Gustav Eikaas Date: Tue, 14 Nov 2023 08:26:25 +0100 Subject: [PATCH 3/3] chore: --- packages/ag-grid/package.json | 2 +- packages/ag-grid/src/lib/components/Grid.tsx | 1 - packages/workspace-fusion/package.json | 2 +- 3 files changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/ag-grid/package.json b/packages/ag-grid/package.json index eb0884c59..4c96e53b9 100644 --- a/packages/ag-grid/package.json +++ b/packages/ag-grid/package.json @@ -1,6 +1,6 @@ { "name": "@equinor/workspace-ag-grid", - "version": "2.0.1-alpha.3", + "version": "2.0.1", "type": "module", "private": false, "sideEffects": false, diff --git a/packages/ag-grid/src/lib/components/Grid.tsx b/packages/ag-grid/src/lib/components/Grid.tsx index eecb0aa97..a44e82cd6 100644 --- a/packages/ag-grid/src/lib/components/Grid.tsx +++ b/packages/ag-grid/src/lib/components/Grid.tsx @@ -20,7 +20,6 @@ export function Grid({ columnDefs, gridOptions, height, rowData, modules, rowHeight={32} groupDisplayType={'multipleColumns'} headerHeight={32} - // className={themeName} gridOptions={gridOptions} columnDefs={columnDefs} rowData={rowData} diff --git a/packages/workspace-fusion/package.json b/packages/workspace-fusion/package.json index 0fae14654..0e3a5c451 100644 --- a/packages/workspace-fusion/package.json +++ b/packages/workspace-fusion/package.json @@ -1,6 +1,6 @@ { "name": "@equinor/workspace-fusion", - "version": "5.4.2-alpha.3", + "version": "5.4.2", "type": "module", "sideEffects": false, "license": "MIT",