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