@syncfusion/ej2-react-grids 23.1.44 → 23.2.6

package/styles/grid/tailwind.css

@@ -1222,6 +1222,11 @@
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -2565,6 +2570,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3528,7 +3534,7 @@
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3548,7 +3554,7 @@
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3576,6 +3582,20 @@
 .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -4704,6 +4724,10 @@
   background-color: #f3f4f6;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f3f4f6;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fee2e2;

package/styles/highcontrast-light.css

@@ -1567,6 +1567,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -2883,6 +2888,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3841,7 +3847,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3861,7 +3867,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3889,6 +3895,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -5004,6 +5024,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #ecf;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #ecf;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #b30900;

package/styles/highcontrast.css

@@ -1567,6 +1567,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -2883,6 +2888,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3841,7 +3847,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3861,7 +3867,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3889,6 +3895,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -5004,6 +5024,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #685708;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #685708;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #b30900;

package/styles/material-dark.css

@@ -1616,6 +1616,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -2932,6 +2937,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3890,7 +3896,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3910,7 +3916,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3938,6 +3944,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -5053,6 +5073,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: rgb(89, 86, 86);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgb(89, 86, 86);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/material.css

@@ -1658,6 +1658,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -2974,6 +2979,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3932,7 +3938,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3952,7 +3958,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3980,6 +3986,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -5095,6 +5115,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #eee;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #eee;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/material3-dark.css

@@ -1917,6 +1917,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -3286,6 +3291,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4252,7 +4258,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -4272,7 +4278,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -4300,6 +4306,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -5458,6 +5478,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: rgba(var(--color-sf-on-surface), 0.05);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(var(--color-sf-on-surface), 0.05);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: rgba(var(--color-sf-error-container));

package/styles/material3.css

@@ -2029,6 +2029,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -3398,6 +3403,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4364,7 +4370,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -4384,7 +4390,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -4412,6 +4418,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -5570,6 +5590,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: rgba(var(--color-sf-on-surface), 0.05);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(var(--color-sf-on-surface), 0.05);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: rgba(var(--color-sf-error-container));

package/styles/tailwind-dark.css

@@ -1649,6 +1649,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -2992,6 +2997,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3955,7 +3961,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3975,7 +3981,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -4003,6 +4009,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -5131,6 +5151,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #4b5563;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #4b5563;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fee2e2;

package/styles/tailwind.css

@@ -1649,6 +1649,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -2992,6 +2997,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3955,7 +3961,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3975,7 +3981,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -4003,6 +4009,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -5131,6 +5151,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #f3f4f6;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f3f4f6;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fee2e2;