@syncfusion/ej2-react-grids 19.2.57 → 19.3.43

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 (63) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +265 -69
  5. package/styles/bootstrap.css +263 -67
  6. package/styles/bootstrap4.css +248 -52
  7. package/styles/bootstrap5-dark.css +6088 -0
  8. package/styles/bootstrap5-dark.scss +3 -0
  9. package/styles/bootstrap5.css +6088 -0
  10. package/styles/bootstrap5.scss +3 -0
  11. package/styles/excel-filter/bootstrap-dark.css +15 -3
  12. package/styles/excel-filter/bootstrap.css +14 -2
  13. package/styles/excel-filter/bootstrap4.css +15 -3
  14. package/styles/excel-filter/bootstrap5-dark.css +618 -0
  15. package/styles/excel-filter/bootstrap5-dark.scss +1 -0
  16. package/styles/excel-filter/bootstrap5.css +618 -0
  17. package/styles/excel-filter/bootstrap5.scss +1 -0
  18. package/styles/excel-filter/fabric-dark.css +14 -2
  19. package/styles/excel-filter/fabric.css +13 -1
  20. package/styles/excel-filter/highcontrast-light.css +14 -2
  21. package/styles/excel-filter/highcontrast.css +13 -1
  22. package/styles/excel-filter/material-dark.css +17 -5
  23. package/styles/excel-filter/material.css +13 -1
  24. package/styles/excel-filter/tailwind-dark.css +21 -5
  25. package/styles/excel-filter/tailwind.css +21 -5
  26. package/styles/fabric-dark.css +233 -37
  27. package/styles/fabric.css +226 -30
  28. package/styles/grid/bootstrap-dark.css +239 -56
  29. package/styles/grid/bootstrap.css +237 -54
  30. package/styles/grid/bootstrap4.css +227 -44
  31. package/styles/grid/bootstrap5-dark.css +4831 -0
  32. package/styles/grid/bootstrap5-dark.scss +1 -0
  33. package/styles/grid/bootstrap5.css +4831 -0
  34. package/styles/grid/bootstrap5.scss +1 -0
  35. package/styles/grid/fabric-dark.css +212 -29
  36. package/styles/grid/fabric.css +212 -29
  37. package/styles/grid/highcontrast-light.css +215 -32
  38. package/styles/grid/highcontrast.css +215 -32
  39. package/styles/grid/material-dark.css +225 -42
  40. package/styles/grid/material.css +208 -25
  41. package/styles/grid/tailwind-dark.css +244 -61
  42. package/styles/grid/tailwind.css +242 -59
  43. package/styles/highcontrast-light.css +230 -34
  44. package/styles/highcontrast.css +231 -35
  45. package/styles/material-dark.css +245 -49
  46. package/styles/material.css +224 -28
  47. package/styles/pager/bootstrap-dark.css +11 -10
  48. package/styles/pager/bootstrap.css +12 -11
  49. package/styles/pager/bootstrap4.css +6 -5
  50. package/styles/pager/bootstrap5-dark.css +779 -0
  51. package/styles/pager/bootstrap5-dark.scss +1 -0
  52. package/styles/pager/bootstrap5.css +779 -0
  53. package/styles/pager/bootstrap5.scss +1 -0
  54. package/styles/pager/fabric-dark.css +7 -6
  55. package/styles/pager/fabric.css +1 -0
  56. package/styles/pager/highcontrast-light.css +1 -0
  57. package/styles/pager/highcontrast.css +3 -2
  58. package/styles/pager/material-dark.css +4 -3
  59. package/styles/pager/material.css +3 -2
  60. package/styles/pager/tailwind-dark.css +8 -7
  61. package/styles/pager/tailwind.css +8 -7
  62. package/styles/tailwind-dark.css +273 -73
  63. package/styles/tailwind.css +271 -71
@@ -72,7 +72,7 @@
72
72
  .e-pager.e-bigger div.e-parentmsgbar {
73
73
  padding-bottom: 8px;
74
74
  padding-right: 24px;
75
- padding-top: 18.66667px;
75
+ padding-top: 15px;
76
76
  }
77
77
 
78
78
  .e-bigger .e-pager .e-pagerdropdown,
