@syncfusion/ej2-react-grids 20.1.61 → 20.2.39

package/styles/grid/fabric-dark.css

@@ -335,6 +335,26 @@
 .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
   font-size: 10px;
 }
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
+  padding: 0 1.5px;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
+  width: 100%;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon {
+  margin: 0;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 17px;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
+  padding-left: 0;
+}
 .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
 .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
   padding-bottom: 5px;
@@ -344,6 +364,22 @@
 .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
   min-width: 38px;
 }
+.e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
+.e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+  min-width: 38px;
+  padding: 0;
+}
+.e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
+.e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 12px;
+}
+.e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
+.e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+  min-width: 38px;
+  padding: 0;
+}
 .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
 .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
   font-size: 18px;
@@ -806,8 +842,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }
@@ -995,6 +1031,10 @@
 .e-grid.e-rtl .e-dropitemscount {
   left: -6px !important;
 }
+.e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  padding: 0;
+  margin: 0;
+}
 .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
   border-top: 1px solid #414040;
   border-right: 1px solid #414040;
@@ -1051,6 +1091,14 @@
   border-top: 1px solid #414040;
   border-radius: 0;
 }
+.e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  padding: 0;
+  min-width: 30px;
+  margin-right: 0;
+}
+.e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 12px;
+}
 .e-grid .e-res-toolbar {
   border-bottom: 1px solid;
   border-bottom-color: #414040;
@@ -1058,7 +1106,7 @@
 .e-grid .e-res-toolbar .e-toolbar-items {
   min-height: initial;
 }
-.e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
+.e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:focus {
   background: none;
 }
 .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1099,13 +1147,25 @@
 .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
   padding-left: 0;
 }
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+}
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 18px;
+}
 .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
   padding-left: 26px;
 }
+.e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+}
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
   padding-bottom: 4px;
   padding-top: 4px;
 }
+.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
+  opacity: 1;
+}
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
   margin-bottom: 0;
   opacity: 0.6;
@@ -1844,10 +1904,13 @@
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 21px;
   position: relative;
   top: 0;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -2005,16 +2068,16 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 8px;
-  margin-left: 0;
-  margin-top: 0;
+  margin-left: -1.5px;
+  margin-top: -4.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0;
+  margin-top: -4.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: 0;
+  margin-top: 4px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2141,10 +2204,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 12px;
+  padding: 16px 8px 13px 9px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 12px;
+  padding: 14px 9px 15px 9px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-recordplusexpand {
@@ -2604,7 +2671,7 @@
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 1px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 8px;
 }
@@ -2847,7 +2914,7 @@
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {
@@ -2985,7 +3052,6 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 8px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/grid/fabric.css

@@ -328,6 +328,26 @@
 .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
   font-size: 10px;
 }
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
+  padding: 0 1.5px;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
+  width: 100%;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon {
+  margin: 0;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 17px;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
+  padding-left: 0;
+}
 .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
 .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
   padding-bottom: 5px;
@@ -337,6 +357,22 @@
 .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
   min-width: 38px;
 }
+.e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
+.e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+  min-width: 38px;
+  padding: 0;
+}
+.e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
+.e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 12px;
+}
+.e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
+.e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+  min-width: 38px;
+  padding: 0;
+}
 .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
 .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
   font-size: 18px;
@@ -796,11 +832,11 @@
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
   font-size: 13px;
   margin-left: 0;
-  margin-top: 1px;
+  margin-top: 0;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }
@@ -988,6 +1024,10 @@
 .e-grid.e-rtl .e-dropitemscount {
   left: -6px !important;
 }
+.e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  padding: 0;
+  margin: 0;
+}
 .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
   border-top: 1px solid #eaeaea;
   border-right: 1px solid #eaeaea;
@@ -1044,6 +1084,14 @@
   border-top: 1px solid #eaeaea;
   border-radius: 0;
 }
+.e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  padding: 0;
+  min-width: 30px;
+  margin-right: 0;
+}
+.e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 12px;
+}
 .e-grid .e-res-toolbar {
   border-bottom: 1px solid;
   border-bottom-color: #eaeaea;
@@ -1051,7 +1099,7 @@
 .e-grid .e-res-toolbar .e-toolbar-items {
   min-height: initial;
 }
-.e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
+.e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:focus {
   background: none;
 }
 .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1092,13 +1140,25 @@
 .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
   padding-left: 0;
 }
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+}
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 18px;
+}
 .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
   padding-left: 26px;
 }
+.e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+}
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
   padding-bottom: 4px;
   padding-top: 4px;
 }
+.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
+  opacity: 1;
+}
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
   margin-bottom: 0;
   opacity: 0.6;
@@ -1837,10 +1897,13 @@
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 21px;
   position: relative;
   top: 0;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -1998,16 +2061,16 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 8px;
