@syncfusion/ej2-angular-grids 19.4.56 → 20.1.47

package/styles/grid/tailwind.css

@@ -53,6 +53,7 @@
 
 .e-popup.e-ddl .e-dropdownbase {
   min-height: 26px;
+  padding: 4px 0;
 }
 
 .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -77,24 +78,6 @@
   background-color: #fff;
 }
 
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  margin: 0;
-  min-height: 12px;
-  min-width: 12px;
-  padding: 6px;
-}
-
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  min-height: 16px;
-  min-width: 16px;
-}
-
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
-  padding: 8px 16px 8px 0;
-}
-
 .e-input-group.e-ddl,
 .e-input-group.e-ddl .e-input,
 .e-input-group.e-ddl .e-ddl-icon {
@@ -106,45 +89,6 @@
   border-bottom-width: 0;
 }
 
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
-  margin: 0;
-}
-
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
-  padding: 5px 5px 5px 12px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
-  min-height: 18px;
-  min-width: 18px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
-  padding: 8px 16px;
-}
-
 .e-ddl.e-popup.e-outline .e-filter-parent {
   padding: 4px 8px;
 }
@@ -169,201 +113,201 @@
 
 /*! component icons */
 .e-icon-check::before {
-  content: '\e75d';
+  content: '\e774';
 }
 
 .e-grid .e-group-animate .e-drag.e-icon-drag::before,
 .e-grid-menu .e-group-animate .e-drag.e-icon-drag::before {
-  content: '\e781';
+  content: '\e726';
 }
 
 .e-grid .e-group-animate .e-nextgroup.e-icon-next::before,
 .e-grid-menu .e-group-animate .e-nextgroup.e-icon-next::before {
-  content: '\e7b7';
+  content: '\e748';
 }
 
 .e-grid .e-icon-ascending::before,
 .e-grid-menu .e-icon-ascending::before {
-  content: '\e7c2';
+  content: '\e7df';
 }
 
 .e-grid .e-icon-descending::before,
 .e-grid-menu .e-icon-descending::before {
-  content: '\e78f';
+  content: '\e7d8';
 }
 
 .e-grid .e-icon-hide::before,
 .e-grid-menu .e-icon-hide::before {
-  content: '\e771';
+  content: '\e7e7';
 }
 
 .e-grid .e-ungroupbutton.e-icon-hide::before,
 .e-grid-menu .e-ungroupbutton.e-icon-hide::before {
-  content: '\e771';
+  content: '\e7e7';
 }
 
 .e-grid .e-icon-rowselect::before,
 .e-grid-menu .e-icon-rowselect::before {
-  content: '\e76a';
+  content: '\e7d4';
 }
 
 .e-grid .e-icon-sortdirect::before,
 .e-grid-menu .e-icon-sortdirect::before {
-  content: '\e73c';
+  content: '\e824';
 }
 
 .e-grid .e-icon-gdownarrow::before,
 .e-grid-menu .e-icon-gdownarrow::before {
-  content: '\e706';
+  content: '\e729';
 }
 
 .e-grid .e-icon-grightarrow::before,
 .e-grid-menu .e-icon-grightarrow::before {
-  content: '\e7b7';
+  content: '\e748';
 }
 
 .e-grid .e-icon-filter::before,
 .e-grid .e-icon-filter.e-filtered::before,
 .e-grid-menu .e-icon-filter::before,
 .e-grid-menu .e-icon-filter.e-filtered::before {
-  content: '\e71b';
+  content: '\e7f7';
 }
 
 .e-grid .e-resfilter-icon::before,
 .e-grid-menu .e-resfilter-icon::before {
-  content: '\e71b';
+  content: '\e7f7';
 }
 
 .e-grid .e-ressort-icon::before,
 .e-grid-menu .e-ressort-icon::before {
-  content: '\e745';
+  content: '\e823';
 }
 
 .e-grid .e-excl-filter-icon::before,
 .e-grid-menu .e-excl-filter-icon::before {
-  content: '\e71b';
+  content: '\e7f7';
 }
 
 .e-grid .e-excl-filter-icon.e-filtered::before,
 .e-grid-menu .e-excl-filter-icon.e-filtered::before {
-  content: '\e774';
+  content: '\e72c';
 }
 
 .e-grid.e-rtl .e-icon-grightarrow::before,
 .e-grid-menu.e-rtl .e-icon-grightarrow::before {
-  content: '\e70f';
+  content: '\e765';
 }
 
 .e-grid .e-icon-group::before,
 .e-grid-menu .e-icon-group::before {
-  content: '\e731';
+  content: '\e724';
 }
 
 .e-grid .e-icon-ungroup::before,
 .e-grid-menu .e-icon-ungroup::before {
-  content: '\e731';
+  content: '\e724';
 }
 
 .e-grid .e-icon-reorderuparrow::before,
 .e-grid-menu .e-icon-reorderuparrow::before {
-  content: '\e768';
+  content: '\e87a';
 }
 
 .e-grid .e-icon-reorderdownarrow::before,
 .e-grid-menu .e-icon-reorderdownarrow::before {
-  content: '\e732';
+  content: '\e70d';
 }
 
 .e-grid .e-print::before,
 .e-grid-menu .e-print::before {
-  content: '\e76c';
+  content: '\e75d';
 }
 
 .e-grid .e-add::before,
 .e-grid-menu .e-add::before {
-  content: '\e78a';
+  content: '\e805';
 }
 
 .e-grid .e-resback-icon::before,
 .e-grid-menu .e-resback-icon::before {
-  content: '\e7a5';
+  content: '\e773';
 }
 
 .e-grid .e-wordexport::before,
 .e-grid-menu .e-wordexport::before {
-  content: '\e803';
+  content: '\e7d0';
 }
 
 .e-grid .e-pdfexport::before,
 .e-grid-menu .e-pdfexport::before {
-  content: '\e741';
+  content: '\e700';
 }
 
 .e-grid .e-csvexport::before,
 .e-grid-menu .e-csvexport::before {
-  content: '\e73d';
+  content: '\e7ba';
 }
 
 .e-grid .e-excelexport::before,
 .e-grid-menu .e-excelexport::before {
-  content: '\e780';
+  content: '\e7c1';
 }
 
 .e-grid .e-edit::before,
 .e-grid-menu .e-edit::before {
-  content: '\e7d2';
+  content: '\e730';
 }
 
 .e-grid .e-columnmenu::before,
 .e-grid .e-columnmenu.e-filtered::before,
 .e-grid-menu .e-columnmenu::before,
 .e-grid-menu .e-columnmenu.e-filtered::before {
-  content: '\e75b';
+  content: '\e770';
 }
 
 .e-grid .e-delete::before,
 .e-grid-menu .e-delete::before {
-  content: '\e78d';
+  content: '\e820';
 }
 
 .e-grid .e-cancel::before,
 .e-grid-menu .e-cancel::before {
-  content: '\e771';
+  content: '\e7e7';
 }
 
 .e-grid .e-copy::before,
 .e-grid-menu .e-copy::before {
-  content: '\e7ce';
+  content: '\e77c';
 }
 
 .e-grid .e-save::before,
 .e-grid-menu .e-save::before {
-  content: '\e704';
+  content: '\e7c8';
 }
 
 .e-grid .e-update::before,
 .e-grid-menu .e-update::before {
-  content: '\e704';
+  content: '\e7c8';
 }
 
 .e-grid .e-search-icon::before,
 .e-grid-menu .e-search-icon::before {
-  content: '\e737';
+  content: '\e754';
 }
 
 .e-grid .e-cancel-icon::before,
 .e-grid-menu .e-cancel-icon::before {
-  content: '\e771';
+  content: '\e7e7';
 }
 
 .e-grid .e-columnchooserdiv::before,
 .e-grid-menu .e-columnchooserdiv::before {
-  content: '\e71b';
+  content: '\e7f7';
 }
 
 .e-grid .e-ccsearch-icon::before,
 .e-grid-menu .e-ccsearch-icon::before {
-  content: '\e737';
+  content: '\e754';
 }
 
 .e-grid .e-columnchooser::before,
