@syncfusion/ej2-angular-grids 19.4.55 → 20.1.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/@syncfusion/ej2-angular-grids.es5.js.map +1 -1
  2. package/@syncfusion/ej2-angular-grids.js.map +1 -1
  3. package/CHANGELOG.md +30 -0
  4. package/dist/ej2-angular-grids.umd.js +1 -1
  5. package/dist/ej2-angular-grids.umd.min.js +1 -1
  6. package/package.json +8 -8
  7. package/schematics/utils/lib-details.d.ts +2 -2
  8. package/schematics/utils/lib-details.js +2 -2
  9. package/schematics/utils/lib-details.ts +2 -2
  10. package/styles/bootstrap-dark.css +342 -21
  11. package/styles/bootstrap.css +342 -21
  12. package/styles/bootstrap4.css +342 -21
  13. package/styles/bootstrap5-dark.css +563 -177
  14. package/styles/bootstrap5.css +563 -177
  15. package/styles/excel-filter/bootstrap-dark.css +9 -0
  16. package/styles/excel-filter/bootstrap.css +9 -0
  17. package/styles/excel-filter/bootstrap4.css +9 -0
  18. package/styles/excel-filter/bootstrap5-dark.css +16 -0
  19. package/styles/excel-filter/bootstrap5.css +16 -0
  20. package/styles/excel-filter/fabric-dark.css +9 -0
  21. package/styles/excel-filter/fabric.css +9 -0
  22. package/styles/excel-filter/fluent-dark.css +621 -0
  23. package/styles/excel-filter/fluent-dark.scss +1 -0
  24. package/styles/excel-filter/fluent.css +621 -0
  25. package/styles/excel-filter/fluent.scss +1 -0
  26. package/styles/excel-filter/highcontrast-light.css +10 -1
  27. package/styles/excel-filter/highcontrast.css +9 -0
  28. package/styles/excel-filter/material-dark.css +9 -0
  29. package/styles/excel-filter/material.css +9 -0
  30. package/styles/excel-filter/tailwind-dark.css +21 -68
  31. package/styles/excel-filter/tailwind.css +21 -68
  32. package/styles/fabric-dark.css +344 -23
  33. package/styles/fabric.css +344 -23
  34. package/styles/fluent-dark.css +6517 -0
  35. package/styles/fluent-dark.scss +3 -0
  36. package/styles/fluent.css +6517 -0
  37. package/styles/fluent.scss +3 -0
  38. package/styles/grid/bootstrap-dark.css +273 -18
  39. package/styles/grid/bootstrap.css +273 -18
  40. package/styles/grid/bootstrap4.css +273 -18
  41. package/styles/grid/bootstrap5-dark.css +399 -122
  42. package/styles/grid/bootstrap5.css +399 -122
  43. package/styles/grid/fabric-dark.css +273 -18
  44. package/styles/grid/fabric.css +273 -18
  45. package/styles/grid/fluent-dark.css +5173 -0
  46. package/styles/grid/fluent-dark.scss +1 -0
  47. package/styles/grid/fluent.css +5173 -0
  48. package/styles/grid/fluent.scss +1 -0
  49. package/styles/grid/highcontrast-light.css +273 -18
  50. package/styles/grid/highcontrast.css +273 -18
  51. package/styles/grid/material-dark.css +273 -18
  52. package/styles/grid/material.css +273 -18
  53. package/styles/grid/tailwind-dark.css +547 -225
  54. package/styles/grid/tailwind.css +548 -226
  55. package/styles/highcontrast-light.css +345 -24
  56. package/styles/highcontrast.css +344 -23
  57. package/styles/material-dark.css +342 -21
  58. package/styles/material.css +342 -21
  59. package/styles/pager/bootstrap-dark.css +60 -3
  60. package/styles/pager/bootstrap.css +60 -3
  61. package/styles/pager/bootstrap4.css +60 -3
  62. package/styles/pager/bootstrap5-dark.css +155 -55
  63. package/styles/pager/bootstrap5.css +155 -55
  64. package/styles/pager/fabric-dark.css +62 -5
  65. package/styles/pager/fabric.css +62 -5
  66. package/styles/pager/fluent-dark.css +854 -0
  67. package/styles/pager/fluent-dark.scss +1 -0
  68. package/styles/pager/fluent.css +854 -0
  69. package/styles/pager/fluent.scss +1 -0
  70. package/styles/pager/highcontrast-light.css +62 -5
  71. package/styles/pager/highcontrast.css +62 -5
  72. package/styles/pager/material-dark.css +60 -3
  73. package/styles/pager/material.css +60 -3
  74. package/styles/pager/tailwind-dark.css +270 -58
  75. package/styles/pager/tailwind.css +270 -58
  76. package/styles/tailwind-dark.css +837 -294
  77. package/styles/tailwind.css +838 -295