-  margin-left: 0;
-  margin-top: 0;
+  margin-left: -1.5px;
+  margin-top: -4.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0;
+  margin-top: -4.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: 0;
+  margin-top: 4px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2090,7 +2153,7 @@
 .e-grid .e-groupheadercell span {
   display: inline-block;
   float: left;
-  height: 26px;
+  height: 24px;
   line-height: 22px;
   padding: 0;
   vertical-align: middle;
@@ -2134,10 +2197,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 12px;
+  padding: 16px 8px 13px 9px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 12px;
+  padding: 14px 9px 15px 9px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-recordplusexpand {
@@ -2597,7 +2664,7 @@
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 1px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 8px;
 }
@@ -2840,7 +2907,7 @@
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {
@@ -2978,7 +3045,6 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 8px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/grid/fluent-dark.css

@@ -393,6 +393,26 @@
 .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
   font-size: 18px;
 }
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper {
+  padding: 2px 18px 5px 0;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input.e-search {
+  width: 100%;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-input-group-icon.e-icons.e-sicon.e-clear-icon {
+  margin: 0;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 17px;
+}
+.e-bigger .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
+  padding-left: 0;
+}
 .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
 .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
   padding-bottom: 5px;
@@ -402,6 +422,22 @@
 .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
   min-width: 38px;
 }
+.e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
+.e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+  min-width: 38px;
+  padding: 0;
+}
+.e-bigger .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before,
+.e-grid.e-bigger .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 18px;
+}
+.e-bigger .e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon,
+.e-grid.e-bigger.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+  min-width: 38px;
+  padding: 0;
+}
 .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
 .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
   font-size: 16px;
@@ -877,19 +913,27 @@
 .e-grid.e-bigger span.e-ungroupbutton,
 .e-grid.e-bigger .e-toggleungroup {
   margin-left: -8px;
-  margin-top: -14px;
+  margin-top: -4px;
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
   font-size: 16px;
-  margin-left: -18px;
-  margin-top: -12px;
-  margin-right: 8px;
+  margin-left: 0;
+  margin-top: -4px;
+  margin-right: 4px;
+  padding: 0 4px;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
-  margin-top: -14px;
+  margin-top: -4px;
+  margin-left: 0;
+  padding: 0 4px;
+}
+.e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
+  margin-top: 0;
+  padding: 0 4px;
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
@@ -899,11 +943,11 @@
 }
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -13px;
-  margin-right: -20px;
-  margin-top: -6px;
+  margin-left: -9px;
+  margin-right: -6px;
+  margin-top: -4px;
   padding-top: 4px;
-  padding-left: 12px;
+  padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -1075,6 +1119,10 @@
 .e-grid.e-rtl .e-dropitemscount {
   left: -6px !important;
 }
+.e-grid.e-rtl .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  padding: 0;
+  margin: 0;
+}
 .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
   border-top: 1px solid #292827;
   border-right: 1px solid #292827;
@@ -1131,6 +1179,14 @@
   border-top: 1px solid #292827;
   border-radius: 0;
 }
+.e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon {
+  padding: 0;
+  min-width: 32px;
+  margin-right: 0;
+}
+.e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 14px;
+}
 .e-grid .e-res-toolbar {
   border-bottom: 1px solid;
   border-bottom-color: #292827;
@@ -1138,7 +1194,7 @@
 .e-grid .e-res-toolbar .e-toolbar-items {
   min-height: initial;
 }
-.e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
+.e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active, .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:hover, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:active, .e-grid .e-res-toolbar .e-toolbar-items .e-sicon.e-clear-icon:focus {
   background: none;
 }
 .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
@@ -1179,13 +1235,25 @@
 .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
   padding-left: 0;
 }
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+}
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon::before {
+  font-size: 18px;
+}
 .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
   padding-left: 26px;
 }
+.e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
+  margin: 0;
+}
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
   padding-bottom: 6px;
   padding-top: 3px;
 }
+.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search:focus {
+  opacity: 1;
+}
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
   margin-bottom: 0;
   opacity: 0.6;
@@ -1934,11 +2002,14 @@
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
+  -webkit-user-select: auto;
   height: 20px;
   line-height: 20px;
   position: relative;
   top: -4.5px;
   border: 0;
+  -ms-user-select: auto;
+      user-select: auto;
 }
 .e-grid .e-dialog.e-checkboxfilter,
 .e-grid .e-dialog.e-flmenu {
@@ -2097,15 +2168,15 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
   margin-left: -2px;
-  margin-top: -1.4px;
+  margin-top: -6.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -1.4px;
+  margin-top: -6.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.4px;
+  margin-top: 4.5px;
 }
 .e-grid td.e-active {
   font-weight: 400;
@@ -2223,11 +2294,11 @@
 }
 .e-grid .e-groupsort {
   margin-right: 0;
-  margin-top: -4px;
+  margin-top: -3px;
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 0;
+  margin-top: 1px;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -2235,10 +2306,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 16px;
+  padding: 9px 7px 9px 7px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 16px;
+  padding: 8px 7px 11px 7px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -2699,7 +2774,7 @@
 .e-grid.e-rtl .e-grouptopleftcell {
   border-top: 2px solid;
 }
-.e-grid.e-rtl .e-grouptext {
+.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
   margin-left: 0;
   margin-right: 0;
 }
@@ -2802,7 +2877,7 @@
   margin-right: -8px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -14px;
   padding-top: 4px;
 }
@@ -2942,7 +3017,7 @@
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {
@@ -3035,7 +3110,7 @@
   margin-top: 0;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.4px;
+  margin-top: 0;
 }
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
@@ -3080,7 +3155,10 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 14px;
-  margin-top: -3.7px;
+}
+.e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
+.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -9px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -3101,7 +3179,7 @@
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
-  padding: 9.5px 4px 14px 12px;
+  padding: 11.5px 4px 14px 4px;
 }
 
 .e-grid-min-height .e-rowcell {