@@ -373,61 +317,69 @@
 
 .e-grid .e-columnchooser-btn::before,
 .e-grid-menu .e-columnchooser-btn::before {
-  content: '\e7c6';
+  content: '\e70d';
 }
 
 .e-grid .e-cc-icon::before,
 .e-grid-menu .e-cc-icon::before {
-  content: '\e7c6';
+  content: '\e70d';
 }
 
 .e-grid .e-icon-rowdragicon::before,
 .e-grid-menu .e-icon-rowdragicon::before {
-  content: '\e781';
+  content: '\e726';
 }
 
 .e-grid.e-rtl .e-icon-rowdragicon::before,
 .e-grid-menu.e-rtl .e-icon-rowdragicon::before {
-  content: '\e781';
+  content: '\e726';
 }
 
 .e-grid .e-ccsearch-icon.e-cc-cancel::before,
 .e-grid .e-chkcancel-icon::before,
 .e-grid-menu .e-ccsearch-icon.e-cc-cancel::before,
 .e-grid-menu .e-chkcancel-icon::before {
-  content: '\e771';
+  content: '\e7e7';
 }
 
 .e-responsive-dialog .e-resfilterback::before {
-  content: '\e7a5';
+  content: '\e773';
+}
+
+.e-responsive-dialog.e-rtl .e-resfilterback::before {
+  content: '\e7f9';
 }
 
 .e-responsive-dialog .e-filterset::before {
-  content: '\e71b';
+  content: '\e7f7';
 }
 
 .e-responsive-dialog .e-search-icon::before {
-  content: '\e737';
+  content: '\e754';
 }
 
 .e-responsive-dialog .e-chkcancel-icon::before {
-  content: '\e771';
+  content: '\e7e7';
 }
 
 .e-responsive-dialog .e-icon-filter-clear::before {
-  content: '\e774';
+  content: '\e72c';
 }
 
 .e-row-responsive-filter .e-dlg-closeicon-btn .e-icon-dlg-close::before {
-  content: '\e7a5';
+  content: '\e773';
+}
+
+.e-row-responsive-filter.e-rtl .e-dlg-closeicon-btn .e-icon-dlg-close::before {
+  content: '\e7f9';
 }
 
 .e-checkboxfilter .e-search-icon::before {
-  content: '\e737';
+  content: '\e754';
 }
 
 .e-checkboxfilter .e-chkcancel-icon::before {
-  content: '\e771';
+  content: '\e7e7';
 }
 
 /*! Grid layout */
