ag-grid.css 66 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431
  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-faded {
  13. opacity: 0.3; }
  14. .ag-width-half {
  15. display: inline-block;
  16. width: 50% !important; }
  17. .ag-unselectable {
  18. -webkit-user-select: none !important;
  19. -moz-user-select: none !important;
  20. -ms-user-select: none !important;
  21. user-select: none !important; }
  22. .ag-selectable {
  23. -webkit-user-select: text !important;
  24. -moz-user-select: text !important;
  25. -ms-user-select: text !important;
  26. user-select: text !important; }
  27. .ag-select-agg-func-popup {
  28. position: absolute; }
  29. .ag-input-wrapper {
  30. display: -webkit-box;
  31. display: -ms-flexbox;
  32. display: flex;
  33. -webkit-box-flex: 1;
  34. -ms-flex: 1 1 auto;
  35. flex: 1 1 auto;
  36. -webkit-box-align: center;
  37. -ms-flex-align: center;
  38. align-items: center;
  39. line-height: normal;
  40. position: relative;
  41. overflow: hidden; }
  42. .ag-shake-left-to-right {
  43. -webkit-animation-direction: alternate;
  44. animation-direction: alternate;
  45. -webkit-animation-duration: 0.2s;
  46. animation-duration: 0.2s;
  47. -webkit-animation-iteration-count: infinite;
  48. animation-iteration-count: infinite;
  49. -webkit-animation-name: ag-shake-left-to-right;
  50. animation-name: ag-shake-left-to-right; }
  51. @-webkit-keyframes ag-shake-left-to-right {
  52. from {
  53. padding-left: 6px;
  54. padding-right: 2px; }
  55. to {
  56. padding-left: 2px;
  57. padding-right: 6px; } }
  58. @keyframes ag-shake-left-to-right {
  59. from {
  60. padding-left: 6px;
  61. padding-right: 2px; }
  62. to {
  63. padding-left: 2px;
  64. padding-right: 6px; } }
  65. .ag-root-wrapper {
  66. position: relative;
  67. display: -webkit-box;
  68. display: -ms-flexbox;
  69. display: flex;
  70. -webkit-box-orient: vertical;
  71. -webkit-box-direction: normal;
  72. -ms-flex-direction: column;
  73. flex-direction: column;
  74. overflow: hidden; }
  75. .ag-root-wrapper.ag-layout-normal {
  76. height: 100%; }
  77. .ag-root-wrapper .ag-watermark {
  78. position: absolute;
  79. bottom: 10px;
  80. right: 25px;
  81. opacity: 0.5;
  82. -webkit-transition: opacity 1s ease-out 3s;
  83. transition: opacity 1s ease-out 3s; }
  84. .ag-root-wrapper .ag-watermark:before {
  85. content: '';
  86. 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==);
  87. -webkit-filter: invert(50%);
  88. filter: invert(50%);
  89. background-repeat: no-repeat;
  90. background-size: 110px 60px;
  91. display: block;
  92. height: 60px;
  93. width: 110px; }
  94. .ag-root-wrapper .ag-watermark .ag-watermark-text {
  95. opacity: 0.5;
  96. font-weight: bold;
  97. font-family: Impact;
  98. font-size: 19px; }
  99. .ag-root-wrapper-body {
  100. display: -webkit-box;
  101. display: -ms-flexbox;
  102. display: flex;
  103. -webkit-box-orient: horizontal;
  104. -webkit-box-direction: normal;
  105. -ms-flex-direction: row;
  106. flex-direction: row; }
  107. .ag-root-wrapper-body.ag-layout-normal {
  108. -webkit-box-flex: 1;
  109. -ms-flex: 1 1 auto;
  110. flex: 1 1 auto;
  111. height: 0;
  112. min-height: 0; }
  113. .ag-root {
  114. cursor: default;
  115. position: relative;
  116. display: -webkit-box;
  117. display: -ms-flexbox;
  118. display: flex;
  119. -webkit-box-orient: vertical;
  120. -webkit-box-direction: normal;
  121. -ms-flex-direction: column;
  122. flex-direction: column; }
  123. .ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  124. overflow: hidden;
  125. -webkit-box-flex: 1;
  126. -ms-flex: 1 1 auto;
  127. flex: 1 1 auto;
  128. width: 0; }
  129. .ag-root.ag-layout-normal {
  130. height: 100%; }
  131. /**
  132. ****************************
  133. * Viewports
  134. ****************************
  135. */
  136. .ag-header-viewport,
  137. .ag-floating-top-viewport,
  138. .ag-body-viewport,
  139. .ag-pinned-left-cols-viewport,
  140. .ag-center-cols-viewport,
  141. .ag-pinned-right-cols-viewport,
  142. .ag-floating-bottom-viewport,
  143. .ag-body-horizontal-scroll-viewport,
  144. .ag-virtual-list-viewport {
  145. position: relative;
  146. height: 100%;
  147. min-width: 0px;
  148. overflow: hidden;
  149. -webkit-box-flex: 1;
  150. -ms-flex: 1 1 auto;
  151. flex: 1 1 auto; }
  152. .ag-body-viewport {
  153. display: -webkit-box;
  154. display: -ms-flexbox;
  155. display: flex; }
  156. .ag-body-viewport.ag-layout-normal {
  157. overflow-y: auto;
  158. -webkit-overflow-scrolling: touch; }
  159. .ag-body-viewport:not(.ag-layout-print).ag-force-vertical-scroll {
  160. overflow-y: scroll; }
  161. .ag-pinned-left-cols-viewport, .ag-pinned-right-cols-viewport {
  162. -webkit-box-flex: 1000;
  163. -ms-flex-positive: 1000;
  164. flex-grow: 1000; }
  165. .ag-center-cols-viewport {
  166. width: 100%;
  167. overflow-x: auto; }
  168. .ag-body-horizontal-scroll-viewport {
  169. overflow-x: scroll; }
  170. .ag-virtual-list-viewport {
  171. overflow: auto;
  172. width: 100%; }
  173. /**
  174. ****************************
  175. * Containers
  176. ****************************
  177. */
  178. .ag-header-container,
  179. .ag-floating-top-container,
  180. .ag-body-container,
  181. .ag-pinned-right-cols-container,
  182. .ag-center-cols-container,
  183. .ag-pinned-left-cols-container,
  184. .ag-floating-bottom-container,
  185. .ag-body-horizontal-scroll-container,
  186. .ag-full-width-container,
  187. .ag-floating-bottom-full-width-container,
  188. .ag-virtual-list-container {
  189. position: relative; }
  190. .ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container {
  191. height: 100%;
  192. white-space: nowrap; }
  193. .ag-body-viewport .ag-center-cols-clipper {
  194. min-height: 100%; }
  195. .ag-body-viewport.ag-layout-auto-height .ag-center-cols-clipper, .ag-body-viewport.ag-layout-auto-height .ag-center-cols-container {
  196. min-height: 50px; }
  197. .ag-body-viewport .ag-center-cols-container {
  198. display: block; }
  199. .ag-body-viewport.ag-layout-print {
  200. -webkit-box-flex: 0;
  201. -ms-flex: none;
  202. flex: none; }
  203. .ag-body-viewport.ag-layout-print .ag-center-cols-clipper {
  204. min-width: 100%; }
  205. .ag-pinned-right-cols-container {
  206. display: block; }
  207. .ag-body-horizontal-scroll-container {
  208. height: 100%; }
  209. .ag-full-width-container,
  210. .ag-floating-top-full-width-container,
  211. .ag-floating-bottom-full-width-container {
  212. position: absolute;
  213. top: 0px;
  214. left: 0px;
  215. pointer-events: none; }
  216. .ag-full-width-container {
  217. width: 100%; }
  218. .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
  219. display: inline-block;
  220. overflow: hidden;
  221. height: 100%;
  222. width: 100%; }
  223. .ag-virtual-list-container {
  224. overflow: hidden; }
  225. /**
  226. ****************************
  227. * Scrollers
  228. ****************************
  229. */
  230. .ag-center-cols-clipper {
  231. -webkit-box-flex: 1;
  232. -ms-flex: 1;
  233. flex: 1;
  234. min-width: 0;
  235. overflow: hidden; }
  236. .ag-body-horizontal-scroll {
  237. min-height: 0;
  238. min-width: 0;
  239. width: 100%;
  240. display: -webkit-box;
  241. display: -ms-flexbox;
  242. display: flex;
  243. position: relative; }
  244. .ag-layout-print .ag-body-horizontal-scroll {
  245. display: none; }
  246. .ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
  247. height: 100%;
  248. min-width: 0;
  249. -webkit-box-flex: 1000;
  250. -ms-flex-positive: 1000;
  251. flex-grow: 1000;
  252. overflow-x: scroll; }
  253. .ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner {
  254. overflow-x: hidden; }
  255. /**
  256. ****************************
  257. * Headers
  258. ****************************
  259. */
  260. .ag-header, .ag-pinned-left-header, .ag-pinned-right-header {
  261. display: inline-block;
  262. overflow: hidden; }
  263. .ag-header .ag-header-cell-sortable, .ag-pinned-left-header .ag-header-cell-sortable, .ag-pinned-right-header .ag-header-cell-sortable {
  264. cursor: pointer; }
  265. .ag-header {
  266. display: -webkit-box;
  267. display: -ms-flexbox;
  268. display: flex;
  269. width: 100%;
  270. white-space: nowrap; }
  271. .ag-header-icon {
  272. display: -webkit-box;
  273. display: -ms-flexbox;
  274. display: flex; }
  275. .ag-pinned-left-header {
  276. height: 100%; }
  277. .ag-pinned-right-header {
  278. height: 100%; }
  279. .ag-header-row {
  280. position: absolute;
  281. overflow: hidden; }
  282. .ag-header-overlay {
  283. display: block;
  284. position: absolute; }
  285. .ag-header-cell {
  286. display: -webkit-inline-box;
  287. display: -ms-inline-flexbox;
  288. display: inline-flex;
  289. -webkit-box-align: center;
  290. -ms-flex-align: center;
  291. align-items: center;
  292. position: absolute;
  293. height: 100%;
  294. overflow: hidden; }
  295. .ag-header-group-cell-label, .ag-header-cell-label {
  296. display: -webkit-box;
  297. display: -ms-flexbox;
  298. display: flex;
  299. -webkit-box-flex: 1;
  300. -ms-flex: 1 1 auto;
  301. flex: 1 1 auto;
  302. overflow: hidden;
  303. -webkit-box-align: center;
  304. -ms-flex-align: center;
  305. align-items: center;
  306. text-overflow: ellipsis;
  307. -ms-flex-item-align: stretch;
  308. align-self: stretch; }
  309. .ag-header-cell-label .ag-header-cell-text {
  310. overflow: hidden;
  311. text-overflow: ellipsis;
  312. white-space: nowrap; }
  313. .ag-numeric-header .ag-header-cell-label {
  314. -webkit-box-orient: horizontal;
  315. -webkit-box-direction: reverse;
  316. -ms-flex-direction: row-reverse;
  317. flex-direction: row-reverse; }
  318. .ag-header-group-text {
  319. overflow: hidden;
  320. text-overflow: ellipsis;
  321. white-space: nowrap; }
  322. .ag-header-cell-resize {
  323. position: absolute;
  324. z-index: 1;
  325. height: 100%;
  326. width: 4px; }
  327. .ag-header-expand-icon {
  328. padding-left: 4px; }
  329. .ag-header-select-all {
  330. display: -webkit-box;
  331. display: -ms-flexbox;
  332. display: flex; }
  333. /**
  334. ****************************
  335. * Columns
  336. ****************************
  337. */
  338. .ag-column-moving .ag-cell {
  339. -webkit-transition: left 0.2s;
  340. transition: left 0.2s; }
  341. .ag-column-moving .ag-header-cell {
  342. -webkit-transition: left 0.2s;
  343. transition: left 0.2s; }
  344. .ag-column-moving .ag-header-group-cell {
  345. -webkit-transition: left 0.2s, width 0.2s;
  346. transition: left 0.2s, width 0.2s; }
  347. /**
  348. ****************************
  349. * Column Panel
  350. ****************************
  351. */
  352. .ag-column-panel {
  353. display: -webkit-box;
  354. display: -ms-flexbox;
  355. display: flex;
  356. -webkit-box-orient: vertical;
  357. -webkit-box-direction: normal;
  358. -ms-flex-direction: column;
  359. flex-direction: column;
  360. overflow: hidden;
  361. -webkit-box-flex: 1;
  362. -ms-flex: 1 1 auto;
  363. flex: 1 1 auto; }
  364. .ag-column-select-panel {
  365. display: -webkit-box;
  366. display: -ms-flexbox;
  367. display: flex;
  368. -webkit-box-orient: vertical;
  369. -webkit-box-direction: normal;
  370. -ms-flex-direction: column;
  371. flex-direction: column;
  372. overflow: hidden;
  373. -webkit-box-flex: 4;
  374. -ms-flex-positive: 4;
  375. flex-grow: 4;
  376. -ms-flex-negative: 1;
  377. flex-shrink: 1;
  378. -ms-flex-preferred-size: 0;
  379. flex-basis: 0; }
  380. .ag-column-select-panel .ag-primary-cols-header-panel {
  381. display: -webkit-box;
  382. display: -ms-flexbox;
  383. display: flex;
  384. -webkit-box-flex: 0;
  385. -ms-flex: none;
  386. flex: none; }
  387. .ag-column-select-panel .ag-primary-cols-header-panel .ag-column-name-filter {
  388. -webkit-box-flex: 1;
  389. -ms-flex: 1 1 auto;
  390. flex: 1 1 auto; }
  391. .ag-column-select-panel .ag-primary-cols-header-panel .ag-primary-cols-filter-wrapper {
  392. -webkit-box-flex: 1;
  393. -ms-flex: 1 1 auto;
  394. flex: 1 1 auto; }
  395. .ag-column-select-panel .ag-primary-cols-header-panel .ag-primary-cols-filter-wrapper input {
  396. width: 100%; }
  397. .ag-column-select-panel .ag-primary-cols-list-panel {
  398. -webkit-box-flex: 1;
  399. -ms-flex: 1 1 auto;
  400. flex: 1 1 auto;
  401. overflow: auto; }
  402. .ag-column-drop {
  403. display: -webkit-inline-box;
  404. display: -ms-inline-flexbox;
  405. display: inline-flex;
  406. -webkit-box-align: center;
  407. -ms-flex-align: center;
  408. align-items: center;
  409. overflow: auto;
  410. width: 100%; }
  411. .ag-column-drop .ag-column-drop-list {
  412. display: -webkit-box;
  413. display: -ms-flexbox;
  414. display: flex;
  415. -webkit-box-align: center;
  416. -ms-flex-align: center;
  417. align-items: center; }
  418. .ag-column-drop .ag-column-drop-list .ag-column-drop-cell {
  419. display: -webkit-box;
  420. display: -ms-flexbox;
  421. display: flex;
  422. -webkit-box-align: center;
  423. -ms-flex-align: center;
  424. align-items: center; }
  425. .ag-column-drop .ag-column-drop-list .ag-column-drop-cell .ag-column-drop-cell-text {
  426. overflow: hidden;
  427. -webkit-box-flex: 1;
  428. -ms-flex: 1 1 auto;
  429. flex: 1 1 auto;
  430. text-overflow: ellipsis;
  431. white-space: nowrap; }
  432. .ag-column-drop.ag-column-drop-vertical {
  433. display: -webkit-box;
  434. display: -ms-flexbox;
  435. display: flex;
  436. -webkit-box-orient: vertical;
  437. -webkit-box-direction: normal;
  438. -ms-flex-direction: column;
  439. flex-direction: column;
  440. overflow: hidden;
  441. -webkit-box-flex: 1;
  442. -ms-flex: 1 1 0px;
  443. flex: 1 1 0;
  444. -webkit-box-align: stretch;
  445. -ms-flex-align: stretch;
  446. align-items: stretch; }
  447. .ag-column-drop.ag-column-drop-vertical > div {
  448. display: -webkit-box;
  449. display: -ms-flexbox;
  450. display: flex;
  451. -webkit-box-align: center;
  452. -ms-flex-align: center;
  453. align-items: center; }
  454. .ag-column-drop.ag-column-drop-vertical .ag-column-drop-list {
  455. -webkit-box-align: stretch;
  456. -ms-flex-align: stretch;
  457. align-items: stretch;
  458. -webkit-box-flex: 1;
  459. -ms-flex-positive: 1;
  460. flex-grow: 1;
  461. -webkit-box-orient: vertical;
  462. -webkit-box-direction: normal;
  463. -ms-flex-direction: column;
  464. flex-direction: column;
  465. overflow-x: auto; }
  466. .ag-column-drop.ag-column-drop-vertical .ag-column-drop-empty-message {
  467. display: block; }
  468. .ag-column-drop.ag-column-drop-horizontal {
  469. white-space: nowrap;
  470. overflow: hidden; }
  471. /**
  472. ****************************
  473. * Rows
  474. ****************************
  475. */
  476. .ag-row-animation .ag-row {
  477. -webkit-transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s;
  478. transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s;
  479. transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
  480. transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; }
  481. .ag-row-no-animation .ag-row {
  482. -webkit-transition: background-color 0.1s;
  483. transition: background-color 0.1s; }
  484. .ag-row {
  485. white-space: nowrap;
  486. width: 100%; }
  487. .ag-row-position-absolute {
  488. position: absolute; }
  489. .ag-row-position-relative {
  490. position: relative; }
  491. .ag-full-width-row {
  492. overflow: hidden;
  493. pointer-events: all; }
  494. .ag-row-inline-editing {
  495. z-index: 1; }
  496. .ag-row-dragging {
  497. z-index: 2; }
  498. .ag-stub-cell {
  499. display: -webkit-box;
  500. display: -ms-flexbox;
  501. display: flex;
  502. -webkit-box-align: center;
  503. -ms-flex-align: center;
  504. align-items: center; }
  505. /**
  506. ****************************
  507. * Cells
  508. ****************************
  509. */
  510. .ag-cell {
  511. display: inline-block;
  512. overflow: hidden;
  513. position: absolute;
  514. text-overflow: ellipsis;
  515. white-space: nowrap; }
  516. .ag-cell-wrapper {
  517. display: -webkit-box;
  518. display: -ms-flexbox;
  519. display: flex;
  520. -webkit-box-align: center;
  521. -ms-flex-align: center;
  522. align-items: center;
  523. width: 100%;
  524. height: 100%; }
  525. .ag-cell-wrapper.ag-row-group {
  526. -webkit-box-align: start;
  527. -ms-flex-align: start;
  528. align-items: flex-start; }
  529. .ag-cell-wrapper .ag-cell-value, .ag-cell-wrapper .ag-group-value {
  530. overflow: hidden;
  531. text-overflow: ellipsis; }
  532. .ag-full-width-row.ag-row-group .ag-cell-wrapper {
  533. -webkit-box-align: center;
  534. -ms-flex-align: center;
  535. align-items: center; }
  536. .ag-cell-with-height {
  537. height: 100%; }
  538. .ag-group-cell-entire-row {
  539. display: inline-block;
  540. height: 100%;
  541. overflow: hidden;
  542. text-overflow: ellipsis;
  543. white-space: nowrap;
  544. width: 100%; }
  545. .ag-footer-cell-entire-row {
  546. display: inline-block;
  547. height: 100%;
  548. overflow: hidden;
  549. text-overflow: ellipsis;
  550. white-space: nowrap;
  551. width: 100%; }
  552. .ag-cell-inline-editing {
  553. z-index: 1; }
  554. .ag-cell-inline-editing .ag-cell-edit-input, .ag-cell-inline-editing .ag-input-wrapper {
  555. height: 100%;
  556. width: 100%;
  557. line-height: normal; }
  558. /**
  559. ****************************
  560. * Filters
  561. ****************************
  562. */
  563. .ag-set-filter-item {
  564. overflow: hidden;
  565. text-overflow: ellipsis;
  566. white-space: nowrap;
  567. display: -webkit-box;
  568. display: -ms-flexbox;
  569. display: flex;
  570. -webkit-box-align: center;
  571. -ms-flex-align: center;
  572. align-items: center; }
  573. .ag-set-filter-item > div, .ag-set-filter-item > span {
  574. display: -webkit-box;
  575. display: -ms-flexbox;
  576. display: flex; }
  577. .ag-filter .ag-filter-checkbox {
  578. pointer-events: none; }
  579. .ag-filter .ag-filter-body-wrapper {
  580. display: -webkit-box;
  581. display: -ms-flexbox;
  582. display: flex;
  583. -webkit-box-orient: vertical;
  584. -webkit-box-direction: normal;
  585. -ms-flex-direction: column;
  586. flex-direction: column; }
  587. .ag-filter .ag-filter-filter {
  588. -webkit-box-flex: 1;
  589. -ms-flex: 1 1 auto;
  590. flex: 1 1 auto; }
  591. /**
  592. ****************************
  593. * Floating Filter
  594. ****************************
  595. */
  596. .ag-floating-filter-full-body .ag-react-container, .ag-floating-filter-body .ag-react-container {
  597. height: 100%; }
  598. .ag-floating-filter-body {
  599. display: -webkit-box;
  600. display: -ms-flexbox;
  601. display: flex;
  602. -webkit-box-flex: 1;
  603. -ms-flex: 1 1 auto;
  604. flex: 1 1 auto;
  605. height: 100%; }
  606. .ag-floating-filter-body input {
  607. margin: 0;
  608. -webkit-box-flex: 1;
  609. -ms-flex: 1 1 auto;
  610. flex: 1 1 auto;
  611. max-height: calc(100% - 1px); }
  612. .ag-floating-filter-full-body {
  613. display: -webkit-box;
  614. display: -ms-flexbox;
  615. display: flex;
  616. -webkit-box-align: center;
  617. -ms-flex-align: center;
  618. align-items: center;
  619. height: 100%;
  620. width: 100%; }
  621. .ag-floating-filter-full-body > div {
  622. -webkit-box-flex: 1;
  623. -ms-flex: 1 1 auto;
  624. flex: 1 1 auto; }
  625. .ag-floating-filter-full-body input {
  626. margin: 0;
  627. width: 100%; }
  628. .ag-floating-filter-full-body input[type="range"] {
  629. height: 100%; }
  630. .ag-floating-filter {
  631. display: inline-block;
  632. position: absolute; }
  633. .ag-floating-filter-input {
  634. width: 100%; }
  635. .ag-floating-filter-input:-moz-read-only {
  636. background-color: #eee; }
  637. .ag-floating-filter-input:read-only {
  638. background-color: #eee; }
  639. .ag-floating-filter-menu {
  640. position: absolute;
  641. -webkit-user-select: none;
  642. -moz-user-select: none;
  643. -ms-user-select: none;
  644. user-select: none; }
  645. .ag-floating-filter-button {
  646. display: -webkit-box;
  647. display: -ms-flexbox;
  648. display: flex;
  649. -webkit-box-flex: 0;
  650. -ms-flex: none;
  651. flex: none; }
  652. /**
  653. ****************************
  654. * Drag & Drop
  655. ****************************
  656. */
  657. .ag-dnd-ghost {
  658. display: -webkit-box;
  659. display: -ms-flexbox;
  660. display: flex;
  661. -webkit-box-align: center;
  662. -ms-flex-align: center;
  663. align-items: center;
  664. background: #e5e5e5;
  665. border: 1px solid black;
  666. cursor: move;
  667. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  668. font-size: 14px;
  669. overflow: hidden;
  670. padding: 3px;
  671. position: absolute;
  672. text-overflow: ellipsis;
  673. -webkit-user-select: none;
  674. -moz-user-select: none;
  675. -ms-user-select: none;
  676. user-select: none;
  677. z-index: 10; }
  678. .ag-dnd-ghost-icon {
  679. padding: 2px; }
  680. /**
  681. ****************************
  682. * Overlay
  683. ****************************
  684. */
  685. .ag-overlay {
  686. height: 100%;
  687. left: 0;
  688. pointer-events: none;
  689. position: absolute;
  690. top: 0;
  691. width: 100%; }
  692. .ag-overlay-panel {
  693. display: -webkit-box;
  694. display: -ms-flexbox;
  695. display: flex;
  696. height: 100%;
  697. pointer-events: none;
  698. width: 100%; }
  699. .ag-overlay-wrapper {
  700. display: -webkit-box;
  701. display: -ms-flexbox;
  702. display: flex;
  703. -webkit-box-flex: 0;
  704. -ms-flex: none;
  705. flex: none;
  706. width: 100%;
  707. height: 100%;
  708. -webkit-box-align: center;
  709. -ms-flex-align: center;
  710. align-items: center;
  711. -webkit-box-pack: center;
  712. -ms-flex-pack: center;
  713. justify-content: center;
  714. text-align: center; }
  715. .ag-overlay-wrapper.ag-overlay-loading-wrapper {
  716. pointer-events: all; }
  717. .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  718. padding-top: 30px; }
  719. /**
  720. ****************************
  721. * Popup
  722. ****************************
  723. */
  724. .ag-popup > div {
  725. z-index: 5; }
  726. .ag-popup-backdrop {
  727. height: 100%;
  728. left: 0;
  729. position: fixed;
  730. top: 0;
  731. width: 100%; }
  732. .ag-popup-editor {
  733. position: absolute;
  734. -webkit-user-select: none;
  735. -moz-user-select: none;
  736. -ms-user-select: none;
  737. user-select: none;
  738. z-index: 1; }
  739. /**
  740. ****************************
  741. * Virtual Lists
  742. ****************************
  743. */
  744. .ag-virtual-list-item {
  745. position: absolute;
  746. width: 100%; }
  747. .ag-virtual-list-item span:empty:not(.ag-icon) {
  748. border-left: 1px solid transparent; }
  749. /**
  750. ****************************
  751. * Floating Top and Bottom
  752. ****************************
  753. */
  754. .ag-floating-top {
  755. overflow: hidden;
  756. white-space: nowrap;
  757. width: 100%;
  758. position: relative;
  759. display: -webkit-box;
  760. display: -ms-flexbox;
  761. display: flex; }
  762. .ag-pinned-left-floating-top {
  763. display: inline-block;
  764. overflow: hidden;
  765. position: relative;
  766. min-width: 0px;
  767. -webkit-box-flex: 1000;
  768. -ms-flex-positive: 1000;
  769. flex-grow: 1000; }
  770. .ag-pinned-right-floating-top {
  771. display: inline-block;
  772. overflow: hidden;
  773. position: relative;
  774. min-width: 0px;
  775. -webkit-box-flex: 1000;
  776. -ms-flex-positive: 1000;
  777. flex-grow: 1000; }
  778. .ag-floating-bottom {
  779. overflow: hidden;
  780. white-space: nowrap;
  781. width: 100%;
  782. position: relative;
  783. display: -webkit-box;
  784. display: -ms-flexbox;
  785. display: flex; }
  786. .ag-pinned-left-floating-bottom {
  787. display: inline-block;
  788. overflow: hidden;
  789. position: relative;
  790. min-width: 0px;
  791. -webkit-box-flex: 1000;
  792. -ms-flex-positive: 1000;
  793. flex-grow: 1000; }
  794. .ag-pinned-right-floating-bottom {
  795. display: inline-block;
  796. overflow: hidden;
  797. position: relative;
  798. min-width: 0px;
  799. -webkit-box-flex: 1000;
  800. -ms-flex-positive: 1000;
  801. flex-grow: 1000; }
  802. /**
  803. ****************************
  804. * Dialog
  805. ****************************
  806. */
  807. .ag-dialog, .ag-panel {
  808. display: -webkit-box;
  809. display: -ms-flexbox;
  810. display: flex;
  811. -webkit-box-orient: vertical;
  812. -webkit-box-direction: normal;
  813. -ms-flex-direction: column;
  814. flex-direction: column;
  815. position: relative;
  816. overflow: hidden; }
  817. .ag-dialog .ag-title-bar, .ag-panel .ag-title-bar {
  818. display: -webkit-box;
  819. display: -ms-flexbox;
  820. display: flex;
  821. -webkit-box-flex: 0;
  822. -ms-flex: none;
  823. flex: none;
  824. -webkit-box-align: center;
  825. -ms-flex-align: center;
  826. align-items: center;
  827. cursor: default; }
  828. .ag-dialog .ag-title-bar .ag-title-bar-title, .ag-panel .ag-title-bar .ag-title-bar-title {
  829. -webkit-box-flex: 1;
  830. -ms-flex: 1 1 auto;
  831. flex: 1 1 auto; }
  832. .ag-dialog .ag-title-bar .ag-title-bar-buttons, .ag-panel .ag-title-bar .ag-title-bar-buttons {
  833. display: -webkit-box;
  834. display: -ms-flexbox;
  835. display: flex; }
  836. .ag-dialog .ag-title-bar .ag-title-bar-buttons .ag-button, .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button {
  837. cursor: pointer; }
  838. .ag-dialog .ag-panel-content-wrapper, .ag-panel .ag-panel-content-wrapper {
  839. display: -webkit-box;
  840. display: -ms-flexbox;
  841. display: flex;
  842. -webkit-box-flex: 1;
  843. -ms-flex: 1 1 auto;
  844. flex: 1 1 auto;
  845. position: relative;
  846. overflow: hidden; }
  847. .ag-dialog .ag-panel-content-wrapper > div, .ag-panel .ag-panel-content-wrapper > div {
  848. width: 100%;
  849. height: 100%; }
  850. .ag-dialog {
  851. position: absolute; }
  852. .ag-dialog .ag-resizer {
  853. position: absolute;
  854. pointer-events: none;
  855. z-index: 1; }
  856. .ag-dialog .ag-resizer.ag-resizer-topLeft {
  857. top: 0;
  858. left: 0;
  859. height: 5px;
  860. width: 5px;
  861. cursor: nwse-resize; }
  862. .ag-dialog .ag-resizer.ag-resizer-top {
  863. top: 0;
  864. left: 5px;
  865. right: 5px;
  866. height: 5px;
  867. cursor: ns-resize; }
  868. .ag-dialog .ag-resizer.ag-resizer-topRight {
  869. top: 0;
  870. right: 0;
  871. height: 5px;
  872. width: 5px;
  873. cursor: nesw-resize; }
  874. .ag-dialog .ag-resizer.ag-resizer-right {
  875. top: 5px;
  876. right: 0;
  877. bottom: 5px;
  878. width: 5px;
  879. cursor: ew-resize; }
  880. .ag-dialog .ag-resizer.ag-resizer-bottomRight {
  881. bottom: 0;
  882. right: 0;
  883. height: 5px;
  884. width: 5px;
  885. cursor: nwse-resize; }
  886. .ag-dialog .ag-resizer.ag-resizer-bottom {
  887. bottom: 0;
  888. left: 5px;
  889. right: 5px;
  890. height: 5px;
  891. cursor: ns-resize; }
  892. .ag-dialog .ag-resizer.ag-resizer-bottomLeft {
  893. bottom: 0;
  894. left: 0;
  895. height: 5px;
  896. width: 5px;
  897. cursor: nesw-resize; }
  898. .ag-dialog .ag-resizer.ag-resizer-left {
  899. left: 0;
  900. top: 5px;
  901. bottom: 5px;
  902. width: 5px;
  903. cursor: ew-resize; }
  904. .ag-dialog .ag-message-box {
  905. width: 100%;
  906. height: 100%;
  907. display: -webkit-box;
  908. display: -ms-flexbox;
  909. display: flex;
  910. -webkit-box-orient: vertical;
  911. -webkit-box-direction: normal;
  912. -ms-flex-direction: column;
  913. flex-direction: column; }
  914. .ag-dialog .ag-message-box .ag-message-box-content {
  915. display: -webkit-box;
  916. display: -ms-flexbox;
  917. display: flex;
  918. -webkit-box-flex: 1;
  919. -ms-flex: 1 1 auto;
  920. flex: 1 1 auto;
  921. -webkit-box-pack: center;
  922. -ms-flex-pack: center;
  923. justify-content: center;
  924. -webkit-box-align: center;
  925. -ms-flex-align: center;
  926. align-items: center; }
  927. .ag-dialog .ag-message-box .ag-message-box-button-bar {
  928. display: -webkit-box;
  929. display: -ms-flexbox;
  930. display: flex;
  931. -webkit-box-pack: center;
  932. -ms-flex-pack: center;
  933. justify-content: center; }
  934. /**
  935. ****************************
  936. * Tooltip
  937. ****************************
  938. */
  939. .ag-tooltip {
  940. position: absolute;
  941. pointer-events: none;
  942. z-index: 99999; }
  943. .ag-chart-tooltip {
  944. display: table;
  945. position: absolute;
  946. -webkit-user-select: none;
  947. -moz-user-select: none;
  948. -ms-user-select: none;
  949. user-select: none;
  950. pointer-events: none;
  951. white-space: nowrap;
  952. z-index: 99999;
  953. font: 12px Verdana, sans-serif;
  954. color: black;
  955. background: #f4f4f4;
  956. border-radius: 5px;
  957. -webkit-box-shadow: 0 0 1px rgba(3, 3, 3, 0.7), 0.5vh 0.5vh 1vh rgba(3, 3, 3, 0.25);
  958. box-shadow: 0 0 1px rgba(3, 3, 3, 0.7), 0.5vh 0.5vh 1vh rgba(3, 3, 3, 0.25);
  959. opacity: 0;
  960. -webkit-transform: scale(0.9);
  961. transform: scale(0.9);
  962. -webkit-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  963. transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  964. -webkit-transition-property: opacity, -webkit-transform;
  965. transition-property: opacity, -webkit-transform;
  966. transition-property: opacity, transform;
  967. transition-property: opacity, transform, -webkit-transform; }
  968. .ag-chart-tooltip.visible {
  969. opacity: 1;
  970. -webkit-transform: scale(1);
  971. transform: scale(1); }
  972. .ag-chart-tooltip .title {
  973. font-weight: bold;
  974. padding: 7px;
  975. border-top-left-radius: 5px;
  976. border-top-right-radius: 5px;
  977. color: white;
  978. background-color: #888888; }
  979. .ag-chart-tooltip .content {
  980. padding: 7px;
  981. line-height: 1.7em; }
  982. /**
  983. ****************************
  984. * Animations
  985. ****************************
  986. */
  987. .ag-value-slide-out {
  988. margin-right: 5px;
  989. opacity: 1;
  990. -webkit-transition: opacity 3s, margin-right 3s;
  991. transition: opacity 3s, margin-right 3s;
  992. -webkit-transition-timing-function: linear;
  993. transition-timing-function: linear; }
  994. .ag-value-slide-out-end {
  995. margin-right: 10px;
  996. opacity: 0; }
  997. .ag-opacity-zero {
  998. opacity: 0 !important; }
  999. /**
  1000. ****************************
  1001. * Menu
  1002. ****************************
  1003. */
  1004. .ag-menu {
  1005. max-height: 100%;
  1006. overflow-y: auto;
  1007. position: absolute;
  1008. -webkit-user-select: none;
  1009. -moz-user-select: none;
  1010. -ms-user-select: none;
  1011. user-select: none; }
  1012. .ag-menu-column-select-wrapper {
  1013. height: 265px;
  1014. overflow: auto;
  1015. width: 200px; }
  1016. .ag-menu-list {
  1017. display: table; }
  1018. .ag-menu-option, .ag-menu-separator {
  1019. display: table-row; }
  1020. .ag-menu-option > span, .ag-menu-separator > span {
  1021. display: table-cell;
  1022. vertical-align: middle; }
  1023. .ag-menu-option-text {
  1024. white-space: nowrap; }
  1025. .ag-menu-column-select-wrapper .ag-column-select-panel {
  1026. height: 100%; }
  1027. /**
  1028. ****************************
  1029. * Rich Select
  1030. ****************************
  1031. */
  1032. .ag-rich-select {
  1033. cursor: default;
  1034. outline: none; }
  1035. .ag-rich-select .ag-rich-select-value {
  1036. display: -webkit-box;
  1037. display: -ms-flexbox;
  1038. display: flex;
  1039. -webkit-box-align: center;
  1040. -ms-flex-align: center;
  1041. align-items: center; }
  1042. .ag-rich-select .ag-rich-select-value > span {
  1043. -webkit-box-flex: 1;
  1044. -ms-flex: 1 1 auto;
  1045. flex: 1 1 auto; }
  1046. .ag-rich-select .ag-rich-select-value > span.ag-icon {
  1047. -webkit-box-ordinal-group: 2;
  1048. -ms-flex-order: 1;
  1049. order: 1;
  1050. -webkit-box-flex: 0;
  1051. -ms-flex: none;
  1052. flex: none; }
  1053. .ag-rich-select .ag-rich-select-list .ag-virtual-list-item {
  1054. display: -webkit-box;
  1055. display: -ms-flexbox;
  1056. display: flex; }
  1057. .ag-rich-select .ag-rich-select-list .ag-virtual-list-item .ag-rich-select-row {
  1058. display: -webkit-box;
  1059. display: -ms-flexbox;
  1060. display: flex;
  1061. -webkit-box-flex: 1;
  1062. -ms-flex: 1 1 auto;
  1063. flex: 1 1 auto;
  1064. -webkit-box-align: center;
  1065. -ms-flex-align: center;
  1066. align-items: center;
  1067. white-space: nowrap; }
  1068. /**
  1069. ****************************
  1070. * Pagination
  1071. ****************************
  1072. */
  1073. .ag-paging-panel {
  1074. -webkit-box-align: center;
  1075. -ms-flex-align: center;
  1076. align-items: center;
  1077. display: -webkit-box;
  1078. display: -ms-flexbox;
  1079. display: flex;
  1080. -webkit-box-pack: end;
  1081. -ms-flex-pack: end;
  1082. justify-content: flex-end; }
  1083. .ag-paging-panel .ag-paging-row-summary-panel {
  1084. display: -webkit-box;
  1085. display: -ms-flexbox;
  1086. display: flex; }
  1087. .ag-paging-panel .ag-paging-row-summary-panel span {
  1088. margin: 0 3px; }
  1089. .ag-paging-page-summary-panel {
  1090. display: -webkit-box;
  1091. display: -ms-flexbox;
  1092. display: flex;
  1093. -webkit-box-align: center;
  1094. -ms-flex-align: center;
  1095. align-items: center; }
  1096. .ag-paging-page-summary-panel .ag-disabled {
  1097. pointer-events: none; }
  1098. .ag-paging-page-summary-panel .ag-paging-button {
  1099. position: relative;
  1100. overflow: hidden; }
  1101. .ag-paging-page-summary-panel .ag-paging-button button {
  1102. position: absolute; }
  1103. /**
  1104. ****************************
  1105. * Tool Panel
  1106. ****************************
  1107. */
  1108. .ag-tool-panel-wrapper {
  1109. display: -webkit-box;
  1110. display: -ms-flexbox;
  1111. display: flex;
  1112. overflow-y: auto;
  1113. cursor: default;
  1114. -webkit-user-select: none;
  1115. -moz-user-select: none;
  1116. -ms-user-select: none;
  1117. user-select: none;
  1118. width: 200px; }
  1119. .ag-tool-panel-wrapper .ag-filter-toolpanel-header {
  1120. line-height: 1.5;
  1121. cursor: pointer; }
  1122. .ag-column-tool-panel-column,
  1123. .ag-column-tool-panel-column-group {
  1124. -webkit-box-align: center;
  1125. -ms-flex-align: center;
  1126. align-items: center;
  1127. display: -webkit-box;
  1128. display: -ms-flexbox;
  1129. display: flex;
  1130. -webkit-box-orient: horizontal;
  1131. -webkit-box-direction: normal;
  1132. -ms-flex-direction: row;
  1133. flex-direction: row;
  1134. -ms-flex-wrap: nowrap;
  1135. flex-wrap: nowrap;
  1136. text-overflow: ellipsis;
  1137. white-space: nowrap; }
  1138. .ag-column-tool-panel-column .ag-column-tool-panel-column,
  1139. .ag-column-tool-panel-column .ag-column-tool-panel-column-group,
  1140. .ag-column-tool-panel-column-group .ag-column-tool-panel-column,
  1141. .ag-column-tool-panel-column-group .ag-column-tool-panel-column-group {
  1142. -webkit-box-flex: 1;
  1143. -ms-flex: 1 1 auto;
  1144. flex: 1 1 auto;
  1145. overflow: hidden;
  1146. text-overflow: ellipsis; }
  1147. .ag-column-select-checkbox {
  1148. display: -webkit-box;
  1149. display: -ms-flexbox;
  1150. display: flex; }
  1151. .ag-tool-panel-horizontal-resize {
  1152. cursor: col-resize;
  1153. height: 100%;
  1154. position: absolute;
  1155. top: 0;
  1156. width: 5px;
  1157. z-index: 1; }
  1158. .ag-rtl .ag-tool-panel-horizontal-resize {
  1159. -webkit-transform: translateX(3px);
  1160. transform: translateX(3px); }
  1161. .ag-ltr .ag-tool-panel-horizontal-resize {
  1162. -webkit-transform: translateX(-3px);
  1163. transform: translateX(-3px); }
  1164. .loading-filter {
  1165. background-color: #e6e6e6;
  1166. height: 100%;
  1167. padding: 5px;
  1168. position: absolute;
  1169. top: 34px;
  1170. width: 100%;
  1171. z-index: 1; }
  1172. .ag-details-row {
  1173. height: 100%;
  1174. width: 100%; }
  1175. .ag-details-grid {
  1176. height: 100%;
  1177. width: 100%; }
  1178. .ag-header-group-cell {
  1179. display: -webkit-box;
  1180. display: -ms-flexbox;
  1181. display: flex;
  1182. -webkit-box-align: center;
  1183. -ms-flex-align: center;
  1184. align-items: center;
  1185. height: 100%;
  1186. overflow: hidden;
  1187. position: absolute;
  1188. text-overflow: ellipsis; }
  1189. .ag-cell-label-container {
  1190. display: -webkit-box;
  1191. display: -ms-flexbox;
  1192. display: flex;
  1193. -webkit-box-pack: justify;
  1194. -ms-flex-pack: justify;
  1195. justify-content: space-between;
  1196. -webkit-box-orient: horizontal;
  1197. -webkit-box-direction: reverse;
  1198. -ms-flex-direction: row-reverse;
  1199. flex-direction: row-reverse;
  1200. -webkit-box-align: center;
  1201. -ms-flex-align: center;
  1202. align-items: center;
  1203. width: 100%; }
  1204. .ag-numeric-header .ag-cell-label-container {
  1205. -webkit-box-orient: horizontal;
  1206. -webkit-box-direction: normal;
  1207. -ms-flex-direction: row;
  1208. flex-direction: row; }
  1209. /**
  1210. ****************************
  1211. * Side Bar
  1212. ****************************
  1213. */
  1214. .ag-side-bar {
  1215. display: -webkit-box;
  1216. display: -ms-flexbox;
  1217. display: flex;
  1218. -webkit-box-orient: horizontal;
  1219. -webkit-box-direction: reverse;
  1220. -ms-flex-direction: row-reverse;
  1221. flex-direction: row-reverse; }
  1222. .ag-side-bar .ag-side-buttons div button {
  1223. display: block;
  1224. white-space: nowrap;
  1225. outline: none;
  1226. cursor: pointer; }
  1227. .ag-side-bar .ag-side-buttons div button span:not(.ag-icon) {
  1228. -webkit-writing-mode: tb;
  1229. -ms-writing-mode: tb;
  1230. writing-mode: tb;
  1231. -webkit-writing-mode: vertical-lr;
  1232. -ms-writing-mode: tb-lr;
  1233. writing-mode: vertical-lr; }
  1234. .ag-side-bar .panel-container {
  1235. width: 180px; }
  1236. .ag-side-bar.full-width .panel-container {
  1237. width: 200px; }
  1238. .ag-rtl .ag-side-bar .ag-side-buttons button span:not(.ag-icon) {
  1239. -webkit-writing-mode: tb-rl;
  1240. -ms-writing-mode: tb-rl;
  1241. writing-mode: tb-rl;
  1242. -webkit-writing-mode: vertical-rl;
  1243. -ms-writing-mode: tb-rl;
  1244. writing-mode: vertical-rl; }
  1245. /**
  1246. ****************************
  1247. * Status Bar
  1248. ****************************
  1249. */
  1250. .ag-status-bar {
  1251. display: -webkit-box;
  1252. display: -ms-flexbox;
  1253. display: flex;
  1254. -webkit-box-pack: justify;
  1255. -ms-flex-pack: justify;
  1256. justify-content: space-between;
  1257. overflow: hidden; }
  1258. .ag-status-bar .ag-status-panel {
  1259. display: -webkit-inline-box;
  1260. display: -ms-inline-flexbox;
  1261. display: inline-flex; }
  1262. .ag-status-bar-left {
  1263. display: -webkit-inline-box;
  1264. display: -ms-inline-flexbox;
  1265. display: inline-flex; }
  1266. .ag-status-bar-center {
  1267. display: -webkit-inline-box;
  1268. display: -ms-inline-flexbox;
  1269. display: inline-flex; }
  1270. .ag-status-bar-right {
  1271. display: -webkit-inline-box;
  1272. display: -ms-inline-flexbox;
  1273. display: inline-flex; }
  1274. /**
  1275. ****************************
  1276. * Widgets
  1277. ****************************
  1278. */
  1279. .ag-group-component {
  1280. position: relative;
  1281. -webkit-box-flex: 1;
  1282. -ms-flex: 1 1 100%;
  1283. flex: 1 1 100%; }
  1284. .ag-group-component .ag-group-component-title-bar {
  1285. display: -webkit-box;
  1286. display: -ms-flexbox;
  1287. display: flex;
  1288. -webkit-box-align: center;
  1289. -ms-flex-align: center;
  1290. align-items: center; }
  1291. .ag-group-component .ag-group-component-toolbar {
  1292. display: -webkit-box;
  1293. display: -ms-flexbox;
  1294. display: flex;
  1295. -webkit-box-align: center;
  1296. -ms-flex-align: center;
  1297. align-items: center; }
  1298. .ag-group-component .ag-group-component-container {
  1299. display: -webkit-box;
  1300. display: -ms-flexbox;
  1301. display: flex;
  1302. -webkit-box-orient: vertical;
  1303. -webkit-box-direction: normal;
  1304. -ms-flex-direction: column;
  1305. flex-direction: column; }
  1306. .ag-group-component .ag-group-component-container .ag-group-subgroup {
  1307. display: -webkit-box;
  1308. display: -ms-flexbox;
  1309. display: flex;
  1310. -ms-flex-item-align: stretch;
  1311. align-self: stretch; }
  1312. .ag-group-component .ag-group-item {
  1313. display: -webkit-box;
  1314. display: -ms-flexbox;
  1315. display: flex;
  1316. -webkit-box-flex: 1;
  1317. -ms-flex: 1 1 auto;
  1318. flex: 1 1 auto;
  1319. -webkit-box-align: center;
  1320. -ms-flex-align: center;
  1321. align-items: center; }
  1322. .ag-group-component.ag-disabled .ag-group-component-container {
  1323. pointer-events: none; }
  1324. .ag-group-component.ag-collapsed .ag-group-component-toolbar, .ag-group-component.ag-collapsed .ag-group-component-container {
  1325. display: none; }
  1326. .ag-toggle-button .ag-input-wrapper .ag-icon {
  1327. -webkit-transition: right 0.3s;
  1328. transition: right 0.3s;
  1329. position: absolute;
  1330. top: -1px; }
  1331. .ag-input-field {
  1332. display: -webkit-box;
  1333. display: -ms-flexbox;
  1334. display: flex;
  1335. -webkit-box-orient: horizontal;
  1336. -webkit-box-direction: normal;
  1337. -ms-flex-direction: row;
  1338. flex-direction: row;
  1339. -webkit-box-align: center;
  1340. -ms-flex-align: center;
  1341. align-items: center; }
  1342. .ag-input-field input, .ag-input-field select, .ag-input-field textarea {
  1343. -webkit-box-flex: 1;
  1344. -ms-flex: 1 1 auto;
  1345. flex: 1 1 auto;
  1346. width: 100%;
  1347. min-width: 0; }
  1348. .ag-range-field {
  1349. display: -webkit-box;
  1350. display: -ms-flexbox;
  1351. display: flex;
  1352. -webkit-box-align: center;
  1353. -ms-flex-align: center;
  1354. align-items: center; }
  1355. .ag-picker-field > .ag-wrapper, .ag-slider > .ag-wrapper, .ag-angle-select > .ag-wrapper {
  1356. display: -webkit-box;
  1357. display: -ms-flexbox;
  1358. display: flex; }
  1359. .ag-picker-field > .ag-wrapper > div, .ag-slider > .ag-wrapper > div, .ag-angle-select > .ag-wrapper > div {
  1360. -webkit-box-flex: 1;
  1361. -ms-flex: 1 1 auto;
  1362. flex: 1 1 auto; }
  1363. .ag-angle-select {
  1364. display: -webkit-box;
  1365. display: -ms-flexbox;
  1366. display: flex;
  1367. -webkit-box-align: center;
  1368. -ms-flex-align: center;
  1369. align-items: center; }
  1370. .ag-angle-select .ag-angle-select-field .ag-parent-circle {
  1371. display: block;
  1372. position: relative; }
  1373. .ag-angle-select .ag-angle-select-field .ag-child-circle {
  1374. position: absolute; }
  1375. .ag-picker-field {
  1376. display: -webkit-box;
  1377. display: -ms-flexbox;
  1378. display: flex;
  1379. -webkit-box-align: center;
  1380. -ms-flex-align: center;
  1381. align-items: center; }
  1382. .ag-picker-field > .ag-wrapper > button {
  1383. display: -webkit-box;
  1384. display: -ms-flexbox;
  1385. display: flex;
  1386. border: 0;
  1387. padding: 0;
  1388. margin: 0; }
  1389. .ag-color-picker > .ag-wrapper {
  1390. -webkit-box-align: stretch;
  1391. -ms-flex-align: stretch;
  1392. align-items: stretch;
  1393. overflow: hidden; }
  1394. .ag-color-picker button {
  1395. cursor: pointer; }
  1396. .ag-labeled.ag-label-align-right label {
  1397. -webkit-box-ordinal-group: 2;
  1398. -ms-flex-order: 1;
  1399. order: 1; }
  1400. .ag-labeled.ag-label-align-right > div {
  1401. -webkit-box-flex: 0;
  1402. -ms-flex: none;
  1403. flex: none; }
  1404. .ag-labeled.ag-label-align-top {
  1405. -webkit-box-orient: vertical;
  1406. -webkit-box-direction: normal;
  1407. -ms-flex-direction: column;
  1408. flex-direction: column;
  1409. -webkit-box-align: start;
  1410. -ms-flex-align: start;
  1411. align-items: flex-start; }
  1412. .ag-labeled.ag-label-align-top > div {
  1413. -ms-flex-item-align: stretch;
  1414. align-self: stretch; }
  1415. .ag-color-panel {
  1416. display: -webkit-box;
  1417. display: -ms-flexbox;
  1418. display: flex;
  1419. -webkit-box-orient: vertical;
  1420. -webkit-box-direction: normal;
  1421. -ms-flex-direction: column;
  1422. flex-direction: column;
  1423. text-align: center; }
  1424. .ag-color-panel .ag-spectrum-color {
  1425. -webkit-box-flex: 1;
  1426. -ms-flex: 1 1 auto;
  1427. flex: 1 1 auto;
  1428. position: relative;
  1429. overflow: hidden;
  1430. cursor: default; }
  1431. .ag-color-panel .ag-fill {
  1432. position: absolute;
  1433. top: 0;
  1434. left: 0;
  1435. right: 0;
  1436. bottom: 0; }
  1437. .ag-color-panel .ag-spectrum-val {
  1438. cursor: pointer; }
  1439. .ag-color-panel .ag-spectrum-dragger {
  1440. position: absolute;
  1441. pointer-events: none;
  1442. cursor: pointer; }
  1443. .ag-color-panel .ag-spectrum-hue {
  1444. cursor: default;
  1445. 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));
  1446. background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }
  1447. .ag-color-panel .ag-spectrum-alpha {
  1448. cursor: default; }
  1449. .ag-color-panel .ag-spectrum-hue-background {
  1450. width: 100%;
  1451. height: 100%; }
  1452. .ag-color-panel .ag-spectrum-alpha-background {
  1453. background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(black));
  1454. background-image: linear-gradient(to right, rgba(0, 0, 0, 0), black);
  1455. width: 100%;
  1456. height: 100%; }
  1457. .ag-color-panel .ag-hue-alpha {
  1458. cursor: pointer; }
  1459. .ag-color-panel .ag-spectrum-slider {
  1460. position: absolute;
  1461. pointer-events: none; }
  1462. .ag-color-panel .ag-spectrum-text-value {
  1463. display: inline-block;
  1464. text-align: center;
  1465. overflow: hidden;
  1466. white-space: nowrap; }
  1467. .ag-color-panel .ag-spectrum-text-value:focus {
  1468. outline: none;
  1469. outline-offset: 0; }
  1470. .ag-color-panel .ag-recent-colors {
  1471. display: -webkit-box;
  1472. display: -ms-flexbox;
  1473. display: flex; }
  1474. .ag-color-panel .ag-recent-colors > div {
  1475. cursor: pointer; }
  1476. .ag-ltr .ag-toolpanel-indent-1 {
  1477. padding-left: 10px; }
  1478. .ag-rtl .ag-toolpanel-indent-1 {
  1479. padding-right: 10px; }
  1480. .ag-ltr .ag-row-group-indent-1 {
  1481. padding-left: 10px; }
  1482. .ag-rtl .ag-row-group-indent-1 {
  1483. padding-right: 10px; }
  1484. .ag-ltr .ag-toolpanel-indent-2 {
  1485. padding-left: 20px; }
  1486. .ag-rtl .ag-toolpanel-indent-2 {
  1487. padding-right: 20px; }
  1488. .ag-ltr .ag-row-group-indent-2 {
  1489. padding-left: 20px; }
  1490. .ag-rtl .ag-row-group-indent-2 {
  1491. padding-right: 20px; }
  1492. .ag-ltr .ag-toolpanel-indent-3 {
  1493. padding-left: 30px; }
  1494. .ag-rtl .ag-toolpanel-indent-3 {
  1495. padding-right: 30px; }
  1496. .ag-ltr .ag-row-group-indent-3 {
  1497. padding-left: 30px; }
  1498. .ag-rtl .ag-row-group-indent-3 {
  1499. padding-right: 30px; }
  1500. .ag-ltr .ag-toolpanel-indent-4 {
  1501. padding-left: 40px; }
  1502. .ag-rtl .ag-toolpanel-indent-4 {
  1503. padding-right: 40px; }
  1504. .ag-ltr .ag-row-group-indent-4 {
  1505. padding-left: 40px; }
  1506. .ag-rtl .ag-row-group-indent-4 {
  1507. padding-right: 40px; }
  1508. .ag-ltr .ag-toolpanel-indent-5 {
  1509. padding-left: 50px; }
  1510. .ag-rtl .ag-toolpanel-indent-5 {
  1511. padding-right: 50px; }
  1512. .ag-ltr .ag-row-group-indent-5 {
  1513. padding-left: 50px; }
  1514. .ag-rtl .ag-row-group-indent-5 {
  1515. padding-right: 50px; }
  1516. .ag-ltr .ag-toolpanel-indent-6 {
  1517. padding-left: 60px; }
  1518. .ag-rtl .ag-toolpanel-indent-6 {
  1519. padding-right: 60px; }
  1520. .ag-ltr .ag-row-group-indent-6 {
  1521. padding-left: 60px; }
  1522. .ag-rtl .ag-row-group-indent-6 {
  1523. padding-right: 60px; }
  1524. .ag-ltr .ag-toolpanel-indent-7 {
  1525. padding-left: 70px; }
  1526. .ag-rtl .ag-toolpanel-indent-7 {
  1527. padding-right: 70px; }
  1528. .ag-ltr .ag-row-group-indent-7 {
  1529. padding-left: 70px; }
  1530. .ag-rtl .ag-row-group-indent-7 {
  1531. padding-right: 70px; }
  1532. .ag-ltr .ag-toolpanel-indent-8 {
  1533. padding-left: 80px; }
  1534. .ag-rtl .ag-toolpanel-indent-8 {
  1535. padding-right: 80px; }
  1536. .ag-ltr .ag-row-group-indent-8 {
  1537. padding-left: 80px; }
  1538. .ag-rtl .ag-row-group-indent-8 {
  1539. padding-right: 80px; }
  1540. .ag-ltr .ag-toolpanel-indent-9 {
  1541. padding-left: 90px; }
  1542. .ag-rtl .ag-toolpanel-indent-9 {
  1543. padding-right: 90px; }
  1544. .ag-ltr .ag-row-group-indent-9 {
  1545. padding-left: 90px; }
  1546. .ag-rtl .ag-row-group-indent-9 {
  1547. padding-right: 90px; }
  1548. .ag-ltr .ag-toolpanel-indent-10 {
  1549. padding-left: 100px; }
  1550. .ag-rtl .ag-toolpanel-indent-10 {
  1551. padding-right: 100px; }
  1552. .ag-ltr .ag-row-group-indent-10 {
  1553. padding-left: 100px; }
  1554. .ag-rtl .ag-row-group-indent-10 {
  1555. padding-right: 100px; }
  1556. .ag-ltr .ag-toolpanel-indent-11 {
  1557. padding-left: 110px; }
  1558. .ag-rtl .ag-toolpanel-indent-11 {
  1559. padding-right: 110px; }
  1560. .ag-ltr .ag-row-group-indent-11 {
  1561. padding-left: 110px; }
  1562. .ag-rtl .ag-row-group-indent-11 {
  1563. padding-right: 110px; }
  1564. .ag-ltr .ag-toolpanel-indent-12 {
  1565. padding-left: 120px; }
  1566. .ag-rtl .ag-toolpanel-indent-12 {
  1567. padding-right: 120px; }
  1568. .ag-ltr .ag-row-group-indent-12 {
  1569. padding-left: 120px; }
  1570. .ag-rtl .ag-row-group-indent-12 {
  1571. padding-right: 120px; }
  1572. .ag-ltr .ag-toolpanel-indent-13 {
  1573. padding-left: 130px; }
  1574. .ag-rtl .ag-toolpanel-indent-13 {
  1575. padding-right: 130px; }
  1576. .ag-ltr .ag-row-group-indent-13 {
  1577. padding-left: 130px; }
  1578. .ag-rtl .ag-row-group-indent-13 {
  1579. padding-right: 130px; }
  1580. .ag-ltr .ag-toolpanel-indent-14 {
  1581. padding-left: 140px; }
  1582. .ag-rtl .ag-toolpanel-indent-14 {
  1583. padding-right: 140px; }
  1584. .ag-ltr .ag-row-group-indent-14 {
  1585. padding-left: 140px; }
  1586. .ag-rtl .ag-row-group-indent-14 {
  1587. padding-right: 140px; }
  1588. .ag-ltr .ag-toolpanel-indent-15 {
  1589. padding-left: 150px; }
  1590. .ag-rtl .ag-toolpanel-indent-15 {
  1591. padding-right: 150px; }
  1592. .ag-ltr .ag-row-group-indent-15 {
  1593. padding-left: 150px; }
  1594. .ag-rtl .ag-row-group-indent-15 {
  1595. padding-right: 150px; }
  1596. .ag-ltr .ag-toolpanel-indent-16 {
  1597. padding-left: 160px; }
  1598. .ag-rtl .ag-toolpanel-indent-16 {
  1599. padding-right: 160px; }
  1600. .ag-ltr .ag-row-group-indent-16 {
  1601. padding-left: 160px; }
  1602. .ag-rtl .ag-row-group-indent-16 {
  1603. padding-right: 160px; }
  1604. .ag-ltr .ag-toolpanel-indent-17 {
  1605. padding-left: 170px; }
  1606. .ag-rtl .ag-toolpanel-indent-17 {
  1607. padding-right: 170px; }
  1608. .ag-ltr .ag-row-group-indent-17 {
  1609. padding-left: 170px; }
  1610. .ag-rtl .ag-row-group-indent-17 {
  1611. padding-right: 170px; }
  1612. .ag-ltr .ag-toolpanel-indent-18 {
  1613. padding-left: 180px; }
  1614. .ag-rtl .ag-toolpanel-indent-18 {
  1615. padding-right: 180px; }
  1616. .ag-ltr .ag-row-group-indent-18 {
  1617. padding-left: 180px; }
  1618. .ag-rtl .ag-row-group-indent-18 {
  1619. padding-right: 180px; }
  1620. .ag-ltr .ag-toolpanel-indent-19 {
  1621. padding-left: 190px; }
  1622. .ag-rtl .ag-toolpanel-indent-19 {
  1623. padding-right: 190px; }
  1624. .ag-ltr .ag-row-group-indent-19 {
  1625. padding-left: 190px; }
  1626. .ag-rtl .ag-row-group-indent-19 {
  1627. padding-right: 190px; }
  1628. .ag-ltr .ag-toolpanel-indent-20 {
  1629. padding-left: 200px; }
  1630. .ag-rtl .ag-toolpanel-indent-20 {
  1631. padding-right: 200px; }
  1632. .ag-ltr .ag-row-group-indent-20 {
  1633. padding-left: 200px; }
  1634. .ag-rtl .ag-row-group-indent-20 {
  1635. padding-right: 200px; }
  1636. .ag-ltr .ag-toolpanel-indent-21 {
  1637. padding-left: 210px; }
  1638. .ag-rtl .ag-toolpanel-indent-21 {
  1639. padding-right: 210px; }
  1640. .ag-ltr .ag-row-group-indent-21 {
  1641. padding-left: 210px; }
  1642. .ag-rtl .ag-row-group-indent-21 {
  1643. padding-right: 210px; }
  1644. .ag-ltr .ag-toolpanel-indent-22 {
  1645. padding-left: 220px; }
  1646. .ag-rtl .ag-toolpanel-indent-22 {
  1647. padding-right: 220px; }
  1648. .ag-ltr .ag-row-group-indent-22 {
  1649. padding-left: 220px; }
  1650. .ag-rtl .ag-row-group-indent-22 {
  1651. padding-right: 220px; }
  1652. .ag-ltr .ag-toolpanel-indent-23 {
  1653. padding-left: 230px; }
  1654. .ag-rtl .ag-toolpanel-indent-23 {
  1655. padding-right: 230px; }
  1656. .ag-ltr .ag-row-group-indent-23 {
  1657. padding-left: 230px; }
  1658. .ag-rtl .ag-row-group-indent-23 {
  1659. padding-right: 230px; }
  1660. .ag-ltr .ag-toolpanel-indent-24 {
  1661. padding-left: 240px; }
  1662. .ag-rtl .ag-toolpanel-indent-24 {
  1663. padding-right: 240px; }
  1664. .ag-ltr .ag-row-group-indent-24 {
  1665. padding-left: 240px; }
  1666. .ag-rtl .ag-row-group-indent-24 {
  1667. padding-right: 240px; }
  1668. .ag-ltr .ag-toolpanel-indent-25 {
  1669. padding-left: 250px; }
  1670. .ag-rtl .ag-toolpanel-indent-25 {
  1671. padding-right: 250px; }
  1672. .ag-ltr .ag-row-group-indent-25 {
  1673. padding-left: 250px; }
  1674. .ag-rtl .ag-row-group-indent-25 {
  1675. padding-right: 250px; }
  1676. .ag-ltr .ag-toolpanel-indent-26 {
  1677. padding-left: 260px; }
  1678. .ag-rtl .ag-toolpanel-indent-26 {
  1679. padding-right: 260px; }
  1680. .ag-ltr .ag-row-group-indent-26 {
  1681. padding-left: 260px; }
  1682. .ag-rtl .ag-row-group-indent-26 {
  1683. padding-right: 260px; }
  1684. .ag-ltr .ag-toolpanel-indent-27 {
  1685. padding-left: 270px; }
  1686. .ag-rtl .ag-toolpanel-indent-27 {
  1687. padding-right: 270px; }
  1688. .ag-ltr .ag-row-group-indent-27 {
  1689. padding-left: 270px; }
  1690. .ag-rtl .ag-row-group-indent-27 {
  1691. padding-right: 270px; }
  1692. .ag-ltr .ag-toolpanel-indent-28 {
  1693. padding-left: 280px; }
  1694. .ag-rtl .ag-toolpanel-indent-28 {
  1695. padding-right: 280px; }
  1696. .ag-ltr .ag-row-group-indent-28 {
  1697. padding-left: 280px; }
  1698. .ag-rtl .ag-row-group-indent-28 {
  1699. padding-right: 280px; }
  1700. .ag-ltr .ag-toolpanel-indent-29 {
  1701. padding-left: 290px; }
  1702. .ag-rtl .ag-toolpanel-indent-29 {
  1703. padding-right: 290px; }
  1704. .ag-ltr .ag-row-group-indent-29 {
  1705. padding-left: 290px; }
  1706. .ag-rtl .ag-row-group-indent-29 {
  1707. padding-right: 290px; }
  1708. .ag-ltr .ag-toolpanel-indent-30 {
  1709. padding-left: 300px; }
  1710. .ag-rtl .ag-toolpanel-indent-30 {
  1711. padding-right: 300px; }
  1712. .ag-ltr .ag-row-group-indent-30 {
  1713. padding-left: 300px; }
  1714. .ag-rtl .ag-row-group-indent-30 {
  1715. padding-right: 300px; }
  1716. .ag-ltr .ag-toolpanel-indent-31 {
  1717. padding-left: 310px; }
  1718. .ag-rtl .ag-toolpanel-indent-31 {
  1719. padding-right: 310px; }
  1720. .ag-ltr .ag-row-group-indent-31 {
  1721. padding-left: 310px; }
  1722. .ag-rtl .ag-row-group-indent-31 {
  1723. padding-right: 310px; }
  1724. .ag-ltr .ag-toolpanel-indent-32 {
  1725. padding-left: 320px; }
  1726. .ag-rtl .ag-toolpanel-indent-32 {
  1727. padding-right: 320px; }
  1728. .ag-ltr .ag-row-group-indent-32 {
  1729. padding-left: 320px; }
  1730. .ag-rtl .ag-row-group-indent-32 {
  1731. padding-right: 320px; }
  1732. .ag-ltr .ag-toolpanel-indent-33 {
  1733. padding-left: 330px; }
  1734. .ag-rtl .ag-toolpanel-indent-33 {
  1735. padding-right: 330px; }
  1736. .ag-ltr .ag-row-group-indent-33 {
  1737. padding-left: 330px; }
  1738. .ag-rtl .ag-row-group-indent-33 {
  1739. padding-right: 330px; }
  1740. .ag-ltr .ag-toolpanel-indent-34 {
  1741. padding-left: 340px; }
  1742. .ag-rtl .ag-toolpanel-indent-34 {
  1743. padding-right: 340px; }
  1744. .ag-ltr .ag-row-group-indent-34 {
  1745. padding-left: 340px; }
  1746. .ag-rtl .ag-row-group-indent-34 {
  1747. padding-right: 340px; }
  1748. .ag-ltr .ag-toolpanel-indent-35 {
  1749. padding-left: 350px; }
  1750. .ag-rtl .ag-toolpanel-indent-35 {
  1751. padding-right: 350px; }
  1752. .ag-ltr .ag-row-group-indent-35 {
  1753. padding-left: 350px; }
  1754. .ag-rtl .ag-row-group-indent-35 {
  1755. padding-right: 350px; }
  1756. .ag-ltr .ag-toolpanel-indent-36 {
  1757. padding-left: 360px; }
  1758. .ag-rtl .ag-toolpanel-indent-36 {
  1759. padding-right: 360px; }
  1760. .ag-ltr .ag-row-group-indent-36 {
  1761. padding-left: 360px; }
  1762. .ag-rtl .ag-row-group-indent-36 {
  1763. padding-right: 360px; }
  1764. .ag-ltr .ag-toolpanel-indent-37 {
  1765. padding-left: 370px; }
  1766. .ag-rtl .ag-toolpanel-indent-37 {
  1767. padding-right: 370px; }
  1768. .ag-ltr .ag-row-group-indent-37 {
  1769. padding-left: 370px; }
  1770. .ag-rtl .ag-row-group-indent-37 {
  1771. padding-right: 370px; }
  1772. .ag-ltr .ag-toolpanel-indent-38 {
  1773. padding-left: 380px; }
  1774. .ag-rtl .ag-toolpanel-indent-38 {
  1775. padding-right: 380px; }
  1776. .ag-ltr .ag-row-group-indent-38 {
  1777. padding-left: 380px; }
  1778. .ag-rtl .ag-row-group-indent-38 {
  1779. padding-right: 380px; }
  1780. .ag-ltr .ag-toolpanel-indent-39 {
  1781. padding-left: 390px; }
  1782. .ag-rtl .ag-toolpanel-indent-39 {
  1783. padding-right: 390px; }
  1784. .ag-ltr .ag-row-group-indent-39 {
  1785. padding-left: 390px; }
  1786. .ag-rtl .ag-row-group-indent-39 {
  1787. padding-right: 390px; }
  1788. .ag-ltr .ag-toolpanel-indent-40 {
  1789. padding-left: 400px; }
  1790. .ag-rtl .ag-toolpanel-indent-40 {
  1791. padding-right: 400px; }
  1792. .ag-ltr .ag-row-group-indent-40 {
  1793. padding-left: 400px; }
  1794. .ag-rtl .ag-row-group-indent-40 {
  1795. padding-right: 400px; }
  1796. .ag-ltr .ag-toolpanel-indent-41 {
  1797. padding-left: 410px; }
  1798. .ag-rtl .ag-toolpanel-indent-41 {
  1799. padding-right: 410px; }
  1800. .ag-ltr .ag-row-group-indent-41 {
  1801. padding-left: 410px; }
  1802. .ag-rtl .ag-row-group-indent-41 {
  1803. padding-right: 410px; }
  1804. .ag-ltr .ag-toolpanel-indent-42 {
  1805. padding-left: 420px; }
  1806. .ag-rtl .ag-toolpanel-indent-42 {
  1807. padding-right: 420px; }
  1808. .ag-ltr .ag-row-group-indent-42 {
  1809. padding-left: 420px; }
  1810. .ag-rtl .ag-row-group-indent-42 {
  1811. padding-right: 420px; }
  1812. .ag-ltr .ag-toolpanel-indent-43 {
  1813. padding-left: 430px; }
  1814. .ag-rtl .ag-toolpanel-indent-43 {
  1815. padding-right: 430px; }
  1816. .ag-ltr .ag-row-group-indent-43 {
  1817. padding-left: 430px; }
  1818. .ag-rtl .ag-row-group-indent-43 {
  1819. padding-right: 430px; }
  1820. .ag-ltr .ag-toolpanel-indent-44 {
  1821. padding-left: 440px; }
  1822. .ag-rtl .ag-toolpanel-indent-44 {
  1823. padding-right: 440px; }
  1824. .ag-ltr .ag-row-group-indent-44 {
  1825. padding-left: 440px; }
  1826. .ag-rtl .ag-row-group-indent-44 {
  1827. padding-right: 440px; }
  1828. .ag-ltr .ag-toolpanel-indent-45 {
  1829. padding-left: 450px; }
  1830. .ag-rtl .ag-toolpanel-indent-45 {
  1831. padding-right: 450px; }
  1832. .ag-ltr .ag-row-group-indent-45 {
  1833. padding-left: 450px; }
  1834. .ag-rtl .ag-row-group-indent-45 {
  1835. padding-right: 450px; }
  1836. .ag-ltr .ag-toolpanel-indent-46 {
  1837. padding-left: 460px; }
  1838. .ag-rtl .ag-toolpanel-indent-46 {
  1839. padding-right: 460px; }
  1840. .ag-ltr .ag-row-group-indent-46 {
  1841. padding-left: 460px; }
  1842. .ag-rtl .ag-row-group-indent-46 {
  1843. padding-right: 460px; }
  1844. .ag-ltr .ag-toolpanel-indent-47 {
  1845. padding-left: 470px; }
  1846. .ag-rtl .ag-toolpanel-indent-47 {
  1847. padding-right: 470px; }
  1848. .ag-ltr .ag-row-group-indent-47 {
  1849. padding-left: 470px; }
  1850. .ag-rtl .ag-row-group-indent-47 {
  1851. padding-right: 470px; }
  1852. .ag-ltr .ag-toolpanel-indent-48 {
  1853. padding-left: 480px; }
  1854. .ag-rtl .ag-toolpanel-indent-48 {
  1855. padding-right: 480px; }
  1856. .ag-ltr .ag-row-group-indent-48 {
  1857. padding-left: 480px; }
  1858. .ag-rtl .ag-row-group-indent-48 {
  1859. padding-right: 480px; }
  1860. .ag-ltr .ag-toolpanel-indent-49 {
  1861. padding-left: 490px; }
  1862. .ag-rtl .ag-toolpanel-indent-49 {
  1863. padding-right: 490px; }
  1864. .ag-ltr .ag-row-group-indent-49 {
  1865. padding-left: 490px; }
  1866. .ag-rtl .ag-row-group-indent-49 {
  1867. padding-right: 490px; }
  1868. .ag-ltr {
  1869. direction: ltr; }
  1870. .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 {
  1871. -webkit-box-orient: horizontal;
  1872. -webkit-box-direction: normal;
  1873. -ms-flex-direction: row;
  1874. flex-direction: row; }
  1875. .ag-ltr .ag-header-cell-resize {
  1876. right: -4px; }
  1877. .ag-ltr .ag-pinned-right-header .ag-header-cell-resize {
  1878. left: -4px; }
  1879. .ag-rtl {
  1880. direction: rtl; }
  1881. .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 {
  1882. -webkit-box-orient: horizontal;
  1883. -webkit-box-direction: reverse;
  1884. -ms-flex-direction: row-reverse;
  1885. flex-direction: row-reverse; }
  1886. .ag-rtl .ag-header-cell-resize {
  1887. left: -4px; }
  1888. .ag-rtl .ag-pinned-left-header .ag-header-cell-resize {
  1889. right: -4px; }
  1890. @media print {
  1891. .ag-body-viewport {
  1892. display: block; }
  1893. .ag-row {
  1894. page-break-inside: avoid; } }
  1895. .ag-body .ag-pinned-left-cols-viewport, .ag-body .ag-body-viewport, .ag-body .ag-pinned-right-cols-viewport {
  1896. -webkit-overflow-scrolling: touch; }
  1897. .ag-chart {
  1898. position: relative;
  1899. display: flex;
  1900. overflow: hidden;
  1901. width: 100%;
  1902. height: 100%; }
  1903. .ag-chart .ag-chart-components-wrapper {
  1904. position: relative;
  1905. display: flex;
  1906. flex: 1 1 auto;
  1907. overflow: hidden; }
  1908. .ag-chart .ag-chart-components-wrapper .ag-chart-canvas-wrapper {
  1909. position: relative;
  1910. flex: 1 1 auto;
  1911. overflow: hidden; }
  1912. .ag-chart .ag-chart-components-wrapper .ag-chart-canvas-wrapper canvas {
  1913. display: block; }
  1914. .ag-chart .ag-chart-components-wrapper .ag-chart-menu {
  1915. position: absolute;
  1916. top: 10px;
  1917. right: 20px;
  1918. width: 24px;
  1919. overflow: hidden;
  1920. display: flex;
  1921. flex-direction: column; }
  1922. .ag-chart:not(.ag-has-menu):hover .ag-chart-menu {
  1923. opacity: 1;
  1924. pointer-events: all; }
  1925. .ag-chart .ag-chart-docked-container {
  1926. position: relative;
  1927. width: 0;
  1928. min-width: 0;
  1929. transition: min-width 0.4s; }
  1930. .ag-chart .ag-chart-docked-container .ag-panel {
  1931. border-width: 0 0 0 1px; }
  1932. .ag-chart-tabbed-menu > div {
  1933. width: 100%;
  1934. height: 100%;
  1935. display: flex;
  1936. flex-direction: column;
  1937. overflow: hidden; }
  1938. .ag-chart-tabbed-menu .ag-tab-header {
  1939. flex: none;
  1940. user-select: none;
  1941. cursor: default; }
  1942. .ag-chart-tabbed-menu .ag-tab-body {
  1943. display: flex;
  1944. flex: 1 1 auto;
  1945. align-items: stretch;
  1946. overflow: hidden; }
  1947. .ag-chart-tabbed-menu .ag-tab-body > div {
  1948. width: 100%;
  1949. overflow: hidden;
  1950. overflow-y: auto; }
  1951. .ag-chart-tabbed-menu .ag-chart-settings {
  1952. overflow-x: hidden; }
  1953. .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper {
  1954. position: relative;
  1955. flex-direction: column;
  1956. width: 100%;
  1957. height: 100%;
  1958. display: flex;
  1959. overflow: hidden; }
  1960. .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar {
  1961. width: 100%;
  1962. display: flex;
  1963. height: 30px;
  1964. align-items: center; }
  1965. .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector {
  1966. display: flex;
  1967. align-items: center;
  1968. justify-content: space-around;
  1969. flex: 1 1 auto;
  1970. height: 100%; }
  1971. .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
  1972. opacity: 0.2; }
  1973. .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 {
  1974. opacity: 1; }
  1975. .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 {
  1976. position: relative;
  1977. flex: none; }
  1978. .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 {
  1979. position: absolute;
  1980. top: 0;
  1981. left: 0;
  1982. width: 100%;
  1983. height: 100%;
  1984. cursor: pointer;
  1985. opacity: 0; }
  1986. .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container {
  1987. position: relative;
  1988. flex: 1 1 auto;
  1989. overflow-x: hidden;
  1990. overflow-y: auto; }
  1991. .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper {
  1992. position: absolute;
  1993. top: 0;
  1994. left: 0;
  1995. display: flex;
  1996. flex-direction: column;
  1997. width: 100%;
  1998. min-height: 100%;
  1999. overflow: hidden; }
  2000. .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 {
  2001. flex: none; }
  2002. .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 {
  2003. flex-direction: row;
  2004. flex-wrap: wrap; }
  2005. .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 {
  2006. flex: none; }
  2007. .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 {
  2008. transition: left 0.3s;
  2009. transition-timing-function: ease-in-out; }
  2010. .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 {
  2011. cursor: pointer; }
  2012. .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 {
  2013. display: block; }
  2014. .ag-chart-tabbed-menu .ag-chart-data-wrapper, .ag-chart-tabbed-menu .ag-chart-format-wrapper {
  2015. display: flex;
  2016. flex-direction: column;
  2017. position: relative;
  2018. user-select: none; }
  2019. .ag-chart-tabbed-menu .ag-chart-data-wrapper > div, .ag-chart-tabbed-menu .ag-chart-format-wrapper > div {
  2020. display: flex;
  2021. margin: 0;
  2022. padding-bottom: 2px; }
  2023. .ag-chart-tabbed-menu .ag-chart-data-wrapper > div:not(:first-child), .ag-chart-tabbed-menu .ag-chart-format-wrapper > div:not(:first-child) {
  2024. margin-top: 0; }
  2025. .ag-chart-tabbed-menu .ag-chart-format-wrapper {
  2026. overflow-x: hidden; }
  2027. .ag-chart-tabbed-menu .ag-chart-format-wrapper .ag-group-component .ag-group-subgroup {
  2028. justify-content: space-between; }
  2029. .ag-chart .ag-chart-canvas-wrapper.ag-chart-empty > canvas {
  2030. visibility: hidden; }
  2031. .ag-chart .ag-chart-canvas-wrapper.ag-chart-empty .ag-chart-empty-text {
  2032. display: flex; }
  2033. .ag-chart .ag-chart-empty-text {
  2034. display: none;
  2035. position: absolute;
  2036. top: 0;
  2037. width: 100%;
  2038. height: 100%;
  2039. align-items: center;
  2040. justify-content: center; }
  2041. .ag-chart .ag-chart-menu {
  2042. opacity: 0;
  2043. pointer-events: none; }
  2044. .ag-chart .ag-chart-menu > span {
  2045. opacity: 0.5;
  2046. line-height: 24px;
  2047. font-size: 24px;
  2048. width: 24px;
  2049. height: 24px;
  2050. margin: 2px 0;
  2051. cursor: pointer; }
  2052. .ag-chart .ag-chart-menu > span:hover {
  2053. border-radius: 5px; }
  2054. .ag-chart .ag-chart-docked-container {
  2055. min-width: 0;
  2056. width: 0; }
  2057. .ag-chart-tabbed-menu .ag-tab-body {
  2058. padding: 0; }
  2059. .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar {
  2060. padding: 0 10px;
  2061. user-select: none; }
  2062. .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector {
  2063. padding: 0 10px; }
  2064. .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
  2065. cursor: pointer; }