@syncfusion/ej2-react-grids 26.1.35 → 26.1.39

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 (40) hide show
  1. package/dist/ej2-react-grids.min.js +1 -1
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +7 -7
  4. package/styles/bootstrap-dark.css +36 -2
  5. package/styles/bootstrap.css +36 -2
  6. package/styles/bootstrap4.css +36 -2
  7. package/styles/bootstrap5-dark.css +36 -2
  8. package/styles/bootstrap5.css +36 -2
  9. package/styles/excel-filter/fluent2.css +7 -14
  10. package/styles/fabric-dark.css +36 -2
  11. package/styles/fabric.css +36 -2
  12. package/styles/fluent-dark.css +37 -2
  13. package/styles/fluent.css +37 -2
  14. package/styles/fluent2.css +73 -41
  15. package/styles/grid/bootstrap-dark.css +36 -2
  16. package/styles/grid/bootstrap.css +36 -2
  17. package/styles/grid/bootstrap4.css +36 -2
  18. package/styles/grid/bootstrap5-dark.css +36 -2
  19. package/styles/grid/bootstrap5.css +36 -2
  20. package/styles/grid/fabric-dark.css +36 -2
  21. package/styles/grid/fabric.css +36 -2
  22. package/styles/grid/fluent-dark.css +37 -2
  23. package/styles/grid/fluent.css +37 -2
  24. package/styles/grid/fluent2.css +66 -27
  25. package/styles/grid/highcontrast-light.css +36 -2
  26. package/styles/grid/highcontrast.css +36 -2
  27. package/styles/grid/material-dark.css +36 -2
  28. package/styles/grid/material.css +36 -2
  29. package/styles/grid/material3-dark.css +36 -2
  30. package/styles/grid/material3.css +36 -2
  31. package/styles/grid/tailwind-dark.css +36 -2
  32. package/styles/grid/tailwind.css +36 -2
  33. package/styles/highcontrast-light.css +36 -2
  34. package/styles/highcontrast.css +36 -2
  35. package/styles/material-dark.css +36 -2
  36. package/styles/material.css +36 -2
  37. package/styles/material3-dark.css +36 -2
  38. package/styles/material3.css +36 -2
  39. package/styles/tailwind-dark.css +36 -2
  40. package/styles/tailwind.css +36 -2
package/styles/fluent-dark.css CHANGED
@@ -4124,7 +4124,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4124
4124
  }
4125
4125
  .e-grid-min-height .e-gridcontent .e-groupcaption {
4126
4126
  line-height: normal;
4127
- padding: 0.7em;
4127
+ padding: 0 0.7em;
4128
4128
  }
4129
4129
  .e-grid-min-height .e-summarycell {
4130
4130
  line-height: normal;
@@ -4728,11 +4728,40 @@ li.e-separator.e-menu-item.e-excel-separator {
4728
4728
  min-height: 160px;
4729
4729
  overflow-y: auto;
4730
4730
  }
4731
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
4732
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
4733
+ border-top-style: solid;
4734
+ border-top-color: rgba(210, 208, 206, 0.12);
4735
+ border-top-width: 1px;
4736
+ margin-top: 0;
4737
+ overflow-x: hidden;
4738
+ }
4731
4739
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
4732
4740
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
4733
4741
  padding-bottom: 9px;
4734
4742
  padding-top: 9px;
4735
4743
  }
4744
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
4745
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
4746
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4747
+ height: 1px;
4748
+ opacity: 0;
4749
+ width: 1px;
4750
+ }
4751
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
4752
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
4753
+ display: inline-block;
4754
+ height: 10px;
4755
+ width: 80%;
4756
+ }
4757
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
4758
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
4759
+ width: 13px;
4760
+ }
4761
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
4762
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
4763
+ margin-left: 8px;
4764
+ }
4736
4765
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
4737
4766
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
4738
4767
  padding: 8px;
