@syncfusion/ej2-angular-grids 20.2.36-ngcc → 20.2.36

package/styles/grid/bootstrap5-dark.css

@@ -927,8 +927,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid span.e-groupsort.e-icons,
-.e-grid.e-bigger span.e-groupsort.e-icons {
+.e-bigger .e-grid .e-groupsort,
+.e-grid.e-bigger .e-groupsort {
   margin-right: 0;
   margin-top: 1px;
 }
@@ -2853,7 +2853,7 @@
   margin-right: -10px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: 0;
+  margin-left: -2px;
   margin-right: -12px;
   padding-top: 0;
 }

package/styles/grid/bootstrap5-dark.scss

@@ -1 +1,20 @@
-@import 'ej2-grids/styles/grid/bootstrap5-dark.scss';
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-navigations/styles/pager/bootstrap5-dark-definition.scss';
+@import '../excel-filter/bootstrap5-dark-definition.scss';
+@import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
+@import 'ej2-popups/styles/dialog/bootstrap5-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
+@import 'ej2-popups/styles/tooltip/bootstrap5-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap5-dark-definition.scss';
+@import 'ej2-navigations/styles/toolbar/bootstrap5-dark-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'icons/bootstrap5-dark.scss';
+@import 'all.scss';

package/styles/grid/bootstrap5.css

@@ -927,8 +927,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid span.e-groupsort.e-icons,
-.e-grid.e-bigger span.e-groupsort.e-icons {
+.e-bigger .e-grid .e-groupsort,
+.e-grid.e-bigger .e-groupsort {
   margin-right: 0;
   margin-top: 1px;
 }
@@ -2853,7 +2853,7 @@
   margin-right: -10px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: 0;
+  margin-left: -2px;
   margin-right: -12px;
   padding-top: 0;
 }

package/styles/grid/bootstrap5.scss

@@ -1 +1,20 @@
-@import 'ej2-grids/styles/grid/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-navigations/styles/pager/bootstrap5-definition.scss';
+@import '../excel-filter/bootstrap5-definition.scss';
+@import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/dialog/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
+@import 'ej2-navigations/styles/toolbar/bootstrap5-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/grid/fabric-dark.css