@@ -95,7 +95,7 @@
95
95
 
96
96
  .e-bigger .e-pager.e-rtl .e-pagercontainer,
97
97
  .e-pager.e-bigger.e-rtl .e-pagercontainer {
98
- margin: 5px 0 -4px 0;
98
+ margin: 5px 0 5px 0;
99
99
  }
100
100
 
101
101
  @media (max-width: 769px) {
@@ -188,6 +188,7 @@
188
188
  .e-pager.e-bigger.e-rtl .e-np,
189
189
  .e-pager.e-bigger.e-rtl .e-pp:hover,
190
190
  .e-pager.e-bigger.e-rtl .e-np:hover {
191
+ font-size: 22px;
191
192
  margin-top: -10px;
192
193
  }
193
194
 
@@ -745,7 +746,7 @@
745
746
 
746
747
  .e-pager .e-currentitem,
747
748
  .e-pager .e-currentitem:hover {
748
- background: #ff80ab;
749
+ background: #00b0ff;
749
750
  color: #000;
750
751
  opacity: 1;
751
752
  }
@@ -800,7 +801,7 @@
800
801
  }
801
802
 
802
803
  .e-dropdownbase .e-list-item.e-active.e-hover {
803
- color: #ff80ab;
804
+ color: #00b0ff;
804
805
  }
805
806
 
806
807
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
@@ -1019,9 +1020,14 @@
1019
1020
  }
1020
1021
 
1021
1022
  .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
1023
+ margin-bottom: 1px;
1022
1024
  margin-left: 6px;
1023
1025
  }
1024
1026
 
1027
+ .e-xlflmenu .e-checkbox-wrapper .e-frame {
1028
+ margin-bottom: 1px;
1029
+ }
1030
+
1025
1031
  .e-xlflmenu .e-dlg-content {
1026
1032
  padding-bottom: 6px;
1027
1033
  }
@@ -1044,8 +1050,9 @@
1044
1050
  opacity: 0;
1045
1051
  }
1046
1052
 
1047
- .e-xlflmenu.e-rtl .e-xlfl-optr :first-child {
1053
+ .e-xlflmenu.e-rtl .e-xlfl-optr {
1048
1054
  padding-left: 12px;
1055
+ padding-right: 0;
1049
1056
  }
1050
1057
 
1051
1058
  .e-xlflmenu.e-rtl .e-radio + label .e-label {
@@ -1058,6 +1065,11 @@
1058
1065
  margin-right: 13px;
1059
1066
  }
1060
1067
 
1068
+ .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
1069
+ padding-left: 0;
1070
+ padding-right: 25px;
1071
+ }
1072
+
1061
1073
  .e-bigger .e-xlflmenu {
1062
1074
  min-height: 396px;
1063
1075
  }
@@ -1226,6 +1238,7 @@
1226
1238
  .e-excelfilter .e-contextmenu-wrapper ul,
1227
1239
  .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
1228
1240
  border: 0;
1241
+ border-radius: 0;
1229
1242
  box-shadow: none;
1230
1243
  max-width: 300px;
1231
1244
  padding-bottom: 4px;
@@ -1335,7 +1348,7 @@
1335
1348
  }
1336
1349
 
1337
1350
  .e-excelfilter .e-filtered::before {
1338
- color: #ff80ab;
1351
+ color: #00b0ff;
1339
1352
  }
1340
1353
 
