@syncfusion/ej2-react-grids 19.2.62 → 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 +13 -2
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +257 -62
  5. package/styles/bootstrap.css +255 -60
  6. package/styles/bootstrap4.css +239 -44
  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 +17 -1
  25. package/styles/excel-filter/tailwind.css +18 -2
  26. package/styles/fabric-dark.css +223 -28
  27. package/styles/fabric.css +216 -21
  28. package/styles/grid/bootstrap-dark.css +231 -49
  29. package/styles/grid/bootstrap.css +229 -47
  30. package/styles/grid/bootstrap4.css +218 -36
  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 +202 -20
  36. package/styles/grid/fabric.css +202 -20
  37. package/styles/grid/highcontrast-light.css +205 -23
  38. package/styles/grid/highcontrast.css +204 -22
  39. package/styles/grid/material-dark.css +217 -35
  40. package/styles/grid/material.css +200 -18
  41. package/styles/grid/tailwind-dark.css +209 -27
  42. package/styles/grid/tailwind.css +210 -28
  43. package/styles/highcontrast-light.css +220 -25
  44. package/styles/highcontrast.css +220 -25
  45. package/styles/material-dark.css +236 -41
  46. package/styles/material.css +215 -20
  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 +3 -2
  59. package/styles/pager/material.css +2 -1
  60. package/styles/pager/tailwind-dark.css +8 -7
  61. package/styles/pager/tailwind.css +7 -6
  62. package/styles/tailwind-dark.css +234 -35
  63. package/styles/tailwind.css +235 -36
@@ -186,7 +186,9 @@
186
186
  }
187
187
 
188
188
  .e-grid .e-icon-filter::before,
189
- .e-grid-menu .e-icon-filter::before {
189
+ .e-grid .e-icon-filter.e-filtered::before,
190
+ .e-grid-menu .e-icon-filter::before,
191
+ .e-grid-menu .e-icon-filter.e-filtered::before {
190
192
  content: '\e946';
191
193
  }
192
194
 
@@ -276,7 +278,9 @@
276
278
  }
277
279
 
278
280
  .e-grid .e-columnmenu::before,