@@ -4746,7 +4775,8 @@ li.e-separator.e-menu-item.e-excel-separator {
4746
4775
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
4747
4776
  padding-left: 0;
4748
4777
  }
4749
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4778
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4779
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
4750
4780
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
4751
4781
  margin-left: -7px;
4752
4782
  }
@@ -4786,6 +4816,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4786
4816
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4787
4817
  padding-top: 0;
4788
4818
  padding-top: 3px;
4819
+ padding-top: 1px;
4789
4820
  }
4790
4821
 
4791
4822
  .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
@@ -4988,6 +5019,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4988
5019
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
4989
5020
  border-color: #292827;
4990
5021
  }
5022
+ .e-grid .e-headercell,
5023
+ .e-grid .e-detailheadercell {
5024
+ background-color: transparent;
5025
+ }
4991
5026
  .e-grid .e-gridcontent {
4992
5027
  background-color: #1b1a19;
4993
5028
  }
package/styles/fluent.css CHANGED
@@ -4124,7 +4124,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4124
4124
  }
4125
4125
  .e-grid-min-height .e-gridcontent .e-groupcaption {
4126
4126
  line-height: normal;
4127
- padding: 0.7em;
4127
+ padding: 0 0.7em;
4128
4128
  }
4129
4129
  .e-grid-min-height .e-summarycell {
4130
4130
  line-height: normal;
@@ -4728,11 +4728,40 @@ li.e-separator.e-menu-item.e-excel-separator {
4728
4728
  min-height: 160px;
4729
4729
  overflow-y: auto;
4730
4730
  }
4731
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
4732
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
4733
+ border-top-style: solid;
4734
+ border-top-color: rgba(50, 49, 48, 0.12);
4735
+ border-top-width: 1px;
4736
+ margin-top: 0;
4737
+ overflow-x: hidden;
4738
+ }
4731
4739
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
4732
4740
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
4733
4741
  padding-bottom: 9px;
4734
4742
  padding-top: 9px;
4735
4743
  }
4744
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
4745
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
4746
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4747
+ height: 1px;
4748
+ opacity: 0;
4749
+ width: 1px;
4750
+ }
4751
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
4752
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
4753
+ display: inline-block;
4754
+ height: 10px;
4755
+ width: 80%;
4756
+ }
4757
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
4758
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
4759
+ width: 13px;
4760
+ }
4761
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
4762
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
4763
+ margin-left: 8px;
4764
+ }
4736
4765
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
4737
4766
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
4738
4767
  padding: 8px;
@@ -4746,7 +4775,8 @@ li.e-separator.e-menu-item.e-excel-separator {
4746
4775
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
4747
4776
  padding-left: 0;
4748
4777
  }
4749
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4778
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4779
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
4750
4780
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
4751
4781
  margin-left: -7px;
4752
4782
  }
@@ -4786,6 +4816,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4786
4816
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4787
4817
  padding-top: 0;
4788
4818
  padding-top: 3px;
4819
+ padding-top: 1px;
4789
4820
  }
4790
4821
 
4791
4822
  .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
@@ -4988,6 +5019,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4988
5019
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
4989
5020
  border-color: #edebe9;
4990
5021
  }
5022
+ .e-grid .e-headercell,
5023
+ .e-grid .e-detailheadercell {
5024
+ background-color: transparent;
5025
+ }
4991
5026
  .e-grid .e-gridcontent {
4992
5027
  background-color: #fff;
4993
5028
  }
package/styles/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -1318,14 +1318,6 @@
1318
1318
  }
1319
1319
 
1320
1320
  /* stylelint-disable */
1321
- .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1322
- padding: 0;
1323
- }
1324
-
1325
- .e-bigger .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1326
- padding: 0;
1327
- }
1328
-
1329
1321
  .e-dialog .e-dlg-content {
1330
1322
  border-radius: 8px !important;
1331
1323
  }