1341
1354
  .e-excelfilter .e-dlg-content {
@@ -1348,8 +1361,8 @@ li.e-separator.e-menu-item.e-excel-separator {
1348
1361
  }
1349
1362
 
1350
1363
  .e-xlsel {
1351
- background-color: #ff80ab;
1352
- border-color: #ff80ab;
1364
+ background-color: #00b0ff;
1365
+ border-color: #00b0ff;
1353
1366
  }
1354
1367
 
1355
1368
  @keyframes e-input-ripple {
@@ -1443,7 +1456,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1443
1456
  }
1444
1457
 
1445
1458
  .e-grid .e-icon-filter::before,
1446
- .e-grid-menu .e-icon-filter::before {
1459
+ .e-grid .e-icon-filter.e-filtered::before,
1460
+ .e-grid-menu .e-icon-filter::before,
1461
+ .e-grid-menu .e-icon-filter.e-filtered::before {
1447
1462
  content: '\e7ee';
1448
1463
  }
1449
1464
 
@@ -1533,7 +1548,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1533
1548
  }
1534
1549
 
1535
1550
  .e-grid .e-columnmenu::before,
1536
- .e-grid-menu .e-columnmenu::before {
1551
+ .e-grid .e-columnmenu.e-filtered::before,
1552
+ .e-grid-menu .e-columnmenu::before,
1553
+ .e-grid-menu .e-columnmenu.e-filtered::before {
1537
1554
  content: '\e984';
1538
1555
  }
1539
1556
 
@@ -1706,12 +1723,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1706
1723
 
1707
1724
  .e-bigger .e-grid .e-icons,
1708
1725
  .e-grid.e-bigger .e-icons {
1709
- font-size: 12px;
1726
+ font-size: 14px;
1710
1727
  }
1711
1728
 
1712
1729
  .e-bigger .e-grid .e-gridheader thead .e-icons,
1713
1730
  .e-grid.e-bigger .e-gridheader thead .e-icons {
1714
- font-size: 12px;
1731
+ font-size: 16px;
1715
1732
  }
1716
1733
 
1717
1734
  .e-bigger .e-grid .e-icon-gdownarrow,
@@ -1756,8 +1773,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1756
1773
 
1757
1774
  .e-bigger .e-grid .e-rowcell,
1758
1775
  .e-bigger .e-grid .e-summarycell,
1776
+ .e-bigger .e-grid .e-groupcaption,
1759
1777
  .e-grid.e-bigger .e-rowcell,
1760
- .e-grid.e-bigger .e-summarycell {
1778
+ .e-grid.e-bigger .e-summarycell,
1779
+ .e-grid.e-bigger .e-groupcaption {
1761
1780
  font-size: 13px;
1762
1781
  padding: 11px 28px;
1763
1782
  }
@@ -1797,7 +1816,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1797
1816
 
1798
1817
  .e-bigger .e-grid .e-columnmenu,
1799
1818
  .e-grid.e-bigger .e-columnmenu {
1800
- bottom: 17px;
1819
+ bottom: 35px;
1801
1820
  }
1802
1821
 
1803
1822
  .e-bigger .e-grid.e-device.e-noselect,
@@ -1999,6 +2018,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1999
2018
  padding: 4px 5px;
2000
2019
  }
2001
2020
 
2021
+ .e-bigger .e-grid .e-cloneproperties.e-draganddrop,
2022
+ .e-grid.e-bigger .e-cloneproperties.e-draganddrop {
2023
+ padding: 0;
2024
+ }
2025
+
2002
2026
  .e-bigger .e-grid .e-headerclone,
2003
2027
  .e-grid.e-bigger .e-headerclone {
2004
2028
  font-size: 12px;
@@ -2359,7 +2383,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2359
2383
  .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder,
2360
2384
  .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder,
2361
2385
  .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder {
2362
- box-shadow: 0 2px 0 0 #ff80ab;
2386
+ box-shadow: 0 2px 0 0 #00b0ff;
2363
2387
  position: relative;
2364
2388
  z-index: 5;
2365
2389
  }
@@ -2417,6 +2441,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2417
2441
  border-left: 0;
2418
2442
  border-right: 0;
2419
2443
  border-top: 1px solid #616161;
2444
+ border-radius: 0;
2420
2445
  }
2421
2446
 
2422
2447
  .e-grid .e-res-toolbar {
@@ -2428,6 +2453,15 @@ li.e-separator.e-menu-item.e-excel-separator {
2428
2453
  min-height: initial;
2429
2454
  }
2430
2455
 
2456
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover,
2457
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active,
2458
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus,
2459
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover,
2460
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active,
2461
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
2462
+ background: none;
2463
+ }
2464
+
2431
2465
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
2432
2466
  color: #fff;
2433
2467
  }
@@ -2656,6 +2690,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2656
2690
  width: 4px;
2657
2691
  }
2658
2692
 
2693
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2694
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2695
+ right: -1px;
2696
+ }
2697
+
2659
2698
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
2660
2699
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
2661
2700
  left: 0;
