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

package/styles/grid/fluent-dark.css

@@ -790,10 +790,6 @@
   padding: 6px 0;
   font-size: 16px;
 }
-.e-bigger .e-grid.e-device .e-groupheadercell,
-.e-grid.e-bigger.e-device .e-groupheadercell {
-  padding: 0;
-}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 6px 0;
@@ -852,7 +848,6 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
-  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -931,10 +926,6 @@
   margin-right: 4px;
   padding: 0 4px;
 }
-.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
-.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
-  margin-top: 0;
-}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
@@ -942,10 +933,6 @@
   margin-left: 0;
   padding: 0 4px;
 }
-.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
-.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
-  margin-top: 0;
-}
 .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;
@@ -1921,8 +1908,6 @@
   border-top-style: solid;
   border-top-width: 1px;
   padding: 0.3em;
-  font-weight: normal;
-  text-align: left;
 }
 .e-grid th.e-detailcell .e-rowcell,
 .e-grid th.e-detailcell .e-gridpager {
@@ -2917,7 +2902,6 @@
 .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
   border-right-style: solid;
   border-right-width: 1px;
-  text-align: right;
 }
 .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: left;
@@ -3268,10 +3252,6 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 11.5px 4px 14px 4px;
 }
-.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
-.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
-  padding: 0 8px;
-}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,
@@ -3442,17 +3422,8 @@
   position: absolute;
   top: 6px;
   white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
   width: 45%;
 }
-.e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
-.e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
-.e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
-  line-height: 21px;
-  white-space: normal;
-  word-wrap: break-word;
-}
 .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {

package/styles/grid/fluent-dark.scss

@@ -1 +1,21 @@
-@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 'ej2-notifications/styles/skeleton/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'icons/fluent-dark.scss';
+@import 'all.scss';

package/styles/grid/fluent.css

@@ -790,10 +790,6 @@
   padding: 6px 0;
   font-size: 16px;
 }
-.e-bigger .e-grid.e-device .e-groupheadercell,
-.e-grid.e-bigger.e-device .e-groupheadercell {
-  padding: 0;
-}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 6px 0;
@@ -852,7 +848,6 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
-  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -931,10 +926,6 @@
   margin-right: 4px;
   padding: 0 4px;
 }
-.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
-.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
-  margin-top: 0;
-}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
@@ -942,10 +933,6 @@
   margin-left: 0;
   padding: 0 4px;
 }
-.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
-.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
-  margin-top: 0;
-}
 .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;
@@ -1921,8 +1908,6 @@
   border-top-style: solid;
   border-top-width: 1px;
   padding: 0.3em;
-  font-weight: normal;
-  text-align: left;
 }
 .e-grid th.e-detailcell .e-rowcell,
 .e-grid th.e-detailcell .e-gridpager {
@@ -2917,7 +2902,6 @@
 .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
   border-right-style: solid;
   border-right-width: 1px;
-  text-align: right;
 }
 .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: left;
@@ -3268,10 +3252,6 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 11.5px 4px 14px 4px;
 }
-.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
-.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
-  padding: 0 8px;
-}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,
@@ -3442,17 +3422,8 @@
   position: absolute;
   top: 6px;
   white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
   width: 45%;
 }
-.e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
-.e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
-.e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
-  line-height: 21px;
-  white-space: normal;
-  word-wrap: break-word;
-}
 .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {

package/styles/grid/fluent.scss

@@ -1 +1,21 @@
-@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 'ej2-notifications/styles/skeleton/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'icons/fluent.scss';
+@import 'all.scss';

package/styles/grid/highcontrast-light.css

@@ -711,10 +711,6 @@
   padding: 1px 10px;
   font-size: 14px;
 }
-.e-bigger .e-grid.e-device .e-groupheadercell,
-.e-grid.e-bigger.e-device .e-groupheadercell {
-  padding: 1px 10px;
-}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 9px;
@@ -773,7 +769,6 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
-  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -851,19 +846,11 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
-.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
-  margin-top: 1px;
-}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }
-.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
-.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
-  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 {
@@ -1827,8 +1814,6 @@
   border-top-style: solid;
   border-top-width: 1px;
   padding: 0.3em;
-  font-weight: normal;
-  text-align: left;
 }
 .e-grid th.e-detailcell .e-rowcell,
 .e-grid th.e-detailcell .e-gridpager {
@@ -2818,7 +2803,6 @@
 .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
   border-right-style: solid;
   border-right-width: 1px;
-  text-align: right;
 }
 .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: left;
@@ -3161,10 +3145,6 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
-.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
-.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
-  padding: 0;
-}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,
@@ -3314,17 +3294,8 @@
   position: absolute;
   top: 6px;
   white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
   width: 45%;
 }
-.e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
-.e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
-.e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
-  line-height: 18px;
-  white-space: normal;
-  word-wrap: break-word;
-}
 .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {

package/styles/grid/highcontrast-light.scss

@@ -1 +1,21 @@
-@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 'ej2-notifications/styles/skeleton/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'icons/highcontrast-light.scss';
+@import 'all.scss';

package/styles/grid/highcontrast.css

@@ -711,10 +711,6 @@
   padding: 1px 10px;
   font-size: 14px;
 }
-.e-bigger .e-grid.e-device .e-groupheadercell,
-.e-grid.e-bigger.e-device .e-groupheadercell {
-  padding: 1px 10px;
-}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 9px;
@@ -773,7 +769,6 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
-  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -851,19 +846,11 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
-.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
-  margin-top: 1px;
-}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }
-.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
-.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
-  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 {
@@ -1827,8 +1814,6 @@
   border-top-style: solid;
   border-top-width: 1px;
   padding: 0.3em;
-  font-weight: normal;
-  text-align: left;
 }
 .e-grid th.e-detailcell .e-rowcell,
 .e-grid th.e-detailcell .e-gridpager {
@@ -2818,7 +2803,6 @@
 .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
   border-right-style: solid;
   border-right-width: 1px;
-  text-align: right;
 }
 .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: left;
@@ -3161,10 +3145,6 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
-.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
-.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
-  padding: 0;
-}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,
@@ -3314,17 +3294,8 @@
   position: absolute;
   top: 6px;
   white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
   width: 45%;
 }
-.e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
-.e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
-.e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
-  line-height: 18px;
-  white-space: normal;
-  word-wrap: break-word;
-}
 .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {

package/styles/grid/highcontrast.scss

@@ -1 +1,21 @@
-@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 'ej2-notifications/styles/skeleton/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'icons/highcontrast.scss';
+@import 'all.scss';

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

@@ -0,0 +1,226 @@
+@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';
+    }
+  }
+}