@@ -467,8 +419,8 @@
 
 .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;
-  padding-top: 5px;
+  padding-bottom: 3px;
+  padding-top: 3px;
 }
 
 .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
@@ -478,7 +430,7 @@
 
 .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: 22px;
+  font-size: 16px;
 }
 
 .e-bigger .e-grid .e-flmenu-valuediv,
@@ -508,7 +460,7 @@
 
 .e-bigger .e-grid .e-icons,
 .e-grid.e-bigger .e-icons {
-  font-size: 22px;
+  font-size: 16px;
 }
 
 .e-bigger .e-grid .e-gridheader thead .e-icons,
@@ -518,12 +470,12 @@
 
 .e-bigger .e-grid .e-icon-gdownarrow,
 .e-grid.e-bigger .e-icon-gdownarrow {
-  font-size: 22px;
+  font-size: 16px;
 }
 
 .e-bigger .e-grid .e-icon-grightarrow,
 .e-grid.e-bigger .e-icon-grightarrow {
-  font-size: 22px;
+  font-size: 16px;
 }
 
 .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
@@ -601,7 +553,7 @@
 
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  bottom: 31px;
+  bottom: 23px;
 }
 
 .e-bigger .e-grid.e-device.e-noselect,
@@ -651,17 +603,17 @@
 
 .e-bigger .e-grid .e-filtermenudiv,
 .e-grid.e-bigger .e-filtermenudiv {
-  margin: -16.5px -6px;
+  margin: -15px -4px -15px 6px;
 }
 
 .e-bigger .e-grid .e-sortfilterdiv,
 .e-grid.e-bigger .e-sortfilterdiv {
-  margin: -31px -2px;
+  margin: -15px -6px -15px 6px;
 }
 
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -27.5px 18px -31px 0;
+  margin: -15px 23px -15px 6px;
 }
 
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -703,13 +655,19 @@
 
 .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -32px -2px;
+  margin: -15px 6px -15px -6px;
+}
+
+.e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
+.e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
+  float: left;
+  margin: 0 6px 0 16px;
 }
 
 .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 0.2px 0 0 15px;
+  margin: 0 6px 0 20px;
 }
 
 .e-bigger .e-grid .e-sortnumber,
@@ -717,56 +675,92 @@
   border-radius: 65%;
   display: inline-block;
   float: right;
-  font-size: 9px;
-  height: 16px;
-  line-height: 16px;
-  margin: 0.5px 18px 0 2px;
+  font-size: 12px;
+  height: 18px;
+  line-height: 18px;
+  margin: 0 6px 0 6px;
   text-align: center;
