/** **************************** * 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-faded { opacity: 0.3; } .ag-width-half { display: inline-block; width: 50% !important; } .ag-unselectable { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .ag-selectable { -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; } .ag-select-agg-func-popup { position: absolute; } .ag-input-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: normal; position: relative; overflow: hidden; } .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 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .ag-root-wrapper.ag-layout-normal { height: 100%; } .ag-root-wrapper .ag-watermark { position: absolute; bottom: 10px; right: 25px; opacity: 0.5; -webkit-transition: opacity 1s ease-out 3s; transition: opacity 1s ease-out 3s; } .ag-root-wrapper .ag-watermark:before { content: ''; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDk0cHgiIGhlaWdodD0iMjM5cHgiIHZpZXdCb3g9IjAgMCA0OTQgMjM5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ny4xICg0NTQyMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+TG9nbzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0wLjYxMjg0OTkzMSwxMDggTDAuNjEyODQ5OTMxLDY3LjQ1OTYzNzQgTDAuNjEyODQ5OTMxLDY3LjQ1OTYzNzQgQzAuNjEyODQ5OTMxLDYyLjEwMDY1MzYgMy40NzE4MzM3OCw1Ny4xNDg3NDgzIDguMTEyODQ5OTMsNTQuNDY5MjU2NCBMOTguMzA2NDI1LDIuMzk1OTcxNTcgTDk4LjMwNjQyNSwyLjM5NTk3MTU3IEMxMDIuOTQ3NDQxLC0wLjI4MzUyMDM1OCAxMDguNjY1NDA5LC0wLjI4MzUyMDM1OCAxMTMuMzA2NDI1LDIuMzk1OTcxNTcgTDExMy4zMDY0MjUsMi4zOTU5NzE1NyBMMjAzLjUsNTQuNDY5MjU2NCBMMjAzLjUsNTQuNDY5MjU2NCBDMjA4LjE0MTAxNiw1Ny4xNDg3NDgzIDIxMSw2Mi4xMDA2NTM2IDIxMSw2Ny40NTk2Mzc0IEwyMTEsMTM4IEwxODEsMTM4IEwxODAuOTk3MDQxLDkzLjk5OTk5OTggTDE4MC45OTYwMzIsOTMuOTk5OTk5OSBDMTgwLjk5NTQ3NSw4NS43MTYxMjI2IDE3NC4yNzk5MDksNzkuMDAxMDA4NyAxNjUuOTk2MDMyLDc5LjAwMTAwODcgTDEyMiw3OC45OTk5OTk5IEMxMTMuNzE1NzI5LDc4Ljk5OTk5OTkgMTA3LDg1LjcxNTcyODYgMTA3LDkzLjk5OTk5OTkgTDEwNywxMzYuMDE1NjIzIEwxMDcsMTM2LjAxNTYyMyBDMTA3LDE0NC4yOTk4OTUgMTEzLjcxNTcyOSwxNTEuMDE1NjIzIDEyMiwxNTEuMDE1NjIzIEwxNjgsMTUxLjAxNTYyMyBMMTY4LDE2MyBDMTY4LDE2NC42NTY4NTQgMTY2LjY1Njg1NCwxNjYgMTY1LDE2NiBMMTIwLDE2NiBMMTIwLDE3OSBMMTY1Ljk5NjAzMiwxNzkgTDE2NS45OTYwMzIsMTc4Ljk5Nzg3NyBDMTc0LjI3OTQ3NCwxNzguOTk3ODc3IDE4MC45OTQ4NiwxNzIuMjgzNDQyIDE4MC45OTYwMzIsMTY0IEwxODEsMTUwLjk2MDU1NCBMMjExLDE1MC45NjA1NTQgTDIxMSwxNzEuNjA2MjA3IEwyMTEsMTcxLjYwNjIwNyBDMjExLDE3Ni45NjUxOTEgMjA4LjE0MTAxNiwxODEuOTE3MDk2IDIwMy41LDE4NC41OTY1ODggTDExMy4zMDY0MjUsMjM2LjY2OTg3MyBMMTEzLjMwNjQyNSwyMzYuNjY5ODczIEMxMDguNjY1NDA5LDIzOS4zNDkzNjUgMTAyLjk0NzQ0MSwyMzkuMzQ5MzY1IDk4LjMwNjQyNSwyMzYuNjY5ODczIEw4LjExMjg0OTkzLDE4NC41OTY1ODggTDguMTEyODQ5OTMsMTg0LjU5NjU4OCBDMy40NzE4MzM3OCwxODEuOTE3MDk2IDAuNjEyODQ5OTMxLDE3Ni45NjUxOTEgMC42MTI4NDk5MzEsMTcxLjYwNjIwNyBMMC42MTI4NDk5MzEsMTIxIEwyNywxMjEgTDI3LDEzNiBDMjcsMTQ0LjI4NDI3MSAzMy43MTU3Mjg3LDE1MSA0MiwxNTEgTDQyLDE1MSBMMTAwLDE1MSBMMTAwLDk0IEMxMDAsODUuNzE1NzI4OCA5My4yODQyNzEyLDc5IDg1LDc5IEwyNyw3OSBMMjcsOTIgTDg0LDkyIEM4NS42NTY4NTQyLDkyIDg3LDkzLjM0MzE0NTggODcsOTUgTDg3LDk1IEw4NywxMDggTDAuNjEyODQ5OTMxLDEwOCBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkxvZ28iPgogICAgICAgICAgICA8cGF0aCBkPSJNNDc3LDU1IEw0OTQsNTUgTDQ5NCwxNTEgTDQzNSwxNTEgQzQyNi43MTU3MjksMTUxIDQyMCwxNDQuMjg0MjcxIDQyMCwxMzYgTDQyMCw5NiBDNDIwLDg3LjcxNTcyODggNDI2LjcxNTcyOSw4MSA0MzUsODEgTDQzNSw4MSBMNDc3LDgxIEw0NzcsNTUgWiBNNDQwLDk4IEM0MzguMzQzMTQ2LDk4IDQzNyw5OS4zNDMxNDU4IDQzNywxMDEgTDQzNywxMzEgQzQzNywxMzIuNjU2ODU0IDQzOC4zNDMxNDYsMTM0IDQ0MCwxMzQgTDQ3NywxMzQgTDQ3Nyw5OCBMNDQwLDk4IFoiIGlkPSJkIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDxnIGlkPSJpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOTYuMDAwMDAwLCA1NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTYiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCAyNiAxNyAyNiAxNyA5NiAwIDk2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aC03IiBmaWxsPSIjRTExRjIyIiBwb2ludHM9IjAgMS4xMzY4NjgzOGUtMTMgMTcgMS4xMzY4NjgzOGUtMTMgMTcgMTcgMCAxNyI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMzEsMTUxIEwzNDgsMTUxIEwzNDgsMTAxIEwzNDgsMTAxIEMzNDgsOTkuMzQzMTQ1OCAzNDkuMzQzMTQ2LDk4IDM1MSw5OCBMMzg5LDk4IEwzODksODEgTDM0Niw4MSBMMzQ2LDgxIEMzMzcuNzE1NzI5LDgxIDMzMSw4Ny43MTU3Mjg4IDMzMSw5NiBMMzMxLDE1MSBaIiBpZD0iciIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMzI0LDg2IEwzMjQsNzYgTDMyNCw3NiBDMzI0LDY3LjcxNTcyODggMzE3LjI4NDI3MSw2MSAzMDksNjEgTDI0OSw2MSBMMjQ5LDYxIEMyNDAuNzE1NzI5LDYxIDIzNCw2Ny43MTU3Mjg4IDIzNCw3NiBMMjM0LDEzNiBMMjM0LDEzNiBDMjM0LDE0NC4yODQyNzEgMjQwLjcxNTcyOSwxNTEgMjQ5LDE1MSBMMzA5LDE1MSBMMzA5LDE1MSBDMzE3LjI4NDI3MSwxNTEgMzI0LDE0NC4yODQyNzEgMzI0LDEzNiBMMzI0LDEwMCBMMjg3LDEwMCBMMjg3LDExNyBMMzA3LDExNyBMMzA3LDEzMSBMMzA3LDEzMSBDMzA3LDEzMi42NTY4NTQgMzA1LjY1Njg1NCwxMzQgMzA0LDEzNCBMMjU0LDEzNCBMMjU0LDEzNCBDMjUyLjM0MzE0NiwxMzQgMjUxLDEzMi42NTY4NTQgMjUxLDEzMSBMMjUxLDgxIEwyNTEsODEgQzI1MSw3OS4zNDMxNDU4IDI1Mi4zNDMxNDYsNzggMjU0LDc4IEwzMDQsNzggTDMwNCw3OCBDMzA1LjY1Njg1NCw3OCAzMDcsNzkuMzQzMTQ1OCAzMDcsODEgTDMwNyw4NiBMMzI0LDg2IFoiIGlkPSJHIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDxnIGlkPSJhZyI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRTExRjIyIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJnIiBmaWxsPSIjRTExRjIyIiB4PSIxMjAiIHk9IjkyIiB3aWR0aD0iNDgiIGhlaWdodD0iNDYiIHJ4PSIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDAsMTIxIEw4NywxMjEgTDg3LDEzOCBMNDMsMTM4IEw0MywxMzggQzQxLjM0MzE0NTgsMTM4IDQwLDEzNi42NTY4NTQgNDAsMTM1IEw0MCwxMjEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRTExRjIyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); -webkit-filter: invert(50%); filter: invert(50%); background-repeat: no-repeat; background-size: 110px 60px; display: block; height: 60px; width: 110px; } .ag-root-wrapper .ag-watermark .ag-watermark-text { opacity: 0.5; font-weight: bold; font-family: Impact; font-size: 19px; } .ag-root-wrapper-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ag-root-wrapper-body.ag-layout-normal { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 0; min-height: 0; } .ag-root { cursor: default; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height { overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 auto; 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-pinned-left-cols-viewport, .ag-center-cols-viewport, .ag-pinned-right-cols-viewport, .ag-floating-bottom-viewport, .ag-body-horizontal-scroll-viewport, .ag-virtual-list-viewport { position: relative; height: 100%; min-width: 0px; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .ag-body-viewport { display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-body-viewport.ag-layout-normal { overflow-y: auto; -webkit-overflow-scrolling: touch; } .ag-body-viewport:not(.ag-layout-print).ag-force-vertical-scroll { overflow-y: scroll; } .ag-pinned-left-cols-viewport, .ag-pinned-right-cols-viewport { -webkit-box-flex: 1000; -ms-flex-positive: 1000; flex-grow: 1000; } .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 { position: relative; } .ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container { height: 100%; white-space: nowrap; } .ag-body-viewport .ag-center-cols-clipper { min-height: 100%; } .ag-body-viewport.ag-layout-auto-height .ag-center-cols-clipper, .ag-body-viewport.ag-layout-auto-height .ag-center-cols-container { min-height: 50px; } .ag-body-viewport .ag-center-cols-container { display: block; } .ag-body-viewport.ag-layout-print { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .ag-body-viewport.ag-layout-print .ag-center-cols-clipper { min-width: 100%; } .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 { 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; -ms-flex: 1; flex: 1; min-width: 0; overflow: hidden; } .ag-body-horizontal-scroll { min-height: 0; min-width: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .ag-layout-print .ag-body-horizontal-scroll { display: none; } .ag-horizontal-left-spacer, .ag-horizontal-right-spacer { height: 100%; min-width: 0; -webkit-box-flex: 1000; -ms-flex-positive: 1000; flex-grow: 1000; 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; } .ag-header .ag-header-cell-sortable, .ag-pinned-left-header .ag-header-cell-sortable, .ag-pinned-right-header .ag-header-cell-sortable { cursor: pointer; } .ag-header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; white-space: nowrap; } .ag-header-icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-pinned-left-header { height: 100%; } .ag-pinned-right-header { height: 100%; } .ag-header-row { position: absolute; overflow: hidden; } .ag-header-overlay { display: block; position: absolute; } .ag-header-cell { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; height: 100%; overflow: hidden; } .ag-header-group-cell-label, .ag-header-cell-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-overflow: ellipsis; -ms-flex-item-align: stretch; align-self: stretch; } .ag-header-cell-label .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-numeric-header .ag-header-cell-label { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-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: 1; height: 100%; width: 4px; } .ag-header-expand-icon { padding-left: 4px; } .ag-header-select-all { display: -webkit-box; display: -ms-flexbox; 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: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .ag-column-select-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; -webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } .ag-column-select-panel .ag-primary-cols-header-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .ag-column-select-panel .ag-primary-cols-header-panel .ag-column-name-filter { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .ag-column-select-panel .ag-primary-cols-header-panel .ag-primary-cols-filter-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .ag-column-select-panel .ag-primary-cols-header-panel .ag-primary-cols-filter-wrapper input { width: 100%; } .ag-column-select-panel .ag-primary-cols-list-panel { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; } .ag-column-drop { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: auto; width: 100%; } .ag-column-drop .ag-column-drop-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-column-drop .ag-column-drop-list .ag-column-drop-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-column-drop .ag-column-drop-list .ag-column-drop-cell .ag-column-drop-cell-text { overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; } .ag-column-drop.ag-column-drop-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .ag-column-drop.ag-column-drop-vertical > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-column-drop.ag-column-drop-vertical .ag-column-drop-list { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-x: auto; } .ag-column-drop.ag-column-drop-vertical .ag-column-drop-empty-message { display: block; } .ag-column-drop.ag-column-drop-horizontal { white-space: nowrap; overflow: hidden; } /** **************************** * Rows **************************** */ .ag-row-animation .ag-row { -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-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: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /** **************************** * Cells **************************** */ .ag-cell { display: inline-block; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; } .ag-cell-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .ag-cell-wrapper.ag-row-group { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ag-cell-wrapper .ag-cell-value, .ag-cell-wrapper .ag-group-value { overflow: hidden; text-overflow: ellipsis; } .ag-full-width-row.ag-row-group .ag-cell-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-cell-with-height { height: 100%; } .ag-group-cell-entire-row { display: inline-block; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .ag-footer-cell-entire-row { display: inline-block; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .ag-cell-inline-editing { z-index: 1; } .ag-cell-inline-editing .ag-cell-edit-input, .ag-cell-inline-editing .ag-input-wrapper { height: 100%; width: 100%; line-height: normal; } /** **************************** * Filters **************************** */ .ag-set-filter-item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-set-filter-item > div, .ag-set-filter-item > span { display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-filter .ag-filter-checkbox { pointer-events: none; } .ag-filter .ag-filter-body-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ag-filter .ag-filter-filter { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } /** **************************** * Floating Filter **************************** */ .ag-floating-filter-full-body .ag-react-container, .ag-floating-filter-body .ag-react-container { height: 100%; } .ag-floating-filter-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 100%; } .ag-floating-filter-body input { margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-height: calc(100% - 1px); } .ag-floating-filter-full-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; } .ag-floating-filter-full-body > div { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .ag-floating-filter-full-body input { margin: 0; width: 100%; } .ag-floating-filter-full-body input[type="range"] { height: 100%; } .ag-floating-filter { display: inline-block; position: absolute; } .ag-floating-filter-input { width: 100%; } .ag-floating-filter-input:-moz-read-only { background-color: #eee; } .ag-floating-filter-input:read-only { background-color: #eee; } .ag-floating-filter-menu { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-floating-filter-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; } /** **************************** * Drag & Drop **************************** */ .ag-dnd-ghost { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #e5e5e5; border: 1px solid black; cursor: move; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; overflow: hidden; padding: 3px; position: absolute; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 10; } .ag-dnd-ghost-icon { padding: 2px; } /** **************************** * Overlay **************************** */ .ag-overlay { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } .ag-overlay-panel { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; pointer-events: none; width: 100%; } .ag-overlay-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .ag-overlay-wrapper.ag-overlay-loading-wrapper { pointer-events: all; } .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 30px; } /** **************************** * Popup **************************** */ .ag-popup > div { z-index: 5; } .ag-popup-backdrop { height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .ag-popup-editor { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1; } /** **************************** * Virtual Lists **************************** */ .ag-virtual-list-item { position: absolute; width: 100%; } .ag-virtual-list-item span:empty:not(.ag-icon) { border-left: 1px solid transparent; } /** **************************** * Floating Top and Bottom **************************** */ .ag-floating-top { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-pinned-left-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; -webkit-box-flex: 1000; -ms-flex-positive: 1000; flex-grow: 1000; } .ag-pinned-right-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; -webkit-box-flex: 1000; -ms-flex-positive: 1000; flex-grow: 1000; } .ag-floating-bottom { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-pinned-left-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; -webkit-box-flex: 1000; -ms-flex-positive: 1000; flex-grow: 1000; } .ag-pinned-right-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; -webkit-box-flex: 1000; -ms-flex-positive: 1000; flex-grow: 1000; } /** **************************** * Dialog **************************** */ .ag-dialog, .ag-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; } .ag-dialog .ag-title-bar, .ag-panel .ag-title-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: default; } .ag-dialog .ag-title-bar .ag-title-bar-title, .ag-panel .ag-title-bar .ag-title-bar-title { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .ag-dialog .ag-title-bar .ag-title-bar-buttons, .ag-panel .ag-title-bar .ag-title-bar-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-dialog .ag-title-bar .ag-title-bar-buttons .ag-button, .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button { cursor: pointer; } .ag-dialog .ag-panel-content-wrapper, .ag-panel .ag-panel-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; overflow: hidden; } .ag-dialog .ag-panel-content-wrapper > div, .ag-panel .ag-panel-content-wrapper > div { width: 100%; height: 100%; } .ag-dialog { position: absolute; } .ag-dialog .ag-resizer { position: absolute; pointer-events: none; z-index: 1; } .ag-dialog .ag-resizer.ag-resizer-topLeft { top: 0; left: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-dialog .ag-resizer.ag-resizer-top { top: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-dialog .ag-resizer.ag-resizer-topRight { top: 0; right: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-dialog .ag-resizer.ag-resizer-right { top: 5px; right: 0; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-dialog .ag-resizer.ag-resizer-bottomRight { bottom: 0; right: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-dialog .ag-resizer.ag-resizer-bottom { bottom: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-dialog .ag-resizer.ag-resizer-bottomLeft { bottom: 0; left: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-dialog .ag-resizer.ag-resizer-left { left: 0; top: 5px; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-dialog .ag-message-box { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ag-dialog .ag-message-box .ag-message-box-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-dialog .ag-message-box .ag-message-box-button-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /** **************************** * Tooltip **************************** */ .ag-tooltip { position: absolute; pointer-events: none; z-index: 99999; } .ag-chart-tooltip { display: table; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; white-space: nowrap; z-index: 99999; font: 12px Verdana, sans-serif; color: black; background: #f4f4f4; border-radius: 5px; -webkit-box-shadow: 0 0 1px rgba(3, 3, 3, 0.7), 0.5vh 0.5vh 1vh rgba(3, 3, 3, 0.25); box-shadow: 0 0 1px rgba(3, 3, 3, 0.7), 0.5vh 0.5vh 1vh rgba(3, 3, 3, 0.25); opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .ag-chart-tooltip.visible { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .ag-chart-tooltip .title { font-weight: bold; padding: 7px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; background-color: #888888; } .ag-chart-tooltip .content { padding: 7px; line-height: 1.7em; } /** **************************** * 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; -ms-user-select: none; user-select: none; } .ag-menu-column-select-wrapper { height: 265px; overflow: auto; width: 200px; } .ag-menu-list { display: table; } .ag-menu-option, .ag-menu-separator { display: table-row; } .ag-menu-option > span, .ag-menu-separator > span { display: table-cell; vertical-align: middle; } .ag-menu-option-text { white-space: nowrap; } .ag-menu-column-select-wrapper .ag-column-select-panel { height: 100%; } /** **************************** * Rich Select **************************** */ .ag-rich-select { cursor: default; outline: none; } .ag-rich-select .ag-rich-select-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-rich-select .ag-rich-select-value > span { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .ag-rich-select .ag-rich-select-value > span.ag-icon { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .ag-rich-select .ag-rich-select-list .ag-virtual-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-rich-select .ag-rich-select-list .ag-virtual-list-item .ag-rich-select-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } /** **************************** * Pagination **************************** */ .ag-paging-panel { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ag-paging-panel .ag-paging-row-summary-panel { display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-paging-panel .ag-paging-row-summary-panel span { margin: 0 3px; } .ag-paging-page-summary-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-paging-page-summary-panel .ag-disabled { pointer-events: none; } .ag-paging-page-summary-panel .ag-paging-button { position: relative; overflow: hidden; } .ag-paging-page-summary-panel .ag-paging-button button { position: absolute; } /** **************************** * Tool Panel **************************** */ .ag-tool-panel-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-y: auto; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 200px; } .ag-tool-panel-wrapper .ag-filter-toolpanel-header { line-height: 1.5; cursor: pointer; } .ag-column-tool-panel-column, .ag-column-tool-panel-column-group { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-overflow: ellipsis; white-space: nowrap; } .ag-column-tool-panel-column .ag-column-tool-panel-column, .ag-column-tool-panel-column .ag-column-tool-panel-column-group, .ag-column-tool-panel-column-group .ag-column-tool-panel-column, .ag-column-tool-panel-column-group .ag-column-tool-panel-column-group { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; } .ag-column-select-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-tool-panel-horizontal-resize { cursor: col-resize; height: 100%; position: absolute; top: 0; width: 5px; z-index: 1; } .ag-rtl .ag-tool-panel-horizontal-resize { -webkit-transform: translateX(3px); transform: translateX(3px); } .ag-ltr .ag-tool-panel-horizontal-resize { -webkit-transform: translateX(-3px); transform: translateX(-3px); } .loading-filter { background-color: #e6e6e6; height: 100%; padding: 5px; position: absolute; top: 34px; width: 100%; z-index: 1; } .ag-details-row { height: 100%; width: 100%; } .ag-details-grid { height: 100%; width: 100%; } .ag-header-group-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; overflow: hidden; position: absolute; text-overflow: ellipsis; } .ag-cell-label-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .ag-numeric-header .ag-cell-label-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } /** **************************** * Side Bar **************************** */ .ag-side-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ag-side-bar .ag-side-buttons div button { display: block; white-space: nowrap; outline: none; cursor: pointer; } .ag-side-bar .ag-side-buttons div button span:not(.ag-icon) { -webkit-writing-mode: tb; -ms-writing-mode: tb; writing-mode: tb; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } .ag-side-bar .panel-container { width: 180px; } .ag-side-bar.full-width .panel-container { width: 200px; } .ag-rtl .ag-side-bar .ag-side-buttons button span:not(.ag-icon) { -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } /** **************************** * Status Bar **************************** */ .ag-status-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; } .ag-status-bar .ag-status-panel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .ag-status-bar-left { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .ag-status-bar-center { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .ag-status-bar-right { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /** **************************** * Widgets **************************** */ .ag-group-component { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .ag-group-component .ag-group-component-title-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-group-component .ag-group-component-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-group-component .ag-group-component-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ag-group-component .ag-group-component-container .ag-group-subgroup { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; } .ag-group-component .ag-group-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-group-component.ag-disabled .ag-group-component-container { pointer-events: none; } .ag-group-component.ag-collapsed .ag-group-component-toolbar, .ag-group-component.ag-collapsed .ag-group-component-container { display: none; } .ag-toggle-button .ag-input-wrapper .ag-icon { -webkit-transition: right 0.3s; transition: right 0.3s; position: absolute; top: -1px; } .ag-input-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-input-field input, .ag-input-field select, .ag-input-field textarea { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; min-width: 0; } .ag-range-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-picker-field > .ag-wrapper, .ag-slider > .ag-wrapper, .ag-angle-select > .ag-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-picker-field > .ag-wrapper > div, .ag-slider > .ag-wrapper > div, .ag-angle-select > .ag-wrapper > div { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .ag-angle-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-angle-select .ag-angle-select-field .ag-parent-circle { display: block; position: relative; } .ag-angle-select .ag-angle-select-field .ag-child-circle { position: absolute; } .ag-picker-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ag-picker-field > .ag-wrapper > button { display: -webkit-box; display: -ms-flexbox; display: flex; border: 0; padding: 0; margin: 0; } .ag-color-picker > .ag-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: hidden; } .ag-color-picker button { cursor: pointer; } .ag-labeled.ag-label-align-right label { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ag-labeled.ag-label-align-right > div { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .ag-labeled.ag-label-align-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ag-labeled.ag-label-align-top > div { -ms-flex-item-align: stretch; align-self: stretch; } .ag-color-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .ag-color-panel .ag-spectrum-color { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; overflow: hidden; cursor: default; } .ag-color-panel .ag-fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-color-panel .ag-spectrum-val { cursor: pointer; } .ag-color-panel .ag-spectrum-dragger { position: absolute; pointer-events: none; cursor: pointer; } .ag-color-panel .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-color-panel .ag-spectrum-alpha { cursor: default; } .ag-color-panel .ag-spectrum-hue-background { width: 100%; height: 100%; } .ag-color-panel .ag-spectrum-alpha-background { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(black)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0), black); width: 100%; height: 100%; } .ag-color-panel .ag-hue-alpha { cursor: pointer; } .ag-color-panel .ag-spectrum-slider { position: absolute; pointer-events: none; } .ag-color-panel .ag-spectrum-text-value { display: inline-block; text-align: center; overflow: hidden; white-space: nowrap; } .ag-color-panel .ag-spectrum-text-value:focus { outline: none; outline-offset: 0; } .ag-color-panel .ag-recent-colors { display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-color-panel .ag-recent-colors > div { cursor: pointer; } .ag-ltr .ag-toolpanel-indent-1 { padding-left: 10px; } .ag-rtl .ag-toolpanel-indent-1 { padding-right: 10px; } .ag-ltr .ag-row-group-indent-1 { padding-left: 10px; } .ag-rtl .ag-row-group-indent-1 { padding-right: 10px; } .ag-ltr .ag-toolpanel-indent-2 { padding-left: 20px; } .ag-rtl .ag-toolpanel-indent-2 { padding-right: 20px; } .ag-ltr .ag-row-group-indent-2 { padding-left: 20px; } .ag-rtl .ag-row-group-indent-2 { padding-right: 20px; } .ag-ltr .ag-toolpanel-indent-3 { padding-left: 30px; } .ag-rtl .ag-toolpanel-indent-3 { padding-right: 30px; } .ag-ltr .ag-row-group-indent-3 { padding-left: 30px; } .ag-rtl .ag-row-group-indent-3 { padding-right: 30px; } .ag-ltr .ag-toolpanel-indent-4 { padding-left: 40px; } .ag-rtl .ag-toolpanel-indent-4 { padding-right: 40px; } .ag-ltr .ag-row-group-indent-4 { padding-left: 40px; } .ag-rtl .ag-row-group-indent-4 { padding-right: 40px; } .ag-ltr .ag-toolpanel-indent-5 { padding-left: 50px; } .ag-rtl .ag-toolpanel-indent-5 { padding-right: 50px; } .ag-ltr .ag-row-group-indent-5 { padding-left: 50px; } .ag-rtl .ag-row-group-indent-5 { padding-right: 50px; } .ag-ltr .ag-toolpanel-indent-6 { padding-left: 60px; } .ag-rtl .ag-toolpanel-indent-6 { padding-right: 60px; } .ag-ltr .ag-row-group-indent-6 { padding-left: 60px; } .ag-rtl .ag-row-group-indent-6 { padding-right: 60px; } .ag-ltr .ag-toolpanel-indent-7 { padding-left: 70px; } .ag-rtl .ag-toolpanel-indent-7 { padding-right: 70px; } .ag-ltr .ag-row-group-indent-7 { padding-left: 70px; } .ag-rtl .ag-row-group-indent-7 { padding-right: 70px; } .ag-ltr .ag-toolpanel-indent-8 { padding-left: 80px; } .ag-rtl .ag-toolpanel-indent-8 { padding-right: 80px; } .ag-ltr .ag-row-group-indent-8 { padding-left: 80px; } .ag-rtl .ag-row-group-indent-8 { padding-right: 80px; } .ag-ltr .ag-toolpanel-indent-9 { padding-left: 90px; } .ag-rtl .ag-toolpanel-indent-9 { padding-right: 90px; } .ag-ltr .ag-row-group-indent-9 { padding-left: 90px; } .ag-rtl .ag-row-group-indent-9 { padding-right: 90px; } .ag-ltr .ag-toolpanel-indent-10 { padding-left: 100px; } .ag-rtl .ag-toolpanel-indent-10 { padding-right: 100px; } .ag-ltr .ag-row-group-indent-10 { padding-left: 100px; } .ag-rtl .ag-row-group-indent-10 { padding-right: 100px; } .ag-ltr .ag-toolpanel-indent-11 { padding-left: 110px; } .ag-rtl .ag-toolpanel-indent-11 { padding-right: 110px; } .ag-ltr .ag-row-group-indent-11 { padding-left: 110px; } .ag-rtl .ag-row-group-indent-11 { padding-right: 110px; } .ag-ltr .ag-toolpanel-indent-12 { padding-left: 120px; } .ag-rtl .ag-toolpanel-indent-12 { padding-right: 120px; } .ag-ltr .ag-row-group-indent-12 { padding-left: 120px; } .ag-rtl .ag-row-group-indent-12 { padding-right: 120px; } .ag-ltr .ag-toolpanel-indent-13 { padding-left: 130px; } .ag-rtl .ag-toolpanel-indent-13 { padding-right: 130px; } .ag-ltr .ag-row-group-indent-13 { padding-left: 130px; } .ag-rtl .ag-row-group-indent-13 { padding-right: 130px; } .ag-ltr .ag-toolpanel-indent-14 { padding-left: 140px; } .ag-rtl .ag-toolpanel-indent-14 { padding-right: 140px; } .ag-ltr .ag-row-group-indent-14 { padding-left: 140px; } .ag-rtl .ag-row-group-indent-14 { padding-right: 140px; } .ag-ltr .ag-toolpanel-indent-15 { padding-left: 150px; } .ag-rtl .ag-toolpanel-indent-15 { padding-right: 150px; } .ag-ltr .ag-row-group-indent-15 { padding-left: 150px; } .ag-rtl .ag-row-group-indent-15 { padding-right: 150px; } .ag-ltr .ag-toolpanel-indent-16 { padding-left: 160px; } .ag-rtl .ag-toolpanel-indent-16 { padding-right: 160px; } .ag-ltr .ag-row-group-indent-16 { padding-left: 160px; } .ag-rtl .ag-row-group-indent-16 { padding-right: 160px; } .ag-ltr .ag-toolpanel-indent-17 { padding-left: 170px; } .ag-rtl .ag-toolpanel-indent-17 { padding-right: 170px; } .ag-ltr .ag-row-group-indent-17 { padding-left: 170px; } .ag-rtl .ag-row-group-indent-17 { padding-right: 170px; } .ag-ltr .ag-toolpanel-indent-18 { padding-left: 180px; } .ag-rtl .ag-toolpanel-indent-18 { padding-right: 180px; } .ag-ltr .ag-row-group-indent-18 { padding-left: 180px; } .ag-rtl .ag-row-group-indent-18 { padding-right: 180px; } .ag-ltr .ag-toolpanel-indent-19 { padding-left: 190px; } .ag-rtl .ag-toolpanel-indent-19 { padding-right: 190px; } .ag-ltr .ag-row-group-indent-19 { padding-left: 190px; } .ag-rtl .ag-row-group-indent-19 { padding-right: 190px; } .ag-ltr .ag-toolpanel-indent-20 { padding-left: 200px; } .ag-rtl .ag-toolpanel-indent-20 { padding-right: 200px; } .ag-ltr .ag-row-group-indent-20 { padding-left: 200px; } .ag-rtl .ag-row-group-indent-20 { padding-right: 200px; } .ag-ltr .ag-toolpanel-indent-21 { padding-left: 210px; } .ag-rtl .ag-toolpanel-indent-21 { padding-right: 210px; } .ag-ltr .ag-row-group-indent-21 { padding-left: 210px; } .ag-rtl .ag-row-group-indent-21 { padding-right: 210px; } .ag-ltr .ag-toolpanel-indent-22 { padding-left: 220px; } .ag-rtl .ag-toolpanel-indent-22 { padding-right: 220px; } .ag-ltr .ag-row-group-indent-22 { padding-left: 220px; } .ag-rtl .ag-row-group-indent-22 { padding-right: 220px; } .ag-ltr .ag-toolpanel-indent-23 { padding-left: 230px; } .ag-rtl .ag-toolpanel-indent-23 { padding-right: 230px; } .ag-ltr .ag-row-group-indent-23 { padding-left: 230px; } .ag-rtl .ag-row-group-indent-23 { padding-right: 230px; } .ag-ltr .ag-toolpanel-indent-24 { padding-left: 240px; } .ag-rtl .ag-toolpanel-indent-24 { padding-right: 240px; } .ag-ltr .ag-row-group-indent-24 { padding-left: 240px; } .ag-rtl .ag-row-group-indent-24 { padding-right: 240px; } .ag-ltr .ag-toolpanel-indent-25 { padding-left: 250px; } .ag-rtl .ag-toolpanel-indent-25 { padding-right: 250px; } .ag-ltr .ag-row-group-indent-25 { padding-left: 250px; } .ag-rtl .ag-row-group-indent-25 { padding-right: 250px; } .ag-ltr .ag-toolpanel-indent-26 { padding-left: 260px; } .ag-rtl .ag-toolpanel-indent-26 { padding-right: 260px; } .ag-ltr .ag-row-group-indent-26 { padding-left: 260px; } .ag-rtl .ag-row-group-indent-26 { padding-right: 260px; } .ag-ltr .ag-toolpanel-indent-27 { padding-left: 270px; } .ag-rtl .ag-toolpanel-indent-27 { padding-right: 270px; } .ag-ltr .ag-row-group-indent-27 { padding-left: 270px; } .ag-rtl .ag-row-group-indent-27 { padding-right: 270px; } .ag-ltr .ag-toolpanel-indent-28 { padding-left: 280px; } .ag-rtl .ag-toolpanel-indent-28 { padding-right: 280px; } .ag-ltr .ag-row-group-indent-28 { padding-left: 280px; } .ag-rtl .ag-row-group-indent-28 { padding-right: 280px; } .ag-ltr .ag-toolpanel-indent-29 { padding-left: 290px; } .ag-rtl .ag-toolpanel-indent-29 { padding-right: 290px; } .ag-ltr .ag-row-group-indent-29 { padding-left: 290px; } .ag-rtl .ag-row-group-indent-29 { padding-right: 290px; } .ag-ltr .ag-toolpanel-indent-30 { padding-left: 300px; } .ag-rtl .ag-toolpanel-indent-30 { padding-right: 300px; } .ag-ltr .ag-row-group-indent-30 { padding-left: 300px; } .ag-rtl .ag-row-group-indent-30 { padding-right: 300px; } .ag-ltr .ag-toolpanel-indent-31 { padding-left: 310px; } .ag-rtl .ag-toolpanel-indent-31 { padding-right: 310px; } .ag-ltr .ag-row-group-indent-31 { padding-left: 310px; } .ag-rtl .ag-row-group-indent-31 { padding-right: 310px; } .ag-ltr .ag-toolpanel-indent-32 { padding-left: 320px; } .ag-rtl .ag-toolpanel-indent-32 { padding-right: 320px; } .ag-ltr .ag-row-group-indent-32 { padding-left: 320px; } .ag-rtl .ag-row-group-indent-32 { padding-right: 320px; } .ag-ltr .ag-toolpanel-indent-33 { padding-left: 330px; } .ag-rtl .ag-toolpanel-indent-33 { padding-right: 330px; } .ag-ltr .ag-row-group-indent-33 { padding-left: 330px; } .ag-rtl .ag-row-group-indent-33 { padding-right: 330px; } .ag-ltr .ag-toolpanel-indent-34 { padding-left: 340px; } .ag-rtl .ag-toolpanel-indent-34 { padding-right: 340px; } .ag-ltr .ag-row-group-indent-34 { padding-left: 340px; } .ag-rtl .ag-row-group-indent-34 { padding-right: 340px; } .ag-ltr .ag-toolpanel-indent-35 { padding-left: 350px; } .ag-rtl .ag-toolpanel-indent-35 { padding-right: 350px; } .ag-ltr .ag-row-group-indent-35 { padding-left: 350px; } .ag-rtl .ag-row-group-indent-35 { padding-right: 350px; } .ag-ltr .ag-toolpanel-indent-36 { padding-left: 360px; } .ag-rtl .ag-toolpanel-indent-36 { padding-right: 360px; } .ag-ltr .ag-row-group-indent-36 { padding-left: 360px; } .ag-rtl .ag-row-group-indent-36 { padding-right: 360px; } .ag-ltr .ag-toolpanel-indent-37 { padding-left: 370px; } .ag-rtl .ag-toolpanel-indent-37 { padding-right: 370px; } .ag-ltr .ag-row-group-indent-37 { padding-left: 370px; } .ag-rtl .ag-row-group-indent-37 { padding-right: 370px; } .ag-ltr .ag-toolpanel-indent-38 { padding-left: 380px; } .ag-rtl .ag-toolpanel-indent-38 { padding-right: 380px; } .ag-ltr .ag-row-group-indent-38 { padding-left: 380px; } .ag-rtl .ag-row-group-indent-38 { padding-right: 380px; } .ag-ltr .ag-toolpanel-indent-39 { padding-left: 390px; } .ag-rtl .ag-toolpanel-indent-39 { padding-right: 390px; } .ag-ltr .ag-row-group-indent-39 { padding-left: 390px; } .ag-rtl .ag-row-group-indent-39 { padding-right: 390px; } .ag-ltr .ag-toolpanel-indent-40 { padding-left: 400px; } .ag-rtl .ag-toolpanel-indent-40 { padding-right: 400px; } .ag-ltr .ag-row-group-indent-40 { padding-left: 400px; } .ag-rtl .ag-row-group-indent-40 { padding-right: 400px; } .ag-ltr .ag-toolpanel-indent-41 { padding-left: 410px; } .ag-rtl .ag-toolpanel-indent-41 { padding-right: 410px; } .ag-ltr .ag-row-group-indent-41 { padding-left: 410px; } .ag-rtl .ag-row-group-indent-41 { padding-right: 410px; } .ag-ltr .ag-toolpanel-indent-42 { padding-left: 420px; } .ag-rtl .ag-toolpanel-indent-42 { padding-right: 420px; } .ag-ltr .ag-row-group-indent-42 { padding-left: 420px; } .ag-rtl .ag-row-group-indent-42 { padding-right: 420px; } .ag-ltr .ag-toolpanel-indent-43 { padding-left: 430px; } .ag-rtl .ag-toolpanel-indent-43 { padding-right: 430px; } .ag-ltr .ag-row-group-indent-43 { padding-left: 430px; } .ag-rtl .ag-row-group-indent-43 { padding-right: 430px; } .ag-ltr .ag-toolpanel-indent-44 { padding-left: 440px; } .ag-rtl .ag-toolpanel-indent-44 { padding-right: 440px; } .ag-ltr .ag-row-group-indent-44 { padding-left: 440px; } .ag-rtl .ag-row-group-indent-44 { padding-right: 440px; } .ag-ltr .ag-toolpanel-indent-45 { padding-left: 450px; } .ag-rtl .ag-toolpanel-indent-45 { padding-right: 450px; } .ag-ltr .ag-row-group-indent-45 { padding-left: 450px; } .ag-rtl .ag-row-group-indent-45 { padding-right: 450px; } .ag-ltr .ag-toolpanel-indent-46 { padding-left: 460px; } .ag-rtl .ag-toolpanel-indent-46 { padding-right: 460px; } .ag-ltr .ag-row-group-indent-46 { padding-left: 460px; } .ag-rtl .ag-row-group-indent-46 { padding-right: 460px; } .ag-ltr .ag-toolpanel-indent-47 { padding-left: 470px; } .ag-rtl .ag-toolpanel-indent-47 { padding-right: 470px; } .ag-ltr .ag-row-group-indent-47 { padding-left: 470px; } .ag-rtl .ag-row-group-indent-47 { padding-right: 470px; } .ag-ltr .ag-toolpanel-indent-48 { padding-left: 480px; } .ag-rtl .ag-toolpanel-indent-48 { padding-right: 480px; } .ag-ltr .ag-row-group-indent-48 { padding-left: 480px; } .ag-rtl .ag-row-group-indent-48 { padding-right: 480px; } .ag-ltr .ag-toolpanel-indent-49 { padding-left: 490px; } .ag-rtl .ag-toolpanel-indent-49 { padding-right: 490px; } .ag-ltr .ag-row-group-indent-49 { padding-left: 490px; } .ag-rtl .ag-row-group-indent-49 { padding-right: 490px; } .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; -ms-flex-direction: row; flex-direction: row; } .ag-ltr .ag-header-cell-resize { right: -4px; } .ag-ltr .ag-pinned-right-header .ag-header-cell-resize { left: -4px; } .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; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ag-rtl .ag-header-cell-resize { left: -4px; } .ag-rtl .ag-pinned-left-header .ag-header-cell-resize { right: -4px; } @media print { .ag-body-viewport { display: block; } .ag-row { page-break-inside: avoid; } } .ag-body .ag-pinned-left-cols-viewport, .ag-body .ag-body-viewport, .ag-body .ag-pinned-right-cols-viewport { -webkit-overflow-scrolling: touch; } .ag-chart { position: relative; display: flex; overflow: hidden; width: 100%; height: 100%; } .ag-chart .ag-chart-components-wrapper { position: relative; display: flex; flex: 1 1 auto; overflow: hidden; } .ag-chart .ag-chart-components-wrapper .ag-chart-canvas-wrapper { position: relative; flex: 1 1 auto; overflow: hidden; } .ag-chart .ag-chart-components-wrapper .ag-chart-canvas-wrapper canvas { display: block; } .ag-chart .ag-chart-components-wrapper .ag-chart-menu { position: absolute; top: 10px; right: 20px; width: 24px; overflow: hidden; display: flex; flex-direction: column; } .ag-chart:not(.ag-has-menu):hover .ag-chart-menu { opacity: 1; pointer-events: all; } .ag-chart .ag-chart-docked-container { position: relative; width: 0; min-width: 0; transition: min-width 0.4s; } .ag-chart .ag-chart-docked-container .ag-panel { border-width: 0 0 0 1px; } .ag-chart-tabbed-menu > div { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .ag-chart-tabbed-menu .ag-tab-header { flex: none; user-select: none; cursor: default; } .ag-chart-tabbed-menu .ag-tab-body { display: flex; flex: 1 1 auto; align-items: stretch; overflow: hidden; } .ag-chart-tabbed-menu .ag-tab-body > div { width: 100%; overflow: hidden; overflow-y: auto; } .ag-chart-tabbed-menu .ag-chart-settings { overflow-x: hidden; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper { position: relative; flex-direction: column; width: 100%; height: 100%; display: flex; overflow: hidden; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar { width: 100%; display: flex; height: 30px; align-items: center; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector { display: flex; align-items: center; justify-content: space-around; flex: 1 1 auto; height: 100%; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item { opacity: 0.2; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item.ag-selected { opacity: 1; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-prev-btn, .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-next-btn { position: relative; flex: none; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-prev-btn button, .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-next-btn button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container { position: relative; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; min-height: 100%; overflow: hidden; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-group-component { flex: none; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-group-component-container { flex-direction: row; flex-wrap: wrap; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-group-component-container .ag-chart-mini-thumbnail { flex: none; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper.ag-animating, .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper.ag-animating { transition: left 0.3s; transition-timing-function: ease-in-out; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail { cursor: pointer; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail canvas { display: block; } .ag-chart-tabbed-menu .ag-chart-data-wrapper, .ag-chart-tabbed-menu .ag-chart-format-wrapper { display: flex; flex-direction: column; position: relative; user-select: none; } .ag-chart-tabbed-menu .ag-chart-data-wrapper > div, .ag-chart-tabbed-menu .ag-chart-format-wrapper > div { display: flex; margin: 0; padding-bottom: 2px; } .ag-chart-tabbed-menu .ag-chart-data-wrapper > div:not(:first-child), .ag-chart-tabbed-menu .ag-chart-format-wrapper > div:not(:first-child) { margin-top: 0; } .ag-chart-tabbed-menu .ag-chart-format-wrapper { overflow-x: hidden; } .ag-chart-tabbed-menu .ag-chart-format-wrapper .ag-group-component .ag-group-subgroup { justify-content: space-between; } .ag-chart .ag-chart-canvas-wrapper.ag-chart-empty > canvas { visibility: hidden; } .ag-chart .ag-chart-canvas-wrapper.ag-chart-empty .ag-chart-empty-text { display: flex; } .ag-chart .ag-chart-empty-text { display: none; position: absolute; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; } .ag-chart .ag-chart-menu { opacity: 0; pointer-events: none; } .ag-chart .ag-chart-menu > span { opacity: 0.5; line-height: 24px; font-size: 24px; width: 24px; height: 24px; margin: 2px 0; cursor: pointer; } .ag-chart .ag-chart-menu > span:hover { border-radius: 5px; } .ag-chart .ag-chart-docked-container { min-width: 0; width: 0; } .ag-chart-tabbed-menu .ag-tab-body { padding: 0; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar { padding: 0 10px; user-select: none; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector { padding: 0 10px; } .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item { cursor: pointer; }