ag-grid.css 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623
  1. /**
  2. ****************************
  3. * Generic Styles
  4. ****************************
  5. */
  6. ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
  7. display: block; }
  8. .ag-hidden {
  9. display: none !important; }
  10. .ag-invisible {
  11. visibility: hidden !important; }
  12. .ag-drag-handle {
  13. cursor: move;
  14. cursor: -webkit-grab;
  15. cursor: grab; }
  16. .ag-column-drop-wrapper {
  17. display: flex; }
  18. .ag-column-drop-horizontal-half-width {
  19. display: inline-block;
  20. width: 50% !important; }
  21. .ag-unselectable {
  22. -moz-user-select: none;
  23. -webkit-user-select: none;
  24. -ms-user-select: none;
  25. user-select: none; }
  26. .ag-selectable {
  27. -moz-user-select: text;
  28. -webkit-user-select: text;
  29. -ms-user-select: text;
  30. user-select: text; }
  31. .ag-tab {
  32. position: relative; }
  33. .ag-tab-guard {
  34. position: absolute;
  35. width: 0;
  36. height: 0;
  37. display: block; }
  38. .ag-select-agg-func-popup {
  39. position: absolute; }
  40. .ag-input-wrapper, .ag-picker-field-wrapper {
  41. display: flex;
  42. flex: 1 1 auto;
  43. align-items: center;
  44. line-height: normal;
  45. position: relative; }
  46. .ag-shake-left-to-right {
  47. -webkit-animation-direction: alternate;
  48. animation-direction: alternate;
  49. -webkit-animation-duration: 0.2s;
  50. animation-duration: 0.2s;
  51. -webkit-animation-iteration-count: infinite;
  52. animation-iteration-count: infinite;
  53. -webkit-animation-name: ag-shake-left-to-right;
  54. animation-name: ag-shake-left-to-right; }
  55. @-webkit-keyframes ag-shake-left-to-right {
  56. from {
  57. padding-left: 6px;
  58. padding-right: 2px; }
  59. to {
  60. padding-left: 2px;
  61. padding-right: 6px; } }
  62. @keyframes ag-shake-left-to-right {
  63. from {
  64. padding-left: 6px;
  65. padding-right: 2px; }
  66. to {
  67. padding-left: 2px;
  68. padding-right: 6px; } }
  69. .ag-root-wrapper {
  70. cursor: default;
  71. position: relative;
  72. display: flex;
  73. flex-direction: column;
  74. overflow: hidden; }
  75. .ag-root-wrapper.ag-layout-normal {
  76. height: 100%; }
  77. .ag-watermark {
  78. position: absolute;
  79. bottom: 10px;
  80. right: 25px;
  81. opacity: 0.5;
  82. transition: opacity 1s ease-out 3s; }
  83. .ag-watermark:before {
  84. content: '';
  85. 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==);
  86. -webkit-filter: invert(50%);
  87. filter: invert(50%);
  88. background-repeat: no-repeat;
  89. background-size: 110px 60px;
  90. display: block;
  91. height: 60px;
  92. width: 110px; }
  93. .ag-watermark-text {
  94. opacity: 0.5;
  95. font-weight: bold;
  96. font-family: Impact, sans-serif;
  97. font-size: 19px; }
  98. .ag-root-wrapper-body {
  99. display: flex;
  100. flex-direction: row; }
  101. .ag-root-wrapper-body.ag-layout-normal {
  102. flex: 1 1 auto;
  103. height: 0;
  104. min-height: 0; }
  105. .ag-root {
  106. position: relative;
  107. display: flex;
  108. flex-direction: column; }
  109. .ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  110. overflow: hidden;
  111. flex: 1 1 auto;
  112. width: 0; }
  113. .ag-root.ag-layout-normal {
  114. height: 100%; }
  115. /**
  116. ****************************
  117. * Viewports
  118. ****************************
  119. */
  120. .ag-header-viewport,
  121. .ag-floating-top-viewport,
  122. .ag-body-viewport,
  123. .ag-center-cols-viewport,
  124. .ag-floating-bottom-viewport,
  125. .ag-body-horizontal-scroll-viewport,
  126. .ag-virtual-list-viewport {
  127. position: relative;
  128. height: 100%;
  129. min-width: 0px;
  130. overflow: hidden;
  131. flex: 1 1 auto; }
  132. .ag-body-viewport.ag-layout-print {
  133. flex: none; }
  134. @media print {
  135. .ag-layout-normal {
  136. display: none; }
  137. .ag-root-wrapper,
  138. .ag-root-wrapper-body,
  139. .ag-root,
  140. .ag-body-viewport,
  141. .ag-center-cols-container,
  142. .ag-center-cols-viewport,
  143. .ag-center-cols-clipper,
  144. .ag-body-horizontal-scroll-viewport,
  145. .ag-virtual-list-viewport {
  146. height: auto !important;
  147. overflow: hidden !important;
  148. display: block !important; }
  149. .ag-row {
  150. page-break-inside: avoid; } }
  151. .ag-body-viewport {
  152. display: flex; }
  153. .ag-body-viewport.ag-layout-normal {
  154. overflow-y: auto;
  155. -webkit-overflow-scrolling: touch; }
  156. .ag-center-cols-viewport {
  157. width: 100%;
  158. overflow-x: auto; }
  159. .ag-body-horizontal-scroll-viewport {
  160. overflow-x: scroll; }
  161. .ag-virtual-list-viewport {
  162. overflow: auto;
  163. width: 100%; }
  164. /**
  165. ****************************
  166. * Containers
  167. ****************************
  168. */
  169. .ag-header-container,
  170. .ag-floating-top-container,
  171. .ag-body-container,
  172. .ag-pinned-right-cols-container,
  173. .ag-center-cols-container,
  174. .ag-pinned-left-cols-container,
  175. .ag-floating-bottom-container,
  176. .ag-body-horizontal-scroll-container,
  177. .ag-full-width-container,
  178. .ag-floating-bottom-full-width-container,
  179. .ag-virtual-list-container {
  180. position: relative; }
  181. .ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container {
  182. height: 100%;
  183. white-space: nowrap; }
  184. .ag-center-cols-clipper {
  185. min-height: 100%; }
  186. .ag-center-cols-container {
  187. display: block; }
  188. .ag-layout-print .ag-center-cols-clipper {
  189. min-width: 100%; }
  190. .ag-layout-auto-height .ag-center-cols-clipper,
  191. .ag-layout-auto-height .ag-center-cols-container {
  192. min-height: 50px; }
  193. .ag-pinned-right-cols-container {
  194. display: block; }
  195. .ag-body-horizontal-scroll-container {
  196. height: 100%; }
  197. .ag-full-width-container,
  198. .ag-floating-top-full-width-container,
  199. .ag-floating-bottom-full-width-container {
  200. position: absolute;
  201. top: 0px;
  202. left: 0px;
  203. pointer-events: none; }
  204. .ag-full-width-container {
  205. width: 100%; }
  206. .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
  207. display: inline-block;
  208. overflow: hidden;
  209. height: 100%;
  210. width: 100%; }
  211. .ag-virtual-list-container {
  212. overflow: hidden; }
  213. /**
  214. ****************************
  215. * Scrollers
  216. ****************************
  217. */
  218. .ag-center-cols-clipper {
  219. flex: 1;
  220. min-width: 0;
  221. overflow: hidden; }
  222. .ag-body-horizontal-scroll {
  223. min-height: 0;
  224. min-width: 0;
  225. width: 100%;
  226. display: flex;
  227. position: relative; }
  228. .ag-layout-print .ag-body-horizontal-scroll {
  229. display: none; }
  230. .ag-force-vertical-scroll {
  231. overflow-y: scroll !important; }
  232. .ag-force-vertical-scroll.ag-layout-print {
  233. overflow-y: visible !important; }
  234. .ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
  235. height: 100%;
  236. min-width: 0;
  237. overflow-x: scroll; }
  238. .ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner {
  239. overflow-x: hidden; }
  240. /**
  241. ****************************
  242. * Headers
  243. ****************************
  244. */
  245. .ag-header, .ag-pinned-left-header, .ag-pinned-right-header {
  246. display: inline-block;
  247. overflow: hidden;
  248. position: relative; }
  249. .ag-header-cell-sortable {
  250. cursor: pointer; }
  251. .ag-header {
  252. display: flex;
  253. width: 100%;
  254. white-space: nowrap; }
  255. .ag-pinned-left-header {
  256. height: 100%; }
  257. .ag-pinned-right-header {
  258. height: 100%; }
  259. .ag-header-row {
  260. position: absolute;
  261. overflow: hidden; }
  262. .ag-header-cell {
  263. display: inline-flex;
  264. align-items: center;
  265. position: absolute;
  266. height: 100%; }
  267. .ag-header-group-cell-label, .ag-header-cell-label {
  268. display: flex;
  269. flex: 1 1 auto;
  270. overflow: hidden;
  271. align-items: center;
  272. text-overflow: ellipsis;
  273. align-self: stretch; }
  274. .ag-header-cell-text {
  275. overflow: hidden;
  276. text-overflow: ellipsis;
  277. white-space: nowrap; }
  278. .ag-right-aligned-header .ag-header-cell-label {
  279. flex-direction: row-reverse; }
  280. .ag-header-group-text {
  281. overflow: hidden;
  282. text-overflow: ellipsis;
  283. white-space: nowrap; }
  284. .ag-header-cell-resize {
  285. position: absolute;
  286. z-index: 2;
  287. height: 100%;
  288. width: 8px;
  289. top: 0;
  290. cursor: ew-resize; }
  291. .ag-ltr .ag-header-cell-resize {
  292. right: -4px; }
  293. .ag-rtl .ag-header-cell-resize {
  294. left: -4px; }
  295. .ag-pinned-left-header .ag-header-cell-resize {
  296. right: -4px; }
  297. .ag-pinned-right-header .ag-header-cell-resize {
  298. left: -4px; }
  299. .ag-header-select-all {
  300. display: flex; }
  301. /**
  302. ****************************
  303. * Columns
  304. ****************************
  305. */
  306. .ag-column-moving .ag-cell {
  307. transition: left 0.2s; }
  308. .ag-column-moving .ag-header-cell {
  309. transition: left 0.2s; }
  310. .ag-column-moving .ag-header-group-cell {
  311. transition: left 0.2s, width 0.2s; }
  312. /**
  313. ****************************
  314. * Column Panel
  315. ****************************
  316. */
  317. .ag-column-panel {
  318. display: flex;
  319. flex-direction: column;
  320. overflow: hidden;
  321. flex: 1 1 auto; }
  322. .ag-column-select {
  323. display: flex;
  324. flex-direction: column;
  325. overflow: hidden;
  326. flex-grow: 3;
  327. flex-shrink: 1;
  328. flex-basis: 0; }
  329. .ag-column-select-header {
  330. position: relative;
  331. display: flex;
  332. flex: none; }
  333. .ag-column-select-header-icon {
  334. position: relative; }
  335. .ag-column-select-header-filter-wrapper {
  336. flex: 1 1 auto; }
  337. .ag-column-select-header-filter {
  338. width: 100%; }
  339. .ag-column-select-list {
  340. flex: 1 1 auto;
  341. overflow: auto; }
  342. .ag-column-drop {
  343. display: inline-flex;
  344. align-items: center;
  345. overflow: auto;
  346. width: 100%; }
  347. .ag-column-drop-list {
  348. display: flex;
  349. align-items: center; }
  350. .ag-column-drop-cell {
  351. display: flex;
  352. align-items: center; }
  353. .ag-column-drop-cell-text {
  354. overflow: hidden;
  355. flex: 1 1 auto;
  356. text-overflow: ellipsis;
  357. white-space: nowrap; }
  358. .ag-column-drop-vertical {
  359. display: flex;
  360. flex-direction: column;
  361. overflow: hidden;
  362. flex: 1 1 0;
  363. align-items: stretch; }
  364. .ag-column-drop-vertical-title-bar {
  365. display: flex;
  366. align-items: center; }
  367. .ag-column-drop-vertical-list {
  368. align-items: stretch;
  369. flex-grow: 1;
  370. flex-direction: column;
  371. overflow-x: auto; }
  372. .ag-column-drop-vertical-list > * {
  373. flex: none; }
  374. .ag-column-drop-empty .ag-column-drop-vertical-list {
  375. overflow: hidden; }
  376. .ag-column-drop-vertical-empty-message {
  377. display: block; }
  378. .ag-column-drop.ag-column-drop-horizontal {
  379. white-space: nowrap;
  380. overflow: hidden; }
  381. .ag-column-drop-cell-button {
  382. cursor: pointer; }
  383. .ag-filter-toolpanel {
  384. flex: 1 1 0px;
  385. min-width: 0; }
  386. .ag-filter-toolpanel-header {
  387. position: relative; }
  388. .ag-filter-toolpanel-header, .ag-filter-toolpanel-search {
  389. display: flex;
  390. align-items: center; }
  391. .ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * {
  392. display: flex;
  393. align-items: center; }
  394. .ag-filter-apply-panel {
  395. display: flex;
  396. justify-content: flex-end;
  397. overflow: hidden; }
  398. /**
  399. ****************************
  400. * Rows
  401. ****************************
  402. */
  403. .ag-row-animation .ag-row {
  404. transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s;
  405. transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
  406. transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; }
  407. .ag-row-no-animation .ag-row {
  408. transition: background-color 0.1s; }
  409. .ag-row {
  410. white-space: nowrap;
  411. width: 100%; }
  412. .ag-row-loading {
  413. display: flex;
  414. align-items: center; }
  415. .ag-row-position-absolute {
  416. position: absolute; }
  417. .ag-row-position-relative {
  418. position: relative; }
  419. .ag-full-width-row {
  420. overflow: hidden;
  421. pointer-events: all; }
  422. .ag-row-inline-editing {
  423. z-index: 1; }
  424. .ag-row-dragging {
  425. z-index: 2; }
  426. .ag-stub-cell {
  427. display: flex;
  428. align-items: center; }
  429. /**
  430. ****************************
  431. * Cells
  432. ****************************
  433. */
  434. .ag-cell {
  435. display: inline-block;
  436. position: absolute;
  437. white-space: nowrap; }
  438. .ag-cell-value, .ag-group-value {
  439. overflow: hidden;
  440. text-overflow: ellipsis; }
  441. .ag-cell-wrapper {
  442. display: flex;
  443. align-items: center;
  444. height: 100%; }
  445. .ag-cell-wrapper.ag-row-group {
  446. align-items: flex-start; }
  447. .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  448. align-items: center; }
  449. .ag-cell-auto-height {
  450. height: 100%; }
  451. .ag-cell-inline-editing {
  452. z-index: 1; }
  453. .ag-cell-inline-editing .ag-cell-edit-wrapper,
  454. .ag-cell-inline-editing .ag-cell-editor,
  455. .ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
  456. .ag-cell-inline-editing .ag-cell-editor input {
  457. height: 100%;
  458. width: 100%;
  459. line-height: normal; }
  460. .ag-cell .ag-icon {
  461. display: inline-block;
  462. vertical-align: middle; }
  463. /**
  464. ****************************
  465. * Filters
  466. ****************************
  467. */
  468. .ag-set-filter-item {
  469. display: flex;
  470. align-items: center;
  471. height: 100%; }
  472. .ag-set-filter-item-value {
  473. overflow: hidden;
  474. text-overflow: ellipsis;
  475. white-space: nowrap; }
  476. .ag-set-filter-item-checkbox {
  477. display: flex;
  478. pointer-events: none; }
  479. .ag-filter-body-wrapper {
  480. display: flex;
  481. flex-direction: column; }
  482. .ag-filter-filter {
  483. flex: 1 1 auto;
  484. overflow: hidden; }
  485. .ag-filter-condition {
  486. display: flex; }
  487. /**
  488. ****************************
  489. * Floating Filter
  490. ****************************
  491. */
  492. .ag-floating-filter-body {
  493. position: relative;
  494. display: flex;
  495. flex: 1 1 auto;
  496. height: 100%; }
  497. .ag-floating-filter-full-body {
  498. display: flex;
  499. flex: 1 1 auto;
  500. height: 100%;
  501. width: 100%;
  502. align-items: center;
  503. overflow: hidden; }
  504. .ag-floating-filter-full-body > div {
  505. flex: 1 1 auto; }
  506. .ag-floating-filter {
  507. display: inline-block;
  508. position: absolute; }
  509. .ag-floating-filter-input {
  510. align-items: center;
  511. display: flex;
  512. width: 100%; }
  513. .ag-floating-filter-input > * {
  514. flex: 1 1 auto; }
  515. .ag-floating-filter-button {
  516. display: flex;
  517. flex: none; }
  518. /**
  519. ****************************
  520. * Drag & Drop
  521. ****************************
  522. */
  523. .ag-dnd-ghost {
  524. position: absolute;
  525. display: inline-flex;
  526. align-items: center;
  527. cursor: move;
  528. white-space: nowrap; }
  529. /**
  530. ****************************
  531. * Overlay
  532. ****************************
  533. */
  534. .ag-overlay {
  535. height: 100%;
  536. left: 0;
  537. pointer-events: none;
  538. position: absolute;
  539. top: 0;
  540. width: 100%; }
  541. .ag-overlay-panel {
  542. display: flex;
  543. height: 100%;
  544. width: 100%; }
  545. .ag-overlay-wrapper {
  546. display: flex;
  547. flex: none;
  548. width: 100%;
  549. height: 100%;
  550. align-items: center;
  551. justify-content: center;
  552. text-align: center; }
  553. .ag-overlay-loading-wrapper {
  554. pointer-events: all; }
  555. /**
  556. ****************************
  557. * Popup
  558. ****************************
  559. */
  560. .ag-popup-child {
  561. z-index: 5; }
  562. .ag-popup-editor {
  563. position: absolute;
  564. -webkit-user-select: none;
  565. -moz-user-select: none;
  566. -ms-user-select: none;
  567. user-select: none;
  568. z-index: 1; }
  569. .ag-large-text-input {
  570. display: block; }
  571. /**
  572. ****************************
  573. * Virtual Lists
  574. ****************************
  575. */
  576. .ag-virtual-list-item {
  577. position: absolute;
  578. width: 100%; }
  579. /**
  580. ****************************
  581. * Floating Top and Bottom
  582. ****************************
  583. */
  584. .ag-floating-top {
  585. overflow: hidden;
  586. white-space: nowrap;
  587. width: 100%;
  588. position: relative;
  589. display: flex; }
  590. .ag-pinned-left-floating-top {
  591. display: inline-block;
  592. overflow: hidden;
  593. position: relative;
  594. min-width: 0px; }
  595. .ag-pinned-right-floating-top {
  596. display: inline-block;
  597. overflow: hidden;
  598. position: relative;
  599. min-width: 0px; }
  600. .ag-floating-bottom {
  601. overflow: hidden;
  602. white-space: nowrap;
  603. width: 100%;
  604. position: relative;
  605. display: flex; }
  606. .ag-pinned-left-floating-bottom {
  607. display: inline-block;
  608. overflow: hidden;
  609. position: relative;
  610. min-width: 0px; }
  611. .ag-pinned-right-floating-bottom {
  612. display: inline-block;
  613. overflow: hidden;
  614. position: relative;
  615. min-width: 0px; }
  616. /**
  617. ****************************
  618. * Dialog
  619. ****************************
  620. */
  621. .ag-dialog, .ag-panel {
  622. display: flex;
  623. flex-direction: column;
  624. position: relative;
  625. overflow: hidden; }
  626. .ag-panel-title-bar {
  627. display: flex;
  628. flex: none;
  629. align-items: center;
  630. cursor: default; }
  631. .ag-panel-title-bar-title {
  632. flex: 1 1 auto; }
  633. .ag-panel-title-bar-buttons {
  634. display: flex; }
  635. .ag-panel-title-bar-button {
  636. cursor: pointer; }
  637. .ag-panel-content-wrapper {
  638. display: flex;
  639. flex: 1 1 auto;
  640. position: relative;
  641. overflow: hidden; }
  642. .ag-dialog {
  643. position: absolute; }
  644. .ag-resizer {
  645. position: absolute;
  646. pointer-events: none;
  647. z-index: 1; }
  648. .ag-resizer.ag-resizer-topLeft {
  649. top: 0;
  650. left: 0;
  651. height: 5px;
  652. width: 5px;
  653. cursor: nwse-resize; }
  654. .ag-resizer.ag-resizer-top {
  655. top: 0;
  656. left: 5px;
  657. right: 5px;
  658. height: 5px;
  659. cursor: ns-resize; }
  660. .ag-resizer.ag-resizer-topRight {
  661. top: 0;
  662. right: 0;
  663. height: 5px;
  664. width: 5px;
  665. cursor: nesw-resize; }
  666. .ag-resizer.ag-resizer-right {
  667. top: 5px;
  668. right: 0;
  669. bottom: 5px;
  670. width: 5px;
  671. cursor: ew-resize; }
  672. .ag-resizer.ag-resizer-bottomRight {
  673. bottom: 0;
  674. right: 0;
  675. height: 5px;
  676. width: 5px;
  677. cursor: nwse-resize; }
  678. .ag-resizer.ag-resizer-bottom {
  679. bottom: 0;
  680. left: 5px;
  681. right: 5px;
  682. height: 5px;
  683. cursor: ns-resize; }
  684. .ag-resizer.ag-resizer-bottomLeft {
  685. bottom: 0;
  686. left: 0;
  687. height: 5px;
  688. width: 5px;
  689. cursor: nesw-resize; }
  690. .ag-resizer.ag-resizer-left {
  691. left: 0;
  692. top: 5px;
  693. bottom: 5px;
  694. width: 5px;
  695. cursor: ew-resize; }
  696. /**
  697. ****************************
  698. * Tooltip
  699. ****************************
  700. */
  701. .ag-tooltip {
  702. position: absolute;
  703. pointer-events: none;
  704. z-index: 99999; }
  705. /**
  706. ****************************
  707. * Animations
  708. ****************************
  709. */
  710. .ag-value-slide-out {
  711. margin-right: 5px;
  712. opacity: 1;
  713. transition: opacity 3s, margin-right 3s;
  714. transition-timing-function: linear; }
  715. .ag-value-slide-out-end {
  716. margin-right: 10px;
  717. opacity: 0; }
  718. .ag-opacity-zero {
  719. opacity: 0 !important; }
  720. /**
  721. ****************************
  722. * Menu
  723. ****************************
  724. */
  725. .ag-menu {
  726. max-height: 100%;
  727. overflow-y: auto;
  728. position: absolute;
  729. -webkit-user-select: none;
  730. -moz-user-select: none;
  731. -ms-user-select: none;
  732. user-select: none; }
  733. .ag-menu-column-select-wrapper {
  734. height: 265px;
  735. overflow: auto; }
  736. .ag-menu-list {
  737. display: table; }
  738. .ag-menu-option, .ag-menu-separator {
  739. display: table-row; }
  740. .ag-menu-separator-cell, .ag-menu-option-part {
  741. display: table-cell;
  742. vertical-align: middle; }
  743. .ag-menu-option-text {
  744. white-space: nowrap; }
  745. .ag-menu-column-select-wrapper .ag-column-select {
  746. height: 100%; }
  747. /**
  748. ****************************
  749. * Rich Select
  750. ****************************
  751. */
  752. .ag-rich-select {
  753. cursor: default;
  754. outline: none; }
  755. .ag-rich-select-value {
  756. display: flex;
  757. align-items: center; }
  758. .ag-rich-select-value-icon {
  759. flex: 1 1 auto;
  760. order: 1; }
  761. .ag-ltr .ag-rich-select-value-icon {
  762. text-align: right; }
  763. .ag-rtl .ag-rich-select-value-icon {
  764. text-align: left; }
  765. .ag-rich-select-list {
  766. position: relative; }
  767. .ag-rich-select-virtual-list-item {
  768. display: flex; }
  769. .ag-rich-select-row {
  770. display: flex;
  771. flex: 1 1 auto;
  772. align-items: center;
  773. white-space: nowrap; }
  774. /**
  775. ****************************
  776. * Pagination
  777. ****************************
  778. */
  779. .ag-paging-panel {
  780. align-items: center;
  781. display: flex;
  782. justify-content: flex-end; }
  783. .ag-paging-page-summary-panel {
  784. display: flex;
  785. align-items: center; }
  786. .ag-paging-button-wrapper {
  787. position: relative;
  788. overflow: hidden; }
  789. .ag-paging-button {
  790. position: absolute; }
  791. .ag-disabled .ag-paging-page-summary-panel {
  792. pointer-events: none; }
  793. /**
  794. ****************************
  795. * Tool Panel
  796. ****************************
  797. */
  798. .ag-tool-panel-wrapper {
  799. display: flex;
  800. overflow-y: auto;
  801. overflow-x: hidden;
  802. cursor: default;
  803. -webkit-user-select: none;
  804. -moz-user-select: none;
  805. -ms-user-select: none;
  806. user-select: none;
  807. width: 200px; }
  808. .ag-column-select-column,
  809. .ag-column-select-column-group {
  810. position: relative;
  811. align-items: center;
  812. display: flex;
  813. flex-direction: row;
  814. flex-wrap: nowrap;
  815. text-overflow: ellipsis;
  816. white-space: nowrap; }
  817. .ag-column-select-column > *,
  818. .ag-column-select-column-group > * {
  819. flex: none; }
  820. .ag-column-select-checkbox {
  821. display: flex; }
  822. .ag-tool-panel-horizontal-resize {
  823. cursor: ew-resize;
  824. height: 100%;
  825. position: absolute;
  826. top: 0;
  827. width: 5px;
  828. z-index: 1; }
  829. .ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  830. right: -3px; }
  831. .ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  832. left: -3px; }
  833. .ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  834. left: -3px; }
  835. .ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  836. right: -3px; }
  837. .ag-details-row {
  838. width: 100%; }
  839. .ag-details-row-fixed-height {
  840. height: 100%; }
  841. .ag-details-grid {
  842. width: 100%; }
  843. .ag-details-grid-fixed-height {
  844. height: 100%; }
  845. .ag-header-group-cell {
  846. display: flex;
  847. align-items: center;
  848. height: 100%;
  849. position: absolute; }
  850. .ag-cell-label-container {
  851. display: flex;
  852. justify-content: space-between;
  853. flex-direction: row-reverse;
  854. align-items: center;
  855. width: 100%;
  856. height: 100%; }
  857. .ag-right-aligned-header .ag-cell-label-container {
  858. flex-direction: row; }
  859. /**
  860. ****************************
  861. * Side Bar
  862. ****************************
  863. */
  864. .ag-side-bar {
  865. display: flex;
  866. flex-direction: row-reverse; }
  867. .ag-side-bar-left {
  868. order: -1;
  869. flex-direction: row; }
  870. .ag-side-button-button {
  871. position: relative;
  872. display: flex;
  873. flex-direction: column;
  874. align-items: center;
  875. justify-content: center;
  876. flex-wrap: nowrap;
  877. white-space: nowrap;
  878. outline: none;
  879. cursor: pointer; }
  880. .ag-side-button-label {
  881. -webkit-writing-mode: vertical-lr;
  882. -ms-writing-mode: tb-lr;
  883. writing-mode: vertical-lr; }
  884. /**
  885. ****************************
  886. * Status Bar
  887. ****************************
  888. */
  889. .ag-status-bar {
  890. display: flex;
  891. justify-content: space-between;
  892. overflow: hidden; }
  893. .ag-status-panel {
  894. display: inline-flex; }
  895. .ag-status-name-value {
  896. white-space: nowrap; }
  897. .ag-status-bar-left {
  898. display: inline-flex; }
  899. .ag-status-bar-center {
  900. display: inline-flex; }
  901. .ag-status-bar-right {
  902. display: inline-flex; }
  903. /**
  904. ****************************
  905. * Widgets
  906. ****************************
  907. */
  908. .ag-icon {
  909. display: block;
  910. speak: none; }
  911. .ag-group {
  912. position: relative;
  913. width: 100%; }
  914. .ag-group-title-bar {
  915. display: flex;
  916. align-items: center; }
  917. .ag-group-title {
  918. display: block;
  919. flex: 1 1 auto;
  920. min-width: 0;
  921. overflow: hidden;
  922. white-space: nowrap;
  923. text-overflow: ellipsis; }
  924. .ag-group-title-bar
  925. .ag-group-title {
  926. cursor: default; }
  927. .ag-group-toolbar {
  928. display: flex;
  929. align-items: center; }
  930. .ag-group-container {
  931. display: flex; }
  932. .ag-disabled .ag-group-container {
  933. pointer-events: none; }
  934. .ag-group-container-horizontal {
  935. flex-direction: row;
  936. flex-wrap: wrap; }
  937. .ag-group-container-vertical {
  938. flex-direction: column; }
  939. .ag-charts-font-size-color {
  940. display: flex;
  941. align-self: stretch;
  942. justify-content: space-between; }
  943. .ag-column-group-icons {
  944. display: block; }
  945. .ag-column-group-icons > * {
  946. cursor: pointer; }
  947. .ag-group-item-alignment-stretch .ag-group-item {
  948. align-items: stretch; }
  949. .ag-group-item-alignment-start .ag-group-item {
  950. align-items: flex-start; }
  951. .ag-group-item-alignment-end .ag-group-item {
  952. align-items: flex-end; }
  953. .ag-toggle-button-icon {
  954. transition: right 0.3s;
  955. position: absolute;
  956. top: -1px; }
  957. .ag-input-field, .ag-select {
  958. display: flex;
  959. flex-direction: row;
  960. align-items: center; }
  961. .ag-input-field-input {
  962. flex: 1 1 auto;
  963. width: 100%;
  964. min-width: 0; }
  965. .ag-floating-filter-input .ag-input-field-input[type='date'] {
  966. width: 1px; }
  967. .ag-range-field {
  968. display: flex;
  969. align-items: center; }
  970. .ag-angle-select {
  971. display: flex;
  972. align-items: center; }
  973. .ag-angle-select-wrapper {
  974. display: flex; }
  975. .ag-angle-select-parent-circle {
  976. display: block;
  977. position: relative; }
  978. .ag-angle-select-child-circle {
  979. position: absolute; }
  980. .ag-slider-wrapper {
  981. display: flex; }
  982. .ag-slider-wrapper .ag-input-field {
  983. flex: 1 1 auto; }
  984. .ag-picker-field-display {
  985. flex: 1 1 auto; }
  986. .ag-picker-field {
  987. display: flex;
  988. align-items: center; }
  989. .ag-picker-field-icon {
  990. display: flex;
  991. border: 0;
  992. padding: 0;
  993. margin: 0;
  994. cursor: pointer; }
  995. .ag-picker-field-wrapper {
  996. overflow: hidden; }
  997. .ag-label-align-right .ag-label {
  998. order: 1; }
  999. .ag-label-align-right > * {
  1000. flex: none; }
  1001. .ag-label-align-top {
  1002. flex-direction: column;
  1003. align-items: flex-start; }
  1004. .ag-label-align-top > * {
  1005. align-self: stretch; }
  1006. .ag-color-panel {
  1007. width: 100%;
  1008. display: flex;
  1009. flex-direction: column;
  1010. text-align: center; }
  1011. .ag-spectrum-color {
  1012. flex: 1 1 auto;
  1013. position: relative;
  1014. overflow: hidden;
  1015. cursor: default; }
  1016. .ag-spectrum-fill {
  1017. position: absolute;
  1018. top: 0;
  1019. left: 0;
  1020. right: 0;
  1021. bottom: 0; }
  1022. .ag-spectrum-val {
  1023. cursor: pointer; }
  1024. .ag-spectrum-dragger {
  1025. position: absolute;
  1026. pointer-events: none;
  1027. cursor: pointer; }
  1028. .ag-spectrum-hue {
  1029. cursor: default;
  1030. background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }
  1031. .ag-spectrum-alpha {
  1032. cursor: default; }
  1033. .ag-spectrum-hue-background {
  1034. width: 100%;
  1035. height: 100%; }
  1036. .ag-spectrum-alpha-background {
  1037. background-image: linear-gradient(to right, rgba(0, 0, 0, 0), black);
  1038. width: 100%;
  1039. height: 100%; }
  1040. .ag-spectrum-tool {
  1041. cursor: pointer; }
  1042. .ag-spectrum-slider {
  1043. position: absolute;
  1044. pointer-events: none; }
  1045. .ag-recent-colors {
  1046. display: flex; }
  1047. .ag-recent-color {
  1048. cursor: pointer; }
  1049. .ag-ltr .ag-column-select-indent-1 {
  1050. padding-left: 20px; }
  1051. .ag-rtl .ag-column-select-indent-1 {
  1052. padding-right: 20px; }
  1053. .ag-ltr .ag-row-group-indent-1 {
  1054. padding-left: 20px; }
  1055. .ag-rtl .ag-row-group-indent-1 {
  1056. padding-right: 20px; }
  1057. .ag-ltr .ag-column-select-indent-2 {
  1058. padding-left: 40px; }
  1059. .ag-rtl .ag-column-select-indent-2 {
  1060. padding-right: 40px; }
  1061. .ag-ltr .ag-row-group-indent-2 {
  1062. padding-left: 40px; }
  1063. .ag-rtl .ag-row-group-indent-2 {
  1064. padding-right: 40px; }
  1065. .ag-ltr .ag-column-select-indent-3 {
  1066. padding-left: 60px; }
  1067. .ag-rtl .ag-column-select-indent-3 {
  1068. padding-right: 60px; }
  1069. .ag-ltr .ag-row-group-indent-3 {
  1070. padding-left: 60px; }
  1071. .ag-rtl .ag-row-group-indent-3 {
  1072. padding-right: 60px; }
  1073. .ag-ltr .ag-column-select-indent-4 {
  1074. padding-left: 80px; }
  1075. .ag-rtl .ag-column-select-indent-4 {
  1076. padding-right: 80px; }
  1077. .ag-ltr .ag-row-group-indent-4 {
  1078. padding-left: 80px; }
  1079. .ag-rtl .ag-row-group-indent-4 {
  1080. padding-right: 80px; }
  1081. .ag-ltr .ag-column-select-indent-5 {
  1082. padding-left: 100px; }
  1083. .ag-rtl .ag-column-select-indent-5 {
  1084. padding-right: 100px; }
  1085. .ag-ltr .ag-row-group-indent-5 {
  1086. padding-left: 100px; }
  1087. .ag-rtl .ag-row-group-indent-5 {
  1088. padding-right: 100px; }
  1089. .ag-ltr .ag-column-select-indent-6 {
  1090. padding-left: 120px; }
  1091. .ag-rtl .ag-column-select-indent-6 {
  1092. padding-right: 120px; }
  1093. .ag-ltr .ag-row-group-indent-6 {
  1094. padding-left: 120px; }
  1095. .ag-rtl .ag-row-group-indent-6 {
  1096. padding-right: 120px; }
  1097. .ag-ltr .ag-column-select-indent-7 {
  1098. padding-left: 140px; }
  1099. .ag-rtl .ag-column-select-indent-7 {
  1100. padding-right: 140px; }
  1101. .ag-ltr .ag-row-group-indent-7 {
  1102. padding-left: 140px; }
  1103. .ag-rtl .ag-row-group-indent-7 {
  1104. padding-right: 140px; }
  1105. .ag-ltr .ag-column-select-indent-8 {
  1106. padding-left: 160px; }
  1107. .ag-rtl .ag-column-select-indent-8 {
  1108. padding-right: 160px; }
  1109. .ag-ltr .ag-row-group-indent-8 {
  1110. padding-left: 160px; }
  1111. .ag-rtl .ag-row-group-indent-8 {
  1112. padding-right: 160px; }
  1113. .ag-ltr .ag-column-select-indent-9 {
  1114. padding-left: 180px; }
  1115. .ag-rtl .ag-column-select-indent-9 {
  1116. padding-right: 180px; }
  1117. .ag-ltr .ag-row-group-indent-9 {
  1118. padding-left: 180px; }
  1119. .ag-rtl .ag-row-group-indent-9 {
  1120. padding-right: 180px; }
  1121. .ag-ltr {
  1122. direction: ltr; }
  1123. .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 {
  1124. flex-direction: row; }
  1125. .ag-rtl {
  1126. direction: rtl; }
  1127. .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 {
  1128. flex-direction: row-reverse; }
  1129. .ag-rtl .ag-icon-contracted,
  1130. .ag-rtl .ag-icon-tree-closed {
  1131. display: block;
  1132. -webkit-transform: rotate(180deg);
  1133. transform: rotate(180deg); }
  1134. .ag-body .ag-body-viewport {
  1135. -webkit-overflow-scrolling: touch; }
  1136. .ag-chart {
  1137. position: relative;
  1138. display: flex;
  1139. overflow: hidden;
  1140. width: 100%;
  1141. height: 100%; }
  1142. .ag-chart-components-wrapper {
  1143. position: relative;
  1144. display: flex;
  1145. flex: 1 1 auto;
  1146. overflow: hidden; }
  1147. .ag-chart-title-edit {
  1148. position: absolute;
  1149. display: none;
  1150. top: 0;
  1151. left: 0;
  1152. text-align: center; }
  1153. .ag-chart-title-edit.currently-editing {
  1154. display: inline-block; }
  1155. .ag-chart-canvas-wrapper {
  1156. position: relative;
  1157. flex: 1 1 auto;
  1158. overflow: hidden; }
  1159. .ag-charts-canvas {
  1160. display: block; }
  1161. .ag-chart-menu {
  1162. position: absolute;
  1163. top: 10px;
  1164. width: 24px;
  1165. overflow: hidden;
  1166. display: flex;
  1167. flex-direction: column; }
  1168. .ag-ltr .ag-chart-menu {
  1169. right: 20px; }
  1170. .ag-rtl .ag-chart-menu {
  1171. left: 20px; }
  1172. .ag-chart-docked-container {
  1173. position: relative;
  1174. width: 0;
  1175. min-width: 0;
  1176. transition: min-width 0.4s; }
  1177. .ag-chart-menu-hidden ~ .ag-chart-docked-container {
  1178. max-width: 0;
  1179. overflow: hidden; }
  1180. .ag-chart-tabbed-menu {
  1181. width: 100%;
  1182. height: 100%;
  1183. display: flex;
  1184. flex-direction: column;
  1185. overflow: hidden; }
  1186. .ag-chart-tabbed-menu-header {
  1187. flex: none;
  1188. -webkit-user-select: none;
  1189. -moz-user-select: none;
  1190. -ms-user-select: none;
  1191. user-select: none;
  1192. cursor: default; }
  1193. .ag-chart-tabbed-menu-body {
  1194. display: flex;
  1195. flex: 1 1 auto;
  1196. align-items: stretch;
  1197. overflow: hidden; }
  1198. .ag-chart-tab {
  1199. width: 100%;
  1200. overflow: hidden;
  1201. overflow-y: auto; }
  1202. .ag-chart-settings {
  1203. overflow-x: hidden; }
  1204. .ag-chart-settings-wrapper {
  1205. position: relative;
  1206. flex-direction: column;
  1207. width: 100%;
  1208. height: 100%;
  1209. display: flex;
  1210. overflow: hidden; }
  1211. .ag-chart-settings-nav-bar {
  1212. width: 100%;
  1213. display: flex;
  1214. height: 30px;
  1215. align-items: center; }
  1216. .ag-chart-settings-card-selector {
  1217. display: flex;
  1218. align-items: center;
  1219. justify-content: space-around;
  1220. flex: 1 1 auto;
  1221. height: 100%;
  1222. padding: 0 10px; }
  1223. .ag-chart-settings-card-item {
  1224. cursor: pointer;
  1225. width: 10px;
  1226. height: 10px;
  1227. background-color: #000;
  1228. position: relative; }
  1229. .ag-chart-settings-card-item.ag-not-selected {
  1230. opacity: 0.2; }
  1231. .ag-chart-settings-card-item:before {
  1232. content: " ";
  1233. display: block;
  1234. position: absolute;
  1235. background-color: transparent;
  1236. left: 50%;
  1237. top: 50%;
  1238. margin-left: -10px;
  1239. margin-top: -10px;
  1240. width: 20px;
  1241. height: 20px; }
  1242. .ag-chart-settings-prev,
  1243. .ag-chart-settings-next {
  1244. position: relative;
  1245. flex: none; }
  1246. .ag-chart-settings-prev-button,
  1247. .ag-chart-settings-next-button {
  1248. position: absolute;
  1249. top: 0;
  1250. left: 0;
  1251. width: 100%;
  1252. height: 100%;
  1253. cursor: pointer;
  1254. opacity: 0; }
  1255. .ag-chart-settings-mini-charts-container {
  1256. position: relative;
  1257. flex: 1 1 auto;
  1258. overflow-x: hidden;
  1259. overflow-y: auto; }
  1260. .ag-chart-settings-mini-wrapper {
  1261. position: absolute;
  1262. top: 0;
  1263. left: 0;
  1264. display: flex;
  1265. flex-direction: column;
  1266. width: 100%;
  1267. min-height: 100%;
  1268. overflow: hidden; }
  1269. .ag-chart-settings-mini-wrapper.ag-animating {
  1270. transition: left 0.3s;
  1271. transition-timing-function: ease-in-out; }
  1272. .ag-chart-mini-thumbnail {
  1273. cursor: pointer; }
  1274. .ag-chart-mini-thumbnail-canvas {
  1275. display: block; }
  1276. .ag-chart-data-wrapper,
  1277. .ag-chart-format-wrapper {
  1278. display: flex;
  1279. flex-direction: column;
  1280. position: relative;
  1281. -webkit-user-select: none;
  1282. -moz-user-select: none;
  1283. -ms-user-select: none;
  1284. user-select: none; }
  1285. .ag-chart-data-section,
  1286. .ag-chart-format-section {
  1287. display: flex;
  1288. margin: 0; }
  1289. .ag-charts-font-panel-controls {
  1290. justify-content: space-between; }
  1291. .ag-chart-empty-text {
  1292. display: flex;
  1293. top: 0;
  1294. width: 100%;
  1295. height: 100%;
  1296. align-items: center;
  1297. justify-content: center; }
  1298. .ag-chart .ag-chart-menu {
  1299. opacity: 0;
  1300. pointer-events: none; }
  1301. .ag-chart-menu-hidden:hover .ag-chart-menu {
  1302. opacity: 1;
  1303. pointer-events: all; }
  1304. .ag-chart-settings-nav-bar {
  1305. padding: 0 10px;
  1306. -webkit-user-select: none;
  1307. -moz-user-select: none;
  1308. -ms-user-select: none;
  1309. user-select: none; }
  1310. .ag-date-time-list-page-title-bar {
  1311. display: flex; }
  1312. .ag-date-time-list-page-column-labels-row,
  1313. .ag-date-time-list-page-entries-row {
  1314. display: flex; }
  1315. .ag-date-time-list-page-column-label,
  1316. .ag-date-time-list-page-entry {
  1317. flex-basis: 0;
  1318. flex-grow: 1; }
  1319. .ag-date-time-list-page-entry {
  1320. cursor: pointer; }