@@ -80,6 +80,26 @@
80
80
  height: 40px;
81
81
  margin: -40px 0 0 16px;
82
82
  margin-top: -22px;
83
+ width: 90px;
84
+ }
85
+
86
+ .e-bigger .e-pager .e-pagercontainer .e-firstpage,
87
+ .e-bigger .e-pager .e-pagercontainer .e-prevpage,
88
+ .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
89
+ .e-bigger .e-pager .e-pagercontainer .e-prevpagedisabled,
90
+ .e-bigger .e-pager .e-pagercontainer .e-nextpage,
91
+ .e-bigger .e-pager .e-pagercontainer .e-lastpage,
92
+ .e-bigger .e-pager .e-pagercontainer .e-nextpagedisabled,
93
+ .e-bigger .e-pager .e-pagercontainer .e-lastpagedisabled,
94
+ .e-pager.e-bigger .e-pagercontainer .e-firstpage,
95
+ .e-pager.e-bigger .e-pagercontainer .e-prevpage,
96
+ .e-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
97
+ .e-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
98
+ .e-pager.e-bigger .e-pagercontainer .e-nextpage,
99
+ .e-pager.e-bigger .e-pagercontainer .e-lastpage,
100
+ .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
101
+ .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
102
+ padding: 11px 9px 8px;
83
103
  }
84
104
 
85
105
  .e-bigger .e-pager .e-pagerconstant,
@@ -160,15 +180,25 @@
160
180
  padding: 10px 13px;
161
181
  }
162
182
 
183
+ .e-bigger .e-pager.e-rtl .e-spacing,
184
+ .e-bigger .e-pager.e-rtl .e-numericitem:hover,
185
+ .e-bigger .e-pager.e-rtl .e-currentitem,
186
+ .e-pager.e-bigger.e-rtl .e-spacing,
187
+ .e-pager.e-bigger.e-rtl .e-numericitem:hover,
188
+ .e-pager.e-bigger.e-rtl .e-currentitem {
189
+ margin: 11px 4px 0 0;
190
+ padding: 6px;
191
+ }
192
+
163
193
  .e-bigger .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
164
194
  .e-pager.e-bigger .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
165
195
  padding: 10px 13px;
166
196
  }
167
197
 
168
- .e-bigger .e-pager.e-rtl .e-spacing,
198
+ .e-bigger .e-pager.e-rtl,
169
199
  .e-bigger .e-pager.e-rtl .e-numericitem:hover,
170
200
  .e-bigger .e-pager.e-rtl .e-currentitem,
171
- .e-pager.e-bigger.e-rtl .e-spacing,
201
+ .e-pager.e-bigger.e-rtl,
172
202
  .e-pager.e-bigger.e-rtl .e-numericitem:hover,
173
203
  .e-pager.e-bigger.e-rtl .e-currentitem {
174
204
  margin: 0 8px;
@@ -436,6 +466,12 @@
436
466
  padding: 0 6px;
437
467
  }
438
468
 
