UNPKG

@gooddata/react-components

Version:

GoodData.UI - A powerful JavaScript library for building analytical applications

1,385 lines (1,373 loc) • 156 kB
meta.foundation-version { font-family: "/5.5.3/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0; } meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 40em)/"; width: 0; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.0625em)/"; width: 40.0625em; } meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/"; width: 40.0625em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:64.0625em)/"; width: 64.0625em; } meta.foundation-mq-large-only { font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/"; width: 64.0625em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.0625em)/"; width: 90.0625em; } meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/"; width: 90.0625em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.0625em)/"; width: 120.0625em; } meta.foundation-data-attribute-namespace { font-family: false; } /* allow vendor prefixes and disable max length */ /* stylelint-disable max-line-length */ /* stylelint-enable max-line-length */ /* allow vendor prefixes and disable max length */ /* stylelint-disable value-no-vendor-prefix, declaration-block-no-duplicate-properties, max-line-length */ /* ========================================================================== Variables ========================================================================== */ .gd-table-component { /** **************************** * Generic Styles **************************** */ /* icons are used outside of the grid root (in the ghost) */ /** **************************** * Viewports **************************** */ /** **************************** * Containers **************************** */ /** **************************** * Scrollers **************************** */ /** **************************** * Headers **************************** */ /** **************************** * Columns **************************** */ /** **************************** * Rows **************************** */ /** **************************** * Cells **************************** */ /** **************************** * Filters **************************** */ /** **************************** * Floating Filter **************************** */ /** **************************** * Drag & Drop **************************** */ /** **************************** * Overlay **************************** */ /** **************************** * Popup **************************** */ /** **************************** * Virtual Lists **************************** */ /** **************************** * Floating Top and Bottom **************************** */ /** **************************** * Animations **************************** */ /** **************************** * Menu **************************** */ /** **************************** * Rich Select **************************** */ /** **************************** * Tool Panel **************************** */ /** **************************** * Side Bar **************************** */ /** **************************** * Status Bar **************************** */ } .gd-table-component ag-grid, .gd-table-component ag-grid-angular, .gd-table-component ag-grid-ng2, .gd-table-component ag-grid-polymer, .gd-table-component ag-grid-aurelia { display: block; } .gd-table-component .ag-hidden { display: none !important; } .gd-table-component .ag-invisible { visibility: hidden !important; } .gd-table-component .ag-faded { opacity: 0.3; } .gd-table-component .ag-width-half { display: inline-block; width: 50%; } .gd-table-component .ag-font-style { cursor: default; user-select: none; } .gd-table-component .ag-body-no-select { user-select: none; } .gd-table-component .ag-select-agg-func-popup { position: absolute; } .gd-table-component .ag-input-text-wrapper { display: flex; align-items: center; height: 100%; line-height: normal; position: relative; } .gd-table-component .ag-shake-left-to-right { animation-direction: alternate; animation-duration: 0.2s; animation-iteration-count: infinite; animation-name: ag-shake-left-to-right; } @keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } .gd-table-component .ag-icon-aggregation { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/aggregation.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-arrows { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/arrows.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-asc { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/asc.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-checkbox-checked-readonly { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/checkbox-checked-readonly.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-checkbox-checked { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/checkbox-checked.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-checkbox-indeterminate-readonly { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/checkbox-indeterminate-readonly.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-checkbox-indeterminate { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/checkbox-indeterminate.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-checkbox-unchecked-readonly { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/checkbox-unchecked-readonly.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-checkbox-unchecked { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/checkbox-unchecked.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-column { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/column.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-columns { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/columns.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-contracted { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/contracted.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-copy { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/copy.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-cut { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/cut.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-desc { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/desc.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-expanded { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/expanded.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-eye-slash { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/eye-slash.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-eye { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/eye.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-filter { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/filter.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-group { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/group.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-indeterminate { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/indeterminate.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-left { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/left.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-loading { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/loading.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-menu { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/menu.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-minus { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/minus.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-none { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/none.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-not-allowed { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/not-allowed.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-paste { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/paste.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-pin { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/pin.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-pivot { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/pivot.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-plus { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/plus.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-right { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/right.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-small-left { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/small-left.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-small-right { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/small-right.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-small-up { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/small-up.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-small-down { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/small-down.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-tick { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/tick.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-cross { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/cross.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-tree-open { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/tree-open.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-tree-closed { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/tree-closed.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-icon-tree-indeterminate { display: inline-block; background: transparent url("~ag-grid-community/src/styles/ag-theme-balham/icons/tree-indeterminate.svg") center no-repeat; background-size: 12px 12px; filter: "initial"; height: 12px; width: 12px; } .gd-table-component .ag-root-wrapper { position: relative; display: flex; flex-direction: column; box-sizing: border-box; } .gd-table-component .ag-root-wrapper *, .gd-table-component .ag-root-wrapper *:before, .gd-table-component .ag-root-wrapper *:after { box-sizing: border-box; } .gd-table-component .ag-root-wrapper.ag-layout-normal { height: 100%; } .gd-table-component .ag-root-wrapper-body { display: flex; flex-direction: row; } .gd-table-component .ag-root-wrapper-body.ag-layout-normal { flex: 1; overflow: hidden; } .gd-table-component .ag-root { position: relative; display: flex; flex-direction: column; } .gd-table-component .ag-root.ag-layout-normal, .gd-table-component .ag-root.ag-layout-auto-height { overflow: hidden; min-width: 0px; flex: 1; } .gd-table-component .ag-root.ag-layout-normal { height: 100%; } .gd-table-component .ag-header-viewport, .gd-table-component .ag-floating-top-viewport, .gd-table-component .ag-body-viewport, .gd-table-component .ag-pinned-left-cols-viewport, .gd-table-component .ag-center-cols-viewport, .gd-table-component .ag-pinned-right-cols-viewport, .gd-table-component .ag-floating-bottom-viewport, .gd-table-component .ag-body-horizontal-scroll-viewport, .gd-table-component .ag-virtual-list-viewport { position: relative; height: 100%; min-width: 0px; overflow: hidden; flex: 1; } .gd-table-component .ag-body-viewport { display: flex; } .gd-table-component .ag-body-viewport.ag-layout-normal { overflow-y: auto; -webkit-overflow-scrolling: touch; } .gd-table-component .ag-body-viewport:not(.ag-layout-print).ag-force-vertical-scroll { overflow-y: scroll; } .gd-table-component .ag-pinned-left-cols-viewport, .gd-table-component .ag-pinned-right-cols-viewport { flex-grow: 1000; } .gd-table-component .ag-center-cols-viewport { width: 100%; overflow-x: auto; } .gd-table-component .ag-body-horizontal-scroll-viewport { overflow-x: scroll; } .gd-table-component .ag-virtual-list-viewport { overflow: auto; width: 100%; } .gd-table-component .ag-header-container, .gd-table-component .ag-floating-top-container, .gd-table-component .ag-body-container, .gd-table-component .ag-pinned-right-cols-container, .gd-table-component .ag-center-cols-container, .gd-table-component .ag-pinned-left-cols-container, .gd-table-component .ag-floating-bottom-container, .gd-table-component .ag-body-horizontal-scroll-container, .gd-table-component .ag-full-width-container, .gd-table-component .ag-floating-bottom-full-width-container, .gd-table-component .ag-virtual-list-container { position: relative; } .gd-table-component .ag-header-container, .gd-table-component .ag-floating-top-container, .gd-table-component .ag-floating-bottom-container { height: 100%; white-space: nowrap; } .gd-table-component .ag-body-container:not(.ag-layout-print) { display: block; } .gd-table-component .ag-body-container .ag-layout-auto-height { min-height: 50px; } .gd-table-component .ag-pinned-right-cols-container { display: block; } .gd-table-component .ag-body-horizontal-scroll-container { height: 100%; } .gd-table-component .ag-full-width-container, .gd-table-component .ag-floating-top-full-width-container, .gd-table-component .ag-floating-bottom-full-width-container { position: absolute; top: 0px; left: 0px; pointer-events: none; } .gd-table-component .ag-full-width-container { width: 100%; } .gd-table-component .ag-floating-bottom-full-width-container, .gd-table-component .ag-floating-top-full-width-container { display: inline-block; overflow: hidden; height: 100%; width: 100%; } .gd-table-component .ag-virtual-list-container { overflow: hidden; } .gd-table-component .ag-center-cols-clipper { flex: 1; min-width: 0; overflow: hidden; } .gd-table-component .ag-body-horizontal-scroll { min-height: 0; min-width: 0; width: 100%; display: flex; position: relative; } .gd-table-component .ag-horizontal-left-spacer, .gd-table-component .ag-horizontal-right-spacer { height: 100%; min-width: 0; flex-grow: 1000; } .gd-table-component .ag-header, .gd-table-component .ag-pinned-left-header, .gd-table-component .ag-pinned-right-header { display: inline-block; overflow: hidden; cursor: pointer; } .gd-table-component .ag-header { display: flex; width: 100%; white-space: nowrap; } .gd-table-component .ag-pinned-left-header { height: 100%; } .gd-table-component .ag-pinned-right-header { height: 100%; } .gd-table-component .ag-header-row { position: absolute; } .gd-table-component .ag-header-overlay { display: block; position: absolute; } .gd-table-component .ag-header-cell { display: inline-block; height: 100%; position: absolute; vertical-align: bottom; } .gd-table-component .ag-header-group-cell-label { overflow: hidden; text-overflow: ellipsis; display: flex; } .gd-table-component .ag-header-cell-label { overflow: hidden; text-overflow: ellipsis; } .gd-table-component .ag-header-cell-resize { position: absolute; z-index: 4; cursor: col-resize; height: 100%; width: 4px; } .gd-table-component .ag-header-expand-icon { padding-left: 4px; } .gd-table-component .ag-header-cell-menu-button { float: right; } .gd-table-component .ag-primary-cols-header-panel .ag-column-name-filter { flex-grow: 1; flex-shrink: 1; } .gd-table-component .ag-primary-cols-header-panel .ag-primary-cols-filter-wrapper { width: 100%; } .gd-table-component .ag-primary-cols-header-panel { display: flex; flex-direction: row; } .gd-table-component .ag-column-moving .ag-cell { transition: left 0.2s; } .gd-table-component .ag-column-moving .ag-header-cell { transition: left 0.2s; } .gd-table-component .ag-column-moving .ag-header-group-cell { transition: left 0.2s, width 0.2s; } .gd-table-component .ag-column-drop { width: 100%; } .gd-table-component .ag-column-drop-vertical { display: flex; flex-direction: column; flex-grow: 1; height: 50px; overflow: hidden; } .gd-table-component .ag-column-drop-vertical .ag-column-drop-list { flex-grow: 1; height: 20px; overflow-x: auto; } .gd-table-component .ag-column-drop-vertical .ag-column-drop-cell { display: flex; } .gd-table-component .ag-column-drop-vertical .ag-column-drop-cell .ag-column-drop-cell-text { overflow: hidden; flex: 1; text-overflow: ellipsis; white-space: nowrap; } .gd-table-component .ag-column-drop-vertical .ag-column-drop-empty-message { display: block; } .gd-table-component .ag-column-drop-vertical .ag-column-drop-cell-button { line-height: 16px; } .gd-table-component .ag-ltr .ag-column-drop-vertical .ag-column-drop-cell-button { float: right; } .gd-table-component .ag-rtl .ag-column-drop-vertical .ag-column-drop-cell-button { float: left; } .gd-table-component .ag-column-drop-horizontal { white-space: nowrap; overflow: hidden; } .gd-table-component .ag-column-drop-horizontal .ag-column-drop-cell { display: inline-block; } .gd-table-component .ag-column-drop-horizontal .ag-column-drop-empty-message { display: inline-block; } .gd-table-component .ag-column-drop-horizontal .ag-column-drop-list { height: 100%; } .gd-table-component .ag-column-select-indent { display: inline-block; } .gd-table-component .ag-column-panel { display: flex; min-height: 400px; flex-direction: column; flex-grow: 1; overflow-x: hidden; max-height: 100vh; } .gd-table-component .ag-row-animation .ag-row { transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s; } .gd-table-component .ag-row-no-animation .ag-row { transition: background-color 0.1s; } .gd-table-component .ag-row { white-space: nowrap; width: 100%; } .gd-table-component .ag-row-position-absolute { position: absolute; } .gd-table-component .ag-row-position-relative { position: relative; } .gd-table-component .ag-full-width-row { overflow: hidden; pointer-events: all; } .gd-table-component .ag-row-inline-editing { z-index: 1; } .gd-table-component .ag-cell { display: inline-block; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; } .gd-table-component .ag-cell-with-height { height: 100%; } .gd-table-component .ag-cell-edit-input { height: 100%; width: 100%; line-height: normal; } .gd-table-component .ag-group-cell-entire-row { display: inline-block; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .gd-table-component .ag-footer-cell-entire-row { display: inline-block; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .gd-table-component .ag-set-filter-item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gd-table-component .ag-filter-filter { width: 100%; } .gd-table-component .ag-filter .ag-filter-checkbox { pointer-events: none; } .gd-table-component .ag-filter-select { margin: 4px 4px 0 4px; width: 110px; } .gd-table-component .ag-floating-filter-body input { height: 19px; margin: 0; width: 100%; } .gd-table-component .ag-floating-filter-full-body input { height: 19px; margin: 0; width: 100%; } .gd-table-component .ag-floating-filter { display: inline-block; position: absolute; } .gd-table-component .ag-floating-filter-body { height: 20px; margin-right: 25px; } .gd-table-component .ag-floating-filter-full-body { height: 20px; width: 100%; } .gd-table-component .ag-floating-filter-input { width: 100%; } .gd-table-component .ag-floating-filter-input:read-only { background-color: #eee; } .gd-table-component .ag-floating-filter-menu { position: absolute; user-select: none; } .gd-table-component .ag-dnd-ghost { background: #e5e5e5; border: 1px solid black; cursor: move; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4; overflow: hidden; padding: 3px; position: absolute; text-overflow: ellipsis; user-select: none; } .gd-table-component .ag-dnd-ghost-icon { display: inline-block; padding: 2px; } .gd-table-component .ag-dnd-ghost-label { display: inline-block; } .gd-table-component .ag-overlay { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } .gd-table-component .ag-overlay-panel { display: table; height: 100%; pointer-events: none; width: 100%; } .gd-table-component .ag-overlay-wrapper { display: table-cell; text-align: center; vertical-align: middle; } .gd-table-component .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 30px; } .gd-table-component .ag-popup-backdrop { height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .gd-table-component .ag-popup-editor { position: absolute; user-select: none; } .gd-table-component .ag-virtual-list-item { position: absolute; width: 100%; } .gd-table-component .ag-virtual-list-item span:empty:not(.ag-icon) { border-left: 1px solid transparent; } .gd-table-component .ag-floating-top { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .gd-table-component .ag-pinned-left-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; flex-grow: 1000; } .gd-table-component .ag-pinned-right-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; flex-grow: 1000; } .gd-table-component .ag-floating-bottom { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .gd-table-component .ag-pinned-left-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; flex-grow: 1000; } .gd-table-component .ag-pinned-right-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; flex-grow: 1000; } .gd-table-component .ag-value-slide-out { margin-right: 5px; opacity: 1; transition: opacity 3s, margin-right 3s; transition-timing-function: linear; } .gd-table-component .ag-value-slide-out-end { margin-right: 10px; opacity: 0; } .gd-table-component .ag-opacity-zero { opacity: 0; } .gd-table-component .ag-menu { max-height: 100%; overflow-y: auto; position: absolute; user-select: none; } .gd-table-component .ag-menu-column-select-wrapper { height: 265px; overflow: auto; width: 200px; } .gd-table-component .ag-menu-list { border-collapse: collapse; display: table; } .gd-table-component .ag-menu-option { display: table-row; } .gd-table-component .ag-menu-option-text { display: table-cell; white-space: nowrap; } .gd-table-component .ag-menu-option-shortcut { display: table-cell; } .gd-table-component .ag-menu-option-icon { display: table-cell; } .gd-table-component .ag-menu-option-popup-pointer { display: table-cell; } .gd-table-component .ag-menu-separator { display: table-row; } .gd-table-component .ag-menu-separator-cell { display: table-cell; } .gd-table-component .ag-menu-column-select-wrapper .ag-column-select-panel { height: 100%; } .gd-table-component .ag-rich-select { cursor: default; outline: none; } .gd-table-component .ag-rich-select-row { white-space: nowrap; } .gd-table-component .ag-rich-select-list { height: 200px; width: 200px; } .gd-table-component .ag-set-filter-list { height: 200px; width: 200px; } .gd-table-component .ag-tool-panel-wrapper { display: flex; overflow-y: auto; cursor: default; user-select: none; width: 200px; } .gd-table-component .ag-tool-panel-wrapper .ag-filter-toolpanel-header { cursor: pointer; } .gd-table-component .ag-primary-cols-list-panel { flex-grow: 1; height: 50px; overflow: auto; } .gd-table-component .ag-ltr .ag-column-tool-panel-column { margin-left: 16px; } .gd-table-component .ag-rtl .ag-column-tool-panel-column { margin-right: 16px; } .gd-table-component .ag-column-tool-panel-column, .gd-table-component .ag-column-tool-panel-column-group { align-items: stretch; display: flex; flex-direction: row; flex-wrap: nowrap; text-overflow: ellipsis; white-space: nowrap; } .gd-table-component .ag-column-tool-panel-column .ag-column-tool-panel-column, .gd-table-component .ag-column-tool-panel-column .ag-column-tool-panel-column-group, .gd-table-component .ag-column-tool-panel-column-group .ag-column-tool-panel-column, .gd-table-component .ag-column-tool-panel-column-group .ag-column-tool-panel-column-group { flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; } .gd-table-component .ag-column-tool-panel-column .ag-column-drag, .gd-table-component .ag-column-tool-panel-column-group .ag-column-drag { min-width: 16px; flex-grow: 0; flex-shrink: 0; } .gd-table-component .ag-column-select-panel { display: flex; flex-direction: column; overflow: hidden; } .gd-table-component .ag-side-bar .ag-column-select-panel { flex-grow: 4; } .gd-table-component .ag-tool-panel-horizontal-resize { cursor: col-resize; height: 100%; position: absolute; top: 0; width: 5px; z-index: 1; } .gd-table-component .ag-rtl .ag-tool-panel-horizontal-resize { float: right; transform: translateX(3px); } .gd-table-component .ag-ltr .ag-tool-panel-horizontal-resize { float: left; transform: translateX(-3px); } .gd-table-component .loading-filter { background-color: #e6e6e6; height: 100%; padding: 5px; position: absolute; top: 34px; width: 100%; z-index: 1; } .gd-table-component .ag-details-row { height: 100%; width: 100%; } .gd-table-component .ag-details-grid { height: 100%; width: 100%; } .gd-table-component .ag-header-group-cell { display: inline-block; height: 100%; overflow: hidden; position: absolute; text-overflow: ellipsis; } .gd-table-component .ag-side-bar { display: flex; flex-direction: row-reverse; } .gd-table-component .ag-side-bar .ag-side-buttons { width: 20px; } .gd-table-component .ag-side-bar .ag-side-buttons div button { display: block; white-space: nowrap; outline: none; cursor: pointer; } .gd-table-component .ag-side-bar .ag-side-buttons div button span { writing-mode: tb; writing-mode: vertical-lr; } .gd-table-component .ag-side-bar .panel-container { width: 180px; } .gd-table-component .ag-side-bar.full-width .panel-container { width: 200px; } .gd-table-component .ag-rtl .ag-side-bar .ag-side-buttons button span { writing-mode: tb-rl; writing-mode: vertical-rl; } .gd-table-component .ag-status-bar { display: flex; justify-content: space-between; } .gd-table-component .ag-status-bar .ag-status-panel { display: inline-flex; } .gd-table-component .ag-status-bar-left { display: inline-flex; } .gd-table-component .ag-status-bar-center { display: inline-flex; } .gd-table-component .ag-status-bar-right { display: inline-flex; } .gd-table-component .ag-ltr .ag-toolpanel-indent-1 { padding-left: 10px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-1 { padding-right: 10px; } .gd-table-component .ag-ltr .ag-row-group-indent-1 { padding-left: 10px; } .gd-table-component .ag-rtl .ag-row-group-indent-1 { padding-right: 10px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-2 { padding-left: 20px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-2 { padding-right: 20px; } .gd-table-component .ag-ltr .ag-row-group-indent-2 { padding-left: 20px; } .gd-table-component .ag-rtl .ag-row-group-indent-2 { padding-right: 20px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-3 { padding-left: 30px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-3 { padding-right: 30px; } .gd-table-component .ag-ltr .ag-row-group-indent-3 { padding-left: 30px; } .gd-table-component .ag-rtl .ag-row-group-indent-3 { padding-right: 30px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-4 { padding-left: 40px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-4 { padding-right: 40px; } .gd-table-component .ag-ltr .ag-row-group-indent-4 { padding-left: 40px; } .gd-table-component .ag-rtl .ag-row-group-indent-4 { padding-right: 40px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-5 { padding-left: 50px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-5 { padding-right: 50px; } .gd-table-component .ag-ltr .ag-row-group-indent-5 { padding-left: 50px; } .gd-table-component .ag-rtl .ag-row-group-indent-5 { padding-right: 50px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-6 { padding-left: 60px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-6 { padding-right: 60px; } .gd-table-component .ag-ltr .ag-row-group-indent-6 { padding-left: 60px; } .gd-table-component .ag-rtl .ag-row-group-indent-6 { padding-right: 60px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-7 { padding-left: 70px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-7 { padding-right: 70px; } .gd-table-component .ag-ltr .ag-row-group-indent-7 { padding-left: 70px; } .gd-table-component .ag-rtl .ag-row-group-indent-7 { padding-right: 70px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-8 { padding-left: 80px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-8 { padding-right: 80px; } .gd-table-component .ag-ltr .ag-row-group-indent-8 { padding-left: 80px; } .gd-table-component .ag-rtl .ag-row-group-indent-8 { padding-right: 80px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-9 { padding-left: 90px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-9 { padding-right: 90px; } .gd-table-component .ag-ltr .ag-row-group-indent-9 { padding-left: 90px; } .gd-table-component .ag-rtl .ag-row-group-indent-9 { padding-right: 90px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-10 { padding-left: 100px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-10 { padding-right: 100px; } .gd-table-component .ag-ltr .ag-row-group-indent-10 { padding-left: 100px; } .gd-table-component .ag-rtl .ag-row-group-indent-10 { padding-right: 100px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-11 { padding-left: 110px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-11 { padding-right: 110px; } .gd-table-component .ag-ltr .ag-row-group-indent-11 { padding-left: 110px; } .gd-table-component .ag-rtl .ag-row-group-indent-11 { padding-right: 110px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-12 { padding-left: 120px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-12 { padding-right: 120px; } .gd-table-component .ag-ltr .ag-row-group-indent-12 { padding-left: 120px; } .gd-table-component .ag-rtl .ag-row-group-indent-12 { padding-right: 120px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-13 { padding-left: 130px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-13 { padding-right: 130px; } .gd-table-component .ag-ltr .ag-row-group-indent-13 { padding-left: 130px; } .gd-table-component .ag-rtl .ag-row-group-indent-13 { padding-right: 130px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-14 { padding-left: 140px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-14 { padding-right: 140px; } .gd-table-component .ag-ltr .ag-row-group-indent-14 { padding-left: 140px; } .gd-table-component .ag-rtl .ag-row-group-indent-14 { padding-right: 140px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-15 { padding-left: 150px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-15 { padding-right: 150px; } .gd-table-component .ag-ltr .ag-row-group-indent-15 { padding-left: 150px; } .gd-table-component .ag-rtl .ag-row-group-indent-15 { padding-right: 150px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-16 { padding-left: 160px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-16 { padding-right: 160px; } .gd-table-component .ag-ltr .ag-row-group-indent-16 { padding-left: 160px; } .gd-table-component .ag-rtl .ag-row-group-indent-16 { padding-right: 160px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-17 { padding-left: 170px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-17 { padding-right: 170px; } .gd-table-component .ag-ltr .ag-row-group-indent-17 { padding-left: 170px; } .gd-table-component .ag-rtl .ag-row-group-indent-17 { padding-right: 170px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-18 { padding-left: 180px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-18 { padding-right: 180px; } .gd-table-component .ag-ltr .ag-row-group-indent-18 { padding-left: 180px; } .gd-table-component .ag-rtl .ag-row-group-indent-18 { padding-right: 180px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-19 { padding-left: 190px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-19 { padding-right: 190px; } .gd-table-component .ag-ltr .ag-row-group-indent-19 { padding-left: 190px; } .gd-table-component .ag-rtl .ag-row-group-indent-19 { padding-right: 190px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-20 { padding-left: 200px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-20 { padding-right: 200px; } .gd-table-component .ag-ltr .ag-row-group-indent-20 { padding-left: 200px; } .gd-table-component .ag-rtl .ag-row-group-indent-20 { padding-right: 200px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-21 { padding-left: 210px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-21 { padding-right: 210px; } .gd-table-component .ag-ltr .ag-row-group-indent-21 { padding-left: 210px; } .gd-table-component .ag-rtl .ag-row-group-indent-21 { padding-right: 210px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-22 { padding-left: 220px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-22 { padding-right: 220px; } .gd-table-component .ag-ltr .ag-row-group-indent-22 { padding-left: 220px; } .gd-table-component .ag-rtl .ag-row-group-indent-22 { padding-right: 220px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-23 { padding-left: 230px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-23 { padding-right: 230px; } .gd-table-component .ag-ltr .ag-row-group-indent-23 { padding-left: 230px; } .gd-table-component .ag-rtl .ag-row-group-indent-23 { padding-right: 230px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-24 { padding-left: 240px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-24 { padding-right: 240px; } .gd-table-component .ag-ltr .ag-row-group-indent-24 { padding-left: 240px; } .gd-table-component .ag-rtl .ag-row-group-indent-24 { padding-right: 240px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-25 { padding-left: 250px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-25 { padding-right: 250px; } .gd-table-component .ag-ltr .ag-row-group-indent-25 { padding-left: 250px; } .gd-table-component .ag-rtl .ag-row-group-indent-25 { padding-right: 250px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-26 { padding-left: 260px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-26 { padding-right: 260px; } .gd-table-component .ag-ltr .ag-row-group-indent-26 { padding-left: 260px; } .gd-table-component .ag-rtl .ag-row-group-indent-26 { padding-right: 260px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-27 { padding-left: 270px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-27 { padding-right: 270px; } .gd-table-component .ag-ltr .ag-row-group-indent-27 { padding-left: 270px; } .gd-table-component .ag-rtl .ag-row-group-indent-27 { padding-right: 270px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-28 { padding-left: 280px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-28 { padding-right: 280px; } .gd-table-component .ag-ltr .ag-row-group-indent-28 { padding-left: 280px; } .gd-table-component .ag-rtl .ag-row-group-indent-28 { padding-right: 280px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-29 { padding-left: 290px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-29 { padding-right: 290px; } .gd-table-component .ag-ltr .ag-row-group-indent-29 { padding-left: 290px; } .gd-table-component .ag-rtl .ag-row-group-indent-29 { padding-right: 290px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-30 { padding-left: 300px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-30 { padding-right: 300px; } .gd-table-component .ag-ltr .ag-row-group-indent-30 { padding-left: 300px; } .gd-table-component .ag-rtl .ag-row-group-indent-30 { padding-right: 300px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-31 { padding-left: 310px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-31 { padding-right: 310px; } .gd-table-component .ag-ltr .ag-row-group-indent-31 { padding-left: 310px; } .gd-table-component .ag-rtl .ag-row-group-indent-31 { padding-right: 310px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-32 { padding-left: 320px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-32 { padding-right: 320px; } .gd-table-component .ag-ltr .ag-row-group-indent-32 { padding-left: 320px; } .gd-table-component .ag-rtl .ag-row-group-indent-32 { padding-right: 320px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-33 { padding-left: 330px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-33 { padding-right: 330px; } .gd-table-component .ag-ltr .ag-row-group-indent-33 { padding-left: 330px; } .gd-table-component .ag-rtl .ag-row-group-indent-33 { padding-right: 330px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-34 { padding-left: 340px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-34 { padding-right: 340px; } .gd-table-component .ag-ltr .ag-row-group-indent-34 { padding-left: 340px; } .gd-table-component .ag-rtl .ag-row-group-indent-34 { padding-right: 340px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-35 { padding-left: 350px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-35 { padding-right: 350px; } .gd-table-component .ag-ltr .ag-row-group-indent-35 { padding-left: 350px; } .gd-table-component .ag-rtl .ag-row-group-indent-35 { padding-right: 350px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-36 { padding-left: 360px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-36 { padding-right: 360px; } .gd-table-component .ag-ltr .ag-row-group-indent-36 { padding-left: 360px; } .gd-table-component .ag-rtl .ag-row-group-indent-36 { padding-right: 360px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-37 { padding-left: 370px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-37 { padding-right: 370px; } .gd-table-component .ag-ltr .ag-row-group-indent-37 { padding-left: 370px; } .gd-table-component .ag-rtl .ag-row-group-indent-37 { padding-right: 370px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-38 { padding-left: 380px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-38 { padding-right: 380px; } .gd-table-component .ag-ltr .ag-row-group-indent-38 { padding-left: 380px; } .gd-table-component .ag-rtl .ag-row-group-indent-38 { padding-right: 380px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-39 { padding-left: 390px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-39 { padding-right: 390px; } .gd-table-component .ag-ltr .ag-row-group-indent-39 { padding-left: 390px; } .gd-table-component .ag-rtl .ag-row-group-indent-39 { padding-right: 390px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-40 { padding-left: 400px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-40 { padding-right: 400px; } .gd-table-component .ag-ltr .ag-row-group-indent-40 { padding-left: 400px; } .gd-table-component .ag-rtl .ag-row-group-indent-40 { padding-right: 400px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-41 { padding-left: 410px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-41 { padding-right: 410px; } .gd-table-component .ag-ltr .ag-row-group-indent-41 { padding-left: 410px; } .gd-table-component .ag-rtl .ag-row-group-indent-41 { padding-right: 410px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-42 { padding-left: 420px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-42 { padding-right: 420px; } .gd-table-component .ag-ltr .ag-row-group-indent-42 { padding-left: 420px; } .gd-table-component .ag-rtl .ag-row-group-indent-42 { padding-right: 420px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-43 { padding-left: 430px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-43 { padding-right: 430px; } .gd-table-component .ag-ltr .ag-row-group-indent-43 { padding-left: 430px; } .gd-table-component .ag-rtl .ag-row-group-indent-43 { padding-right: 430px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-44 { padding-left: 440px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-44 { padding-right: 440px; } .gd-table-component .ag-ltr .ag-row-group-indent-44 { padding-left: 440px; } .gd-table-component .ag-rtl .ag-row-group-indent-44 { padding-right: 440px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-45 { padding-left: 450px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-45 { padding-right: 450px; } .gd-table-component .ag-ltr .ag-row-group-indent-45 { padding-left: 450px; } .gd-table-component .ag-rtl .ag-row-group-indent-45 { padding-right: 450px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-46 { padding-left: 460px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-46 { padding-right: 460px; } .gd-table-component .ag-ltr .ag-row-group-indent-46 { padding-left: 460px; } .gd-table-component .ag-rtl .ag-row-group-indent-46 { padding-right: 460px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-47 { padding-left: 470px; } .gd-table-component .ag-rtl .ag-toolpanel-indent-47 { padding-right: 470px; } .gd-table-component .ag-ltr .ag-row-group-indent-47 { padding-left: 470px; } .gd-table-component .ag-rtl .ag-row-group-indent-47 { padding-right: 470px; } .gd-table-component .ag-ltr .ag-toolpanel-indent-48 { paddin