279
- .e-grid-menu .e-columnmenu::before {
281
+ .e-grid .e-columnmenu.e-filtered::before,
282
+ .e-grid-menu .e-columnmenu::before,
283
+ .e-grid-menu .e-columnmenu.e-filtered::before {
280
284
  content: '\e984';
281
285
  }
282
286
 
@@ -449,22 +453,22 @@
449
453
 
450
454
  .e-bigger .e-grid .e-icons,
451
455
  .e-grid.e-bigger .e-icons {
452
- font-size: 12px;
456
+ font-size: 14px;
453
457
  }
454
458
 
455
459
  .e-bigger .e-grid .e-gridheader thead .e-icons,
456
460
  .e-grid.e-bigger .e-gridheader thead .e-icons {
457
- font-size: 12px;
461
+ font-size: 14px;
458
462
  }
459
463
 
460
464
  .e-bigger .e-grid .e-icon-gdownarrow,
461
465
  .e-grid.e-bigger .e-icon-gdownarrow {
462
- font-size: 12px;
466
+ font-size: 14px;
463
467
  }
464
468
 
465
469
  .e-bigger .e-grid .e-icon-grightarrow,
466
470
  .e-grid.e-bigger .e-icon-grightarrow {
467
- font-size: 12px;
471
+ font-size: 14px;
468
472
  }
469
473
 
470
474
  .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
@@ -499,8 +503,10 @@
499
503
 
500
504
  .e-bigger .e-grid .e-rowcell,
501
505
  .e-bigger .e-grid .e-summarycell,
506
+ .e-bigger .e-grid .e-groupcaption,
502
507
  .e-grid.e-bigger .e-rowcell,
503
- .e-grid.e-bigger .e-summarycell {
508
+ .e-grid.e-bigger .e-summarycell,
509
+ .e-grid.e-bigger .e-groupcaption {
504
510
  font-size: 14px;
505
511
  padding: 8px 8px;
506
512
  }
@@ -742,6 +748,11 @@
742
748
  padding: 2px 4px 1px;
743
749
  }
744
750
 
751
+ .e-bigger .e-grid .e-cloneproperties.e-draganddrop,
752
+ .e-grid.e-bigger .e-cloneproperties.e-draganddrop {
753
+ padding: 0;
754
+ }
755
+
745
756
  .e-bigger .e-grid .e-headerclone,
746
757
  .e-grid.e-bigger .e-headerclone {
747
758
  font-size: 14px;
@@ -749,7 +760,7 @@
749
760
 
750
761
  .e-bigger .e-grid .e-groupdroparea.e-grouped,
751
762
  .e-grid.e-bigger .e-groupdroparea.e-grouped {
752
- padding: 0 0 8px;
763
+ padding: 5px 0 8px;
753
764
  }
754
765
 
755
766
  .e-bigger .e-grid .e-frozenheader table tr td.e-rowcell,
@@ -787,14 +798,14 @@
787
798
  .e-grid.e-bigger .e-groupheadercell:hover {
788
799
  border-radius: 6px;
789
800
  height: 51px;
790
- margin: 10px 0 0 8px;
791
- padding: 6px 0;
792
- font-size: 14px;
801
+ margin: 4px 0 0 10px;
802
+ padding: 9px 0;
803
+ font-size: 16px;
793
804
  }
794
805
 
795
806
  .e-bigger .e-grid .e-groupheadercell:hover,
796
807
  .e-grid.e-bigger .e-groupheadercell:hover {
797
- padding: 6px 0;
808
+ padding: 9px 0;
798
809
  }
799
810
 
800
811
  .e-bigger .e-grid .e-gdclone,
@@ -947,37 +958,37 @@
947
958
  .e-grid.e-bigger span.e-ungroupbutton,
948
959
  .e-grid.e-bigger .e-toggleungroup {
949
960
  margin-left: -8px;
950
- margin-top: -1px;
961
+ margin-top: -4px;
951
962
  }
952
963
 
953
964
  .e-bigger .e-grid span.e-ungroupbutton.e-icons,
954
965
  .e-grid.e-bigger span.e-ungroupbutton.e-icons {
955
- font-size: 12px;
966
+ font-size: 14px;
956
967
  margin-left: -7px;
957
- margin-top: -1px;
968
+ margin-top: -3px;
958
969
  margin-right: 0;
959
970
  }
960
971
 
961
972
  .e-bigger .e-grid .e-groupsort,
962
973
  .e-grid.e-bigger .e-groupsort {
963
974
  margin-right: 0;
964
- margin-top: -1px;
975
+ margin-top: -4px;
965
976
  }
966
977
 
967
978
  .e-bigger .e-grid.e-rtl .e-groupheadercell,
968
979
  .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
969
980
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
970
981
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
971
- margin: 3px 24px 0 0;
972
- padding: 4px 6px 4px 9px;
982
+ margin: 3px 8px 0 0;
983
+ padding: 9px 0 4px 0;
973
984
  }
974
985
 
975
986
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
976
987
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
977
988
  margin-left: 0;
978
- margin-right: 6px;
979
- margin-top: 0;
980
- padding-top: 1px;
989
+ margin-right: -10px;
990
+ margin-top: -4px;
991
+ padding-top: 0;
981
992
  }
982
993
 
983
994
  .e-bigger .e-grid .e-groupcaption,
@@ -1151,7 +1162,7 @@
1151
1162
  }
1152
1163
 
1153
1164
  .e-grid .e-icon-rowdragicon {
1154
- font-size: 8px;
1165
+ font-size: 10px;
1155
1166
  text-indent: 11px;
1156
1167
  }
1157
1168
 
@@ -1172,6 +1183,15 @@
1172
1183
  min-height: initial;
1173
1184
  }
1174
1185
 
1186
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover,
1187
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active,
1188
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus,
1189
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover,
1190
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active,
1191
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
1192
+ background: none;
1193
+ }
1194
+
1175
1195
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
1176
1196
  color: #fff;
1177
1197
  }
@@ -1400,6 +1420,11 @@
1400
1420
  width: 4px;
1401
1421
  }
1402
1422
 
1423
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1424
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1425
+ right: -1px;
1426
+ }
1427
+
1403
1428
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
1404
1429
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
1405
1430
  left: 0;
@@ -1567,7 +1592,7 @@
1567
1592
 
1568
1593
  .e-grid .e-gridheader {
1569
1594
  border-bottom-style: solid;
1570
- border-bottom-width: 2px;
1595
+ border-bottom-width: 1px;
1571
1596
  border-top-style: solid;
1572
1597
  border-top-width: 1px;
1573
1598
  }
@@ -1578,7 +1603,7 @@
1578
1603
 
1579
1604
  .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1580
1605
  border-top-style: solid;
1581
- border-top-width: 2px;
1606
+ border-top-width: 1px;
1582
1607
  }
1583
1608
 
1584
1609
  .e-grid.e-bothlines .e-filterbarcell,
@@ -2009,6 +2034,11 @@
2009
2034
  box-sizing: border-box;
2010
2035
  }
2011
2036
 
