@syncfusion/ej2-angular-grids 19.3.57 → 19.4.38

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 (59) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/ej2-angular-grids.umd.js +1 -1
  3. package/dist/ej2-angular-grids.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/bootstrap-dark.css +66 -11
  9. package/styles/bootstrap.css +66 -11
  10. package/styles/bootstrap4.css +66 -11
  11. package/styles/bootstrap5-dark.css +68 -13
  12. package/styles/bootstrap5.css +68 -13
  13. package/styles/excel-filter/bootstrap-dark.css +3 -3
  14. package/styles/excel-filter/bootstrap.css +3 -3
  15. package/styles/excel-filter/bootstrap4.css +3 -3
  16. package/styles/excel-filter/bootstrap5-dark.css +3 -4
  17. package/styles/excel-filter/bootstrap5.css +3 -4
  18. package/styles/excel-filter/fabric-dark.css +3 -3
  19. package/styles/excel-filter/fabric.css +3 -3
  20. package/styles/excel-filter/highcontrast-light.css +3 -3
  21. package/styles/excel-filter/highcontrast.css +3 -3
  22. package/styles/excel-filter/material-dark.css +3 -3
  23. package/styles/excel-filter/material.css +3 -3
  24. package/styles/excel-filter/tailwind-dark.css +3 -3
  25. package/styles/excel-filter/tailwind.css +3 -3
  26. package/styles/fabric-dark.css +71 -16
  27. package/styles/fabric.css +66 -11
  28. package/styles/grid/bootstrap-dark.css +41 -2
  29. package/styles/grid/bootstrap.css +41 -2
  30. package/styles/grid/bootstrap4.css +41 -2
  31. package/styles/grid/bootstrap5-dark.css +42 -3
  32. package/styles/grid/bootstrap5.css +42 -3
  33. package/styles/grid/fabric-dark.css +46 -7
  34. package/styles/grid/fabric.css +41 -2
  35. package/styles/grid/highcontrast-light.css +45 -6
  36. package/styles/grid/highcontrast.css +45 -6
  37. package/styles/grid/material-dark.css +41 -2
  38. package/styles/grid/material.css +41 -2
  39. package/styles/grid/tailwind-dark.css +44 -5
  40. package/styles/grid/tailwind.css +44 -5
  41. package/styles/highcontrast-light.css +70 -15
  42. package/styles/highcontrast.css +70 -15
  43. package/styles/material-dark.css +66 -11
  44. package/styles/material.css +66 -11
  45. package/styles/pager/bootstrap-dark.css +22 -6
  46. package/styles/pager/bootstrap.css +22 -6
  47. package/styles/pager/bootstrap4.css +22 -6
  48. package/styles/pager/bootstrap5-dark.css +23 -7
  49. package/styles/pager/bootstrap5.css +23 -7
  50. package/styles/pager/fabric-dark.css +22 -6
  51. package/styles/pager/fabric.css +22 -6
  52. package/styles/pager/highcontrast-light.css +22 -6
  53. package/styles/pager/highcontrast.css +22 -6
  54. package/styles/pager/material-dark.css +22 -6
  55. package/styles/pager/material.css +22 -6
  56. package/styles/pager/tailwind-dark.css +23 -7
  57. package/styles/pager/tailwind.css +23 -7
  58. package/styles/tailwind-dark.css +70 -15
  59. package/styles/tailwind.css +70 -15
@@ -221,6 +221,17 @@
221
221
  padding: 10px;
222
222
  }
223
223
 
224
+ .e-bigger .e-pager .e-pp,
225
+ .e-bigger .e-pager .e-np,
226
+ .e-bigger .e-pager .e-pp:hover,
227
+ .e-bigger .e-pager .e-np:hover,
228
+ .e-pager.e-bigger .e-pp,
229
+ .e-pager.e-bigger .e-np,
230
+ .e-pager.e-bigger .e-pp:hover,
231
+ .e-pager.e-bigger .e-np:hover {
232
+ font-size: 20px;
233
+ }
234
+
224
235
  .e-pager {
225
236
  border-style: solid;
226
237
  border-width: 1px;
@@ -640,14 +651,19 @@
640
651
  }