-  width: 16px;
+  width: 18px;
+}
+
+.e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
+.e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
+  margin: 0 9px 0 6px;
 }
 
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -27.5px -20px -4px 2px;
+  margin: -15px 6px -15px -5px;
 }
 
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-headercell .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-detailheadercell .e-sortfilterdiv {
-  margin: -31px 5px;
+  margin: -14.5px 6px -14.5px -4px;
 }
 
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -31px 22px;
+  margin: -14.5px 6px -14.5px -4px;
 }
 
 .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -27.5px 0 1.5px 14px;
+  margin: -15px 6px -15px 23px;
+}
+
+.e-bigger .e-grid.e-rtl .e-gridheader .e-leftalign .e-sortfilterdiv,
+.e-grid.e-bigger.e-rtl .e-gridheader .e-leftalign .e-sortfilterdiv {
+  margin-bottom: -14.5px;
+  margin-top: -14.5px;
+}
+
+.e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon.e-leftalign .e-sortfilterdiv,
+.e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon.e-leftalign .e-sortfilterdiv {
+  margin-right: -6px;
 }
 
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -27.5px 0 2px 18px;
+  margin: -15px 6px -15px 23px;
 }
 
 .e-bigger .e-grid.e-rtl .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl .e-filtermenudiv {
-  margin: -18.5px 0 -18px -38px;
+  margin: -15px 6px -15px -4px;
 }
 
 .e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl .e-rightalign .e-filtermenudiv {
-  margin: -18.5px 0 -18px -42px;
+  margin: -15px 6px -15px -3px;
 }
 
 .e-bigger .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
-  margin: 0.5px 0 0 33px;
+  margin: 0 6px 0 5px;
+}
+
+.e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
+.e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
+.e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
+.e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
+  margin: 0 6px 0 32px;
+}
+
+.e-bigger .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
+.e-bigger .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
+.e-grid.e-bigger.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
+.e-grid.e-bigger.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
+  margin: 0 0 0 6px;
+}
+
+.e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
+.e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
+  margin: 0 6px 0 5px;
+  margin-left: 32px;
 }
 
 .e-bigger .e-grid .e-rowcell,
@@ -794,8 +788,24 @@
 .e-bigger .e-grid .e-groupdroparea,
 .e-grid.e-bigger .e-groupdroparea {
   font-size: 16px;
-  min-height: 48px;
-  padding: 22px 24px;
+  min-height: 46px;
+  padding: 13px 6px;
+}
+
+.e-bigger .e-grid .e-groupdroparea.e-hover,
+.e-grid.e-bigger .e-groupdroparea.e-hover {
+  margin-bottom: 7px;
+  min-height: 38px;
+  outline-offset: 4px;
+  padding: 9px;
+  right: -3.4px;
+  top: 4px;
+  width: 99.4%;
+}
+
+.e-bigger .e-grid.e-rtl .e-groupdroparea.e-hover,
+.e-grid.e-bigger.e-rtl .e-groupdroparea.e-hover {
+  right: 3.4px;
 }
 
 .e-bigger .e-grid .e-cloneproperties,
@@ -813,9 +823,29 @@
   font-size: 14px;
 }
 
+.e-bigger .e-grid .e-dropitemscount,
+.e-grid.e-bigger .e-dropitemscount {
+  margin-left: 1px;
+}
+
+.e-bigger .e-grid.e-rtl .e-dropitemscount,
+.e-grid.e-bigger.e-rtl .e-dropitemscount {
+  margin-left: -8px;
+}
+
 .e-bigger .e-grid .e-groupdroparea.e-grouped,
 .e-grid.e-bigger .e-groupdroparea.e-grouped {
-  padding: 0 8px 8px;
+  padding: 0 5px 5px;
+}
+
+.e-bigger .e-grid .e-groupdroparea.e-grouped.e-hover,
+.e-grid.e-bigger .e-groupdroparea.e-grouped.e-hover {
+  padding: 0 .5px 1.5px;
+}
+
+.e-bigger .e-grid .e-groupdroparea.e-grouped.e-hover .e-groupheadercell,
+.e-grid.e-bigger .e-groupdroparea.e-grouped.e-hover .e-groupheadercell {
+  margin-top: 1.5px;
 }
 
 .e-bigger .e-grid .e-frozenheader table tr td.e-rowcell,
@@ -844,7 +874,7 @@
 
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 23px;
+  right: 26px;
 }
 
 .e-bigger .e-grid .e-groupheadercell,