469
+ .e-pager .e-np.e-focused,
470
+ .e-pager .e-pp.e-focused {
471
+ line-height: 14px;
472
+ padding: 2.5px 0 9px;
473
+ }
474
+
439
475
  @media (max-width: 769px) {
440
476
  .e-pager {
441
477
  padding: 13px 0;
@@ -680,7 +716,7 @@
680
716
  opacity: 0.87;
681
717
  }
682
718
 
683
- .e-pager div.e-icons {
719
+ .e-pager div.e-icons.e-pager-default {
684
720
  color: #000;
685
721
  }
686
722
 
@@ -767,6 +803,27 @@
767
803
  opacity: 1;
768
804
  }
769
805
 
806
+ .e-pager .e-numericitem.e-focused,
807
+ .e-pager .e-first.e-focused,
808
+ .e-pager .e-prev.e-focused,
809
+ .e-pager .e-next.e-focused,
810
+ .e-pager .e-last.e-focused,
811
+ .e-pager .e-mfirst.e-focused,
812
+ .e-pager .e-mprev.e-focused,
813
+ .e-pager .e-mnext.e-focused,
814
+ .e-pager .e-mlast.e-focused {
815
+ background-color: #eee;
816
+ }
817
+
818
+ .e-pager .e-currentitem.e-numericitem.e-focused {
819
+ background: #e3165b;
820
+ box-shadow: none;
821
+ }
822
+
823
+ .e-pager .e-focused {
824
+ box-shadow: 0 0 0 1px #9e9e9e inset;
825
+ }
826
+
770
827
  @media (max-width: 590px) {
771
828
  .e-pager .e-pager-default:hover {
772
829
  background: #fff;
@@ -1210,6 +1267,11 @@
1210
1267
  margin-right: 0;
1211
1268
  }
1212
1269
 
1270
+ .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
1271
+ .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1272
+ margin-left: 0;
1273
+ }
1274
+
1213
1275
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1214
1276
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1215
1277
  padding-left: 11px;
@@ -1344,6 +1406,10 @@
1344
1406
  margin-right: 0;
1345
1407
  }
1346
1408
 
1409
+ .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1410
+ margin-left: 0;
1411
+ }
1412
+
1347
1413
  .e-excelfilter .e-footer-content {
1348
1414
  border-style: solid;
1349
1415
  border-width: 1px 0 0;
@@ -1994,6 +2060,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1994
2060
  margin: -17px 2px;
1995
2061
  }
1996
2062
 
2063
+ .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
2064
+ .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2065
+ float: left;
2066
+ margin: 8px 2px 0 5px;
2067
+ }
2068
+
1997
2069
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
1998
2070
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
1999
2071
  float: left;
@@ -2013,6 +2085,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2013
2085
  width: 15px;
2014
2086
  }
2015
2087
 
2088
+ .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
2089
+ .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
2090
+ margin: 8px 5px 0 2px;
2091
+ }
2092
+
2016
2093
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
2017
2094
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
2018
2095
  margin: -17px 2px;
@@ -2057,6 +2134,18 @@ li.e-separator.e-menu-item.e-excel-separator {
2057
2134
  margin: 6px 0 0 5px;
2058
2135
  }
2059
2136
 
2137
+ .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2138
+ .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
2139
+ .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2140
+ .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
2141
+ margin: 6px 0 0 5px;
2142
+ }
2143
+
2144
+ .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
2145
+ .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
2146
+ margin: 6px 0 0 5px;
2147
+ }
2148
+
2060
2149
  .e-bigger .e-grid .e-rowcell,
2061
2150
  .e-bigger .e-grid .e-summarycell,
2062
2151
  .e-bigger .e-grid .e-emptyrow td,
@@ -2332,6 +2421,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2332
2421
  margin-right: 6px;
2333
2422
  margin-top: 0;
2334
2423
  padding-top: 0;
2424
+ padding-left: 0;
2335
2425
  }
2336
2426
 
2337
2427
  .e-bigger .e-grid .e-groupcaption,
@@ -2370,6 +2460,99 @@ li.e-separator.e-menu-item.e-excel-separator {
2370
2460
  margin-top: 0;
2371
2461
  }
2372
2462
 