641
652
  }
642
653
 
643
- .e-pager.sf-pager .e-last,
644
- .e-pager.sf-pager .e-mnext,
645
- .e-pager.sf-pager .e-mlast {
646
- margin-left: -4px;
654
+ .e-pager.sf-pager .e-pagercontainer .e-first,
655
+ .e-pager.sf-pager .e-pagercontainer .e-prev,
656
+ .e-pager.sf-pager .e-pagercontainer .e-next,
657
+ .e-pager.sf-pager .e-pagercontainer .e-last {
658
+ font-size: 12px;
659
+ }
660
+
661
+ .e-pager.sf-pager .e-numericcontainer a {
662
+ font-size: 13px;
647
663
  }
648
664
 
649
- .e-pager.sf-pager .e-prev {
650
- margin-left: -3px;
665
+ .e-pager.sf-pager .e-pagercontainer {
666
+ font-size: 0;
651
667
  }
652
668
 
653
669
  .e-pager.sf-pager .e-link,
@@ -1142,8 +1158,8 @@
1142
1158
  line-height: 48px;
1143
1159
  }
1144
1160
 
1145
- .e-bigger .e-excelfilter .e-dlg-content,
1146
- .e-excelfilter.e-bigger .e-dlg-content {
1161
+ .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1162
+ .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1147
1163
  padding-left: 19.25px;
1148
1164
  }
1149
1165
 
@@ -1296,7 +1312,7 @@
1296
1312
  user-select: none;
1297
1313
  }
1298
1314
 
1299
- .e-excelfilter .e-dlg-content {
1315
+ .e-excelfilter.e-dialog .e-dlg-content {
1300
1316
  padding-left: 18px;
1301
1317
  }
1302
1318
 
@@ -1647,6 +1663,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1647
1663
  font-size: 14px;
1648
1664
  }
1649
1665
 
1666
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
1667
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1668
+ font-size: 10px;
1669
+ }
1670
+
1671
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
1672
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
1673
+ font-size: 10px;
1674
+ }
1675
+
1650
1676
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
1651
1677
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1652
1678
  padding-bottom: 5px;
@@ -1902,7 +1928,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1902
1928
  font-size: 9px;
1903
1929
  height: 15px;
1904
1930
  line-height: 15px;
1905
- margin: 9px 25px 0 2px;
1931
+ margin: 9px 2px 0 2px;
1906
1932
  text-align: center;
1907
1933
  width: 15px;
1908
1934
  }
@@ -2659,7 +2685,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2659
2685
 
2660
2686
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2661
2687
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2662
- right: -1px;
2688
+ right: 0;
2663
2689
  }
2664
2690
 
2665
2691
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3146,7 +3172,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3146
3172
  }
3147
3173
 
3148
3174
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3149
- margin: 0 20px 0 0;
3175
+ margin: 0 26px 0 0;
3150
3176
  }
3151
3177
 
3152
3178
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -3210,7 +3236,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3210
3236
  font-size: 9px;
3211
3237
  height: 15px;
3212
3238
  line-height: 15px;
3213
- margin: 9px 25px 0 2px;
3239
+ margin: 9px 2px 0 2px;
3214
3240
  text-align: center;
3215
3241
  width: 15px;
3216
3242
  }
@@ -3221,7 +3247,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3221
3247
  }
3222
3248
 
3223
3249
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
3224
- margin: -22px 30px 0 0;
3250
+ margin: -22px 15px 0 0;
3225
3251
  }
3226
3252
 
3227
3253
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -5141,6 +5167,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5141
5167
  position: initial;
5142
5168
  }
5143
5169
 
5170
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
5171
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
5172
+ background-color: transparent;
5173
+ }
5174
+
5144
5175
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
5145
5176
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
5146
5177
  color: #000;
@@ -5438,6 +5469,25 @@ li.e-separator.e-menu-item.e-excel-separator {
5438
5469
  background-color: transparent;
5439
5470
  }
5440
5471
 