2037
+ .e-grid .e-rowdragdropcell {
2038
+ border-style: solid;
2039
+ border-width: 1px 0 0;
2040
+ }
2041
+
2012
2042
  .e-grid .e-detailrowcollapse,
2013
2043
  .e-grid .e-detailrowexpand {
2014
2044
  border-style: solid;
@@ -2051,7 +2081,7 @@
2051
2081
  }
2052
2082
 
2053
2083
  .e-grid.e-horizontallines .e-filterbarcell {
2054
- border-width: 2px 0 0;
2084
+ border-width: 1px 0 0;
2055
2085
  }
2056
2086
 
2057
2087
  .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
@@ -2135,7 +2165,6 @@
2135
2165
  .e-grid.e-rtl .e-searchclear {
2136
2166
  float: left;
2137
2167
  position: relative;
2138
- top: 0;
2139
2168
  }
2140
2169
 
2141
2170
  .e-grid .e-checkboxlist {
@@ -2145,6 +2174,16 @@
2145
2174
  overflow-y: auto;
2146
2175
  }
2147
2176
 
2177
+ .e-grid .e-checkfltrnmdiv {
2178
+ height: 60px;
2179
+ padding: 23px;
2180
+ text-align: center;
2181
+ }
2182
+
2183
+ .e-grid .e-checkboxlist > span {
2184
+ padding-left: 8px;
2185
+ }
2186
+
2148
2187
  .e-grid .e-chk-hidden {
2149
2188
  -moz-appearance: none;
2150
2189
  height: 1px;
@@ -2171,8 +2210,13 @@
2171
2210
  min-width: 250px;
2172
2211
  }
2173
2212
 
2213
+ .e-grid .e-dialog.e-checkboxfilter .e-dlg-content,
2214
+ .e-grid .e-dialog.e-flmenu .e-dlg-content {
2215
+ border-radius: 6px;
2216
+ }
2217
+
2174
2218
  .e-grid .e-dialog.e-checkboxfilter {
2175
- min-height: 348px;
2219
+ min-height: 338px;
2176
2220
  }
2177
2221
 
2178
2222
  .e-grid .e-checkboxfilter .e-searchbox {
@@ -2349,9 +2393,9 @@
2349
2393
 
2350
2394
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2351
2395
  .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2352
- font-size: 7px;
2396
+ font-size: 10px;
2353
2397
  margin-left: 0;
2354
- margin-top: 0;
2398
+ margin-top: -1.5px;
2355
2399
  position: absolute;
2356
2400
  z-index: 10;
2357
2401
  }
@@ -2479,7 +2523,7 @@
2479
2523
  }
2480
2524
 
2481
2525
  .e-grid .e-groupheadercell .e-cancel {
2482
- padding-right: 10px;
2526
+ padding-right: 12px;
2483
2527
  }
2484
2528
 
2485
2529
  .e-grid .e-groupheadercell .e-icons::before {
@@ -2489,7 +2533,7 @@
2489
2533
  .e-grid .e-groupsort,
2490
2534
  .e-grid .e-ungroupbutton,
2491
2535
  .e-grid .e-toggleungroup {
2492
- font-size: 10px;
2536
+ font-size: 12px;
2493
2537
  margin-left: -8px;
2494
2538
  }
2495
2539
 
@@ -2508,12 +2552,12 @@
2508
2552
  }
2509
2553
 
2510
2554
  .e-grid .e-icon-gdownarrow {
2511
- font-size: 8px;
2555
+ font-size: 10px;
2512
2556
  text-indent: 11px;
2513
2557
  }
2514
2558
 
2515
2559
  .e-grid .e-icon-grightarrow {
2516
- font-size: 8px;
2560
+ font-size: 10px;
2517
2561
  text-indent: 11px;
2518
2562
  }
2519
2563
 
@@ -2587,6 +2631,10 @@
2587
2631
  line-height: 3;
2588
2632
  }
2589
2633
 
2634
+ .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
2635
+ margin-top: 2px;
2636
+ }
2637
+
2590
2638
  .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
2591
2639
  margin-top: 0;
2592
2640
  padding: 3px 0 0;
@@ -3086,6 +3134,7 @@
3086
3134
 
3087
3135
  .e-grid.e-rtl .e-groupheadercell span {
3088
3136
  float: right;
3137
+ padding: 0 8px;
3089
3138
  }
3090
3139
 