@@ -1503,7 +1495,7 @@
1503
1495
  }
1504
1496
  .e-xlflmenu .e-checkbox-wrapper .e-frame {
1505
1497
  margin-bottom: 1px;
1506
- margin: 0 0 1px 4px;
1498
+ margin-bottom: 8px;
1507
1499
  }
1508
1500
  .e-xlflmenu .e-dlg-content {
1509
1501
  padding-bottom: 5px;
@@ -1602,6 +1594,7 @@
1602
1594
  .e-bigger .e-excelfilter .e-ftrchk.e-infinitescroll,
1603
1595
  .e-excelfilter.e-bigger .e-ftrchk.e-infinitescroll {
1604
1596
  margin-left: 0;
1597
+ padding-left: 0;
1605
1598
  }
1606
1599
  .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li,
1607
1600
  .e-bigger .e-excelfilter .e-contextmenu-container ul li,
@@ -2018,7 +2011,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2018
2011
  --color-sf-info-outline: var(--color-sf-info-border-color);
2019
2012
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
2020
2013
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
2021
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
2014
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
2022
2015
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
2023
2016
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
2024
2017
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -2289,7 +2282,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2289
2282
  --color-sf-success-bg-color: #218c21;
2290
2283
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
2291
2284
  --color-sf-success-text: var(--color-sf-primary-text-color);
2292
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
2285
+ --color-sf-success-bg-color-hover: #0e700e;
2293
2286
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
2294
2287
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
2295
2288
  --color-sf-success-bg-color-pressed: #052505;
@@ -2307,7 +2300,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2307
2300
  --color-sf-warning-bg-color: #f87528;
2308
2301
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
2309
2302
  --color-sf-warning-text: #242424;
2310
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
2303
+ --color-sf-warning-bg-color-hover: #de590b;
2311
2304
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
2312
2305
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
2313
2306
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -2366,7 +2359,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2366
2359
  --color-sf-info-outline: #0099bc;
2367
2360
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
2368
2361
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
2369
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
2362
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
2370
2363
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
2371
2364
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
2372
2365
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -2708,7 +2701,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2708
2701
  --color-sf-info-outline: #0099bc;
2709
2702
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
2710
2703
  --color-sf-tooltip-border: var(--color-sf-border-light);
2711
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
2704
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
2712
2705
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
2713
2706
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
2714
2707
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -3007,14 +3000,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3007
3000
  }
3008
3001
 
3009
3002
  /* stylelint-disable */
3010
- .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3011
- padding: 0;
3012
- }
3013
-
3014
- .e-bigger .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3015
- padding: 0;
3016
- }
3017
-
3018
3003
  .e-dialog .e-dlg-content {
3019
3004
  border-radius: 8px !important;
3020
3005
  }
@@ -3413,7 +3398,8 @@ li.e-separator.e-menu-item.e-excel-separator {
3413
3398
  }
3414
3399
  .e-bigger .e-grid.e-device .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
3415
3400
  .e-grid.e-bigger.e-device .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3416
- margin-left: -4px;
3401
+ margin-left: -5px;
3402
+ margin-top: 4px;
3417
3403
  }
3418
3404
  .e-bigger .e-grid.e-rtl.e-device .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
3419
3405
  .e-grid.e-bigger.e-rtl.e-device .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
@@ -3422,7 +3408,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3422
3408
  .e-bigger .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
3423
3409
  .e-grid.e-bigger .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3424
3410
  margin-bottom: 2px;
3425
- margin-left: 6px;
3411
+ margin-left: 7px;
3426
3412
  }
3427
3413
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
3428
3414
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
@@ -3520,9 +3506,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3520
3506
  padding-bottom: 9px;
3521
3507
  padding-top: 9px;
3522
3508
  }