5472
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
5473
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5474
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5475
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
5476
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5477
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5478
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
5479
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5480
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5481
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
5482
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5483
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5484
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5485
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5486
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5487
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
5488
+ padding-right: 10px;
5489
+ }
5490
+
5441
5491
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5442
5492
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5443
5493
  padding-top: 0;
@@ -5486,7 +5536,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5486
5536
  box-shadow: 0 0 0 1px #757575 inset;
5487
5537
  }
5488
5538
 
5489
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
5539
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
5540
+ color: #000;
5541
+ }
5542
+
5543
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
5544
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
5490
5545
  color: #000;
5491
5546
  }
5492
5547
 
@@ -221,6 +221,17 @@
221
221
  padding: 10px;
222
222
  }
223
223
 
224
+ .e-bigger .e-pager .e-pp,
225
+ .e-bigger .e-pager .e-np,
226
+ .e-bigger .e-pager .e-pp:hover,
227
+ .e-bigger .e-pager .e-np:hover,
228
+ .e-pager.e-bigger .e-pp,
229
+ .e-pager.e-bigger .e-np,
230
+ .e-pager.e-bigger .e-pp:hover,
231
+ .e-pager.e-bigger .e-np:hover {
232
+ font-size: 20px;
233
+ }
234
+
224
235
  .e-pager {
225
236
  border-style: solid;
226
237
  border-width: 1px;
@@ -640,14 +651,19 @@
640
651
  }
641
652
  }
642
653
 
643
- .e-pager.sf-pager .e-last,
644
- .e-pager.sf-pager .e-mnext,
645
- .e-pager.sf-pager .e-mlast {
646
- margin-left: -4px;
654
+ .e-pager.sf-pager .e-pagercontainer .e-first,
655
+ .e-pager.sf-pager .e-pagercontainer .e-prev,
656
+ .e-pager.sf-pager .e-pagercontainer .e-next,
657
+ .e-pager.sf-pager .e-pagercontainer .e-last {
658
+ font-size: 12px;
659
+ }
660
+
661
+ .e-pager.sf-pager .e-numericcontainer a {
662
+ font-size: 13px;
647
663
  }
648
664
 
649
- .e-pager.sf-pager .e-prev {
650
- margin-left: -3px;
665
+ .e-pager.sf-pager .e-pagercontainer {
666
+ font-size: 0;
651
667
  }
652
668
 
653
669
  .e-pager.sf-pager .e-link,
@@ -1142,8 +1158,8 @@
1142
1158
  line-height: 48px;
1143
1159
  }
1144
1160
 
1145
- .e-bigger .e-excelfilter .e-dlg-content,
1146
- .e-excelfilter.e-bigger .e-dlg-content {
1161
+ .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1162
+ .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1147
1163
  padding-left: 19.25px;
1148
1164
  }
1149
1165
 
@@ -1296,7 +1312,7 @@
1296
1312
  user-select: none;
1297
1313
  }
1298
1314
 
1299
- .e-excelfilter .e-dlg-content {
1315
+ .e-excelfilter.e-dialog .e-dlg-content {
1300
1316
  padding-left: 18px;
1301
1317
  }
1302
1318
 
@@ -1647,6 +1663,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1647
1663
  font-size: 14px;
1648
1664
  }
1649
1665
 
1666
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
1667
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1668
+ font-size: 10px;
1669
+ }
1670
+
1671
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
1672
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
1673
+ font-size: 10px;
1674
+ }
1675
+
1650
1676
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
1651
1677
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1652
1678
  padding-bottom: 5px;
@@ -1902,7 +1928,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1902
1928
  font-size: 9px;
1903
1929
  height: 15px;
1904
1930
  line-height: 15px;
1905
- margin: 9px 25px 0 2px;
1931
+ margin: 9px 2px 0 2px;
1906
1932
  text-align: center;
1907
1933
  width: 15px;
1908
1934
  }
@@ -2659,7 +2685,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2659
2685
 
2660
2686
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2661
2687
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2662
- right: -1px;
2688
+ right: 0;
2663
2689
  }
2664
2690
 