2463
+ .e-bigger .e-grid .e-rowcell.e-frozen-right-border,
2464
+ .e-bigger .e-grid .e-headercell.e-frozen-right-border,
2465
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-right-border,
2466
+ .e-grid.e-bigger .e-rowcell.e-frozen-right-border,
2467
+ .e-grid.e-bigger .e-headercell.e-frozen-right-border,
2468
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-right-border {
2469
+ border-right: 2px solid rgba(227, 22, 91, 0.6);
2470
+ }
2471
+
2472
+ .e-bigger .e-grid .e-rowcell.e-frozen-left-border,
2473
+ .e-bigger .e-grid .e-headercell.e-frozen-left-border,
2474
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-left-border,
2475
+ .e-grid.e-bigger .e-rowcell.e-frozen-left-border,
2476
+ .e-grid.e-bigger .e-headercell.e-frozen-left-border,
2477
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-left-border {
2478
+ border-left: 2px solid rgba(227, 22, 91, 0.6);
2479
+ }
2480
+
2481
+ .e-bigger .e-grid .e-rowcell.e-freezeline,
2482
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell.e-freezeline,
2483
+ .e-grid.e-bigger .e-rowcell.e-freezeline,
2484
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell.e-freezeline {
2485
+ position: relative;
2486
+ }
2487
+
2488
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2489
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2490
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2491
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2492
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2493
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2494
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2495
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2496
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2497
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2498
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2499
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2500
+ cursor: move;
2501
+ height: 100%;
2502
+ position: absolute;
2503
+ top: 0;
2504
+ width: 4px;
2505
+ }
2506
+
2507
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2508
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2509
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2510
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2511
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2512
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2513
+ right: 0;
2514
+ }
2515
+
2516
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2517
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2518
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2519
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2520
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2521
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
2522
+ left: 0;
2523
+ }
2524
+
2525
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2526
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2527
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2528
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2529
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2530
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
2531
+ right: 3px;
2532
+ }
2533
+
2534
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2535
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2536
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2537
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
2538
+ left: 3px;
2539
+ }
2540
+
2541
+ .e-bigger .e-grid .e-frozen-helper,
2542
+ .e-grid.e-bigger .e-frozen-helper {
2543
+ border-left: 2px solid rgba(227, 22, 91, 0.6);
2544
+ cursor: move;
2545
+ position: absolute;
2546
+ z-index: 2;
2547
+ }
2548
+
2549
+ .e-bigger .e-grid .e-content.e-freezeline-moving,
2550
+ .e-grid.e-bigger .e-content.e-freezeline-moving {
2551
+ -webkit-user-select: none;
2552
+ -ms-user-select: none;
2553
+ user-select: none;
2554
+ }
2555
+
2373
2556
  .e-grid {
2374
2557
  border-radius: 0;
2375
2558
  border-style: none solid solid;
@@ -2434,6 +2617,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2434
2617
  z-index: 5;
2435
2618
  }
2436
2619
 
2620
+ .e-grid.e-rtl .e-dropitemscount {
2621
+ left: -6px !important;
2622
+ }
2623
+
2437
2624
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
2438
2625
  .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
2439
2626
  border-top: 1px solid #e0e0e0;
@@ -2584,6 +2771,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2584
2771
  padding-left: 0;
2585
2772
  }
2586
2773
 
2774
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
2775
+ padding-left: 26px;
2776
+ }
2777
+
2587
2778
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
2588
2779
  padding-bottom: 6px;
2589
2780
  padding-top: 1px;
@@ -2591,7 +2782,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2591
2782
 
2592
2783
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
2593
2784
  margin-bottom: 0;
2594
- opacity: .6;
2785
+ opacity: 0.6;
2595
2786
  width: 230px;
2596
2787
  }
2597
2788
 
@@ -2694,10 +2885,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2694
2885
  padding: 9px 0 10px;
2695
2886
  }
2696
2887
 
2697
- .e-grid .e-groupdroparea.e-grouped {
2698
- padding: 9px 0 10px;
2699
- }
2700
-
2701
2888
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
2702
2889
  .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
2703
2890
  border-top: 0;
@@ -2763,9 +2950,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2763
2950
  width: 4px;
2764
2951
  }
2765
2952
 
2766
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2767
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2768
- right: 0;
2953
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type,
2954
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
2955
+ border-right: 0;
2769
2956
  }
2770
2957
 
2771
2958
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3204,9 +3391,9 @@ li.e-separator.e-menu-item.e-excel-separator {
3204
3391
  }
3205
3392
 
3206
3393
  .e-grid.e-default tr td:first-child,
3207
- .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
3394
+ .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
3208
3395
  .e-grid.e-default tr th.e-detailheadercell:first-child,
3209
- .e-grid.e-default tr th.e-filterbarcell:first-child {
3396
+ .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
3210
3397
  border-left-width: 0;
3211
3398
  }
3212
3399
 
@@ -3256,7 +3443,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3256
3443
  }
3257
3444
 