@@ -852,10 +882,10 @@
 .e-grid.e-bigger .e-groupheadercell,
 .e-grid.e-bigger .e-groupheadercell:hover {
   border-radius: 0;
-  height: 30px;
-  margin: 16.5px 0 0 10px;
+  height: 34px;
+  margin: 5px 6px 0 0;
   padding: 6px 0;
-  font-size: 14px;
+  font-size: 16px;
 }
 
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -871,9 +901,9 @@
 
 .e-bigger .e-grid .e-groupheadercell span,
 .e-grid.e-bigger .e-groupheadercell span {
-  height: 4px;
-  line-height: 4px;
-  padding: 10px 10px 8px 12px;
+  height: 24px;
+  line-height: 24px;
+  padding: 0 0 0 8px;
 }
 
 .e-bigger .e-grid .e-groupheadercell .e-ungroupbutton,
@@ -883,7 +913,7 @@
 
 .e-bigger .e-grid .e-groupheadercell .e-grouptext,
 .e-grid.e-bigger .e-groupheadercell .e-grouptext {
-  line-height: 3px;
+  line-height: 22px;
 }
 
 .e-bigger .e-grid .e-row .e-input-group .e-input.e-field,
@@ -995,7 +1025,7 @@
 
 .e-bigger .e-grid .e-grouptext,
 .e-grid.e-bigger .e-grouptext {
-  margin-right: 0;
+  margin-right: 8px;
   width: auto;
 }
 
@@ -1013,37 +1043,43 @@
 .e-grid.e-bigger span.e-ungroupbutton,
 .e-grid.e-bigger .e-toggleungroup {
   margin-left: -8px;
-  margin-top: -1px;
+  margin-top: 0;
 }
 
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
-  font-size: 22px;
-  margin-left: -18px;
-  margin-top: -1px;
-  margin-right: 8px;
+  font-size: 16px;
+  margin-left: 0;
+  margin-top: 0;
+  margin-right: 0;
+}
+
+.e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
+.e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
+  color: #374151;
 }
 
 .e-bigger .e-grid .e-groupsort,
 .e-grid.e-bigger .e-groupsort {
   margin-right: 0;
-  margin-top: -1px;
+  margin-top: 0;
 }
 
 .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,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
-  margin: 16px 17px 0 0;
-  padding: 4px 10px 4px 9px;
+  margin: 5px 0 0 6px;
+  padding: 6px 8px 6px 8px;
 }
 
 .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: -8px;
+  margin-right: 0;
+  margin-top: 0;
   padding-top: 0;
+  padding-left: 8px;
 }
 
 .e-bigger .e-grid .e-groupcaption,
@@ -1138,6 +1174,7 @@
   font-size: 13px;
   line-height: normal;
   margin-left: -8px;
+  margin-left: -7px;
   min-width: 12px;
   padding: 3px 7px 4px;
   position: absolute;
@@ -1146,6 +1183,10 @@
   z-index: 5;
 }
 
+.e-grid.e-rtl .e-dropitemscount {
+  left: -6px !important;
+}
+
 .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
 .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
   border-top: 1px solid #e5e7eb;
@@ -1217,7 +1258,7 @@
 }
 
 .e-grid .e-icon-rowdragicon {
-  font-size: 18px;
+  font-size: 14px;
   text-indent: 11px;
 }
 
@@ -1252,7 +1293,7 @@
 }
 
 .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item .e-tbar-btn .e-resfilter-icon {
-  font-size: 22px;
+  font-size: 16px;
 }
 
 .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right {
@@ -1272,7 +1313,8 @@
 
 .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-search-icon {
   font-size: 18px;
-  margin-top: 0;
+  font-size: 16px;
+  margin-top: 4px;
 }
 
 .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-input-group {
@@ -1296,6 +1338,10 @@
   padding-left: 0;
 }
 
+.e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
+  padding-left: 26px;
+}
+
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
   padding-bottom: 3px;
   padding-top: 3px;
@@ -1303,7 +1349,7 @@
 
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
   margin-bottom: 0;
-  opacity: .6;
+  opacity: 0.6;
   width: 230px;
 }
 
@@ -1403,11 +1449,11 @@
 }
 
 .e-grid .e-groupdroparea.e-grouped {
-  padding: 0 0 3.5px;
+  padding: 0 4px 4px 4px;
 }
 
