@syncfusion/ej2-angular-grids 19.4.52 → 19.4.55

package/styles/grid/bootstrap5.css

@@ -462,12 +462,12 @@
 
 .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
 .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
-  font-size: 18px;
+  font-size: 13px;
 }
 
 .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
 .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
-  font-size: 18px;
+  font-size: 13px;
 }
 
 .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
@@ -494,7 +494,7 @@
 .e-bigger .e-grid .e-headercell,
 .e-grid.e-bigger .e-headercell {
   height: 40px;
-  padding: 10px 8px 10px;
+  padding: 10px 12px 10px;
 }
 
 .e-bigger .e-grid .e-headercelldiv,
@@ -590,7 +590,7 @@
 .e-grid.e-bigger .e-filterbarcell,
 .e-grid.e-bigger .e-filterbarcelldisabled {
   height: 40px;
-  padding: 0 8px;
+  padding: 0 12px;
 }
 
 .e-bigger .e-grid .e-filterbarcell input,
@@ -656,7 +656,7 @@
 
 .e-bigger .e-grid .e-filtermenudiv,
 .e-grid.e-bigger .e-filtermenudiv {
-  margin: -20px -6px;
+  margin: -14px -6px;
 }
 
 .e-bigger .e-grid .e-sortfilterdiv,
@@ -666,7 +666,7 @@
 
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px 26px -31px 0;
+  margin: -14px 19px -31px 0;
 }
 
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -732,7 +732,7 @@
 
 .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: -20px -20px 0 -4px;
+  margin: -14px -20px 0 -4px;
 }
 
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -759,7 +759,7 @@
 
 .e-bigger .e-grid.e-rtl .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl .e-filtermenudiv {
-  margin: -21px 0 -18px -10px;
+  margin: -20px 0 -18px -10px;
 }
 
 .e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv,
@@ -771,7 +771,7 @@
 .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: 5px 0 0 36px;
+  margin: 4px 0 0 36px;
 }
 
 .e-bigger .e-grid .e-rowcell,
@@ -849,7 +849,7 @@
 
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 
 .e-bigger .e-grid .e-groupheadercell,
@@ -994,8 +994,8 @@
 .e-grid.e-bigger .e-unboundcell,
 .e-grid.e-bigger .e-editedrow .e-normaledit .e-unboundcell,
 .e-grid.e-bigger .e-addedrow .e-normaledit .e-unboundcell {
-  padding-bottom: 6px;
-  padding-top: 6px;
+  padding-bottom: 1.2px;
+  padding-top: 1.2px;
 }
 
 .e-bigger .e-grid .e-grouptext,
@@ -1179,20 +1179,20 @@
 }
 
 .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
-  font-size: 18px;
+  font-size: 13px;
 }
 
 .e-grid .e-row .e-icon-rowdragicon::before {
   display: block;
   text-indent: 10px;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
   color: #6c757d;
   opacity: 0.54;
 }
 
 .e-grid .e-row .e-icon-rowdragmoveicon::before {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
 }
 
@@ -1950,7 +1950,7 @@
   float: right;
   height: 16px;
   margin: -28px -4px;
-  padding: 8px 8px;
+  padding: 1px 2px;
   width: 16px;
 }
 
@@ -1980,8 +1980,8 @@
 
 .e-grid .e-filtermenudiv {
   float: right;
-  margin: -20px -10px;
-  padding: 8px;
+  margin: -11px -8px;
+  padding: 2px 2px 1px;
   text-align: right;
 }
 
@@ -2030,25 +2030,25 @@
   border-radius: 65%;
   display: inline-block;
   float: right;
-  font-size: 11px;
+  font-size: 12px;
   height: 16px;
   line-height: 16px;
