UNPKG

31.1 kBCSSView Raw
1/*
2- todo {
3- loading overlay colors {
4- rich select colors {
5 */
6.ag-icon:not(.ag-faded) {
7 opacity: 0.8; }
8
9.ag-fresh {
10 line-height: 1.4;
11 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
12 font-size: 14px;
13 color: #222;
14 /* this is for the rowGroupPanel, that appears along the top of the grid */
15 /* this is for the column drops that appear in the toolPanel */ }
16 .ag-fresh .ag-numeric-cell {
17 text-align: right; }
18 .ag-fresh .ag-header-cell-label {
19 display: flex; }
20 .ag-fresh .ag-header-cell-label > span {
21 float: left; }
22 .ag-fresh .ag-header-cell-label .ag-header-icon {
23 margin-top: 2px; }
24 .ag-fresh .ag-header-cell-label .ag-header-cell-text {
25 white-space: nowrap;
26 overflow: hidden;
27 text-overflow: ellipsis; }
28 .ag-fresh .ag-numeric-header .ag-header-cell-label {
29 flex-direction: row-reverse; }
30 .ag-fresh .ag-numeric-header .ag-header-cell-menu-button {
31 float: left; }
32 .ag-fresh .ag-numeric-header .ag-header-cell-label {
33 width: calc(100% - 12px);
34 float: right; }
35 .ag-fresh .ag-numeric-header .ag-header-cell-label > span {
36 float: right; }
37 .ag-fresh .ag-header-cell-resize {
38 position: absolute;
39 right: 0; }
40 .ag-fresh .ag-rtl .ag-header-cell-resize {
41 position: absolute;
42 left: 0;
43 right: auto; }
44 .ag-fresh img {
45 vertical-align: middle;
46 border: 0; }
47 .ag-fresh .ag-root {
48 border: 1px solid darkgrey; }
49 .ag-fresh .ag-cell-data-changed {
50 background-color: #cec; }
51 .ag-fresh .ag-cell-data-changed-animation {
52 background-color: transparent;
53 transition: background-color 1s; }
54 .ag-fresh .ag-cell-not-inline-editing {
55 padding: 2px;
56 /* compensate for the transparent borders; */
57 padding-left: 1px; }
58 .ag-fresh .ag-cell-range-selected-1:not(.ag-cell-focus) {
59 background-color: rgba(120, 120, 120, 0.4); }
60 .ag-fresh .ag-cell-range-selected-2:not(.ag-cell-focus) {
61 background-color: rgba(80, 80, 80, 0.4); }
62 .ag-fresh .ag-cell-range-selected-3:not(.ag-cell-focus) {
63 background-color: rgba(40, 40, 40, 0.4); }
64 .ag-fresh .ag-cell-range-selected-4:not(.ag-cell-focus) {
65 background-color: rgba(0, 0, 0, 0.4); }
66 .ag-fresh .ag-cell-focus {
67 border: 1px solid darkgrey; }
68 .ag-fresh .ag-cell-no-focus {
69 border-top: 1px solid transparent;
70 border-bottom: 1px solid transparent; }
71 .ag-fresh .ag-ltr .ag-cell-no-focus {
72 border-right: 1px dotted silver;
73 border-left: 1px solid transparent; }
74 .ag-fresh .ag-rtl .ag-cell-no-focus {
75 border-right: 1px solid transparent;
76 border-left: 1px dotted silver; }
77 .ag-fresh .ag-ltr .ag-toolpanel-indent-1 {
78 padding-left: 10px; }
79 .ag-fresh .ag-rtl .ag-toolpanel-indent-1 {
80 padding-right: 10px; }
81 .ag-fresh .ag-ltr .ag-row-group-indent-1 {
82 padding-left: 10px; }
83 .ag-fresh .ag-rtl .ag-row-group-indent-1 {
84 padding-right: 10px; }
85 .ag-fresh .ag-ltr .ag-toolpanel-indent-2 {
86 padding-left: 20px; }
87 .ag-fresh .ag-rtl .ag-toolpanel-indent-2 {
88 padding-right: 20px; }
89 .ag-fresh .ag-ltr .ag-row-group-indent-2 {
90 padding-left: 20px; }
91 .ag-fresh .ag-rtl .ag-row-group-indent-2 {
92 padding-right: 20px; }
93 .ag-fresh .ag-ltr .ag-toolpanel-indent-3 {
94 padding-left: 30px; }
95 .ag-fresh .ag-rtl .ag-toolpanel-indent-3 {
96 padding-right: 30px; }
97 .ag-fresh .ag-ltr .ag-row-group-indent-3 {
98 padding-left: 30px; }
99 .ag-fresh .ag-rtl .ag-row-group-indent-3 {
100 padding-right: 30px; }
101 .ag-fresh .ag-ltr .ag-toolpanel-indent-4 {
102 padding-left: 40px; }
103 .ag-fresh .ag-rtl .ag-toolpanel-indent-4 {
104 padding-right: 40px; }
105 .ag-fresh .ag-ltr .ag-row-group-indent-4 {
106 padding-left: 40px; }
107 .ag-fresh .ag-rtl .ag-row-group-indent-4 {
108 padding-right: 40px; }
109 .ag-fresh .ag-ltr .ag-toolpanel-indent-5 {
110 padding-left: 50px; }
111 .ag-fresh .ag-rtl .ag-toolpanel-indent-5 {
112 padding-right: 50px; }
113 .ag-fresh .ag-ltr .ag-row-group-indent-5 {
114 padding-left: 50px; }
115 .ag-fresh .ag-rtl .ag-row-group-indent-5 {
116 padding-right: 50px; }
117 .ag-fresh .ag-ltr .ag-toolpanel-indent-6 {
118 padding-left: 60px; }
119 .ag-fresh .ag-rtl .ag-toolpanel-indent-6 {
120 padding-right: 60px; }
121 .ag-fresh .ag-ltr .ag-row-group-indent-6 {
122 padding-left: 60px; }
123 .ag-fresh .ag-rtl .ag-row-group-indent-6 {
124 padding-right: 60px; }
125 .ag-fresh .ag-ltr .ag-toolpanel-indent-7 {
126 padding-left: 70px; }
127 .ag-fresh .ag-rtl .ag-toolpanel-indent-7 {
128 padding-right: 70px; }
129 .ag-fresh .ag-ltr .ag-row-group-indent-7 {
130 padding-left: 70px; }
131 .ag-fresh .ag-rtl .ag-row-group-indent-7 {
132 padding-right: 70px; }
133 .ag-fresh .ag-ltr .ag-toolpanel-indent-8 {
134 padding-left: 80px; }
135 .ag-fresh .ag-rtl .ag-toolpanel-indent-8 {
136 padding-right: 80px; }
137 .ag-fresh .ag-ltr .ag-row-group-indent-8 {
138 padding-left: 80px; }
139 .ag-fresh .ag-rtl .ag-row-group-indent-8 {
140 padding-right: 80px; }
141 .ag-fresh .ag-ltr .ag-toolpanel-indent-9 {
142 padding-left: 90px; }
143 .ag-fresh .ag-rtl .ag-toolpanel-indent-9 {
144 padding-right: 90px; }
145 .ag-fresh .ag-ltr .ag-row-group-indent-9 {
146 padding-left: 90px; }
147 .ag-fresh .ag-rtl .ag-row-group-indent-9 {
148 padding-right: 90px; }
149 .ag-fresh .ag-ltr .ag-toolpanel-indent-10 {
150 padding-left: 100px; }
151 .ag-fresh .ag-rtl .ag-toolpanel-indent-10 {
152 padding-right: 100px; }
153 .ag-fresh .ag-ltr .ag-row-group-indent-10 {
154 padding-left: 100px; }
155 .ag-fresh .ag-rtl .ag-row-group-indent-10 {
156 padding-right: 100px; }
157 .ag-fresh .ag-ltr .ag-toolpanel-indent-11 {
158 padding-left: 110px; }
159 .ag-fresh .ag-rtl .ag-toolpanel-indent-11 {
160 padding-right: 110px; }
161 .ag-fresh .ag-ltr .ag-row-group-indent-11 {
162 padding-left: 110px; }
163 .ag-fresh .ag-rtl .ag-row-group-indent-11 {
164 padding-right: 110px; }
165 .ag-fresh .ag-ltr .ag-toolpanel-indent-12 {
166 padding-left: 120px; }
167 .ag-fresh .ag-rtl .ag-toolpanel-indent-12 {
168 padding-right: 120px; }
169 .ag-fresh .ag-ltr .ag-row-group-indent-12 {
170 padding-left: 120px; }
171 .ag-fresh .ag-rtl .ag-row-group-indent-12 {
172 padding-right: 120px; }
173 .ag-fresh .ag-ltr .ag-toolpanel-indent-13 {
174 padding-left: 130px; }
175 .ag-fresh .ag-rtl .ag-toolpanel-indent-13 {
176 padding-right: 130px; }
177 .ag-fresh .ag-ltr .ag-row-group-indent-13 {
178 padding-left: 130px; }
179 .ag-fresh .ag-rtl .ag-row-group-indent-13 {
180 padding-right: 130px; }
181 .ag-fresh .ag-ltr .ag-toolpanel-indent-14 {
182 padding-left: 140px; }
183 .ag-fresh .ag-rtl .ag-toolpanel-indent-14 {
184 padding-right: 140px; }
185 .ag-fresh .ag-ltr .ag-row-group-indent-14 {
186 padding-left: 140px; }
187 .ag-fresh .ag-rtl .ag-row-group-indent-14 {
188 padding-right: 140px; }
189 .ag-fresh .ag-ltr .ag-toolpanel-indent-15 {
190 padding-left: 150px; }
191 .ag-fresh .ag-rtl .ag-toolpanel-indent-15 {
192 padding-right: 150px; }
193 .ag-fresh .ag-ltr .ag-row-group-indent-15 {
194 padding-left: 150px; }
195 .ag-fresh .ag-rtl .ag-row-group-indent-15 {
196 padding-right: 150px; }
197 .ag-fresh .ag-ltr .ag-toolpanel-indent-16 {
198 padding-left: 160px; }
199 .ag-fresh .ag-rtl .ag-toolpanel-indent-16 {
200 padding-right: 160px; }
201 .ag-fresh .ag-ltr .ag-row-group-indent-16 {
202 padding-left: 160px; }
203 .ag-fresh .ag-rtl .ag-row-group-indent-16 {
204 padding-right: 160px; }
205 .ag-fresh .ag-ltr .ag-toolpanel-indent-17 {
206 padding-left: 170px; }
207 .ag-fresh .ag-rtl .ag-toolpanel-indent-17 {
208 padding-right: 170px; }
209 .ag-fresh .ag-ltr .ag-row-group-indent-17 {
210 padding-left: 170px; }
211 .ag-fresh .ag-rtl .ag-row-group-indent-17 {
212 padding-right: 170px; }
213 .ag-fresh .ag-ltr .ag-toolpanel-indent-18 {
214 padding-left: 180px; }
215 .ag-fresh .ag-rtl .ag-toolpanel-indent-18 {
216 padding-right: 180px; }
217 .ag-fresh .ag-ltr .ag-row-group-indent-18 {
218 padding-left: 180px; }
219 .ag-fresh .ag-rtl .ag-row-group-indent-18 {
220 padding-right: 180px; }
221 .ag-fresh .ag-ltr .ag-toolpanel-indent-19 {
222 padding-left: 190px; }
223 .ag-fresh .ag-rtl .ag-toolpanel-indent-19 {
224 padding-right: 190px; }
225 .ag-fresh .ag-ltr .ag-row-group-indent-19 {
226 padding-left: 190px; }
227 .ag-fresh .ag-rtl .ag-row-group-indent-19 {
228 padding-right: 190px; }
229 .ag-fresh .ag-ltr .ag-toolpanel-indent-20 {
230 padding-left: 200px; }
231 .ag-fresh .ag-rtl .ag-toolpanel-indent-20 {
232 padding-right: 200px; }
233 .ag-fresh .ag-ltr .ag-row-group-indent-20 {
234 padding-left: 200px; }
235 .ag-fresh .ag-rtl .ag-row-group-indent-20 {
236 padding-right: 200px; }
237 .ag-fresh .ag-ltr .ag-toolpanel-indent-21 {
238 padding-left: 210px; }
239 .ag-fresh .ag-rtl .ag-toolpanel-indent-21 {
240 padding-right: 210px; }
241 .ag-fresh .ag-ltr .ag-row-group-indent-21 {
242 padding-left: 210px; }
243 .ag-fresh .ag-rtl .ag-row-group-indent-21 {
244 padding-right: 210px; }
245 .ag-fresh .ag-ltr .ag-toolpanel-indent-22 {
246 padding-left: 220px; }
247 .ag-fresh .ag-rtl .ag-toolpanel-indent-22 {
248 padding-right: 220px; }
249 .ag-fresh .ag-ltr .ag-row-group-indent-22 {
250 padding-left: 220px; }
251 .ag-fresh .ag-rtl .ag-row-group-indent-22 {
252 padding-right: 220px; }
253 .ag-fresh .ag-ltr .ag-toolpanel-indent-23 {
254 padding-left: 230px; }
255 .ag-fresh .ag-rtl .ag-toolpanel-indent-23 {
256 padding-right: 230px; }
257 .ag-fresh .ag-ltr .ag-row-group-indent-23 {
258 padding-left: 230px; }
259 .ag-fresh .ag-rtl .ag-row-group-indent-23 {
260 padding-right: 230px; }
261 .ag-fresh .ag-ltr .ag-toolpanel-indent-24 {
262 padding-left: 240px; }
263 .ag-fresh .ag-rtl .ag-toolpanel-indent-24 {
264 padding-right: 240px; }
265 .ag-fresh .ag-ltr .ag-row-group-indent-24 {
266 padding-left: 240px; }
267 .ag-fresh .ag-rtl .ag-row-group-indent-24 {
268 padding-right: 240px; }
269 .ag-fresh .ag-ltr .ag-toolpanel-indent-25 {
270 padding-left: 250px; }
271 .ag-fresh .ag-rtl .ag-toolpanel-indent-25 {
272 padding-right: 250px; }
273 .ag-fresh .ag-ltr .ag-row-group-indent-25 {
274 padding-left: 250px; }
275 .ag-fresh .ag-rtl .ag-row-group-indent-25 {
276 padding-right: 250px; }
277 .ag-fresh .ag-ltr .ag-toolpanel-indent-26 {
278 padding-left: 260px; }
279 .ag-fresh .ag-rtl .ag-toolpanel-indent-26 {
280 padding-right: 260px; }
281 .ag-fresh .ag-ltr .ag-row-group-indent-26 {
282 padding-left: 260px; }
283 .ag-fresh .ag-rtl .ag-row-group-indent-26 {
284 padding-right: 260px; }
285 .ag-fresh .ag-ltr .ag-toolpanel-indent-27 {
286 padding-left: 270px; }
287 .ag-fresh .ag-rtl .ag-toolpanel-indent-27 {
288 padding-right: 270px; }
289 .ag-fresh .ag-ltr .ag-row-group-indent-27 {
290 padding-left: 270px; }
291 .ag-fresh .ag-rtl .ag-row-group-indent-27 {
292 padding-right: 270px; }
293 .ag-fresh .ag-ltr .ag-toolpanel-indent-28 {
294 padding-left: 280px; }
295 .ag-fresh .ag-rtl .ag-toolpanel-indent-28 {
296 padding-right: 280px; }
297 .ag-fresh .ag-ltr .ag-row-group-indent-28 {
298 padding-left: 280px; }
299 .ag-fresh .ag-rtl .ag-row-group-indent-28 {
300 padding-right: 280px; }
301 .ag-fresh .ag-ltr .ag-toolpanel-indent-29 {
302 padding-left: 290px; }
303 .ag-fresh .ag-rtl .ag-toolpanel-indent-29 {
304 padding-right: 290px; }
305 .ag-fresh .ag-ltr .ag-row-group-indent-29 {
306 padding-left: 290px; }
307 .ag-fresh .ag-rtl .ag-row-group-indent-29 {
308 padding-right: 290px; }
309 .ag-fresh .ag-ltr .ag-toolpanel-indent-30 {
310 padding-left: 300px; }
311 .ag-fresh .ag-rtl .ag-toolpanel-indent-30 {
312 padding-right: 300px; }
313 .ag-fresh .ag-ltr .ag-row-group-indent-30 {
314 padding-left: 300px; }
315 .ag-fresh .ag-rtl .ag-row-group-indent-30 {
316 padding-right: 300px; }
317 .ag-fresh .ag-ltr .ag-toolpanel-indent-31 {
318 padding-left: 310px; }
319 .ag-fresh .ag-rtl .ag-toolpanel-indent-31 {
320 padding-right: 310px; }
321 .ag-fresh .ag-ltr .ag-row-group-indent-31 {
322 padding-left: 310px; }
323 .ag-fresh .ag-rtl .ag-row-group-indent-31 {
324 padding-right: 310px; }
325 .ag-fresh .ag-ltr .ag-toolpanel-indent-32 {
326 padding-left: 320px; }
327 .ag-fresh .ag-rtl .ag-toolpanel-indent-32 {
328 padding-right: 320px; }
329 .ag-fresh .ag-ltr .ag-row-group-indent-32 {
330 padding-left: 320px; }
331 .ag-fresh .ag-rtl .ag-row-group-indent-32 {
332 padding-right: 320px; }
333 .ag-fresh .ag-ltr .ag-toolpanel-indent-33 {
334 padding-left: 330px; }
335 .ag-fresh .ag-rtl .ag-toolpanel-indent-33 {
336 padding-right: 330px; }
337 .ag-fresh .ag-ltr .ag-row-group-indent-33 {
338 padding-left: 330px; }
339 .ag-fresh .ag-rtl .ag-row-group-indent-33 {
340 padding-right: 330px; }
341 .ag-fresh .ag-ltr .ag-toolpanel-indent-34 {
342 padding-left: 340px; }
343 .ag-fresh .ag-rtl .ag-toolpanel-indent-34 {
344 padding-right: 340px; }
345 .ag-fresh .ag-ltr .ag-row-group-indent-34 {
346 padding-left: 340px; }
347 .ag-fresh .ag-rtl .ag-row-group-indent-34 {
348 padding-right: 340px; }
349 .ag-fresh .ag-ltr .ag-toolpanel-indent-35 {
350 padding-left: 350px; }
351 .ag-fresh .ag-rtl .ag-toolpanel-indent-35 {
352 padding-right: 350px; }
353 .ag-fresh .ag-ltr .ag-row-group-indent-35 {
354 padding-left: 350px; }
355 .ag-fresh .ag-rtl .ag-row-group-indent-35 {
356 padding-right: 350px; }
357 .ag-fresh .ag-ltr .ag-toolpanel-indent-36 {
358 padding-left: 360px; }
359 .ag-fresh .ag-rtl .ag-toolpanel-indent-36 {
360 padding-right: 360px; }
361 .ag-fresh .ag-ltr .ag-row-group-indent-36 {
362 padding-left: 360px; }
363 .ag-fresh .ag-rtl .ag-row-group-indent-36 {
364 padding-right: 360px; }
365 .ag-fresh .ag-ltr .ag-toolpanel-indent-37 {
366 padding-left: 370px; }
367 .ag-fresh .ag-rtl .ag-toolpanel-indent-37 {
368 padding-right: 370px; }
369 .ag-fresh .ag-ltr .ag-row-group-indent-37 {
370 padding-left: 370px; }
371 .ag-fresh .ag-rtl .ag-row-group-indent-37 {
372 padding-right: 370px; }
373 .ag-fresh .ag-ltr .ag-toolpanel-indent-38 {
374 padding-left: 380px; }
375 .ag-fresh .ag-rtl .ag-toolpanel-indent-38 {
376 padding-right: 380px; }
377 .ag-fresh .ag-ltr .ag-row-group-indent-38 {
378 padding-left: 380px; }
379 .ag-fresh .ag-rtl .ag-row-group-indent-38 {
380 padding-right: 380px; }
381 .ag-fresh .ag-ltr .ag-toolpanel-indent-39 {
382 padding-left: 390px; }
383 .ag-fresh .ag-rtl .ag-toolpanel-indent-39 {
384 padding-right: 390px; }
385 .ag-fresh .ag-ltr .ag-row-group-indent-39 {
386 padding-left: 390px; }
387 .ag-fresh .ag-rtl .ag-row-group-indent-39 {
388 padding-right: 390px; }
389 .ag-fresh .ag-ltr .ag-toolpanel-indent-40 {
390 padding-left: 400px; }
391 .ag-fresh .ag-rtl .ag-toolpanel-indent-40 {
392 padding-right: 400px; }
393 .ag-fresh .ag-ltr .ag-row-group-indent-40 {
394 padding-left: 400px; }
395 .ag-fresh .ag-rtl .ag-row-group-indent-40 {
396 padding-right: 400px; }
397 .ag-fresh .ag-ltr .ag-toolpanel-indent-41 {
398 padding-left: 410px; }
399 .ag-fresh .ag-rtl .ag-toolpanel-indent-41 {
400 padding-right: 410px; }
401 .ag-fresh .ag-ltr .ag-row-group-indent-41 {
402 padding-left: 410px; }
403 .ag-fresh .ag-rtl .ag-row-group-indent-41 {
404 padding-right: 410px; }
405 .ag-fresh .ag-ltr .ag-toolpanel-indent-42 {
406 padding-left: 420px; }
407 .ag-fresh .ag-rtl .ag-toolpanel-indent-42 {
408 padding-right: 420px; }
409 .ag-fresh .ag-ltr .ag-row-group-indent-42 {
410 padding-left: 420px; }
411 .ag-fresh .ag-rtl .ag-row-group-indent-42 {
412 padding-right: 420px; }
413 .ag-fresh .ag-ltr .ag-toolpanel-indent-43 {
414 padding-left: 430px; }
415 .ag-fresh .ag-rtl .ag-toolpanel-indent-43 {
416 padding-right: 430px; }
417 .ag-fresh .ag-ltr .ag-row-group-indent-43 {
418 padding-left: 430px; }
419 .ag-fresh .ag-rtl .ag-row-group-indent-43 {
420 padding-right: 430px; }
421 .ag-fresh .ag-ltr .ag-toolpanel-indent-44 {
422 padding-left: 440px; }
423 .ag-fresh .ag-rtl .ag-toolpanel-indent-44 {
424 padding-right: 440px; }
425 .ag-fresh .ag-ltr .ag-row-group-indent-44 {
426 padding-left: 440px; }
427 .ag-fresh .ag-rtl .ag-row-group-indent-44 {
428 padding-right: 440px; }
429 .ag-fresh .ag-ltr .ag-toolpanel-indent-45 {
430 padding-left: 450px; }
431 .ag-fresh .ag-rtl .ag-toolpanel-indent-45 {
432 padding-right: 450px; }
433 .ag-fresh .ag-ltr .ag-row-group-indent-45 {
434 padding-left: 450px; }
435 .ag-fresh .ag-rtl .ag-row-group-indent-45 {
436 padding-right: 450px; }
437 .ag-fresh .ag-ltr .ag-toolpanel-indent-46 {
438 padding-left: 460px; }
439 .ag-fresh .ag-rtl .ag-toolpanel-indent-46 {
440 padding-right: 460px; }
441 .ag-fresh .ag-ltr .ag-row-group-indent-46 {
442 padding-left: 460px; }
443 .ag-fresh .ag-rtl .ag-row-group-indent-46 {
444 padding-right: 460px; }
445 .ag-fresh .ag-ltr .ag-toolpanel-indent-47 {
446 padding-left: 470px; }
447 .ag-fresh .ag-rtl .ag-toolpanel-indent-47 {
448 padding-right: 470px; }
449 .ag-fresh .ag-ltr .ag-row-group-indent-47 {
450 padding-left: 470px; }
451 .ag-fresh .ag-rtl .ag-row-group-indent-47 {
452 padding-right: 470px; }
453 .ag-fresh .ag-ltr .ag-toolpanel-indent-48 {
454 padding-left: 480px; }
455 .ag-fresh .ag-rtl .ag-toolpanel-indent-48 {
456 padding-right: 480px; }
457 .ag-fresh .ag-ltr .ag-row-group-indent-48 {
458 padding-left: 480px; }
459 .ag-fresh .ag-rtl .ag-row-group-indent-48 {
460 padding-right: 480px; }
461 .ag-fresh .ag-ltr .ag-toolpanel-indent-49 {
462 padding-left: 490px; }
463 .ag-fresh .ag-rtl .ag-toolpanel-indent-49 {
464 padding-right: 490px; }
465 .ag-fresh .ag-ltr .ag-row-group-indent-49 {
466 padding-left: 490px; }
467 .ag-fresh .ag-rtl .ag-row-group-indent-49 {
468 padding-right: 490px; }
469 .ag-fresh .ag-rtl .ag-cell-first-right-pinned {
470 border-left: 1px solid darkgrey; }
471 .ag-fresh .ag-ltr .ag-cell-first-right-pinned {
472 border-left: 1px solid darkgrey; }
473 .ag-fresh .ag-rtl .ag-cell-last-left-pinned {
474 border-right: 1px solid darkgrey; }
475 .ag-fresh .ag-ltr .ag-cell-last-left-pinned {
476 border-right: 1px solid darkgrey; }
477 .ag-fresh .ag-cell-highlight {
478 border: 1px solid darkgreen; }
479 .ag-fresh .ag-cell-highlight-animation {
480 transition: border 1s; }
481 .ag-fresh .ag-value-change-delta {
482 padding-right: 2px; }
483 .ag-fresh .ag-value-change-delta-up {
484 color: darkgreen; }
485 .ag-fresh .ag-value-change-delta-down {
486 color: darkred; }
487 .ag-fresh .ag-value-change-value {
488 background-color: transparent;
489 border-radius: 1px;
490 padding-left: 1px;
491 padding-right: 1px;
492 transition: background-color 1s; }
493 .ag-fresh .ag-value-change-value-highlight {
494 background-color: #cec;
495 transition: background-color 0.1s; }
496 .ag-fresh .ag-rich-select {
497 font-size: 14px;
498 border: 1px solid darkgrey;
499 background-color: white; }
500 .ag-fresh .ag-rich-select-value {
501 padding: 2px; }
502 .ag-fresh .ag-rich-select-list {
503 border-top: 1px solid #d3d3d3; }
504 .ag-fresh .ag-rich-select-row {
505 padding: 2px; }
506 .ag-fresh .ag-rich-select-row-selected {
507 background-color: #BDE2E5; }
508 .ag-fresh .ag-large-text {
509 border: 1px solid darkgrey; }
510 .ag-fresh .ag-header-select-all,
511 .ag-fresh .ag-header-cell-menu-button {
512 margin-top: 3px;
513 line-height: 1rem; }
514 .ag-fresh .ag-header-select-all {
515 padding-right: 4px; }
516 .ag-fresh .ag-filter-header-container > label {
517 margin-bottom: 0; }
518 .ag-fresh .ag-header-cell {
519 padding: 2px;
520 padding-top: 4px; }
521 .ag-fresh .ag-header {
522 color: #333;
523 background: linear-gradient(white, lightgrey);
524 border-bottom: 1px solid darkgrey;
525 font-weight: normal; }
526 .ag-fresh .ag-header-icon {
527 color: #333;
528 stroke: none;
529 fill: #333; }
530 .ag-fresh .ag-filter-icon {
531 display: inline-block; }
532 .ag-fresh .ag-sort-ascending-icon:empty {
533 display: inline-block;
534 width: 12px;
535 height: 12px;
536 background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDNoMnY5SDV6Ii8+PHBhdGggZD0iTTguOTkzIDUuMlYzLjQ5M2gtNnY2SDQuN1Y1LjJoNC4yOTN6IiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMy41aDF2OGgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg0NSA1Ljk5MyA2LjQ5MykiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2IiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik04LjQ5MyA0Ljd2LS43MDdoLTV2NUg0LjJWNC43aDQuMjkzeiIvPjwvZz48L2c+PC9zdmc+) center no-repeat;
537 background-size: 12px 12px;
538 filter: "initial"; }
539 .ag-fresh .ag-sort-descending-icon:empty {
540 display: inline-block;
541 width: 12px;
542 height: 12px;
543 background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDJoMnY5SDV6Ii8+PHBhdGggZD0iTTguOTkzIDYuMVY0LjM5M2gtNnY2SDQuN1Y2LjFoNC4yOTN6IiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMi41aDF2OGgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDUuOTkzIDcuMzkzKSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTguNDkzIDUuNnYtLjcwN2gtNXY1SDQuMlY1LjZoNC4yOTN6Ii8+PC9nPjwvZz48L3N2Zz4=) center no-repeat;
544 background-size: 12px 12px;
545 filter: "initial"; }
546 .ag-fresh .ag-sort-none-icon:empty {
547 display: inline-block;
548 width: 12px;
549 height: 12px;
550 background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDNoMnY2SDV6Ii8+PHBhdGggZD0iTTguMTQ2IDguMTgyVjYuNDc1aC01djVoMS43MDhWOC4xODJoMy4yOTJ6IiBpZD0iYiIvPjxwYXRoIGQ9Ik04LjUgMi45MTRWMS4yMDdoLTV2NWgxLjcwN1YyLjkxNEg4LjV6IiBpZD0iYyIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMy41aDF2NWgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDUuNjQ2IDguNDc1KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTcuNjQ2IDcuNjgydi0uNzA3aC00djRoLjcwOFY3LjY4MmgzLjI5MnoiLz48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNiAzLjcwNykiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2MiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik04IDIuNDE0di0uNzA3SDR2NGguNzA3VjIuNDE0SDh6Ii8+PC9nPjwvZz48L3N2Zz4=) center no-repeat;
551 background-size: 12px 12px;
552 filter: "initial"; }
553 .ag-fresh .ag-layout-for-print .ag-header-container {
554 background: linear-gradient(white, lightgrey);
555 border-bottom: 1px solid darkgrey; }
556 .ag-fresh .ag-ltr .ag-header-cell {
557 border-right: 1px solid darkgrey; }
558 .ag-fresh .ag-rtl .ag-header-cell {
559 border-left: 1px solid darkgrey; }
560 .ag-fresh .ag-header-cell-moving .ag-header-cell-label {
561 opacity: 0.5; }
562 .ag-fresh .ag-header-cell-moving {
563 background-color: #bebebe; }
564 .ag-fresh .ag-ltr .ag-header-group-cell {
565 border-right: 1px solid darkgrey; }
566 .ag-fresh .ag-rtl .ag-header-group-cell {
567 border-left: 1px solid darkgrey; }
568 .ag-fresh .ag-header-group-cell-with-group {
569 border-bottom: 1px solid darkgrey; }
570 .ag-fresh .ag-header-group-cell-label {
571 padding: 2px;
572 padding-top: 4px; }
573 .ag-fresh .ag-rtl .ag-header-group-text {
574 margin-left: 2px; }
575 .ag-fresh .ag-ltr .ag-header-group-text {
576 margin-right: 2px; }
577 .ag-fresh .ag-header-cell-menu-button:empty {
578 width: 12px;
579 height: 12px;
580 background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDEwdjJIMXptMCA0aDEwdjJIMXptMCA0aDEwdjJIMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center no-repeat;
581 background-size: 12px 12px;
582 filter: "initial"; }
583 .ag-fresh .ag-ltr .ag-pinned-right-header {
584 border-left: 1px solid darkgrey; }
585 .ag-fresh .ag-rtl .ag-pinned-left-header {
586 border-right: 1px solid darkgrey; }
587 .ag-fresh .ag-body {
588 background-color: #f6f6f6; }
589 .ag-fresh .ag-row-odd {
590 background-color: #f6f6f6; }
591 .ag-fresh .ag-row-even {
592 background-color: white; }
593 .ag-fresh .ag-row-selected {
594 background-color: powderblue; }
595 .ag-fresh .ag-row-stub {
596 background-color: #f0f0f0; }
597 .ag-fresh .ag-stub-cell {
598 padding: 2px 2px 2px 10px; }
599 .ag-fresh .ag-floating-top {
600 background-color: #f0f0f0; }
601 .ag-fresh .ag-floating-top .ag-row {
602 background-color: #f0f0f0; }
603 .ag-fresh .ag-floating-bottom {
604 background-color: #f0f0f0; }
605 .ag-fresh .ag-floating-bottom .ag-row {
606 background-color: #f0f0f0; }
607 .ag-fresh .ag-overlay-loading-wrapper {
608 background-color: rgba(255, 255, 255, 0.5); }
609 .ag-fresh .ag-overlay-loading-center {
610 background-color: #ffffff;
611 border: 1px solid darkgrey;
612 border-radius: 10px;
613 padding: 10px;
614 color: black; }
615 .ag-fresh .ag-overlay-no-rows-center {
616 background-color: #ffffff;
617 border: 1px solid darkgrey;
618 border-radius: 10px;
619 padding: 10px; }
620 .ag-fresh .ag-group-cell-entire-row {
621 background-color: #f6f6f6;
622 padding: 2px; }
623 .ag-fresh .ag-footer-cell-entire-row {
624 background-color: #f6f6f6;
625 padding: 2px; }
626 .ag-fresh .ag-group-cell {
627 font-style: italic; }
628 .ag-fresh .ag-ltr .ag-group-expanded {
629 padding-right: 4px; }
630 .ag-fresh .ag-rtl .ag-group-expanded {
631 padding-left: 4px; }
632 .ag-fresh .ag-ltr .ag-group-contracted {
633 padding-right: 4px; }
634 .ag-fresh .ag-rtl .ag-group-contracted {
635 padding-left: 4px; }
636 .ag-fresh .ag-ltr .ag-group-loading {
637 padding-right: 4px; }
638 .ag-fresh .ag-rtl .ag-group-loading {
639 padding-left: 4px; }
640 .ag-fresh .ag-ltr .ag-group-value {
641 padding-right: 2px; }
642 .ag-fresh .ag-rtl .ag-group-value {
643 padding-left: 2px; }
644 .ag-fresh .ag-ltr .ag-group-checkbox {
645 padding-right: 2px; }
646 .ag-fresh .ag-rtl .ag-group-checkbox {
647 padding-left: 2px; }
648 .ag-fresh .ag-group-child-count {
649 /* display: inline-block; */ }
650 .ag-fresh .ag-footer-cell {
651 font-style: italic; }
652 .ag-fresh .ag-menu {
653 border: 1px solid #808080;
654 background-color: #f6f6f6;
655 cursor: default;
656 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
657 font-size: 14px; }
658 .ag-fresh .ag-menu .ag-tab-header {
659 background-color: #e6e6e6; }
660 .ag-fresh .ag-menu .ag-tab {
661 padding: 6px 8px 6px 8px;
662 margin: 2px 2px 0px 2px;
663 display: inline-block;
664 border-right: 1px solid transparent;
665 border-left: 1px solid transparent;
666 border-top: 1px solid transparent;
667 border-top-right-radius: 2px;
668 border-top-left-radius: 2px; }
669 .ag-fresh .ag-menu .ag-tab-selected {
670 background-color: #f6f6f6;
671 border-right: 1px solid #d3d3d3;
672 border-left: 1px solid #d3d3d3;
673 border-top: 1px solid #d3d3d3; }
674 .ag-fresh .ag-menu-separator {
675 border-top: 1px solid #d3d3d3; }
676 .ag-fresh .ag-menu-option-active {
677 background-color: #BDE2E5; }
678 .ag-fresh .ag-menu-option-icon {
679 padding: 2px 4px 2px 4px;
680 vertical-align: middle; }
681 .ag-fresh .ag-menu-option-text {
682 padding: 2px 4px 2px 4px;
683 vertical-align: middle; }
684 .ag-fresh .ag-menu-option-shortcut {
685 padding: 2px 2px 2px 2px;
686 vertical-align: middle; }
687 .ag-fresh .ag-menu-option-popup-pointer {
688 padding: 2px 4px 2px 4px;
689 vertical-align: middle;
690 display: table-cell; }
691 .ag-fresh .ag-menu-option-disabled {
692 opacity: 0.5; }
693 .ag-fresh .ag-menu-column-select-wrapper {
694 margin: 2px; }
695 .ag-fresh .ag-filter-checkbox {
696 margin-right: 4px;
697 margin-bottom: 0;
698 display: inline-block; }
699 .ag-fresh .ag-filter-header-container {
700 padding: 2px 4px 2px 4px;
701 border-bottom: 1px solid #d3d3d3; }
702 .ag-fresh .ag-filter-apply-panel {
703 border-top: 1px solid #d3d3d3;
704 padding: 2px 0px 2px 4px; }
705 .ag-fresh .ag-virtual-list-container {
706 padding: 4px 4px 10px 4px; }
707 .ag-fresh .ag-ltr .ag-selection-checkbox {
708 padding-right: 4px; }
709 .ag-fresh .ag-rtl .ag-selection-checkbox {
710 padding-left: 4px; }
711 .ag-fresh .ag-paging-panel {
712 padding: 4px; }
713 .ag-fresh .ag-paging-button {
714 margin-left: 4px;
715 margin-right: 4px; }
716 .ag-fresh .ag-paging-row-summary-panel {
717 display: inline-block;
718 width: 300px; }
719 .ag-fresh .ag-column-panel {
720 background-color: #f6f6f6;
721 border-bottom: 1px solid darkgrey;
722 border-top: 1px solid darkgrey;
723 color: #222; }
724 .ag-fresh .ltr .ag-column-panel {
725 border-right: 1px solid darkgrey; }
726 .ag-fresh .rtl .ag-column-panel {
727 border-left: 1px solid darkgrey; }
728 .ag-fresh .ag-status-bar {
729 color: #222;
730 background-color: #f6f6f6;
731 font-size: 14px;
732 height: 22px;
733 border-bottom: 1px solid darkgrey;
734 border-left: 1px solid darkgrey;
735 border-right: 1px solid darkgrey;
736 padding: 2px; }
737 .ag-fresh .ag-status-bar-aggregations {
738 float: right; }
739 .ag-fresh .ag-status-bar-item {
740 padding-left: 10px; }
741 .ag-fresh .ag-column-drop-cell {
742 background: linear-gradient(white, lightgrey);
743 color: #000;
744 border: 1px solid #808080; }
745 .ag-fresh .ag-column-drop-cell-ghost {
746 opacity: 0.5; }
747 .ag-fresh .ag-column-drop-cell-text {
748 padding-left: 2px;
749 padding-right: 2px; }
750 .ag-fresh .ag-column-drop-cell-button {
751 border: 1px solid transparent;
752 padding-left: 2px;
753 padding-right: 2px;
754 border-radius: 3px; }
755 .ag-fresh .ag-column-drop-cell-button:hover {
756 border: 1px solid darkgrey; }
757 .ag-fresh .ag-column-drop-empty-message {
758 padding-left: 2px;
759 padding-right: 2px;
760 color: grey; }
761 .ag-fresh .ag-column-drop-icon {
762 margin: 6px 3px 0px 3px; }
763 .ag-fresh .ag-column-drop {
764 background-color: #f6f6f6; }
765 .ag-fresh .ag-column-drop-horizontal {
766 padding: 2px;
767 border-top: 1px solid darkgrey;
768 border-left: 1px solid darkgrey;
769 border-right: 1px solid darkgrey; }
770 .ag-fresh .ag-column-drop-vertical {
771 padding: 4px 4px 10px 4px;
772 border-bottom: 1px solid darkgrey;
773 overflow: auto; }
774 .ag-fresh .ag-column-drop-vertical .ag-column-drop-cell {
775 margin-top: 2px; }
776 .ag-fresh .ag-column-drop-vertical .ag-column-drop-empty-message {
777 padding: 5px; }
778 .ag-fresh .ag-pivot-mode {
779 border-bottom: 1px solid darkgrey;
780 padding: 2px 4px 3px 4px;
781 background-color: #f6f6f6; }
782 .ag-fresh .ag-column-panel .ag-column-select-panel {
783 padding: 4px 4px 10px 4px;
784 padding-left: 0;
785 border-bottom: 1px solid darkgrey;
786 overflow: auto; }
787 .ag-fresh .ag-select-agg-func-popup {
788 cursor: default;
789 position: absolute;
790 font-size: 14px;
791 background-color: white;
792 border: 1px solid darkgrey; }
793 .ag-fresh .ag-select-agg-func-item {
794 padding-left: 2px;
795 padding-right: 2px; }
796 .ag-fresh .ag-select-agg-func-item:hover {
797 background-color: #BDE2E5; }
798 .ag-fresh .ag-floating-filter-body {
799 margin-right: 20px;
800 width: calc(100% - 20px); }
801 .ag-fresh .ag-floating-filter-button {
802 margin-top: -20px;
803 display: inline-block;
804 float: right; }
805 .ag-fresh .ag-floating-filter-button button {
806 border: 0;
807 background: transparent;
808 padding: 3px;
809 margin: 0; }
810 .ag-fresh .ag-rtl .ag-floating-filter-body {
811 margin-right: 0;
812 margin-left: 20px;
813 float: right; }
814 .ag-fresh .ag-rtl .ag-floating-filter-button {
815 float: left; }
816 .ag-fresh .ag-sort-order {
817 margin-left: 0.5em;
818 font-size: 0.8em; }
819 .ag-fresh .ag-sort-order::before {
820 content: "("; }
821 .ag-fresh .ag-sort-order::after {
822 content: ")"; }
823 .ag-fresh .ag-details-row {
824 padding: 20px;
825 box-sizing: border-box; }