@@ -3265,6 +3304,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3265
3304
  box-sizing: border-box;
3266
3305
  }
3267
3306
 
3307
+ .e-grid .e-rowdragdropcell {
3308
+ border-style: solid;
3309
+ border-width: 1px 0 0 0;
3310
+ }
3311
+
3268
3312
  .e-grid .e-detailrowcollapse,
3269
3313
  .e-grid .e-detailrowexpand {
3270
3314
  border-style: solid;
@@ -3391,7 +3435,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3391
3435
  .e-grid.e-rtl .e-searchclear {
3392
3436
  float: left;
3393
3437
  position: relative;
3394
- top: 10px;
3395
3438
  }
3396
3439
 
3397
3440
  .e-grid .e-checkboxlist {
@@ -3401,6 +3444,16 @@ li.e-separator.e-menu-item.e-excel-separator {
3401
3444
  overflow-y: auto;
3402
3445
  }
3403
3446
 
3447
+ .e-grid .e-checkfltrnmdiv {
3448
+ height: 60px;
3449
+ padding: 23px;
3450
+ text-align: center;
3451
+ }
3452
+
3453
+ .e-grid .e-checkboxlist > span {
3454
+ padding-left: 9px;
3455
+ }
3456
+
3404
3457
  .e-grid .e-chk-hidden {
3405
3458
  -moz-appearance: none;
3406
3459
  height: 1px;
@@ -3427,6 +3480,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3427
3480
  min-width: 250px;
3428
3481
  }
3429
3482
 
3483
+ .e-grid .e-dialog.e-checkboxfilter .e-dlg-content,
3484
+ .e-grid .e-dialog.e-flmenu .e-dlg-content {
3485
+ border-radius: 0;
3486
+ }
3487
+
3430
3488
  .e-grid .e-dialog.e-checkboxfilter {
3431
3489
  min-height: 322px;
3432
3490
  }
@@ -3605,7 +3663,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3605
3663
 
3606
3664
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3607
3665
  .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3608
- font-size: 7px;
3666
+ font-size: 8px;
3609
3667
  margin-left: 0;
3610
3668
  margin-top: 0;
3611
3669
  position: absolute;
@@ -3843,6 +3901,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3843
3901
  line-height: 3;
3844
3902
  }
3845
3903
 
3904
+ .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
3905
+ margin-top: 1px;
3906
+ }
3907
+
3846
3908
  .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
3847
3909
  margin-top: 0;
3848
3910
  padding: 3px 0 0;
@@ -4342,6 +4404,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4342
4404
 
4343
4405
  .e-grid.e-rtl .e-groupheadercell span {
4344
4406
  float: right;
4407
+ padding: 0;
4345
4408
  }
4346
4409
 