-  margin: 2px 11px 0 8px;
+  margin: 1.5px 11px 0 8px;
   text-align: center;
   width: 16px;
 }
 
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 2px 11px 0 15px;
+  margin: 1.5px 11px 0 15px;
 }
 
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px 29px -29px 0;
+  margin: -11px 20px -29px 0;
 }
 
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -11px -5px -5px;
+  margin: -11px -11px -5px -5px;
 }
 
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
@@ -2072,7 +2072,7 @@
   position: absolute;
   right: 23px;
   float: right;
-  margin: -19px -18px -3px -19px;
+  margin: -19px -23px -3px -19px;
   padding: 6px;
 }
 
@@ -2471,6 +2471,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 36px;
 }
 
@@ -3163,11 +3164,11 @@
 }
 
 .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -4px 0 26px;
+  margin: -11px -2px 0 8px;
 }
 
 .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -4px 0 28px;
+  margin: -11px -25px 0 18px;
 }
 
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
@@ -3467,8 +3468,8 @@
 
 .e-grid.e-rtl .e-filtermenudiv {
   float: left;
-  margin: -20px 0 -20px -6px;
-  padding: 8px;
+  margin: -11px 0 -20px -6px;
+  padding: 2px 2px 1px;
 }
 
 .e-grid.e-wrap .e-rowcell,
@@ -3975,7 +3976,7 @@
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
   color: #6c757d;
   font-size: 18px;
-  margin-top: -12px;
+  margin-top: -10px;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn:hover .e-btn-icon,
@@ -4006,7 +4007,7 @@
 .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: 5px;
+  padding-top: 4px;
   width: 100%;
 }
 
@@ -4346,7 +4347,7 @@
 
 .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
-  color: #6c757d;
+  color: #0d6efd;
 }
 
 .e-grid .e-groupdroparea .e-icons {
@@ -4633,18 +4634,18 @@
 }
 
 .e-grid .e-rhelper {
-  background-color: #dee2e6;
+  background-color: #adb5bd;
   cursor: col-resize;
   opacity: 1;
 }
 
 .e-grid.e-device .e-rcursor::before {
-  border-right-color: #dee2e6;
+  border-right-color: #adb5bd;
   opacity: 1;
 }
 
 .e-grid.e-device .e-rcursor::after {
-  border-left-color: #dee2e6;
+  border-left-color: #adb5bd;
   opacity: 1;
 }
 

package/styles/grid/fabric-dark.css

@@ -2395,6 +2395,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 59px;
 }
 

package/styles/grid/fabric.css

@@ -2388,6 +2388,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 59px;
 }
 

package/styles/grid/highcontrast-light.css

@@ -2405,6 +2405,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 59px;
 }
 

package/styles/grid/highcontrast.css

@@ -2405,6 +2405,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 59px;
 }
 

package/styles/grid/material-dark.css

@@ -2431,6 +2431,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 48px;
 }
 

package/styles/grid/material.css

@@ -2466,6 +2466,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 48px;
 }
 

package/styles/grid/tailwind-dark.css

@@ -651,7 +651,7 @@
 
 .e-bigger .e-grid .e-filtermenudiv,
 .e-grid.e-bigger .e-filtermenudiv {
-  margin: -20px -6px;
+  margin: -16.5px -6px;
 }
 
 .e-bigger .e-grid .e-sortfilterdiv,
@@ -661,7 +661,7 @@
 
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -32px 18px -31px 0;
+  margin: -27.5px 18px -31px 0;
 }
 
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -709,7 +709,7 @@
 .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 3px 0 0 15px;
+  margin: 0.2px 0 0 15px;
 }
 
 .e-bigger .e-grid .e-sortnumber,
@@ -720,14 +720,14 @@
   font-size: 9px;
   height: 16px;
   line-height: 16px;
-  margin: 3px 18px 0 2px;
+  margin: 0.5px 18px 0 2px;
   text-align: center;
   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: -32px -20px 0 2px;
+  margin: -27.5px -20px -4px 2px;
 }
 
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -744,29 +744,29 @@
 
 .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: -29px 0 0 14px;
