ag-theme-material.css 99 KB

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