@syncfusion/ej2-angular-grids 19.4.56 → 20.1.51

package/styles/grid/tailwind-dark.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: #374151;
 }
 
-.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,
@@ -1082,6 +1118,99 @@
   margin-top: 0;
 }
 
+.e-bigger .e-grid .e-rowcell.e-frozen-right-border,
+.e-bigger .e-grid .e-headercell.e-frozen-right-border,
+.e-bigger .e-grid .e-filterbarcell.e-frozen-right-border,
+.e-grid.e-bigger .e-rowcell.e-frozen-right-border,
+.e-grid.e-bigger .e-headercell.e-frozen-right-border,
+.e-grid.e-bigger .e-filterbarcell.e-frozen-right-border {
+  border-right: 3px solid #0891b2;
+}
+
+.e-bigger .e-grid .e-rowcell.e-frozen-left-border,
+.e-bigger .e-grid .e-headercell.e-frozen-left-border,
+.e-bigger .e-grid .e-filterbarcell.e-frozen-left-border,
+.e-grid.e-bigger .e-rowcell.e-frozen-left-border,
+.e-grid.e-bigger .e-headercell.e-frozen-left-border,
+.e-grid.e-bigger .e-filterbarcell.e-frozen-left-border {
+  border-left: 3px solid #0891b2;
+}
+
+.e-bigger .e-grid .e-rowcell.e-freezeline,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell.e-freezeline,
+.e-grid.e-bigger .e-rowcell.e-freezeline,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell.e-freezeline {
+  position: relative;
+}
+
+.e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
+  cursor: move;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  width: 4px;
+}
+
+.e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
+  right: 0;
+}
+
+.e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
+  left: 0;
+}
+
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-bigger .e-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
+  right: 3px;
+}
+
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
+  left: 3px;
+}
+
+.e-bigger .e-grid .e-frozen-helper,
+.e-grid.e-bigger .e-frozen-helper {
+  border-left: 3px solid #0891b2;
+  cursor: move;
+  position: absolute;
+  z-index: 2;
+}
+
+.e-bigger .e-grid .e-content.e-freezeline-moving,
+.e-grid.e-bigger .e-content.e-freezeline-moving {
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
 .e-grid {
   border-radius: 4px;
   border-style: none solid solid;
@@ -1138,6 +1267,7 @@
   font-size: 13px;
   line-height: normal;
   margin-left: -8px;
+  margin-left: -7px;
   min-width: 12px;
   padding: 3px 7px 4px;
   position: absolute;
@@ -1146,6 +1276,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 #4b5563;
@@ -1217,7 +1351,7 @@
 }
 
 .e-grid .e-icon-rowdragicon {
-  font-size: 18px;
+  font-size: 14px;
   text-indent: 11px;
 }
 
@@ -1252,7 +1386,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 +1406,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 +1431,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 +1442,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 +1542,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,
@@ -1475,9 +1614,9 @@
   width: 4px;
 }
 
-.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;
+.e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type,
+.e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
+  border-right: 0;
 }
 
 .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -1765,11 +1904,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;
 }
@@ -1916,9 +2056,9 @@
 }
 
 .e-grid.e-default tr td:first-child,
-.e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
+.e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
 .e-grid.e-default tr th.e-detailheadercell:first-child,
-.e-grid.e-default tr th.e-filterbarcell:first-child {
+.e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
   border-left-width: 0;
 }
 
@@ -1941,17 +2081,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 +2125,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 +2188,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 +2236,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 +2248,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 +2428,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 +2550,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 +2624,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 +2648,7 @@
 .e-grid .e-groupdroparea {
   height: auto;
   line-height: normal;
-  min-height: 38px;
+  min-height: 39px;
 }
 
 .e-grid .e-griddragarea {
@@ -2542,7 +2723,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 +2734,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 +2752,7 @@
 }
 
 .e-grid .e-groupheadercell .e-ungroupbutton {
-  font-size: 18px;
+  font-size: 14px;
   line-height: 17px;
 }
 