3258
3445
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
3259
- .e-grid .e-gridheader .e-stackedheadercelldiv,
3446
+ .e-grid .e-gridheader .e-stackedheadercelldiv {
3447
+ padding: 0 1.8em 0 0.6em;
3448
+ }
3449
+
3260
3450
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3261
3451
  padding: 0 1.8em 0 0.6em;
3262
3452
  }
@@ -3321,6 +3511,15 @@ li.e-separator.e-menu-item.e-excel-separator {
3321
3511
  width: 15px;
3322
3512
  }
3323
3513
 
3514
+ .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
3515
+ margin: 8px 5px 0 2px;
3516
+ }
3517
+
3518
+ .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
3519
+ float: left;
3520
+ margin: 8px 2px 0 5px;
3521
+ }
3522
+
3324
3523
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
3325
3524
  float: left;
3326
3525
  margin: 8px 2px 0 5px;
@@ -3546,6 +3745,8 @@ li.e-separator.e-menu-item.e-excel-separator {
3546
3745
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
3547
3746
  height: 20px;
3548
3747
  line-height: 20px;
3748
+ position: relative;
3749
+ top: 0;
3549
3750
  }
3550
3751
 
3551
3752
  .e-grid .e-dialog.e-checkboxfilter,
@@ -3744,6 +3945,14 @@ li.e-separator.e-menu-item.e-excel-separator {
3744
3945
  z-index: 10;
3745
3946
  }
3746
3947
 
3948
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3949
+ margin-top: 0;
3950
+ }
3951
+
3952
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3953
+ margin-top: 0;
3954
+ }
3955
+
3747
3956
  .e-grid td.e-active {
3748
3957
  font-weight: normal;
3749
3958
  }
@@ -3890,6 +4099,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3890
4099
  .e-grid span.e-ungroupbutton.e-icons {
3891
4100
  margin-left: 6px;
3892
4101
  margin-top: 0;
4102
+ padding-right: 0;
3893
4103
  }
3894
4104
 
3895
4105
  .e-grid .e-grptogglebtn {
@@ -4216,7 +4426,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4216
4426
  }
4217
4427
 
4218
4428
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4219
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
4429
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4430
+ .e-grid .e-rowcell .e-frozen-default-cursor,
4431
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
4432
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
4220
4433
  border-left: 2px solid;
4221
4434
  border-right: 0;
4222
4435
  }
@@ -4355,6 +4568,22 @@ li.e-separator.e-menu-item.e-excel-separator {
4355
4568
  text-align: right;
4356
4569
  }
4357
4570
 
4571
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
4572
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
4573
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
4574
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
4575
+ padding: 0 0.6em 0 1.8em;
4576
+ text-align: right;
4577
+ }
4578
+
4579
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4580
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
4581
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4582
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
4583
+ float: left;
4584
+ margin: 9px 0 0 5px;
4585
+ }
4586
+
4358
4587
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
4359
4588
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
4360
4589
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -4414,6 +4643,12 @@ li.e-separator.e-menu-item.e-excel-separator {
4414
4643
  margin: 0 2px 0 0;
4415
4644
  }
4416
4645
 
4646
+ .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
4647
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
4648
+ float: left;
4649
+ margin: 9px 0 0 5px;
4650
+ }
4651
+
4417
4652
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
4418
4653
  .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
4419
4654
  float: left;
@@ -4875,6 +5110,76 @@ li.e-separator.e-menu-item.e-excel-separator {
4875
5110
  border-right: 0;
4876
5111
  }
4877
5112
 
