@syncfusion/ej2-angular-grids 23.2.7 → 24.1.41

package/styles/grid/fluent-dark.css

@@ -319,6 +319,10 @@
 .e-grid-menu .e-icon-rowdragicon::before {
   content: "\e726";
 }
+.e-grid .e-responsivetoolbaritems-btn::before,
+.e-grid-menu .e-responsivetoolbaritems-btn::before {
+  content: "\e770";
+}
 .e-grid.e-rtl .e-icon-rowdragicon::before,
 .e-grid-menu.e-rtl .e-icon-rowdragicon::before {
   content: "\e726";
@@ -339,15 +343,43 @@
 .e-responsive-dialog .e-filterset::before {
   content: "\e7f7";
 }
-.e-responsive-dialog .e-search-icon::before {
+.e-responsive-dialog .e-search-icon::before, .e-responsive-dialog .e-ccdlg span.e-ccsearch-icon::before {
   content: "\e754";
 }
-.e-responsive-dialog .e-chkcancel-icon::before {
+.e-responsive-dialog .e-chkcancel-icon::before, .e-responsive-dialog .e-ccdlg span.e-cc-cancel::before {
   content: "\e7e7";
 }
 .e-responsive-dialog .e-icon-filter-clear::before {
   content: "\e72c";
 }
+.e-responsive-dialog .e-resfilter-icon.e-icons::before {
+  content: "\e7f7";
+}
+.e-responsive-dialog .e-resascending-icon.e-icons::before {
+  content: "\e7df";
+}
+.e-responsive-dialog .e-resdescending-icon.e-icons::before {
+  content: "\e7d8";
+}
+.e-responsive-dialog .e-resgroup-icon.e-icons::before {
+  content: "\e724";
+}
+.e-responsive-dialog .e-resungroup-icon.e-icons::before {
+  content: "\e724";
+}
+
+.e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-print::before {
+  content: "\e75d";
+}
+.e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-pdfexport::before {
+  content: "\e700";
+}
+.e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-excelexport::before {
+  content: "\e7c1";
+}
+.e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-csvexport::before {
+  content: "\e7ba";
+}
 
 .e-row-responsive-filter .e-dlg-closeicon-btn .e-icon-dlg-close::before {
   content: "\e773";
@@ -454,6 +486,10 @@
   height: 44px;
   padding: 0 12px 0;
 }
+.e-bigger .e-grid.e-grid-autofit .e-headercell,
+.e-grid.e-bigger.e-grid-autofit .e-headercell {
+  padding: 0 8px 0;
+}
 .e-bigger .e-grid .e-headercelldiv,
 .e-grid.e-bigger .e-headercelldiv {
   font-size: 16px;
@@ -480,7 +516,7 @@
 }
 .e-bigger .e-grid .e-icon-grightarrow,
 .e-grid.e-bigger .e-icon-grightarrow {
-  font-size: 22px;
+  font-size: 18px;
 }
 .e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
 .e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
@@ -807,7 +843,7 @@
 }
 .e-bigger .e-grid.e-device .e-groupheadercell,
 .e-grid.e-bigger.e-device .e-groupheadercell {
-  padding: 0;
+  padding: 3px 0 6px;
 }
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
@@ -1033,16 +1069,28 @@
   position: relative;
 }
 .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
 .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
 .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
 .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
 .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-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-fixedright-cursor,
 .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
 .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
 .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
 .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
 .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
   cursor: move;
   height: 100%;
@@ -1051,18 +1099,30 @@
   width: 4px;
 }
 .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
 .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-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-rowcell .e-frozen-fixedright-cursor,
 .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-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-rowcell .e-frozen-fixedleft-cursor,
 .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-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-rowcell .e-frozen-fixedleft-cursor,
 .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
 .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
   left: 0;
 }
@@ -1194,6 +1254,18 @@
 .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder {
   box-shadow: 0 2px 0 0 #0078d4;
 }