3523
- .e-bigger .e-grid .e-ftrchk.e-infinitescroll,
3524
- .e-grid.e-bigger .e-ftrchk.e-infinitescroll {
3509
+ .e-bigger .e-grid .e-checkboxfilter .e-ftrchk.e-infinitescroll,
3510
+ .e-grid.e-bigger .e-checkboxfilter .e-ftrchk.e-infinitescroll {
3525
3511
  margin-left: 0;
3512
+ padding-left: 0;
3526
3513
  }
3527
3514
  .e-bigger .e-grid .e-columnmenu,
3528
3515
  .e-grid.e-bigger .e-columnmenu {
@@ -3576,7 +3563,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3576
3563
  }
3577
3564
  .e-bigger .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
3578
3565
  .e-grid.e-bigger.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3579
- padding: 0 0.45em 0 0.4em;
3566
+ padding: 0 0.33em 0 0.4em;
3580
3567
  }
3581
3568
  .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
3582
3569
  .e-grid.e-bigger .e-wrap .e-sortfilterdiv {
@@ -5210,7 +5197,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5210
5197
  padding-bottom: 4px;
5211
5198
  padding-top: 4px;
5212
5199
  }
5213
- .e-grid .e-ftrchk.e-infinitescroll {
5200
+ .e-grid .e-checkboxfilter .e-ftrchk.e-infinitescroll {
5214
5201
  padding-left: 0;
5215
5202
  margin-left: 0;
5216
5203
  }
@@ -6624,7 +6611,7 @@ li.e-separator.e-menu-item.e-excel-separator {
6624
6611
  }
6625
6612
  .e-grid-min-height .e-gridcontent .e-groupcaption {
6626
6613
  line-height: normal;
6627
- padding: 0.7em;
6614
+ padding: 0 0.7em;
6628
6615
  }
6629
6616
  .e-grid-min-height .e-summarycell {
6630
6617
  line-height: normal;
@@ -7042,7 +7029,7 @@ li.e-separator.e-menu-item.e-excel-separator {
7042
7029
  color: var(--color-sf-primary);
7043
7030
  font-size: 18px;
7044
7031
  font-weight: 500;
7045
- padding-top: 8px;
7032
+ padding-top: 10px;
7046
7033
  }
7047
7034
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
7048
7035
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
@@ -7063,7 +7050,6 @@ li.e-separator.e-menu-item.e-excel-separator {
7063
7050
  background: none;
7064
7051
  border: 0;
7065
7052
  color: var(--color-sf-primary-bg-color);
7066
- padding-top: 6px;
7067
7053
  }
7068
7054
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-res-back-btn,
7069
7055
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-res-back-btn {
@@ -7134,6 +7120,18 @@ li.e-separator.e-menu-item.e-excel-separator {
7134
7120
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content {
7135
7121
  padding: 16px;
7136
7122
  }
7123
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu .e-checkbox-wrapper .e-frame,
7124
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu .e-checkbox-wrapper .e-frame {
7125
+ margin: 0 0 1px 4px;
7126
+ }
7127
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu .e-radio + label,
7128
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu .e-radio + label {
7129
+ margin: 0;
7130
+ }
7131
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu .e-radio-wrapper .e-xlfl-radio-or,
7132
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu .e-radio-wrapper .e-xlfl-radio-or {
7133
+ margin-left: 18px;
7134
+ }
7137
7135
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
7138
7136
  .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
7139
7137
  float: right;
@@ -7220,12 +7218,41 @@ li.e-separator.e-menu-item.e-excel-separator {
7220
7218
  min-height: 160px;
7221
7219
  overflow-y: auto;
7222
7220
  }
7221
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
7222
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
7223
+ border-top-style: solid;
7224
+ border-top-color: var(--color-sf-border-light);
7225
+ border-top-width: 1px;
7226
+ margin-top: 0;
7227
+ overflow-x: hidden;
7228
+ }
7223
7229
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
7224
7230
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
7225
7231
  padding-bottom: 9px;
7226
7232
  padding-top: 9px;
7227
7233
  padding-left: 3px;
7228
7234
  }
7235
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
7236
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
7237
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
7238
+ height: 1px;
7239
+ opacity: 0;
7240
+ width: 1px;
7241
+ }
7242
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
7243
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
7244
+ display: inline-block;
7245
+ height: 10px;
7246
+ width: 80%;
7247
+ }
7248
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
7249
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
7250
+ width: 13px;
7251
+ }
7252
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
7253
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
7254
+ margin-left: 8px;
7255
+ }
7229
7256
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
7230
7257
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
7231
7258
  padding: 8px;