5113
+ .e-grid.sf-grid .e-table {
5114
+ border-spacing: .25px;
5115
+ }
5116
+
5117
+ .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
5118
+ .e-grid.sf-grid .e-headercell.e-frozen-right-border,
5119
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
5120
+ border-right: 2px solid rgba(227, 22, 91, 0.6);
5121
+ }
5122
+
5123
+ .e-grid.sf-grid .e-rowcell.e-frozen-left-border,
5124
+ .e-grid.sf-grid .e-headercell.e-frozen-left-border,
5125
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-left-border {
5126
+ border-left: 2px solid rgba(227, 22, 91, 0.6);
5127
+ }
5128
+
5129
+ .e-grid.sf-grid .e-rowcell.e-freezeline,
5130
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell.e-freezeline {
5131
+ position: relative;
5132
+ }
5133
+
5134
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5135
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5136
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5137
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5138
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
5139
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5140
+ cursor: move;
5141
+ height: 100%;
5142
+ position: absolute;
5143
+ top: 0;
5144
+ width: 4px;
5145
+ }
5146
+
5147
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5148
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5149
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5150
+ right: 0;
5151
+ }
5152
+
5153
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5154
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5155
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
5156
+ left: 0;
5157
+ }
5158
+
5159
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
5160
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
5161
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
5162
+ right: 3px;
5163
+ }
5164
+
5165
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
5166
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
5167
+ left: 3px;
5168
+ }
5169
+
5170
+ .e-grid.sf-grid .e-frozen-helper {
5171
+ border-left: 2px solid rgba(227, 22, 91, 0.6);
5172
+ cursor: move;
5173
+ position: absolute;
5174
+ z-index: 2;
5175
+ }
5176
+
5177
+ .e-grid.sf-grid .e-content.e-freezeline-moving {
5178
+ -webkit-user-select: none;
5179
+ -ms-user-select: none;
5180
+ user-select: none;
5181
+ }
5182
+
4878
5183
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
4879
5184
  background-color: rgba(0, 0, 0, 0.1);
4880
5185
  display: inline-block;
@@ -4951,7 +5256,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4951
5256
  }
4952
5257
 
4953
5258
  .e-grid-min-height .e-rowcell {
4954
- line-height: normal;
5259
+ line-height: 0;
4955
5260
  padding-bottom: 0;
4956
5261
  padding-top: 0;
4957
5262
  }
@@ -5030,7 +5335,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5030
5335
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
5031
5336
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
5032
5337
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
5033
- line-height: normal;
5338
+ line-height: 0;
5034
5339
  padding-bottom: 0;
5035
5340
  padding-top: 0;
5036
5341
  }
@@ -5407,6 +5712,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5407
5712
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
5408
5713
  .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
5409
5714
  float: right;
5715
+ margin-top: -9px;
5410
5716
  }
5411
5717
 
5412
5718
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -5804,11 +6110,26 @@ li.e-separator.e-menu-item.e-excel-separator {
5804
6110
  border-right-color: #e3165b;
5805
6111
  }
5806
6112
 
6113
+ .e-grid .e-frozenheader.e-frozenborderdisabled > .e-table,
6114
+ .e-grid .e-frozencontent.e-frozenborderdisabled > .e-table,
6115
+ .e-grid .e-frozencontent.e-frozenborderdisabled .e-virtualtable > .e-table,
6116
+ .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
6117
+ border-right-color: #fff;
6118
+ }
6119
+
5807
6120
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
5808
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
6121
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
6122
+ .e-grid .e-rowcell .e-frozen-default-cursor,
6123
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
6124
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
5809
6125
  border-left-color: #e3165b;
5810
6126
  }
5811
6127
 
6128
+ .e-grid .e-frozenheader.e-frozen-right-header.e-frozenborderdisabled > .e-table,
6129
+ .e-grid .e-frozencontent.e-frozen-right-content.e-frozenborderdisabled > .e-table {
6130
+ border-left-color: #fff;
6131
+ }
6132
+
5812
6133
  .e-grid.e-rtl .e-frozenheader > .e-table,
5813
6134
  .e-grid.e-rtl .e-frozencontent > .e-table,
5814
6135
  .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,
@@ -5821,11 +6142,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5821
6142
  border-right-color: #e3165b;
5822
6143
  }
5823
6144
 
5824
- .e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5825
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
6145
+ .e-grid.e-gridhover tr[role='row']:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
6146
+ .e-grid.e-gridhover tr[role='row']:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5826
6147
  .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5827
6148
  .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5828
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
6149
+ .e-grid.e-gridhover tr[role='row']:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5829
6150
  background-color: #eee;
5830
6151
  color: #000;
5831
6152
  }
@@ -79,6 +79,26 @@
79
79
  height: 40px;
80
80
  margin: -35px 0 0 20px;
81
81
  margin-top: -20px;