2665
2691
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3146,7 +3172,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3146
3172
  }
3147
3173
 
3148
3174
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3149
- margin: 0 20px 0 0;
3175
+ margin: 0 26px 0 0;
3150
3176
  }
3151
3177
 
3152
3178
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -3210,7 +3236,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3210
3236
  font-size: 9px;
3211
3237
  height: 15px;
3212
3238
  line-height: 15px;
3213
- margin: 9px 25px 0 2px;
3239
+ margin: 9px 2px 0 2px;
3214
3240
  text-align: center;
3215
3241
  width: 15px;
3216
3242
  }
@@ -3221,7 +3247,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3221
3247
  }
3222
3248
 
3223
3249
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
3224
- margin: -22px 30px 0 0;
3250
+ margin: -22px 15px 0 0;
3225
3251
  }
3226
3252
 
3227
3253
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -5141,6 +5167,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5141
5167
  position: initial;
5142
5168
  }
5143
5169
 
5170
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
5171
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
5172
+ background-color: transparent;
5173
+ }
5174
+
5144
5175
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
5145
5176
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
5146
5177
  color: #fff;
@@ -5438,6 +5469,25 @@ li.e-separator.e-menu-item.e-excel-separator {
5438
5469
  background-color: transparent;
5439
5470
  }
5440
5471
 
5472
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
5473
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5474
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5475
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
5476
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5477
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5478
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
5479
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5480
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5481
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
5482
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5483
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5484
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5485
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5486
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5487
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
5488
+ padding-right: 10px;
5489
+ }
5490
+
5441
5491
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5442
5492
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5443
5493
  padding-top: 0;
@@ -5486,7 +5536,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5486
5536
  box-shadow: 0 0 0 1px #969696 inset;
5487
5537
  }
5488
5538
 
5489
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
5539
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
5540
+ color: #fff;
5541
+ }
5542
+
5543
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
5544
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
5490
5545
  color: #fff;
5491
5546
  }
5492
5547
 
@@ -222,6 +222,17 @@
222
222
  padding: 6px;
223
223
  }
224
224
 
225
+ .e-bigger .e-pager .e-pp,
226
+ .e-bigger .e-pager .e-np,
227
+ .e-bigger .e-pager .e-pp:hover,
228
+ .e-bigger .e-pager .e-np:hover,
229
+ .e-pager.e-bigger .e-pp,
230
+ .e-pager.e-bigger .e-np,
231
+ .e-pager.e-bigger .e-pp:hover,
232
+ .e-pager.e-bigger .e-np:hover {
233
+ font-size: 22px;
234
+ }
235
+
225
236
  .e-pager {
226
237
  border-style: solid;
227
238
  border-width: 1px;
@@ -641,14 +652,19 @@
641
652
  }
642
653
  }
643
654
 
644
- .e-pager.sf-pager .e-last,
645
- .e-pager.sf-pager .e-mnext,
646
- .e-pager.sf-pager .e-mlast {
647
- margin-left: -4px;
655
+ .e-pager.sf-pager .e-pagercontainer .e-first,
656
+ .e-pager.sf-pager .e-pagercontainer .e-prev,
657
+ .e-pager.sf-pager .e-pagercontainer .e-next,
658
+ .e-pager.sf-pager .e-pagercontainer .e-last {
659
+ font-size: 9px;
660
+ }
661
+
662
+ .e-pager.sf-pager .e-numericcontainer a {
663
+ font-size: 13px;
648
664
  }
649
665
 
650
- .e-pager.sf-pager .e-prev {
651
- margin-left: -3px;
666
+ .e-pager.sf-pager .e-pagercontainer {
667
+ font-size: 0;
652
668
  }
653
669
 
654
670
  .e-pager.sf-pager .e-link,
@@ -1158,8 +1174,8 @@
1158
1174
  line-height: 48px;
1159
1175
  }
1160
1176
 
1161
- .e-bigger .e-excelfilter .e-dlg-content,
1162
- .e-excelfilter.e-bigger .e-dlg-content {
1177
+ .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1178
+ .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1163
1179
  padding-left: 11px;
1164
1180
  }
1165
1181
 
@@ -1312,7 +1328,7 @@
1312
1328
  user-select: none;
1313
1329
  }