4347
4410
  .e-grid.e-rtl.e-horizontallines .e-grouptopleftcell {
@@ -4782,6 +4845,35 @@ li.e-separator.e-menu-item.e-excel-separator {
4782
4845
  white-space: nowrap;
4783
4846
  }
4784
4847
 
4848
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
4849
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
4850
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
4851
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
4852
+ font-size: 8px;
4853
+ margin-top: 0;
4854
+ }
4855
+
4856
+ .e-bigger .e-grid .e-gridheader thead .e-icons,
4857
+ .e-bigger.e-grid .e-gridheader thead .e-icons {
4858
+ font-size: 16px;
4859
+ }
4860
+
4861
+ .e-bigger .e-grid .e-ccdlg .e-cc-searchdiv,
4862
+ .e-bigger.e-grid .e-ccdlg .e-cc-searchdiv {
4863
+ padding-left: 0;
4864
+ padding-right: 6px;
4865
+ }
4866
+
4867
+ .e-bigger .e-grid.e-rtl .e-columnmenu,
4868
+ .e-bigger.e-grid.e-rtl .e-columnmenu {
4869
+ margin: -17px -18px -18px 1px;
4870
+ }
4871
+
4872
+ .e-bigger .e-grid.e-rtl .e-groupheadercell span,
4873
+ .e-bigger.e-grid.e-rtl .e-groupheadercell span {
4874
+ padding: 0;
4875
+ }
4876
+
4785
4877
  .e-grid-min-height .e-rowcell {
4786
4878
  line-height: 0;
4787
4879
  padding-bottom: 0;
@@ -4908,6 +5000,29 @@ li.e-separator.e-menu-item.e-excel-separator {
4908
5000
  position: relative;
4909
5001
  }
4910
5002
 
5003
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
5004
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
5005
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
5006
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
5007
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
5008
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus {
5009
+ background: none;
5010
+ }
5011
+
5012
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
5013
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
5014
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons,
5015
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
5016
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
5017
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons {
5018
+ padding-bottom: 0;
5019
+ }
5020
+
5021
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-search-icon,
5022
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-search-icon {
5023
+ background: none;
5024
+ }
5025
+
4911
5026
  .e-bigger .e-grid.e-row-responsive .e-responsive-header,
4912
5027
  .e-bigger.e-grid.e-row-responsive .e-responsive-header {
4913
5028
  border-top: 1px solid;
@@ -4977,14 +5092,6 @@ li.e-separator.e-menu-item.e-excel-separator {
4977
5092
  height: auto;
4978
5093
  }
4979
5094
 
4980
- .e-bigger .e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
4981
- .e-bigger .e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type,
4982
- .e-bigger.e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
4983
- .e-bigger.e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type {
4984
- border-bottom: 1px solid;
4985
- border-bottom-color: #616161;
4986
- }
4987
-
4988
5095
  .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
4989
5096
  .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-emptyrow td.e-lastrowcell,
4990
5097
  .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
@@ -5040,6 +5147,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5040
5147
  border: 0;
5041
5148
  }
5042
5149
 
5150
+ .e-bigger .e-responsive-dialog.e-customfilter .e-responsivecoldiv,
5151
+ .e-bigger.e-responsive-dialog.e-customfilter .e-responsivecoldiv {
5152
+ cursor: pointer;
5153
+ }
5154
+
5043
5155
  .e-bigger .e-responsive-dialog .e-btn.e-ripple,
5044
5156
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
5045
5157
  overflow: initial;
@@ -5103,7 +5215,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5103
5215
 
5104
5216
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn,
5105
5217
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn {
5106
- color: #ff80ab;
5218
+ color: #00b0ff;
5107
5219
  margin-top: 4px;
5108
5220
  padding: 0;
5109
5221
  }
@@ -5115,7 +5227,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5115
5227
 
5116
5228
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-sort-clear-btn,
5117
5229
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-sort-clear-btn {
5118
- color: #ff80ab;
5230
+ color: #00b0ff;
5119
5231
  font-size: 15px;
5120
5232
  font-weight: 500;
5121
5233
  padding-top: 5px;
@@ -5140,7 +5252,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5140
5252
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-btn {
5141
5253
  background: none;
5142
5254
  border: 0;
5143
- color: #ff80ab;
5255
+ color: #00b0ff;
5144
5256
  }
5145
5257
 
5146
5258
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-res-back-btn,
@@ -5150,12 +5262,23 @@ li.e-separator.e-menu-item.e-excel-separator {
5150
5262
  padding-left: 0;
5151
5263
  }
5152
5264
 
5265
+ .e-bigger .e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn,
5266
+ .e-bigger.e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn {
5267
+ padding-left: 15px;
5268
+ padding-right: 0;
5269
+ }
5270
+
5153
5271
  .e-bigger .e-responsive-dialog .e-dlg-content,
5154
5272
  .e-bigger.e-responsive-dialog .e-dlg-content {
5155
5273
  padding: 16px;
5156
5274
  padding-top: 0;
5157
5275
  }
5158
5276
 
5277
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
5278
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
5279
+ text-align: center;
5280
+ }
5281
+
5159
5282
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
5160
5283
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
5161
5284
  float: right;
@@ -5165,7 +5288,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5165
5288
 
5166
5289
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv .e-filterset,
5167
5290
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv .e-filterset {
5168
- color: #ff80ab;
5291
+ color: #00b0ff;
5169
5292
  }
5170
5293
 
5171
5294
  .e-bigger .e-responsive-dialog .e-dlg-content .e-dialog,
@@ -5173,12 +5296,28 @@ li.e-separator.e-menu-item.e-excel-separator {
5173
5296
  box-shadow: none;
5174
5297
  }
5175
5298
 
5299
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter,
5300
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter {
5301
+ border: transparent;
5302
+ }
5303
+
5176
5304
  .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content,
5177
5305
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content {
5178
- padding: 0;
5306
+ background-color: #424242;
5307
+ padding: 8px;
5179
5308
  padding-right: 16px;
5180
5309
  }
5181
5310
 
5311
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span,
5312
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
5313
+ padding-left: 9px;
5314
+ }
5315
+
5316
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
5317
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
5318
+ border: transparent;
5319
+ }
5320
+
5182
5321
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content,
5183
5322
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content {
5184
5323
  padding: 16px;
@@ -5212,9 +5351,20 @@ li.e-separator.e-menu-item.e-excel-separator {
5212
5351
 
5213
5352
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul,
5214
5353
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul {
5354
+ background-color: #424242;
5215
5355
  max-width: 100%;
5216
5356
  }
5217
5357
 
5358
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li,
5359
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li {
5360
+ color: rgba(255, 255, 255, 0.87);
5361
+ }
5362
+
5363
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected,
5364
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected {
5365
+ background-color: #424242;
5366
+ }
5367
+
5218
5368
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu,
5219
5369
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu {
5220
5370
  padding: 0;
@@ -5223,6 +5373,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5223
5373
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon,
5224
5374
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon {
5225
5375
  margin-right: 4px;
5376
+ margin-left: 15px;
5226
5377
  }
5227
5378
 
5228
5379
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-caret,
@@ -5238,7 +5389,16 @@ li.e-separator.e-menu-item.e-excel-separator {
5238
5389
 
5239
5390
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox,
5240
5391
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
5241
- padding-left: 20px;
5392
+ padding-left: 10px;
5393
+ }
5394
+
5395
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
5396
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
5397
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
5398
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
5399
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
5400
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
5401
+ background: none;
5242
5402
  }
5243
5403
 
5244
5404
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -5290,7 +5450,10 @@ li.e-separator.e-menu-item.e-excel-separator {
5290
5450
 
5291
5451
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu,
5292
5452
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu {
5453
+ background-color: #424242;
5454
+ border: transparent;
5293
5455
  box-shadow: none;
5456
+ margin-top: 23px;
5294
5457
  max-width: 100%;
5295
5458
  min-width: 100%;
5296
5459
  overflow-y: auto;
@@ -5305,7 +5468,30 @@ li.e-separator.e-menu-item.e-excel-separator {
5305
5468
 
5306
5469
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused,
5307
5470
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused {
5308
- background-color: #424242;
5471
+ background-color: transparent;
5472
+ }
5473
+
5474
+ .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5475
+ .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5476
+ padding-top: 0;
5477
+ }
5478
+
5479
+ .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
5480
+ .e-bigger.e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn {
5481
+ float: right;
5482
+ padding-left: 40px;
5483
+ padding-right: 0;
5484
+ }
5485
+
5486
+ .e-bigger .e-responsive-dialog.e-rtl .e-res-apply-btn,
5487
+ .e-bigger.e-responsive-dialog.e-rtl .e-res-apply-btn {
5488
+ padding-left: 0;
5489
+ padding-right: 20px;
5490
+ }
5491
+
5492
+ .e-bigger .e-responsive-dialog.e-rtl .e-ressortbutton-parent,
5493
+ .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
5494
+ float: left;
5309
5495
  }
5310
5496
 
5311
5497
  /*! Grid theme */
@@ -5346,12 +5532,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5346
5532
  }
5347
5533
 
5348
5534
  .e-grid .e-autofill {
5349
- background-color: #ff80ab;
5535
+ background-color: #00b0ff;
5350
5536
  }
5351
5537
 
5352
5538
  .e-grid .e-autofill,
5353
5539
  .e-grid .e-xlsel {
5354
- border-color: #ff80ab;
5540
+ border-color: #00b0ff;
5355
5541
  z-index: 1;
5356
5542
  }
5357
5543
 
@@ -5363,8 +5549,8 @@ li.e-separator.e-menu-item.e-excel-separator {
5363
5549
  }
5364
5550
 
5365
5551
  .e-grid .e-xlselaf {
5366
- background-color: #ff80ab;
5367
- border-color: #ff80ab;
5552
+ background-color: #00b0ff;
5553
+ border-color: #00b0ff;
5368
5554
  position: absolute;
5369
5555
  }
5370
5556
 
@@ -5375,7 +5561,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5375
5561
  .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
5376
5562
  .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder,
5377
5563
  .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
5378
- box-shadow: 0 2px 0 0 #ff80ab;
5564
+ box-shadow: 0 2px 0 0 #00b0ff;
5379
5565
  position: relative;
5380
5566
  z-index: 5;
5381
5567
  }
@@ -5454,12 +5640,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5454
5640
  border-right-color: #616161;
5455
5641
  }