3091
3140
  .e-grid.e-rtl.e-horizontallines .e-grouptopleftcell {
@@ -3115,7 +3164,7 @@
3115
3164
 
3116
3165
  .e-grid.e-rtl tr td:first-child,
3117
3166
  .e-grid.e-rtl tr th:first-child {
3118
- border-left-width: 1px;
3167
+ border-left-width: 0;
3119
3168
  }
3120
3169
 
3121
3170
  .e-grid.e-rtl.e-default.e-bothlines tr td:first-child:not(.e-summarycell),
@@ -3232,8 +3281,8 @@
3232
3281
 
3233
3282
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
3234
3283
  margin-left: 0;
3235
- margin-right: -6px;
3236
- padding-top: 1px;
3284
+ margin-right: -10px;
3285
+ padding-top: 0;
3237
3286
  }
3238
3287
 
3239
3288
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell,
@@ -3296,7 +3345,7 @@
3296
3345
  }
3297
3346
 
3298
3347
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
3299
- border-width: 2px 0 0;
3348
+ border-width: 1px 0 0;
3300
3349
  }
3301
3350
 
3302
3351
  .e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell {
@@ -3321,7 +3370,7 @@
3321
3370
  .e-grid.e-rtl .e-groupheadercell:hover {
3322
3371
  margin-left: 0;
3323
3372
  margin-right: 8px;
3324
- padding: 6px 0;
3373
+ padding: 7px 0;
3325
3374
  }
3326
3375
 
3327
3376
  .e-grid.e-rtl .e-groupheadercell,
@@ -3526,6 +3575,35 @@
3526
3575
  white-space: nowrap;
3527
3576
  }
3528
3577
 
3578
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3579
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
3580
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3581
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3582
+ font-size: 10px;
3583
+ margin-top: -1.5px;
3584
+ }
3585
+
3586
+ .e-bigger .e-grid .e-gridheader thead .e-icons,
3587
+ .e-bigger.e-grid .e-gridheader thead .e-icons {
3588
+ font-size: 14px;
3589
+ }
3590
+
3591
+ .e-bigger .e-grid .e-ccdlg .e-cc-searchdiv,
3592
+ .e-bigger.e-grid .e-ccdlg .e-cc-searchdiv {
3593
+ padding-left: 0;
3594
+ padding-right: 4px;
3595
+ }
3596
+
3597
+ .e-bigger .e-grid.e-rtl .e-columnmenu,
3598
+ .e-bigger.e-grid.e-rtl .e-columnmenu {
3599
+ margin: -20px -18px -18px 1px;
3600
+ }
3601
+
3602
+ .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3603
+ .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3604
+ padding: 0 8px;
3605
+ }
3606
+
3529
3607
  .e-grid-min-height .e-rowcell {
3530
3608
  line-height: 0;
3531
3609
  padding-bottom: 0;
@@ -3652,6 +3730,29 @@
3652
3730
  position: relative;
3653
3731
  }
3654
3732
 
3733
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
3734
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
3735
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
3736
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
3737
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
3738
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus {
3739
+ background: none;
3740
+ }
3741
+
3742
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
3743
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
3744
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons,
3745
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
3746
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
3747
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons {
3748
+ padding-bottom: 0;
3749
+ }
3750
+
3751
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-search-icon,
3752
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-search-icon {
3753
+ background: none;
3754
+ }
3755
+
3655
3756
  .e-bigger .e-grid.e-row-responsive .e-responsive-header,
3656
3757
  .e-bigger.e-grid.e-row-responsive .e-responsive-header {
3657
3758
  border-top: 1px solid;
@@ -3721,14 +3822,6 @@
3721
3822
  height: auto;
3722
3823
  }
3723
3824
 
3724
- .e-bigger .e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
3725
- .e-bigger .e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type,
3726
- .e-bigger.e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
3727
- .e-bigger.e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type {
3728
- border-bottom: 1px solid;
3729
- border-bottom-color: #484848;
3730
- }
3731
-
3732
3825
  .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
3733
3826
  .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-emptyrow td.e-lastrowcell,
3734
3827
  .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
@@ -3784,6 +3877,11 @@
3784
3877
  border: 0;
3785
3878
  }
3786
3879
 
3880
+ .e-bigger .e-responsive-dialog.e-customfilter .e-responsivecoldiv,
3881
+ .e-bigger.e-responsive-dialog.e-customfilter .e-responsivecoldiv {
3882
+ cursor: pointer;
3883
+ }
3884
+
3787
3885
  .e-bigger .e-responsive-dialog .e-btn.e-ripple,
3788
3886
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
3789
3887
  overflow: initial;
@@ -3894,12 +3992,23 @@
3894
3992
  padding-left: 0;
3895
3993
  }
3896
3994
 
3995
+ .e-bigger .e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn,
3996
+ .e-bigger.e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn {
3997
+ padding-left: 15px;
3998
+ padding-right: 0;
3999
+ }
4000
+
3897
4001
  .e-bigger .e-responsive-dialog .e-dlg-content,