1314
1330
 
1315
- .e-excelfilter .e-dlg-content {
1331
+ .e-excelfilter.e-dialog .e-dlg-content {
1316
1332
  padding-left: 9px;
1317
1333
  }
1318
1334
 
@@ -1680,6 +1696,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1680
1696
  font-size: 13px;
1681
1697
  }
1682
1698
 
1699
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
1700
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1701
+ font-size: 10px;
1702
+ }
1703
+
1704
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
1705
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
1706
+ font-size: 10px;
1707
+ }
1708
+
1683
1709
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
1684
1710
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1685
1711
  padding-bottom: 8px;
@@ -2692,7 +2718,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2692
2718
 
2693
2719
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2694
2720
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2695
- right: -1px;
2721
+ right: 0;
2696
2722
  }
2697
2723
 
2698
2724
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -5174,6 +5200,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5174
5200
  position: initial;
5175
5201
  }
5176
5202
 
5203
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
5204
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
5205
+ background-color: transparent;
5206
+ }
5207
+
5177
5208
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
5178
5209
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
5179
5210
  color: #fff;
@@ -5471,6 +5502,25 @@ li.e-separator.e-menu-item.e-excel-separator {
5471
5502
  background-color: transparent;
5472
5503
  }
5473
5504
 
5505
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
5506
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5507
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5508
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
5509
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5510
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5511
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
5512
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5513
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5514
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
5515
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5516
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5517
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5518
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5519
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5520
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
5521
+ padding-right: 10px;
5522
+ }
5523
+
5474
5524
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5475
5525
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5476
5526
  padding-top: 0;
@@ -5519,7 +5569,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5519
5569
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
5520
5570
  }
5521
5571
 
5522
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
5572
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
5573
+ color: rgba(255, 255, 255, 0.7);
5574
+ }
5575
+
5576
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
5577
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
5523
5578
  color: rgba(255, 255, 255, 0.7);
5524
5579
  }
5525
5580
 
@@ -222,6 +222,17 @@
222
222
  padding: 6px;
223
223
  }
224
224
 
225
+ .e-bigger .e-pager .e-pp,
226
+ .e-bigger .e-pager .e-np,
227
+ .e-bigger .e-pager .e-pp:hover,
228
+ .e-bigger .e-pager .e-np:hover,
229
+ .e-pager.e-bigger .e-pp,
230
+ .e-pager.e-bigger .e-np,
231
+ .e-pager.e-bigger .e-pp:hover,
232
+ .e-pager.e-bigger .e-np:hover {
233
+ font-size: 22px;
234
+ }
235
+
225
236
  .e-pager {
226
237
  border-style: solid;
227
238
  border-width: 1px;
@@ -641,14 +652,19 @@
641
652
  }
642
653
  }
643
654
 
644
- .e-pager.sf-pager .e-last,
645
- .e-pager.sf-pager .e-mnext,
646
- .e-pager.sf-pager .e-mlast {
647
- margin-left: -4px;
655
+ .e-pager.sf-pager .e-pagercontainer .e-first,
656
+ .e-pager.sf-pager .e-pagercontainer .e-prev,
657
+ .e-pager.sf-pager .e-pagercontainer .e-next,
658
+ .e-pager.sf-pager .e-pagercontainer .e-last {
659
+ font-size: 9px;
660
+ }
661
+
662
+ .e-pager.sf-pager .e-numericcontainer a {
663
+ font-size: 13px;
648
664
  }
649
665
 
650
- .e-pager.sf-pager .e-prev {
651
- margin-left: -3px;
666
+ .e-pager.sf-pager .e-pagercontainer {
667
+ font-size: 0;
652
668
  }
653
669
 
654
670
  .e-pager.sf-pager .e-link,
@@ -1192,8 +1208,8 @@
1192
1208
  line-height: 48px;
1193
1209
  }
1194
1210
 
1195
- .e-bigger .e-excelfilter .e-dlg-content,
1196
- .e-excelfilter.e-bigger .e-dlg-content {
1211
+ .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1212
+ .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1197
1213
  padding-left: 11px;
1198
1214
  }
1199
1215
 
@@ -1346,7 +1362,7 @@
1346
1362
  user-select: none;
1347
1363
  }