5456
5642
 
5457
- .e-grid .e-rowcell:not(.e-editedbatchcell),
5458
- .e-grid .e-detailrowcollapse:not(.e-editedbatchcell),
5459
- .e-grid .e-detailrowexpand:not(.e-editedbatchcell),
5460
- .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell),
5461
- .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell),
5462
- .e-grid .e-emptyrow:not(.e-editedbatchcell) {
5643
+ .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd),
5644
+ .e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd),
5645
+ .e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd),
5646
+ .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
5647
+ .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
5648
+ .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
5463
5649
  color: rgba(255, 255, 255, 0.87);
5464
5650
  }
5465
5651
 
@@ -5483,6 +5669,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5483
5669
  .e-grid .e-indentcell,
5484
5670
  .e-grid .e-recordplusexpand,
5485
5671
  .e-grid .e-recordpluscollapse,
5672
+ .e-grid .e-rowdragdropcell,
5486
5673
  .e-grid .e-detailrowcollapse,
5487
5674
  .e-grid .e-detailrowexpand,
5488
5675
  .e-grid .e-detailindentcell,
@@ -5582,7 +5769,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5582
5769
  }
5583
5770
 
5584
5771
  .e-grid .e-filtered::before {
5585
- color: #ff80ab;
5772
+ color: #00b0ff;
5586
5773
  }