@@ -7239,7 +7266,8 @@ li.e-separator.e-menu-item.e-excel-separator {
7239
7266
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
7240
7267
  padding-left: 0;
7241
7268
  }
7242
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
7269
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
7270
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
7243
7271
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
7244
7272
  margin-left: -7px;
7245
7273
  }
@@ -7488,6 +7516,10 @@ li.e-separator.e-menu-item.e-excel-separator {
7488
7516
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
7489
7517
  border-color: var(--color-sf-border-light);
7490
7518
  }
7519
+ .e-grid .e-headercell,
7520
+ .e-grid .e-detailheadercell {
7521
+ background-color: var(--color-sf-content-bg-color-alt1);
7522
+ }
7491
7523
  .e-grid .e-gridcontent {
7492
7524
  background-color: var(--color-sf-content-bg-color-alt1);
7493
7525
  }
@@ -7672,7 +7704,7 @@ li.e-separator.e-menu-item.e-excel-separator {
7672
7704
  border-color: var(--color-sf-border-light);
7673
7705
  border-radius: 4px;
7674
7706
  color: var(--color-sf-content-text-color-alt1);
7675
- border-color: #fff;
7707
+ border-color: var(--color-sf-tooltip-border);
7676
7708
  }
7677
7709
  .e-grid .e-groupheadercell:hover {
7678
7710
  background-color: var(--color-sf-content-bg-color-hover);
@@ -7772,20 +7804,20 @@ li.e-separator.e-menu-item.e-excel-separator {
7772
7804
  .e-control.e-tooltip-wrap.e-popup.e-griderror {
7773
7805
  background-color: var(--color-sf-tooltip-bg-color);
7774
7806
  border-color: var(--color-sf-tooltip-bg-color);
7775
- border-color: #fff;
7807
+ border-color: var(--color-sf-tooltip-border);
7776
7808
  }
7777
7809
 
7778
7810
  .e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-top,
7779
7811
  .e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-top {
7780
7812
  border-bottom: 8px solid var(--color-sf-tooltip-bg-color);
7781
7813
  color: var(--color-sf-tooltip-bg-color);
7782
- border-bottom: 8px solid #fff;
7814
+ border-bottom: 8px solid var(--color-sf-tooltip-border);
7783
7815
  }
7784
7816
  .e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-bottom,
7785
7817
  .e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-bottom {
7786
7818
  border-top: 8px solid var(--color-sf-tooltip-bg-color);
7787
7819
  color: var(--color-sf-tooltip-bg-color);
7788
- border-bottom: 8px solid #fff;
7820
+ border-bottom: 8px solid var(--color-sf-tooltip-border);
7789
7821
  }
7790
7822
  .e-tooltip-wrap.e-griderror .e-tip-content,
7791
7823
  .e-tooltip-wrap.e-griderror .e-tip-content label {
package/styles/grid/bootstrap-dark.css CHANGED
@@ -3632,7 +3632,7 @@
3632
3632
  }
3633
3633
  .e-grid-min-height .e-gridcontent .e-groupcaption {
3634
3634
  line-height: normal;
3635
- padding: 0.7em;
3635
+ padding: 0 0.7em;
3636
3636
  }
3637
3637
  .e-grid-min-height .e-summarycell {
3638
3638
  line-height: normal;
@@ -4202,11 +4202,40 @@
4202
4202
  min-height: 160px;
4203
4203
  overflow-y: auto;
4204
4204
  }
4205
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
4206
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
4207
+ border-top-style: solid;
4208
+ border-top-color: rgba(149, 149, 149, 0.12);
4209
+ border-top-width: 1px;
4210
+ margin-top: 0;
4211
+ overflow-x: hidden;
4212
+ }
4205
4213
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
4206
4214
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
4207
4215
  padding-bottom: 9px;
4208
4216
  padding-top: 9px;
4209
4217
  }