1348
1364
 
1349
- .e-excelfilter .e-dlg-content {
1365
+ .e-excelfilter.e-dialog .e-dlg-content {
1350
1366
  padding-left: 9px;
1351
1367
  }
1352
1368
 
@@ -1724,6 +1740,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1724
1740
  font-size: 13px;
1725
1741
  }
1726
1742
 
1743
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
1744
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1745
+ font-size: 10px;
1746
+ }
1747
+
1748
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
1749
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
1750
+ font-size: 10px;
1751
+ }
1752
+
1727
1753
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
1728
1754
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1729
1755
  padding-bottom: 8px;
@@ -2736,7 +2762,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2736
2762
 
2737
2763
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2738
2764
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2739
- right: -1px;
2765
+ right: 0;
2740
2766
  }
2741
2767
 
2742
2768
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -5218,6 +5244,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5218
5244
  position: initial;
5219
5245
  }
5220
5246
 
5247
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
5248
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
5249
+ background-color: transparent;
5250
+ }
5251
+
5221
5252
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
5222
5253
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
5223
5254
  color: #000;
@@ -5515,6 +5546,25 @@ li.e-separator.e-menu-item.e-excel-separator {
5515
5546
  background-color: transparent;
5516
5547
  }
5517
5548
 
5549
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
5550
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5551
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5552
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
5553
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5554
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5555
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
5556
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5557
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5558
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
5559
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5560
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5561
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5562
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5563
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5564
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
5565
+ padding-right: 10px;
5566
+ }
5567
+
5518
5568
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5519
5569
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5520
5570
  padding-top: 0;
@@ -5563,7 +5613,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5563
5613
  box-shadow: 0 0 0 1px #9e9e9e inset;
5564
5614
  }
5565
5615
 
5566
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
5616
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
5617
+ color: #212121;
5618
+ }
5619
+
5620
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
5621
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
5567
5622
  color: #212121;
5568
5623
  }
5569
5624
 
@@ -221,6 +221,17 @@
221
221
  padding: 13px 10px 12px;
222
222
  }
223
223
 
224
+ .e-bigger .e-pager .e-pp,
225
+ .e-bigger .e-pager .e-np,
226
+ .e-bigger .e-pager .e-pp:hover,
227
+ .e-bigger .e-pager .e-np:hover,
228
+ .e-pager.e-bigger .e-pp,
229
+ .e-pager.e-bigger .e-np,
230
+ .e-pager.e-bigger .e-pp:hover,
231
+ .e-pager.e-bigger .e-np:hover {
232
+ font-size: 16px;
233
+ }
234
+
224
235
  .e-pager {
225
236
  border-style: solid;
226
237
  border-width: 1px;
@@ -640,14 +651,19 @@
640
651
  }
641
652
  }
642
653
 
643
- .e-pager.sf-pager .e-last,
644
- .e-pager.sf-pager .e-mnext,
645
- .e-pager.sf-pager .e-mlast {
646
- margin-left: -4px;
654
+ .e-pager.sf-pager .e-pagercontainer .e-first,
655
+ .e-pager.sf-pager .e-pagercontainer .e-prev,
656
+ .e-pager.sf-pager .e-pagercontainer .e-next,
657
+ .e-pager.sf-pager .e-pagercontainer .e-last {
658
+ font-size: 10px;
659
+ }
660
+
661
+ .e-pager.sf-pager .e-numericcontainer a {
662
+ font-size: 14px;
647
663
  }
648
664
 
649
- .e-pager.sf-pager .e-prev {
650
- margin-left: -3px;
665
+ .e-pager.sf-pager .e-pagercontainer {
666
+ font-size: 0;
651
667
  }
652
668
 
653
669
  .e-pager.sf-pager .e-link,