@@ -842,8 +842,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid span.e-groupsort.e-icons,
-.e-grid.e-bigger span.e-groupsort.e-icons {
+.e-bigger .e-grid .e-groupsort,
+.e-grid.e-bigger .e-groupsort {
   margin-right: 10px;
   margin-top: 0;
 }

package/styles/grid/fabric-dark.scss

@@ -1 +1,20 @@
-@import 'ej2-grids/styles/grid/fabric-dark.scss';
+@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-navigations/styles/pager/fabric-dark-definition.scss';
+@import '../excel-filter/fabric-dark-definition.scss';
+@import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fabric-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/dialog/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fabric-dark-definition.scss';
+@import 'ej2-navigations/styles/toolbar/fabric-dark-definition.scss';
+@import 'ej2-navigations/styles/context-menu/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'icons/fabric-dark.scss';
+@import 'all.scss';

package/styles/grid/fabric.css

@@ -835,8 +835,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid span.e-groupsort.e-icons,
-.e-grid.e-bigger span.e-groupsort.e-icons {
+.e-bigger .e-grid .e-groupsort,
+.e-grid.e-bigger .e-groupsort {
   margin-right: 10px;
   margin-top: 0;
 }

package/styles/grid/fabric.scss

@@ -1 +1,20 @@
-@import 'ej2-grids/styles/grid/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-navigations/styles/pager/fabric-definition.scss';
+@import '../excel-filter/fabric-definition.scss';
+@import 'ej2-inputs/styles/input/fabric-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
+@import 'ej2-buttons/styles/button/fabric-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
+@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fabric-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
+@import 'ej2-popups/styles/dialog/fabric-definition.scss';
+@import 'ej2-popups/styles/spinner/fabric-definition.scss';
+@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fabric-definition.scss';
+@import 'ej2-navigations/styles/toolbar/fabric-definition.scss';
+@import 'ej2-navigations/styles/context-menu/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'icons/fabric.scss';
+@import 'all.scss';

package/styles/grid/fluent-dark.css

@@ -913,27 +913,19 @@
 .e-grid.e-bigger span.e-ungroupbutton,
 .e-grid.e-bigger .e-toggleungroup {
   margin-left: -8px;
-  margin-top: -4px;
+  margin-top: -14px;
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
   font-size: 16px;
-  margin-left: 0;
-  margin-top: -4px;
-  margin-right: 4px;
-  padding: 0 4px;
+  margin-left: -18px;
+  margin-top: -12px;
+  margin-right: 8px;
 }
-.e-bigger .e-grid span.e-groupsort.e-icons,
-.e-grid.e-bigger span.e-groupsort.e-icons {
+.e-bigger .e-grid .e-groupsort,
+.e-grid.e-bigger .e-groupsort {
   margin-right: 0;
-  margin-top: -4px;
-  margin-left: 0;
-  padding: 0 4px;
-}
-.e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
-.e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
-  margin-top: 0;
-  padding: 0 4px;
+  margin-top: -14px;
 }
 .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,
@@ -943,11 +935,11 @@
 }
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -9px;
-  margin-right: -6px;
-  margin-top: -4px;
+  margin-left: -13px;
+  margin-right: -20px;
+  margin-top: -6px;
   padding-top: 4px;
-  padding-left: 8px;
+  padding-left: 12px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -2291,11 +2283,11 @@
 }
 .e-grid .e-groupsort {
   margin-right: 0;
-  margin-top: -3px;
+  margin-top: -4px;
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 1px;
+  margin-top: 0;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -2870,7 +2862,7 @@
   margin-right: -8px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: 0;
+  margin-left: -2px;
   margin-right: -14px;
   padding-top: 4px;
 }
@@ -3169,7 +3161,7 @@
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
-  padding: 11.5px 4px 14px 4px;
+  padding: 9.5px 4px 14px 12px;
 }
 
 .e-grid-min-height .e-rowcell {

package/styles/grid/fluent-dark.scss

@@ -1 +1,20 @@
-@import 'ej2-grids/styles/grid/fluent-dark.scss';
+@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-navigations/styles/pager/fluent-dark-definition.scss';
+@import '../excel-filter/fluent-dark-definition.scss';
+@import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fluent-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/dialog/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fluent-dark-definition.scss';
+@import 'ej2-navigations/styles/toolbar/fluent-dark-definition.scss';
+@import 'ej2-navigations/styles/context-menu/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'icons/fluent-dark.scss';
+@import 'all.scss';

package/styles/grid/fluent.css

@@ -913,27 +913,19 @@
 .e-grid.e-bigger span.e-ungroupbutton,
 .e-grid.e-bigger .e-toggleungroup {
   margin-left: -8px;
-  margin-top: -4px;
+  margin-top: -14px;
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
   font-size: 16px;
-  margin-left: 0;
-  margin-top: -4px;
-  margin-right: 4px;
-  padding: 0 4px;
+  margin-left: -18px;
+  margin-top: -12px;
+  margin-right: 8px;
 }
-.e-bigger .e-grid span.e-groupsort.e-icons,
-.e-grid.e-bigger span.e-groupsort.e-icons {
+.e-bigger .e-grid .e-groupsort,
+.e-grid.e-bigger .e-groupsort {
   margin-right: 0;
-  margin-top: -4px;
-  margin-left: 0;
-  padding: 0 4px;
-}
-.e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
-.e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
-  margin-top: 0;
-  padding: 0 4px;
+  margin-top: -14px;
 }
 .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,
@@ -943,11 +935,11 @@
 }
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -9px;
-  margin-right: -6px;
-  margin-top: -4px;
+  margin-left: -13px;
+  margin-right: -20px;
+  margin-top: -6px;
   padding-top: 4px;