4218
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
4219
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
4220
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4221
+ height: 1px;
4222
+ opacity: 0;
4223
+ width: 1px;
4224
+ }
4225
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
4226
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
4227
+ display: inline-block;
4228
+ height: 10px;
4229
+ width: 80%;
4230
+ }
4231
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
4232
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
4233
+ width: 13px;
4234
+ }
4235
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
4236
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
4237
+ margin-left: 8px;
4238
+ }
4210
4239
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
4211
4240
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
4212
4241
  padding: 8px;
@@ -4220,7 +4249,8 @@
4220
4249
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
4221
4250
  padding-left: 0;
4222
4251
  }
4223
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4252
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4253
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
4224
4254
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
4225
4255
  margin-left: -7px;
4226
4256
  }
@@ -4460,6 +4490,10 @@
4460
4490
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
4461
4491
  border-color: #484848;
4462
4492
  }
4493
+ .e-grid .e-headercell,
4494
+ .e-grid .e-detailheadercell {
4495
+ background-color: #1a1a1a;
4496
+ }
4463
4497
  .e-grid .e-gridcontent {
4464
4498
  background-color: #1a1a1a;
4465
4499
  }
package/styles/grid/bootstrap.css CHANGED
@@ -3632,7 +3632,7 @@
3632
3632
  }
3633
3633
  .e-grid-min-height .e-gridcontent .e-groupcaption {
3634
3634
  line-height: normal;
3635
- padding: 0.7em;
3635
+ padding: 0 0.7em;
3636
3636
  }
3637
3637
  .e-grid-min-height .e-summarycell {
3638
3638
  line-height: normal;
@@ -4202,11 +4202,40 @@
4202
4202
  min-height: 160px;
4203
4203
  overflow-y: auto;
4204
4204
  }
4205
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
4206
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
4207
+ border-top-style: solid;
4208
+ border-top-color: rgba(230, 230, 230, 0.12);
4209
+ border-top-width: 1px;
4210
+ margin-top: 0;
4211
+ overflow-x: hidden;
4212
+ }
4205
4213
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
4206
4214
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
4207
4215
  padding-bottom: 9px;
4208
4216
  padding-top: 9px;
4209
4217
  }
4218
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
4219
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
4220
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4221
+ height: 1px;
4222
+ opacity: 0;
4223
+ width: 1px;
4224
+ }
4225
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
4226
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
4227
+ display: inline-block;
4228
+ height: 10px;
4229
+ width: 80%;
4230
+ }
4231
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
4232
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
4233
+ width: 13px;
4234
+ }
4235
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
4236
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
4237
+ margin-left: 8px;
4238
+ }
4210
4239
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
4211
4240
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
4212
4241
  padding: 8px;
@@ -4220,7 +4249,8 @@
4220
4249
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
4221
4250
  padding-left: 0;
4222
4251
  }
4223
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4252
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4253
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
4224
4254
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
4225
4255
  margin-left: -7px;
4226
4256
  }
@@ -4460,6 +4490,10 @@
4460
4490
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
4461
4491
  border-color: #ddd;
4462
4492
  }
4493
+ .e-grid .e-headercell,
4494
+ .e-grid .e-detailheadercell {
4495
+ background-color: #fff;
4496
+ }
4463
4497
  .e-grid .e-gridcontent {
4464
4498
  background-color: #fff;
4465
4499
  }