+.e-grid .e-gridcontent .e-rowcell.e-dragtop, .e-grid .e-gridcontent .e-rowdragdrop.e-dragtop, .e-grid .e-gridcontent .e-rowcell.e-dragtop.e-dragright, .e-grid .e-gridheader .e-rowcell.e-dragtop, .e-grid .e-gridheader .e-rowdragdrop.e-dragtop, .e-grid .e-gridheader .e-rowcell.e-dragtop.e-dragright, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragtop, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragtop, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragtop.e-dragright, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragtop, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragtop, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragtop.e-dragright {
+  border-top: 1px dashed #0078d4;
+}
+.e-grid .e-gridcontent .e-rowdragdrop.e-dragtop.e-dragleft, .e-grid .e-gridcontent .e-rowdragdrop.e-dragleft, .e-grid .e-gridcontent .e-rowdragdrop.e-dragbottom.e-dragleft, .e-grid .e-gridheader .e-rowdragdrop.e-dragtop.e-dragleft, .e-grid .e-gridheader .e-rowdragdrop.e-dragleft, .e-grid .e-gridheader .e-rowdragdrop.e-dragbottom.e-dragleft, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragtop.e-dragleft, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragleft, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragbottom.e-dragleft, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragtop.e-dragleft, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragleft, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragbottom.e-dragleft {
+  border-left: 1px dashed #0078d4;
+}
+.e-grid .e-gridcontent .e-rowcell.e-dragright, .e-grid .e-gridheader .e-rowcell.e-dragright, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragright, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragright {
+  border-right: 1px dashed #0078d4;
+}
+.e-grid .e-gridcontent .e-rowcell.e-dragbottom, .e-grid .e-gridcontent .e-rowcell.e-lastrowcell.e-dragbottom, .e-grid .e-gridcontent .e-rowcell.e-dragtop.e-dragbottom, .e-grid .e-gridcontent .e-rowdragdrop.e-dragbottom, .e-grid .e-gridheader .e-rowcell.e-dragbottom, .e-grid .e-gridheader .e-rowcell.e-lastrowcell.e-dragbottom, .e-grid .e-gridheader .e-rowcell.e-dragtop.e-dragbottom, .e-grid .e-gridheader .e-rowdragdrop.e-dragbottom, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragbottom, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-lastrowcell.e-dragbottom, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragtop.e-dragbottom, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragbottom, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragbottom, .e-grid.e-rtl .e-gridheader .e-rowcell.e-lastrowcell.e-dragbottom, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragtop.e-dragbottom, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragbottom {
+  border-bottom: 1px dashed #0078d4;
+}
 .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
   position: relative;
 }
@@ -1288,6 +1360,9 @@
 .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-input-group::before, .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-input-group::after {
   background: none;
 }
+.e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right:not(.e-responsive-right) .e-search-wrapper:not(.e-responsive-right) {
+  width: 40px;
+}
 .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper {
   width: 100%;
   padding-left: 18px;
@@ -1295,7 +1370,7 @@
 }
 .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-search-icon {
   font-size: 18px;
-  margin-top: 6px;
+  margin-top: 0;
 }
 .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-input-group {
   border: 0;
@@ -1314,6 +1389,9 @@
 .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
   padding-left: 0;
 }
+.e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover {
+  background: none;
+}
 .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
   margin: 0;
 }
@@ -1907,6 +1985,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding-left: 5px;
   margin-bottom: -6px;
@@ -2129,6 +2218,13 @@
   min-height: 160px;
   overflow-y: auto;
 }
+.e-grid .e-checkboxlist.e-checkbox-infinitescroll {
+  border-top-style: solid;
+  border-top-color: rgba(210, 208, 206, 0.12);
+  border-top-width: 1px;
+  margin-top: 0;
+  overflow-x: hidden;
+}
 .e-grid .e-checkfltrnmdiv {
   height: 60px;
   padding: 23px;
@@ -3426,10 +3522,16 @@
   position: relative;
 }
 .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
 .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
 .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
 .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
 .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
 .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
   cursor: move;
   height: 100%;
@@ -3438,12 +3540,18 @@
   width: 4px;
 }
 .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
 .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-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-rowcell .e-frozen-fixedleft-cursor,
 .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
 .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
   left: 0;
 }
@@ -3579,6 +3687,12 @@
 .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder, .e-grid.sf-grid.e-default.e-verticallines .e-headercell.e-leftfreeze.e-freezeleftborder {
+  border-right-width: 2px;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell.e-rightfreeze.e-freezerightborder, .e-grid.sf-grid.e-default.e-verticallines .e-headercell.e-rightfreeze.e-freezerightborder {
+  border-left-width: 2px;
+}
 .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
@@ -3757,7 +3871,7 @@
 }
 
 .e-bigger .e-edit-dialog.e-dlg-modal .e-dlg-header-content {
-  padding: 13px 20px 27px 28px;
+  padding: 16px;
 }
 .e-bigger .e-edit-dialog.e-dlg-modal .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   bottom: 4px;