-  padding-left: 8px;
+  padding-left: 12px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -2291,11 +2283,11 @@
 }
 .e-grid .e-groupsort {
   margin-right: 0;
-  margin-top: -3px;
+  margin-top: -4px;
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 1px;
+  margin-top: 0;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -2870,7 +2862,7 @@
   margin-right: -8px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: 0;
+  margin-left: -2px;
   margin-right: -14px;
   padding-top: 4px;
 }
@@ -3169,7 +3161,7 @@
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
-  padding: 11.5px 4px 14px 4px;
+  padding: 9.5px 4px 14px 12px;
 }
 
 .e-grid-min-height .e-rowcell {

package/styles/grid/fluent.scss

@@ -1 +1,20 @@
-@import 'ej2-grids/styles/grid/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-navigations/styles/pager/fluent-definition.scss';
+@import '../excel-filter/fluent-definition.scss';
+@import 'ej2-inputs/styles/input/fluent-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
+@import 'ej2-buttons/styles/button/fluent-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
+@import 'ej2-buttons/styles/check-box/fluent-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fluent-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
+@import 'ej2-popups/styles/dialog/fluent-definition.scss';
+@import 'ej2-popups/styles/spinner/fluent-definition.scss';
+@import 'ej2-popups/styles/tooltip/fluent-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fluent-definition.scss';
+@import 'ej2-navigations/styles/toolbar/fluent-definition.scss';
+@import 'ej2-navigations/styles/context-menu/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'icons/fluent.scss';
+@import 'all.scss';

package/styles/grid/highcontrast-light.css

@@ -839,8 +839,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid span.e-groupsort.e-icons,
-.e-grid.e-bigger span.e-groupsort.e-icons {
+.e-bigger .e-grid .e-groupsort,
+.e-grid.e-bigger .e-groupsort {
   margin-right: 10px;
   margin-top: 0;
 }

package/styles/grid/highcontrast-light.scss

@@ -1 +1,20 @@
-@import 'ej2-grids/styles/grid/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-navigations/styles/pager/highcontrast-light-definition.scss';
+@import '../excel-filter/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-light-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/dialog/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/highcontrast-light-definition.scss';
+@import 'ej2-navigations/styles/toolbar/highcontrast-light-definition.scss';
+@import 'ej2-navigations/styles/context-menu/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'icons/highcontrast-light.scss';
+@import 'all.scss';

package/styles/grid/highcontrast.css

@@ -839,8 +839,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid span.e-groupsort.e-icons,
-.e-grid.e-bigger span.e-groupsort.e-icons {
+.e-bigger .e-grid .e-groupsort,
+.e-grid.e-bigger .e-groupsort {
   margin-right: 10px;
   margin-top: 0;
 }

package/styles/grid/highcontrast.scss

@@ -1 +1,20 @@
-@import 'ej2-grids/styles/grid/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-navigations/styles/pager/highcontrast-definition.scss';
+@import '../excel-filter/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/input/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
+@import 'ej2-popups/styles/dialog/highcontrast-definition.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
+@import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/highcontrast-definition.scss';
+@import 'ej2-navigations/styles/toolbar/highcontrast-definition.scss';
+@import 'ej2-navigations/styles/context-menu/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'icons/highcontrast.scss';
+@import 'all.scss';

package/styles/grid/icons/_bootstrap-dark.scss

@@ -0,0 +1,225 @@
+@include export-module('grid-bootstrap-dark-icons') {
+  /*! component icons */
+
+  .e-icon-check::before {
+    content:  '\e7ff';
+  }
+
+  #{&}.e-grid,
+  .e-grid-menu {
+
+    .e-group-animate .e-drag.e-icon-drag::before {
+      content: '\e330';
+    }
+
+    .e-group-animate .e-nextgroup.e-icon-next::before {
+      content: '\e219';
+    }
+
+    .e-icon-ascending::before {
+      content: '\e234';
+    }
+
+    .e-icon-descending::before {
+      content: '\e239';
+    }
+
+    .e-icon-hide::before {
+      content: '\e825';
+    }
+
+    .e-ungroupbutton.e-icon-hide::before {
+      content: '\e842';
+    }
+
+    .e-icon-rowselect::before {
+      content: '\e930';
+    }
+
+    .e-icon-sortdirect::before {
+      content: '\e890';
+    }
+
+    .e-icon-gdownarrow::before {
+      content: '\e853';
+    }
+
+    .e-icon-grightarrow::before {
+      content: '\e826';
+    }
+
+    .e-icon-filter::before,
+    .e-icon-filter.e-filtered::before {
+      content: '\e946';
+    }
+
+    .e-resfilter-icon::before {
+      content: '\e946';
+    }
+
+    .e-ressort-icon::before {
+      content: '\e612';
+    }
+
+    .e-excl-filter-icon::before {
+      content: '\e249';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e246';
+    }
+
+    &.e-rtl {
+      .e-icon-grightarrow::before {
+        content: '\e98f';
+      }
+    }
+
+    .e-icon-group::before {
+      content: '\e926';
+    }
+
+    .e-icon-ungroup::before {
+      content: '\e926';
+    }
+
+    .e-icon-reorderuparrow::before {
+      content: '\e918';
+    }
+
+    .e-icon-reorderdownarrow::before {
+      content: '\e919';
+    }
+
+    .e-print::before {
+      content: '\e34b';
+    }
+
+    .e-add::before {
+      content: '\e7f9';
+    }
+
+    .e-resback-icon::before {
+      content: '\e94b';
+    }
+
+    .e-wordexport::before {
+      content: '\e7b0';
+    }
+
+    .e-pdfexport::before {
+      content: '\e240';
+    }
+
+    .e-csvexport::before {
+      content: '\e241';
+    }
+
+    .e-excelexport::before {
+      content: '\e242';
+    }
+
+    .e-edit::before {
+      content: '\e81e';
+    }
+
+    .e-columnmenu::before,
+    .e-columnmenu.e-filtered::before {
+      content: '\e984';
+    }
+
+    .e-delete::before {
+      content: '\e84e';
+    }
+
+    .e-cancel::before {
+      content: '\e842';
+    }
+
+    .e-copy::before {
+      content: '\e70a';
+    }
+
+    .e-save::before {
+      content: '\e964';
+    }
+
+    .e-update::before {
+      content: '\e735';
+    }
+
+    .e-search-icon::before {
+      content: '\e961';
+    }
+
+    .e-cancel-icon::before {
+      content: '\e825';
+    }
+
+    .e-columnchooserdiv::before {
+      content: '\e714';
+    }
+
+    .e-ccsearch-icon::before {
+      content: '\e961';
+    }
+
+    .e-columnchooser::before {
+      content: '\e21e';
+    }
+
+    .e-columnchooser-btn::before {
+      content: '\e969';
+    }
+
+    .e-cc-icon::before {
+      content: '\e82e';
+    }
+
+    .e-icon-rowdragicon::before {
+      content: '\e330';
+    }
+
+    &.e-rtl {
+      .e-icon-rowdragicon::before {
+        content: '\e330';
+       }
+    }
+
+    .e-ccsearch-icon.e-cc-cancel::before,
+    .e-chkcancel-icon::before,
+    .e-input-group .e-clear-icon::before {
+      content: '\e7a7';
+    }
+   }
+  }
+
+.e-responsive-dialog {
+  & .e-resfilterback::before {
+    content: '\e94b';
+  }
+
+  & .e-filterset::before {
+    content: '\e946';
+  }
+
+  & .e-search-icon::before {
+    content: '\e961';
+  }
+
+  & .e-chkcancel-icon::before {
+    content: '\e7a7';
+  }
+
+  & .e-icon-filter-clear::before {
+    content: '\e246';
+  }
+}
+
+.e-row-responsive-filter {
+  & .e-dlg-closeicon-btn {
+    & .e-icon-dlg-close::before {
+      content: '\e94b';
+    }
+  }
+}