-.e-grid .e-groupdroparea.e-grouped {
-  padding: 0 0 3.5px;
+.e-grid .e-groupdroparea.e-grouped.e-hover {
+  padding: 0 1px 1px 1px;
 }
 
 .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
@@ -1477,7 +1523,7 @@
 
 .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
 .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
-  right: 0;
+  border-right: 0;
 }
 
 .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -1765,11 +1811,12 @@
 .e-grid .e-summarycell {
   border-style: solid;
   border-width: 1px 0 0;
-  font-size: 14px;
+  font-size: 12px;
   font-weight: 500;
   height: auto;
-  line-height: 21px;
+  line-height: 18px;
   padding: 6px 8px;
+  padding: 0.7em 8px;
   white-space: normal;
   word-wrap: break-word;
 }
@@ -1941,17 +1988,34 @@
   vertical-align: middle;
 }
 
+.e-grid .e-groupdroparea.e-hover {
+  position: relative;
+  top: 2px;
+  right: -1.9px;
+  margin-bottom: 4px;
+  width: 99.7%;
+  outline: 1px solid #e5e7eb;
+  outline-offset: 2px;
+  border: 1px dashed #9ca3af;
+  min-height: 35px;
+  padding: 8px;
+}
+
+.e-grid.e-rtl .e-groupdroparea.e-hover {
+  right: 2px;
+}
+
 .e-grid .e-sortfilterdiv {
   float: right;
-  height: 16px;
-  margin: -28px -4px;
-  padding: 15px 4px;
-  width: 16px;
+  height: 20px;
+  margin: -13px -6px -13px 4px;
+  padding: 3px;
+  width: 20px;
 }
 
 .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
   float: left;
-  margin: -28px -5px;
+  margin: -13px 4px -13px -5px;
 }
 
 .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
@@ -1968,15 +2032,18 @@
 }
 
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
-.e-grid .e-gridheader .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-stackedheadercelldiv {
+  padding: 0 20px 0 5px;
+}
+
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 20px 0 5px;
 }
 
 .e-grid .e-filtermenudiv {
   float: right;
-  margin: -15px -7px;
-  padding: 4px;
+  margin: -13px -3px -13px 4px;
+  padding: 3px;
   text-align: right;
 }
 
@@ -2028,22 +2095,31 @@
   font-size: 10px;
   height: 16px;
   line-height: 16px;
-  margin: 0 -8px 0 8px;
+  margin: 0 2px 0 4px;
   text-align: center;
   width: 16px;
 }
 
+.e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
+  margin: 0 4px 0 4px;
+}
+
+.e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
+  float: left;
+  margin: 0 4px 0 14px;
+}
+
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 0 8px 0 15px;
+  margin: 0 4px 0 18px;
 }
 
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -26px 20px -29px 0;
+  margin: -13px 21px -13px 4px;
 }
 
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -26px -11px -5px -5px;
+  margin: -13px 4px -13px -5px;
 }
 
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
@@ -2067,8 +2143,8 @@
   position: absolute;
   right: 23px;
   float: right;
-  margin: -19px -23px -23px 0;
-  padding: 6px;
+  margin: -13px -18px -13px 4px;
+  padding: 3px;
 }
 
 .e-grid.e-wrap .e-columnmenu {
@@ -2079,6 +2155,7 @@
   left: 23px;
   right: auto;
   margin: -19px -18px -18px -22px;
+  margin: -13px 4px -13px -18px;
 }
 
 .e-grid.e-wrap.e-rtl .e-columnmenu {
@@ -2258,6 +2335,8 @@
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
   height: 20px;
   line-height: 20px;
+  position: relative;
+  top: -1.5px;
 }
 
 .e-grid .e-dialog.e-checkboxfilter,
@@ -2378,6 +2457,7 @@
   overflow: hidden;
   padding: 2px 8px 1px;
   text-align: left;
+  text-transform: uppercase;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -2451,11 +2531,19 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 18px;
   margin-left: -6px;
-  margin-top: -5px;
+  margin-top: -11px;
   position: absolute;
   z-index: 10;
 }
 
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -11px;
+}
+
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 1px;
+}
+
 .e-grid td.e-active {
   font-weight: 400;
 }
@@ -2467,7 +2555,7 @@
 .e-grid .e-groupdroparea {
   height: auto;
   line-height: normal;
-  min-height: 38px;
+  min-height: 39px;
 }
 
 .e-grid .e-griddragarea {
@@ -2542,7 +2630,7 @@
   font-size: 14px;
   font-weight: normal;
   height: 30px;
-  margin: 3.5px 0 0 3.5px;
+  margin: 4px 4px 0 0;
   overflow: hidden;
   padding: 5px 0 3px;
   vertical-align: middle;
@@ -2553,6 +2641,10 @@
   padding: 5px 0 3px;
 }
 