@@ -3773,6 +3887,7 @@
 .e-bigger .e-grid.sf-grid.e-row-responsive .e-gridcontent td::before,
 .e-bigger .e-grid.sf-grid.e-row-responsive .e-summarycontent td::before {
   overflow: hidden;
+  bottom: 0;
 }
 
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
@@ -3913,6 +4028,105 @@
 .e-bigger.e-responsive-dialog .e-btn.e-ripple {
   overflow: initial;
 }
+.e-bigger .e-responsive-dialog .columnmenudiv,
+.e-bigger.e-responsive-dialog .columnmenudiv {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
+.e-bigger .e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
+.e-bigger .e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
+.e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
+.e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
+.e-bigger .e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon,
+.e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
+.e-bigger.e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
+.e-bigger.e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
+.e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
+.e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
+.e-bigger.e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon {
+  margin-top: 4px;
+  position: absolute;
+}
+.e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
+.e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
+  margin-left: 33px !important;
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv {
+  /* stylelint-disable */
+  /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog {
+  left: 0 !important;
+  max-height: 100% !important;
+  width: 100% !important;
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist {
+  padding: 13px 0 13px 6px;
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc {
+  height: 100%;
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv {
+  height: 90% !important;
+  min-height: 160px;
+  overflow-y: auto !important;
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content {
+  padding: 8px 16px 8px 8px;
+  overflow-y: hidden;
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele {
+  margin: 13px 0;
+  padding: 0;
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden {
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+  height: 1px;
+  opacity: 0;
+  width: 1px;
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv {
+  height: 90% !important;
+  min-height: 160px;
+  overflow-y: auto !important;
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox {
+  padding-left: 8px;
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover {
+  background: none;
+}
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-search-icon,
+.e-bigger .e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-search-icon,
+.e-bigger.e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon {
+  font-size: 20px;
+}
 .e-bigger .e-responsive-dialog .e-dlg-header-content,
 .e-bigger.e-responsive-dialog .e-dlg-header-content {
   background: #1b1a19;
@@ -3965,14 +4179,14 @@
 }
 .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 {
-  padding-top: 2px;
+  padding-top: 3px;
   width: 100%;
   font-weight: 500;
 }
 .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: #0078d4;
-  margin-top: 0;
+  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,
@@ -3984,7 +4198,7 @@
   color: #0078d4;
   font-size: 16px;
   font-weight: 500;
-  padding-top: 4px;
+  padding-top: 6px;
 }
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
@@ -3993,7 +4207,7 @@
   padding: 0;
   padding-left: 20px;
   padding-right: 0;
-  padding-top: 4px;
+  padding-top: 5px;
   padding-bottom: 3px;
 }
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn:disabled,
@@ -4024,8 +4238,11 @@
   padding-top: 0;
 }
 .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
-.e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
+.e-bigger .e-responsive-dialog .e-dlg-content .e-ccnmdiv,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-ccnmdiv {
   text-align: center;
+  padding-top: 40px;
 }
 .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
@@ -4055,6 +4272,10 @@
 .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
   padding-left: 9px;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-ccdlg,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-ccdlg {
+  border: transparent;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
   border: transparent;
@@ -4121,10 +4342,13 @@
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
   padding-left: 10px;
 }
-.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:focus, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:active, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:hover,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
-.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:focus,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:active,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:hover {
   background: none;
 }
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -4200,6 +4424,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;
+  padding-top: 3px;
 }
 
 .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
@@ -4218,7 +4443,17 @@
 .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
   float: left;
 }
+.e-bigger .e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
+.e-bigger.e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
+  margin-right: 33px;
+}
 
+/* stylelint-disable */
+.e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-item.e-focused {
+  background-color: transparent !important;
+}
+
+/* stylelint-enable */
 /* stylelint-disable */
 .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
 .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
@@ -4489,9 +4724,9 @@
 .e-grid .e-xlsel-bottom-border {
   border-bottom-color: #292827;
 }
-.e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
-.e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
-.e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
+.e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
+.e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
+.e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active) {
   background-color: #1b1a19;
 }
 .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
@@ -4740,10 +4975,15 @@
   border-right: 0 #292827 solid;
 }
 .e-grid .e-ftrchk.e-chkfocus,
+.e-grid .e-menu-item.e-menufocus,
 .e-grid li.e-cclist.e-colfocus {
   background-color: #252423;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #252423;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fed9cc;