+  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: -26px 0 0 18px;
+  margin: -27.5px 0 2px 18px;
 }
 
 .e-bigger .e-grid.e-rtl .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl .e-filtermenudiv {
-  margin: -20px 0 -18px -38px;
+  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: -20px 0 -18px -42px;
+  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: 6px 0 0 33px;
+  margin: 0.5px 0 0 33px;
 }
 
 .e-bigger .e-grid .e-rowcell,
@@ -844,7 +844,7 @@
 
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 
 .e-bigger .e-grid .e-groupheadercell,
@@ -989,8 +989,8 @@
 .e-grid.e-bigger .e-unboundcell,
 .e-grid.e-bigger .e-editedrow .e-normaledit .e-unboundcell,
 .e-grid.e-bigger .e-addedrow .e-normaledit .e-unboundcell {
-  padding-bottom: 6px;
-  padding-top: 6px;
+  padding-bottom: 2.2px;
+  padding-top: 2.2px;
 }
 
 .e-bigger .e-grid .e-grouptext,
@@ -1174,7 +1174,7 @@
 }
 
 .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
-  font-size: 16px;
+  font-size: 14px;
 }
 
 .e-grid .e-row .e-icon-rowdragicon::before {
@@ -1266,8 +1266,8 @@
 
 .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper {
   width: 100%;
-  padding-left: 18px;
-  padding-right: 18px;
+  padding-left: 16px;
+  padding-right: 16px;
 }
 
 .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-search-icon {
@@ -1975,8 +1975,8 @@
 
 .e-grid .e-filtermenudiv {
   float: right;
-  margin: -17px -7px;
-  padding: 6px;
+  margin: -15px -7px;
+  padding: 4px;
   text-align: right;
 }
 
@@ -2067,7 +2067,7 @@
   position: absolute;
   right: 23px;
   float: right;
-  margin: -19px -27px -5px -19px;
+  margin: -19px -23px -23px 0;
   padding: 6px;
 }
 
@@ -2466,6 +2466,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 38px;
 }
 
@@ -2693,7 +2694,7 @@
 
 .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
   margin-top: 0;
-  padding: 0;
+  padding: 4px;
 }
 
 .e-grid .e-edit-dialog .e-dlg-content {
@@ -2861,7 +2862,7 @@
 .e-grid .e-ccdlg .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: right;
   opacity: .6;
-  padding: 0 5px;
+  padding: 5px 5px;
 }
 
 .e-grid .e-ccdlg .e-cc-searchdiv span.e-ccsearch-icon.e-cc-cancel {
@@ -2901,9 +2902,9 @@
 .e-grid .e-ccdlg .e-cc.e-input,
 .e-grid .e-ccdlg .e-cc.e-input:focus {
   border: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
   padding-left: 4px;
-  padding-top: 6px;
+  padding-top: 5px;
 }
 
 .e-grid .e-checkboxfiltertext {
@@ -3070,7 +3071,7 @@
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 2px 0.4em 0 1.8em;
+  padding: 0 0.4em 0 1.8em;
   text-align: right;
 }
 
@@ -3079,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 0 0 31px;
+  margin: 0 0 0 17px;
 }
 
 .e-grid.e-rtl .e-headercell .e-filterbarcell input,
@@ -4336,7 +4337,7 @@
 
 .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
-  color: #d1d5db;
+  color: #22d3ee;
 }
 
 .e-grid .e-groupdroparea .e-icons {

package/styles/grid/tailwind.css

@@ -651,7 +651,7 @@
 
 .e-bigger .e-grid .e-filtermenudiv,
 .e-grid.e-bigger .e-filtermenudiv {
-  margin: -20px -6px;
+  margin: -16.5px -6px;
 }
 
 .e-bigger .e-grid .e-sortfilterdiv,
@@ -661,7 +661,7 @@
 
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -32px 18px -31px 0;
+  margin: -27.5px 18px -31px 0;
 }
 
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -709,7 +709,7 @@
 .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 3px 0 0 15px;