5587
5774
 
5588
5775
  .e-grid .e-gridpopup .e-content {
@@ -5620,18 +5807,18 @@ li.e-separator.e-menu-item.e-excel-separator {
5620
5807
  }
5621
5808
 
5622
5809
  .e-grid .e-rhelper {
5623
- background-color: #ff80ab;
5810
+ background-color: #00b0ff;
5624
5811
  cursor: col-resize;
5625
5812
  opacity: 0.87;
5626
5813
  }
5627
5814
 
5628
5815
  .e-grid.e-device .e-rcursor::before {
5629
- border-right-color: #ff80ab;
5816
+ border-right-color: #00b0ff;
5630
5817
  opacity: 0.87;
5631
5818
  }
5632
5819
 
5633
5820
  .e-grid.e-device .e-rcursor::after {
5634
- border-left-color: #ff80ab;
5821
+ border-left-color: #00b0ff;
5635
5822
  opacity: 0.87;
5636
5823
  }
5637
5824
 
@@ -5685,7 +5872,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5685
5872
 
5686
5873
  .e-grid .e-row .e-dragstartrow::before,
5687
5874
  .e-grid .e-row .e-selectionbackground .e-dragstartrow::before {
5688
- color: #ff80ab;
5875
+ color: #00b0ff;
5689
5876
  }
5690
5877
 
5691
5878
  .e-grid .e-griddragarea {
@@ -5843,7 +6030,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5843
6030
  }
5844
6031
 
5845
6032
  .e-dropitemscount {
5846
- background-color: #ff80ab;
6033
+ background-color: #00b0ff;
5847
6034
  color: #000;
5848
6035
  }
5849
6036
 
@@ -5854,3 +6041,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5854
6041
  .e-filterbardropdown:not(.e-rtl) {
5855
6042
  margin-right: 15px;
5856
6043
  }
6044
+
6045
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown {
6046
+ border: transparent;
6047
+ }
6048
+
6049
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown:active,
6050
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown.e-input-focus {
6051
+ box-shadow: none;
6052
+ }