3898
4002
  .e-bigger.e-responsive-dialog .e-dlg-content {
3899
4003
  padding: 16px;
3900
4004
  padding-top: 0;
3901
4005
  }
3902
4006
 
4007
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4008
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
4009
+ text-align: center;
4010
+ }
4011
+
3903
4012
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
3904
4013
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
3905
4014
  float: right;
@@ -3917,12 +4026,28 @@
3917
4026
  box-shadow: none;
3918
4027
  }
3919
4028
 
4029
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter,
4030
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter {
4031
+ border: transparent;
4032
+ }
4033
+
3920
4034
  .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content,
3921
4035
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content {
3922
- padding: 0;
4036
+ background-color: #1a1a1a;
4037
+ padding: 8px;
3923
4038
  padding-right: 16px;
3924
4039
  }
3925
4040
 
4041
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span,
4042
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
4043
+ padding-left: 9px;
4044
+ }
4045
+
4046
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
4047
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
4048
+ border: transparent;
4049
+ }
4050
+
3926
4051
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content,
3927
4052
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content {
3928
4053
  padding: 16px;
@@ -3956,9 +4081,20 @@
3956
4081
 
3957
4082
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul,
3958
4083
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul {
4084
+ background-color: #1a1a1a;
3959
4085
  max-width: 100%;
3960
4086
  }
3961
4087
 
4088
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li,
4089
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li {
4090
+ color: #f0f0f0;
4091
+ }
4092
+
4093
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected,
4094
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected {
4095
+ background-color: #1a1a1a;
4096
+ }
4097
+
3962
4098
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu,
3963
4099
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu {
3964
4100
  padding: 0;
@@ -3967,6 +4103,7 @@
3967
4103
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon,
3968
4104
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon {
3969
4105
  margin-right: 4px;
4106
+ margin-left: 15px;
3970
4107
  }
3971
4108
 
3972
4109
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-caret,
@@ -3982,7 +4119,16 @@
3982
4119
 
3983
4120
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox,
3984
4121
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
3985
- padding-left: 20px;
4122
+ padding-left: 10px;
4123
+ }
4124
+
4125
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
4126
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
4127
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
4128
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
4129
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
4130
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
4131
+ background: none;
3986
4132
  }
3987
4133
 
3988
4134
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -4034,7 +4180,10 @@
4034
4180
 
4035
4181
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu,
4036
4182
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu {
4183
+ background-color: #1a1a1a;
4184
+ border: transparent;
4037
4185
  box-shadow: none;
4186
+ margin-top: 23px;
4038
4187
  max-width: 100%;
4039
4188
  min-width: 100%;
4040
4189
  overflow-y: auto;
@@ -4049,7 +4198,30 @@
4049
4198
 
4050
4199
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused,
4051
4200
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused {
4052
- background-color: #1a1a1a;
4201
+ background-color: transparent;
4202
+ }
4203
+
4204
+ .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4205
+ .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4206
+ padding-top: 0;
4207
+ }
4208
+
4209
+ .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
4210
+ .e-bigger.e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn {
4211
+ float: right;
4212
+ padding-left: 40px;
4213
+ padding-right: 0;
4214
+ }
4215
+
4216
+ .e-bigger .e-responsive-dialog.e-rtl .e-res-apply-btn,
4217
+ .e-bigger.e-responsive-dialog.e-rtl .e-res-apply-btn {
4218
+ padding-left: 0;
4219
+ padding-right: 20px;
4220
+ }
4221
+
4222
+ .e-bigger .e-responsive-dialog.e-rtl .e-ressortbutton-parent,
4223
+ .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
4224
+ float: left;
4053
4225
  }
4054
4226
 
4055
4227
  /*! Grid theme */
@@ -4227,6 +4399,7 @@
4227
4399
  .e-grid .e-indentcell,
4228
4400
  .e-grid .e-recordplusexpand,
4229
4401
  .e-grid .e-recordpluscollapse,
4402
+ .e-grid .e-rowdragdropcell,
4230
4403
  .e-grid .e-detailrowcollapse,
4231
4404
  .e-grid .e-detailrowexpand,
4232
4405
  .e-grid .e-detailindentcell,
@@ -4598,3 +4771,12 @@
4598
4771
  .e-filterbardropdown:not(.e-rtl) {
4599
4772
  margin-right: 29px;
4600
4773
  }
4774
+
4775
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown {
4776
+ border: transparent;
4777
+ }
4778
+
4779
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown:active,
4780
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown.e-input-focus {
4781
+ box-shadow: none;
4782
+ }