+  margin: 0.2px 0 0 15px;
 }
 
 .e-bigger .e-grid .e-sortnumber,
@@ -720,14 +720,14 @@
   font-size: 9px;
   height: 16px;
   line-height: 16px;
-  margin: 3px 18px 0 2px;
+  margin: 0.5px 18px 0 2px;
   text-align: center;
   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: -32px -20px 0 2px;
+  margin: -27.5px -20px -4px 2px;
 }
 
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -744,29 +744,29 @@
 
 .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: -29px 0 0 14px;
+  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: -26px 0 0 18px;
+  margin: -27.5px 0 2px 18px;
 }
 
 .e-bigger .e-grid.e-rtl .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl .e-filtermenudiv {
-  margin: -20px 0 -18px -38px;
+  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: -20px 0 -18px -42px;
+  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: 6px 0 0 33px;
+  margin: 0.5px 0 0 33px;
 }
 
 .e-bigger .e-grid .e-rowcell,
@@ -844,7 +844,7 @@
 
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 
 .e-bigger .e-grid .e-groupheadercell,
@@ -989,8 +989,8 @@
 .e-grid.e-bigger .e-unboundcell,
 .e-grid.e-bigger .e-editedrow .e-normaledit .e-unboundcell,
 .e-grid.e-bigger .e-addedrow .e-normaledit .e-unboundcell {
-  padding-bottom: 6px;
-  padding-top: 6px;
+  padding-bottom: 2.2px;
+  padding-top: 2.2px;
 }
 
 .e-bigger .e-grid .e-grouptext,
@@ -1174,7 +1174,7 @@
 }
 
 .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
-  font-size: 16px;
+  font-size: 14px;
 }
 
 .e-grid .e-row .e-icon-rowdragicon::before {
@@ -1266,8 +1266,8 @@
 
 .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper {
   width: 100%;
-  padding-left: 18px;
-  padding-right: 18px;
+  padding-left: 16px;
+  padding-right: 16px;
 }
 
 .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-search-icon {
@@ -1975,8 +1975,8 @@
 
 .e-grid .e-filtermenudiv {
   float: right;
-  margin: -17px -7px;
-  padding: 6px;
+  margin: -15px -7px;
+  padding: 4px;
   text-align: right;
 }
 
@@ -2067,7 +2067,7 @@
   position: absolute;
   right: 23px;
   float: right;
-  margin: -19px -27px -5px -19px;
+  margin: -19px -23px -23px 0;
   padding: 6px;
 }
 
@@ -2466,6 +2466,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 38px;
 }
 
@@ -2693,7 +2694,7 @@
 
 .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
   margin-top: 0;
-  padding: 0;
+  padding: 4px;
 }
 
 .e-grid .e-edit-dialog .e-dlg-content {
@@ -2861,7 +2862,7 @@
 .e-grid .e-ccdlg .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: right;
   opacity: .6;
-  padding: 0 5px;
+  padding: 5px 5px;
 }
 
 .e-grid .e-ccdlg .e-cc-searchdiv span.e-ccsearch-icon.e-cc-cancel {
@@ -2901,9 +2902,9 @@
 .e-grid .e-ccdlg .e-cc.e-input,
 .e-grid .e-ccdlg .e-cc.e-input:focus {
   border: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
   padding-left: 4px;
-  padding-top: 6px;
+  padding-top: 5px;
 }
 
 .e-grid .e-checkboxfiltertext {
@@ -3070,7 +3071,7 @@
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 2px 0.4em 0 1.8em;
+  padding: 0 0.4em 0 1.8em;
   text-align: right;
 }
 
@@ -3079,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 0 0 31px;
+  margin: 0 0 0 17px;
 }
 
 .e-grid.e-rtl .e-headercell .e-filterbarcell input,
@@ -4336,7 +4337,7 @@
 
 .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
-  color: #6b7280;
+  color: #4f46e5;
 }
 
 .e-grid .e-groupdroparea .e-icons {