+.e-grid .e-groupdroparea.e-grouped.e-hover .e-groupheadercell {
+  margin-top: 2px;
+}
+
 .e-grid .e-groupheadercell span {
   display: inline-block;
   float: left;
@@ -2567,7 +2659,7 @@
 }
 
 .e-grid .e-groupheadercell .e-ungroupbutton {
-  font-size: 18px;
+  font-size: 14px;
   line-height: 17px;
 }
 
@@ -2596,12 +2688,17 @@
 
 .e-grid .e-groupsort {
   margin-right: 0;
-  margin-top: -2.5px;
+  margin-top: -2px;
 }
 
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -9px;
   margin-top: 2px;
+  padding-right: 8px;
+}
+
+.e-grid span.e-ungroupbutton.e-icons:hover {
+  color: #374151;
 }
 
 .e-grid .e-grptogglebtn {
@@ -2609,12 +2706,12 @@
 }
 
 .e-grid .e-icon-gdownarrow {
-  font-size: 18px;
+  font-size: 14px;
   text-indent: 11px;
 }
 
 .e-grid .e-icon-grightarrow {
-  font-size: 18px;
+  font-size: 14px;
   text-indent: 11px;
 }
 
@@ -2866,7 +2963,7 @@
 }
 
 .e-grid .e-ccdlg .e-cc-searchdiv span.e-ccsearch-icon.e-cc-cancel {
-  font-size: 18px;
+  font-size: 14px;
   padding: 5px 5px 6px;
 }
 
@@ -3067,6 +3164,22 @@
   text-align: right;
 }
 
+.e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
+.e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
+.e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
+.e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
+  padding: 0 0.4em 0 1.8em;
+  text-align: right;
+}
+
+.e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
+.e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
+.e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
+.e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
+  float: left;
+  margin: 0 4px 0 32px;
+}
+
 .e-grid.e-rtl .e-headercell .e-headercelldiv,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -3080,7 +3193,7 @@
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
   float: left;
-  margin: 0 0 0 17px;
+  margin: 0 4px 0 5px;
 }
 
 .e-grid.e-rtl .e-headercell .e-filterbarcell input,
@@ -3091,7 +3204,7 @@
 .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
 .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
   float: left;
-  margin: -29px 10px;
+  margin: -13px 4px -13px -6px;
 }
 
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv,
@@ -3101,7 +3214,7 @@
 
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 1px -2px 0 0;
+  margin: 0 -1px 0 4px;
 }
 
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv,
@@ -3112,7 +3225,9 @@
 .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv,
 .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
   float: right;
-  margin: -14px 3px;
+  margin: -14px -5px;
+  margin-bottom: -13px;
+  margin-top: -13px;
 }
 
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv,
@@ -3123,13 +3238,19 @@
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;
-  margin: 0 2px 0 0;
+  margin: 0 -1px 0 4px;
+}
+
+.e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
+.e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
+  float: left;
+  margin: 0 4px 0 32px;
 }
 
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;
-  margin: 0 0 0 31px;
+  margin: 0 4px 0 18px;
 }
 
 .e-grid.e-rtl .e-rowcell:first-child,
@@ -3159,19 +3280,23 @@
 }
 
 .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -26px -4px 0 16px;
+  margin: -13px 4px -13px 21px;
+}
+
+.e-grid.e-rtl .e-gridheader .e-fltr-icon.e-leftalign .e-sortfilterdiv {
+  margin-right: -5px;
 }
 
 .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -26px -4px 0 16px;
+  margin: -13px 4px -13px 21px;
 }
 
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
-  margin: -1px -5px -5px -5px;
+  margin: -5px -5px -5px -5px;
 }
 
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
-  margin: -1px -5px -5px -5px;
+  margin: -5px -5px -5px -5px;
 }
 
 .e-grid.e-rtl.e-verticallines .e-grouptopleftcell,
@@ -3185,7 +3310,7 @@
 }
 
 .e-grid.e-rtl .e-grouptext {
-  margin-left: 0;
+  margin-left: -8px;
   margin-right: 0;
 }
 
@@ -3212,7 +3337,7 @@
 }
 
 .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -29px 10px;