82
+ width: 90px;
83
+ }
84
+
85
+ .e-bigger .e-pager .e-pagercontainer .e-firstpage,
86
+ .e-bigger .e-pager .e-pagercontainer .e-prevpage,
87
+ .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
88
+ .e-bigger .e-pager .e-pagercontainer .e-prevpagedisabled,
89
+ .e-bigger .e-pager .e-pagercontainer .e-nextpage,
90
+ .e-bigger .e-pager .e-pagercontainer .e-lastpage,
91
+ .e-bigger .e-pager .e-pagercontainer .e-nextpagedisabled,
92
+ .e-bigger .e-pager .e-pagercontainer .e-lastpagedisabled,
93
+ .e-pager.e-bigger .e-pagercontainer .e-firstpage,
94
+ .e-pager.e-bigger .e-pagercontainer .e-prevpage,
95
+ .e-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
96
+ .e-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
97
+ .e-pager.e-bigger .e-pagercontainer .e-nextpage,
98
+ .e-pager.e-bigger .e-pagercontainer .e-lastpage,
99
+ .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
100
+ .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
101
+ padding: 11px 10px 12px 8px;
82
102
  }
83
103
 
84
104
  .e-bigger .e-pager .e-pagerconstant,
@@ -159,15 +179,25 @@
159
179
  padding: 15px 14px 12px 13px;
160
180
  }
161
181
 
182
+ .e-bigger .e-pager.e-rtl .e-spacing,
183
+ .e-bigger .e-pager.e-rtl .e-numericitem:hover,
184
+ .e-bigger .e-pager.e-rtl .e-currentitem,
185
+ .e-pager.e-bigger.e-rtl .e-spacing,
186
+ .e-pager.e-bigger.e-rtl .e-numericitem:hover,
187
+ .e-pager.e-bigger.e-rtl .e-currentitem {
188
+ margin: 0;
189
+ padding: 11px 12px 10px 11px;
190
+ }
191
+
162
192
  .e-bigger .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
163
193
  .e-pager.e-bigger .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
164
194
  padding: 15px 14px 12px 13px;
165
195
  }
166
196
 
167
- .e-bigger .e-pager.e-rtl .e-spacing,
197
+ .e-bigger .e-pager.e-rtl,
168
198
  .e-bigger .e-pager.e-rtl .e-numericitem:hover,
169
199
  .e-bigger .e-pager.e-rtl .e-currentitem,
170
- .e-pager.e-bigger.e-rtl .e-spacing,
200
+ .e-pager.e-bigger.e-rtl,
171
201
  .e-pager.e-bigger.e-rtl .e-numericitem:hover,
172
202
  .e-pager.e-bigger.e-rtl .e-currentitem {
173
203
  margin: 0;
@@ -435,6 +465,12 @@
435
465
  padding: 8px 11px 9px;
436
466
  }
437
467
 
468
+ .e-pager .e-np.e-focused,
469
+ .e-pager .e-pp.e-focused {
470
+ line-height: 1;
471
+ padding: 8px 11px 9px;
472
+ }
473
+
438
474
  @media (max-width: 769px) {
439
475
  .e-pager {
440
476
  padding: 13px 0;
@@ -679,7 +715,7 @@
679
715
  opacity: 1;
680
716
  }
681
717
 
682
- .e-pager div.e-icons {
718
+ .e-pager div.e-icons.e-pager-default {
683
719
  color: #f0f0f0;
684
720
  }
685
721
 
@@ -766,6 +802,27 @@
766
802
  opacity: 1;
767
803
  }
768
804
 
805
+ .e-pager .e-numericitem.e-focused,
806
+ .e-pager .e-first.e-focused,
807
+ .e-pager .e-prev.e-focused,
808
+ .e-pager .e-next.e-focused,
809
+ .e-pager .e-last.e-focused,
810
+ .e-pager .e-mfirst.e-focused,
811
+ .e-pager .e-mprev.e-focused,
812
+ .e-pager .e-mnext.e-focused,
813
+ .e-pager .e-mlast.e-focused {
814
+ background-color: #393939;
815
+ }
816
+
817
+ .e-pager .e-currentitem.e-numericitem.e-focused {
818
+ background: #0070f0;
819
+ box-shadow: 0 0 0 1px #248aff inset;
820
+ }
821
+
822
+ .e-pager .e-focused {
823
+ box-shadow: 0 0 0 1px #248aff inset;
824
+ }
825
+
769
826
  @media (max-width: 590px) {
770
827
  .e-pager .e-pager-default:hover {
771
828
  background: #1a1a1a;