@syncfusion/ej2-vue-grids 20.1.47 → 20.1.48

package/styles/grid/tailwind.css

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