+  margin: -13px 4px -13px -6px;
 }
 
 .e-grid.e-rtl .e-cloneproperties {
@@ -3333,7 +3458,7 @@
 .e-grid.e-rtl .e-ungroupbutton,
 .e-grid.e-rtl .e-toggleungroup {
   margin-left: 0;
-  margin-right: -7px;
+  margin-right: 0;
 }
 
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
@@ -3425,8 +3550,8 @@
 
 .e-grid.e-rtl .e-groupheadercell,
 .e-grid.e-rtl .e-groupheadercell:hover {
-  margin-left: 0;
-  margin-right: 3.5px;
+  margin-left: 4px;
+  margin-right: 0;
   padding: 5px 0 3px;
 }
 
@@ -3463,8 +3588,8 @@
 
 .e-grid.e-rtl .e-filtermenudiv {
   float: left;
-  margin: -17px 0 -20px -36px;
-  padding: 6px;
+  margin: -13px 4px -13px -3px;
+  padding: 3px;
 }
 
 .e-grid.e-wrap .e-rowcell,
@@ -3587,6 +3712,10 @@
   border-right: 0;
 }
 
+.e-grid.sf-grid .e-table {
+  border-spacing: .25px;
+}
+
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3638,7 +3767,7 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 18px;
-  margin-top: -5px;
+  margin-top: -11px;
 }
 
 .e-bigger .e-grid .e-gridheader thead .e-icons,
@@ -3652,18 +3781,23 @@
   padding-right: 4px;
 }
 
+.e-bigger .e-grid .e-ccdlg span.e-ccsearch-icon.e-cc-cancel,
+.e-bigger.e-grid .e-ccdlg span.e-ccsearch-icon.e-cc-cancel {
+  font-size: 16px;
+}
+
 .e-bigger .e-grid.e-rtl .e-columnmenu,
 .e-bigger.e-grid.e-rtl .e-columnmenu {
-  margin: -19px -18px -18px -22px;
+  margin: -13px 6px -13px -16px;
 }
 
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
-  padding: 10px 10px 8px 12px;
+  padding: 0 0 0 8px;
 }
 
 .e-grid-min-height .e-rowcell {
-  line-height: normal;
+  line-height: 0;
   padding-bottom: 0;
   padding-top: 0;
 }
@@ -3701,7 +3835,7 @@
 }
 
 .e-grid-min-height .e-grid-height .e-summarycell {
-  line-height: 21px;
+  line-height: 18px;
   padding: 6px 8px;
 }
 
@@ -3742,7 +3876,7 @@
 .e-bigger .e-grid.e-grid-min-height .e-rowcell,
 .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
 .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
-  line-height: normal;
+  line-height: 0;
   padding-bottom: 0;
   padding-top: 0;
 }
@@ -3965,12 +4099,18 @@
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   background-color: transparent;
+  padding: .5px 15px;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
   color: #6b7280;
-  font-size: 22px;
+  font-size: 16px;
+  margin-top: -6px;
+}
+
+.e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon.e-icon-filter-clear,
+.e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon.e-icon-filter-clear {
   margin-top: -6px;
 }
 
@@ -4002,20 +4142,20 @@
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header {
   font-weight: 500;
-  padding-top: 7px;
+  padding-top: 2px;
   width: 100%;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn {
   color: #4f46e5;
-  margin-top: 6px;
+  margin-top: 1px;
   padding: 0;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn .e-icon-filter-clear,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn .e-icon-filter-clear {
-  font-size: 22px;
+  font-size: 16px;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-sort-clear-btn,
@@ -4024,6 +4164,7 @@
   font-size: 18px;
   font-weight: 500;
   padding-top: 5px;
+  margin-top: -7px;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
@@ -4034,6 +4175,7 @@
   padding-left: 20px;
   padding-right: 0;
   padding-top: 0;
+  margin-top: -2px;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn:disabled,
@@ -4053,6 +4195,7 @@
   background: none;
   box-shadow: none;
   padding-left: 0;
+  padding-top: 1.5px;
 }
 
 .e-bigger .e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn,
@@ -4119,6 +4262,7 @@
 .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
   float: right;
+  margin-top: -9px;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -4286,6 +4430,7 @@
 .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
 .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
   padding-top: 0;
+  margin-top: -8px;
 }
 
 .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
@@ -4533,11 +4678,11 @@
   border-right-color: #e5e7eb;
 }
 
-.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
-.e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
+.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
+.e-grid.e-gridhover tr[role='row']:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
-.e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover tr[role='row']:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #f3f4f6;
   color: #111827;
 }
@@ -4720,7 +4865,7 @@
 }
 
 .e-grid .e-groupheadercell:hover {
-  background-color: #e5e7eb;
+  background-color: #d1d5db;
   border-color: #d1d5db;
 }