@@ -2596,12 +2781,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 +2799,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 +3056,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;
 }
 
@@ -2928,7 +3118,10 @@
 }
 
 .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
-.e-grid .e-frozencontent.e-frozen-right-content > .e-table {
+.e-grid .e-frozencontent.e-frozen-right-content > .e-table,
+.e-grid .e-rowcell .e-frozen-default-cursor,
+.e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
+.e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
   border-left: 3px solid;
   border-right: 0;
 }
@@ -3067,6 +3260,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 +3289,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 +3300,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 +3310,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 +3321,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 +3334,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 +3376,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 +3406,7 @@
 }
 
 .e-grid.e-rtl .e-grouptext {
-  margin-left: 0;
+  margin-left: -8px;
   margin-right: 0;
 }
 
@@ -3212,7 +3433,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 +3554,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 +3646,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 +3684,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 +3808,76 @@
   border-right: 0;
 }
 
+.e-grid.sf-grid .e-table {
+  border-spacing: .25px;
+}
+
+.e-grid.sf-grid .e-rowcell.e-frozen-right-border,
+.e-grid.sf-grid .e-headercell.e-frozen-right-border,
+.e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
+  border-right: 3px solid #0891b2;
+}
+
+.e-grid.sf-grid .e-rowcell.e-frozen-left-border,
+.e-grid.sf-grid .e-headercell.e-frozen-left-border,
+.e-grid.sf-grid .e-filterbarcell.e-frozen-left-border {
+  border-left: 3px solid #0891b2;
+}
+
+.e-grid.sf-grid .e-rowcell.e-freezeline,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell.e-freezeline {
+  position: relative;
+}
+
+.e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
+  cursor: move;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  width: 4px;
+}
+
+.e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
+  right: 0;
+}
+
+.e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
+  left: 0;
+}
+
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.sf-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
+  right: 3px;
+}
+
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
+  left: 3px;
+}
+
+.e-grid.sf-grid .e-frozen-helper {
+  border-left: 3px solid #0891b2;
+  cursor: move;
+  position: absolute;
+  z-index: 2;
+}
+
+.e-grid.sf-grid .e-content.e-freezeline-moving {
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3638,7 +3929,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 +3943,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 +3997,7 @@
 }
 
 .e-grid-min-height .e-grid-height .e-summarycell {
-  line-height: 21px;
+  line-height: 18px;
   padding: 6px 8px;
 }
 
@@ -3742,7 +4038,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 +4261,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: #d1d5db;
-  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 +4304,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: #22d3ee;
-  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 +4326,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 +4337,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 +4357,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 +4424,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 +4592,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,
@@ -4516,11 +4823,26 @@
   border-right-color: #4b5563;
 }
 
+.e-grid .e-frozenheader.e-frozenborderdisabled > .e-table,
+.e-grid .e-frozencontent.e-frozenborderdisabled > .e-table,
+.e-grid .e-frozencontent.e-frozenborderdisabled .e-virtualtable > .e-table,
+.e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
+  border-right-color: #1f2937;
+}
+
 .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
-.e-grid .e-frozencontent.e-frozen-right-content > .e-table {
+.e-grid .e-frozencontent.e-frozen-right-content > .e-table,
+.e-grid .e-rowcell .e-frozen-default-cursor,
+.e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
+.e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
   border-left-color: #4b5563;
 }
 
+.e-grid .e-frozenheader.e-frozen-right-header.e-frozenborderdisabled > .e-table,
+.e-grid .e-frozencontent.e-frozen-right-content.e-frozenborderdisabled > .e-table {
+  border-left-color: #1f2937;
+}
+
 .e-grid.e-rtl .e-frozenheader > .e-table,
 .e-grid.e-rtl .e-frozencontent > .e-table,
 .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,
@@ -4533,11 +4855,11 @@
   border-right-color: #4b5563;
 }
 
-.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: #4b5563;
   color: #fff;
 }