@syncfusion/ej2-angular-grids 21.2.10 → 22.1.34

package/styles/fluent-dark.css

@@ -1018,7 +1018,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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: -31px 18px -31px 0;
 }
 .e-bigger .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
 .e-grid.e-bigger .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
@@ -1087,7 +1087,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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: -33px -20px 0 -4px;
+  margin: -31px -20px 0 -4px;
 }
 .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,
@@ -1126,7 +1126,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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: 2px 0 0 -2px;
   margin: 2px 0 0 12px;
 }
 .e-bigger .e-grid .e-rowcell,
@@ -1198,7 +1197,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-bigger .e-columnmenu,
 .e-grid.e-bigger.e-bigger .e-columnmenu {
   bottom: 13px;
-  margin: -20px;
+  margin: -20.5px -21px -3px -19px;
+}
+.e-bigger .e-grid.e-device .e-columnmenu,
+.e-grid.e-bigger.e-device .e-columnmenu {
+  margin: -25px;
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
@@ -1275,7 +1278,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
-  line-height: 33px;
+  line-height: 28px;
   padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
@@ -1307,7 +1310,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-device .e-groupheadercell .e-ungroupbutton,
 .e-grid.e-bigger.e-device .e-groupheadercell .e-ungroupbutton {
-  line-height: 37px;
+  line-height: 28px;
 }
 .e-bigger .e-grid.e-device .e-normaledit .e-rowcell,
 .e-grid.e-bigger.e-device .e-normaledit .e-rowcell {
@@ -1351,9 +1354,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
   font-size: 16px;
   margin-left: 0;
+  padding-top: 0;
   margin-top: -4px;
   margin-right: 4px;
-  padding-top: 0;
   padding: 0 4px;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
@@ -1503,7 +1506,6 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
-
 .e-grid {
   border-radius: 1px;
   border-style: none solid solid;
@@ -1902,6 +1904,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2312,7 +2315,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   right: 23px;
   float: right;
-  margin: -19px -21px -3px -19px;
+  margin: -20px -21px -3px -19px;
   padding: 6px;
 }
 .e-grid.e-wrap .e-columnmenu {
@@ -2321,7 +2324,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
   right: auto;
-  margin: -20px -18px -1px -22px;
+  margin: -21px -18px -1px -22px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
   line-height: 10px;
@@ -2528,12 +2531,22 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 14px;
   padding: 4px;
 }
-.e-grid .e-lastsummarycell {
+.e-grid .e-footerpadding .e-lastsummarycell {
+  border-left: none;
   border-right: 1px solid;
 }
+.e-grid.e-rtl .e-footerpadding tr.e-summaryrow td.e-lastsummarycell:last-child {
+  border-right: none;
+  border-left: 1px solid #292827;
+}
 .e-grid .e-footerpadding {
+  padding-left: 0;
   padding-right: 14px;
 }
+.e-grid.e-rtl .e-footerpadding {
+  padding-left: 14px;
+  padding-right: 0;
+}
 .e-grid .e-gridpopup span {
   border: 1px solid transparent;
   cursor: pointer;
@@ -2649,6 +2662,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid td.e-active {
   font-weight: 400;
 }
+.e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
 .e-grid td.e-cellselectionbackground {
   font-weight: 400;
 }
@@ -2746,7 +2760,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   line-height: 26px;
 }
 .e-grid.e-device .e-groupheadercell .e-ungroupbutton {
-  line-height: 28px;
+  line-height: 26px;
+}
+.e-grid.e-device .e-groupheadercell .e-groupsort {
+  margin-top: 0;
 }
 .e-grid .e-groupheadercell .e-cancel {
   padding-right: 12px;
@@ -2758,14 +2775,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-ungroupbutton,
 .e-grid .e-toggleungroup {
   font-size: 12px;
-  margin-left: -8px;
+  margin-left: -6px;
 }
 .e-grid .e-groupsort {
   margin-right: 0;
   margin-top: -3px;
 }
 .e-grid span.e-ungroupbutton.e-icons {
-  margin-left: -13px;
+  margin-left: -11px;
   margin-top: -3px;
   padding-top: 8px;
   padding-right: 12px;
@@ -3351,11 +3368,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-groupsort, .e-grid.e-rtl .e-ungroupbutton, .e-grid.e-rtl .e-toggleungroup {
   margin-left: 0;
-  margin-right: -8px;
+  margin-right: -6px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
-  margin-right: -14px;
+  margin-right: -11px;
   padding-top: 8px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
@@ -3687,9 +3704,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid .e-ccdlg span.e-ccsearch-icon.e-cc-cancel {
   font-size: 14px;
 }
+.e-bigger .e-grid .e-columnmenu,
+.e-bigger.e-grid .e-columnmenu {
+  margin: -20.5px -21px -3px -19px;
+}
 .e-bigger .e-grid.e-rtl .e-columnmenu,
 .e-bigger.e-grid.e-rtl .e-columnmenu {
-  margin: -20px -18px -5px -22px;
+  margin: -21px -18px -5px -22px;
+}
+.e-bigger .e-grid.e-rtl.e-device .e-columnmenu,
+.e-bigger.e-grid.e-rtl.e-device .e-columnmenu {
+  margin: -25px -18px -5px -22px;
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
@@ -3870,7 +3895,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   top: 6px;
   white-space: nowrap;
   text-overflow: ellipsis;
-  overflow: hidden;
+  overflow: visible;
   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,
@@ -4024,9 +4049,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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: 2px;
   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 {
@@ -4338,6 +4363,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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-groupcaption.e-dragborder,
+.e-grid .e-gridcontent .e-summarycell.e-dragborder,
 .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader thead tr th.e-firstrowdragborder, .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 {
   box-shadow: 0 2px 0 0 #0078d4;
   position: relative;
@@ -4414,7 +4441,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-summaryrow .e-summarycell,
 .e-grid .e-summaryrow .e-templatecell,
 .e-grid .e-summarycontent .e-indentcell,
-.e-grid .e-indentcell.e-detailindentcelltop {
+.e-grid .e-indentcell.e-detailindentcelltop,
+.e-grid .e-groupfooterrow.e-summaryrow .e-indentcell.e-indentcelltop {
   background-color: #201f1e;
   border-color: #292827;
   color: #f3f2f1;

package/styles/fluent.css

@@ -1018,7 +1018,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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: -31px 18px -31px 0;
 }
 .e-bigger .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
 .e-grid.e-bigger .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
@@ -1087,7 +1087,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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: -33px -20px 0 -4px;
+  margin: -31px -20px 0 -4px;
 }
 .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,
@@ -1126,7 +1126,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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: 2px 0 0 -2px;
   margin: 2px 0 0 12px;
 }
 .e-bigger .e-grid .e-rowcell,
@@ -1198,7 +1197,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-bigger .e-columnmenu,
 .e-grid.e-bigger.e-bigger .e-columnmenu {
   bottom: 13px;
-  margin: -20px;
+  margin: -20.5px -21px -3px -19px;
+}
+.e-bigger .e-grid.e-device .e-columnmenu,
+.e-grid.e-bigger.e-device .e-columnmenu {
+  margin: -25px;
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
@@ -1275,7 +1278,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
-  line-height: 33px;
+  line-height: 28px;
   padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
@@ -1307,7 +1310,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-device .e-groupheadercell .e-ungroupbutton,
 .e-grid.e-bigger.e-device .e-groupheadercell .e-ungroupbutton {
-  line-height: 37px;
+  line-height: 28px;
 }
 .e-bigger .e-grid.e-device .e-normaledit .e-rowcell,
 .e-grid.e-bigger.e-device .e-normaledit .e-rowcell {
@@ -1351,9 +1354,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
   font-size: 16px;
   margin-left: 0;
+  padding-top: 0;
   margin-top: -4px;
   margin-right: 4px;
-  padding-top: 0;
   padding: 0 4px;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
@@ -1503,7 +1506,6 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
-
 .e-grid {
   border-radius: 1px;
   border-style: none solid solid;
@@ -1902,6 +1904,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2312,7 +2315,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   right: 23px;
   float: right;
-  margin: -19px -21px -3px -19px;
+  margin: -20px -21px -3px -19px;
   padding: 6px;
 }
 .e-grid.e-wrap .e-columnmenu {
@@ -2321,7 +2324,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
   right: auto;
-  margin: -20px -18px -1px -22px;
+  margin: -21px -18px -1px -22px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
   line-height: 10px;
@@ -2528,12 +2531,22 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 14px;
   padding: 4px;
 }
-.e-grid .e-lastsummarycell {
+.e-grid .e-footerpadding .e-lastsummarycell {
+  border-left: none;
   border-right: 1px solid;
 }
+.e-grid.e-rtl .e-footerpadding tr.e-summaryrow td.e-lastsummarycell:last-child {
+  border-right: none;
+  border-left: 1px solid #edebe9;
+}
 .e-grid .e-footerpadding {
+  padding-left: 0;
   padding-right: 14px;
 }
+.e-grid.e-rtl .e-footerpadding {
+  padding-left: 14px;
+  padding-right: 0;
+}
 .e-grid .e-gridpopup span {
   border: 1px solid transparent;
   cursor: pointer;
@@ -2649,6 +2662,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid td.e-active {
   font-weight: 400;
 }
+.e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
 .e-grid td.e-cellselectionbackground {
   font-weight: 400;
 }
@@ -2746,7 +2760,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   line-height: 26px;
 }
 .e-grid.e-device .e-groupheadercell .e-ungroupbutton {
-  line-height: 28px;
+  line-height: 26px;
+}
+.e-grid.e-device .e-groupheadercell .e-groupsort {
+  margin-top: 0;
 }
 .e-grid .e-groupheadercell .e-cancel {
   padding-right: 12px;
@@ -2758,14 +2775,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-ungroupbutton,
 .e-grid .e-toggleungroup {
   font-size: 12px;
-  margin-left: -8px;
+  margin-left: -6px;
 }
 .e-grid .e-groupsort {
   margin-right: 0;
   margin-top: -3px;
 }
 .e-grid span.e-ungroupbutton.e-icons {
-  margin-left: -13px;
+  margin-left: -11px;
   margin-top: -3px;
   padding-top: 8px;
   padding-right: 12px;
@@ -3351,11 +3368,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-groupsort, .e-grid.e-rtl .e-ungroupbutton, .e-grid.e-rtl .e-toggleungroup {
   margin-left: 0;
-  margin-right: -8px;
+  margin-right: -6px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
-  margin-right: -14px;
+  margin-right: -11px;
   padding-top: 8px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
@@ -3687,9 +3704,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid .e-ccdlg span.e-ccsearch-icon.e-cc-cancel {
   font-size: 14px;
 }
+.e-bigger .e-grid .e-columnmenu,
+.e-bigger.e-grid .e-columnmenu {
+  margin: -20.5px -21px -3px -19px;
+}
 .e-bigger .e-grid.e-rtl .e-columnmenu,
 .e-bigger.e-grid.e-rtl .e-columnmenu {
-  margin: -20px -18px -5px -22px;
+  margin: -21px -18px -5px -22px;
+}
+.e-bigger .e-grid.e-rtl.e-device .e-columnmenu,
+.e-bigger.e-grid.e-rtl.e-device .e-columnmenu {
+  margin: -25px -18px -5px -22px;
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
@@ -3870,7 +3895,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   top: 6px;
   white-space: nowrap;
   text-overflow: ellipsis;
-  overflow: hidden;
+  overflow: visible;
   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,
@@ -4024,9 +4049,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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: 2px;
   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 {
@@ -4338,6 +4363,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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-groupcaption.e-dragborder,
+.e-grid .e-gridcontent .e-summarycell.e-dragborder,
 .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader thead tr th.e-firstrowdragborder, .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 {
   box-shadow: 0 2px 0 0 #0078d4;
   position: relative;
@@ -4414,7 +4441,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-summaryrow .e-summarycell,
 .e-grid .e-summaryrow .e-templatecell,
 .e-grid .e-summarycontent .e-indentcell,
-.e-grid .e-indentcell.e-detailindentcelltop {
+.e-grid .e-indentcell.e-detailindentcelltop,
+.e-grid .e-groupfooterrow.e-summaryrow .e-indentcell.e-indentcelltop {
   background-color: #faf9f8;
   border-color: #edebe9;
   color: #201f1e;

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

@@ -91,7 +91,8 @@ $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 10px !default;
-$grid-rtl-bigger-rightalign-sortnumber-margin: 8px 0 0 4px !default;
+$grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 10px !default;
+$grid-rtl-bigger-rightalign-sortnumber-margin: 6px 0 0 10px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-group-text-margin-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
@@ -112,7 +113,7 @@ $grid-bigger-group-text-line-height: 32px !default;
 $grid-bigger-groupcaption-line-height: 32px !default;
 $grid-bigger-rtl-group-headercell-margin: 3px 8px 0 0 !default;
 $grid-bigger-rtl-group-headercell-padding: 9px 0 4px 0 !default;
-$grid-bigger-rtl-ungroup-icon-margin-right: -10px !default;
+$grid-bigger-rtl-ungroup-icon-margin-right: -8px !default;
 $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
 $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
 $grid-bigger-textwrap-sorticon-margin: -9px 10px !default;
@@ -131,6 +132,8 @@ $grid-device-filterbarcell-padding: $grid-content-padding 12px !default;
 $grid-device-filterbarcell-firstchild-padding: $grid-content-padding 12px $grid-content-padding 16px !default;
 $grid-device-filterbarcell-lastchild-padding: $grid-content-padding 16px $grid-content-padding 12px !default;
 $grid-device-gridheader-row-span-padding: 20px !default;
+$grid-touch-device-hdrcell-span-line-height: 26px !default;
+$grid-touch-device-hdrcell-ungroup-line-height: 23px !default;
 $grid-edit-input-bigger-padding-bottom: 0 !default;
 $grid-edit-input-bigger-padding-top: 0 !default;
 $grid-edit-input-bigger-device-padding-bottom: 0 !default;
@@ -189,6 +192,7 @@ $grid-content-right-padding: 8px !default;
 $grid-first-last-rowcell-padding: 8px !default;
 $grid-toolbar-search-margin-bottom: 0 !default;
 $grid-toolbar-search-width: 230px !default;
+$grid-bigger-toolbar-search-width: $grid-toolbar-search-width !default;
 $grid-toolbar-search-icon-min-width: 32px !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
@@ -211,6 +215,7 @@ $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
 $grid-res-toolbar-clear-icon-width: 100% !default;
 $grid-res-toolbar-clear-icon-margin: 0 !default;
 $grid-res-toolbar-search-clear-icon-font-size: 17px !default;
+$grid-res-toolbar-search-icon-font-size: 18px !default;
 $grid-res-toolbar-search-wrapper-padding: 5px 13px 5px 0 !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -238,8 +243,8 @@ $grid-fltr-sortnumber-rightalign-margin: 8px 0 0 20px !default;
 $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !default;
 $grid-sortnumer-line-height: 15px !default;
 $grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
-$grid-sortdiv-right-align-margin: -29px -5px !default;
-$grid-sortdiv-margin:  -29px -10px !default;
+$grid-sortdiv-right-align-margin: -29px 5px !default;
+$grid-sortdiv-margin:  -29px 0 !default;
 $grid-sortdiv-padding: 15px 0 !default;
 $grid-ungroup-button-line-height: 23px !default;
 $grid-ungroup-button-font-size: 10px !default;
@@ -290,11 +295,12 @@ $grid-edit-input-margin: 2px !default;
 $grid-edit-cell-padding: 2px !default;
 $grid-group-height: 52px !default;
 $grid-ungroup-rtl-padding-top: 4px !default;
+$grid-bigger-ungroup-rtl-padding-top: $grid-ungroup-rtl-padding-top !default;
 $grid-rtl-group-headercell-margin-right: 8px !default;
 $grid-rtl-group-headercell-margin-left: 0 !default;
-$grid-fltr-rtl-sortnumber-margin: 9px 0 0 9px !default;
+$grid-fltr-rtl-sortnumber-margin: 8px 0 0 9px !default;
 $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
-$grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 6px !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 8px 0 0 6px !default;
 $grid-rtl-sortnumber-rightalign-margin: 7px 0 0 14px !default;
 $grid-rtl-sortcelldiv-margin: -29px 10px !default;
 $grid-rtl-sortcelldiv-right-align-margin: -29px -8px !default;
@@ -307,20 +313,20 @@ $grid-rtl-headercell-border-width: 0 !default;
 $grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
 $grid-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
 $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
-$grid-ungroup-rtl-padding-right: -10px !default;
+$grid-ungroup-rtl-padding-right: -8px !default;
 $grid-headercelldiv-padding: 0 1.8em 0 .4em !default;
 $grid-headercell-div-padding: 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: 14px !default;
 $grid-group-caption-header-padding: .7em !default;
-$group-sorticon-margin-left: -8px !default;
+$group-sorticon-margin-left: -6px !default;
 $group-sorticon-margin-top: -3px !default;
 $grid-bigger-headercell-line-height: 44px !default;
 $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
 $grid-bigger-rowcell-line-height: 27px !default;
 $grid-bigger-font-size: 14px !default;
-$group-unpgrouicon-margin-left: -8px !default;
+$group-unpgrouicon-margin-left: -6px !default;
 $grid-group-ungroupicon-margin-left: -8px !default;
 $grid-group-clone-text-align: left !default;
 $grid-clone-padding: 2px 4px 1px !default;
@@ -344,14 +350,15 @@ $grid-bigger-icons-font-size: 14px !default;
 $group-collapse-icon-text-indent: 11px !default;
 $grid-bigger-grouparea-font-size: 14px !default;
 $grid-bigger-grouped-headercell-border-radius: 6px !default;
-$grid-bigger-groupedcell-icons-marign-left: -8px !default;
+$grid-bigger-groupedcell-icons-marign-left: -6px !default;
 $grid-bigger-ungroupbutton-icons-font-size: 14px !default;
 $grid-bigger-groupcell-span-padding: 0 8px !default;
 $grid-device-grouped-headercell-span-padding: 0 8px !default;
-$grid-bigger-ungroupbutton-icon-margin-left: -7px !default;
+$grid-bigger-ungroupbutton-icon-margin-left: -5px !default;
 $grid-bigger-ungroupbutton-icon-margin-top: -3px !default;
 $grid-device-ungroupbutton-icon-margin-top: -3px !default;
 $grid-bigger-groupcell-span-line-height: 37px !default;
+$grid-bigger-groupcell-span-height: $grid-bigger-groupcell-span-line-height !default;
 $grid-bigger-gdownarrow-icon-font-size: 14px !default;
 $grid-gd-clone-border-radius: 4px !default;
 $grid-bigger-group-clone-broder-radius: 6px !default;
@@ -381,7 +388,8 @@ $grid-filterbarcell-text-input: 32px !default;
 $grid-bigger-filterbarcell-text-input: 39px !default;
 $grid-columnchooser-li-padding: 8px 0 !default;
 $grid-edit-input-bigger-margin: 2px !default;
-$grid-device-ungroupbutton-line-height: 37px !default;
+$grid-device-ungroupbutton-line-height: 39px !default;
+$grid-device-groupsort-margin-top: 0;
 $grid-device-groupheadercell-span-line-height: 33px !default;
 $frozen-border-color: $grey-dd !default;
 $grid-frozenborder-disabled-color: $grey-base !default;
@@ -408,21 +416,22 @@ $grid-rtl-fltrdiv-margin: -20px 0 -20px -36px !default;
 $grid-rtl-bigger-fltrdiv-margin: -20px 0 -18px -25px !default;
 $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
 $grid-bigger-fltrdiv-margin: -21px -7px !default;
-$grid-sortdiv-filtericon-margin: -29px 14px -29px 0 !default;
-$grid-sortdiv-filtericon-rightalign-margin: -29px -11px 0 0 !default;
+$grid-sortdiv-filtericon-margin: -29px 18px -29px 0 !default;
+$grid-sortdiv-filtericon-rightalign-margin: -29px -11px 0 7px !default;
 $grid-rtl-sortdiv-filtericon-rightalign-margin: -29px 0 0 10px !default;
 $grid-rtl-sortdiv-filtericon-margin: -29px 0 0 10px !default;
 $grid-bigger-fltricon-sortdiv-rightalign-margin: -30px -20px 0 0 !default;
 $grid-bigger-fltricon-sortdiv-margin: -30px 16px -30px 0 !default;
-$grid-rtl-bigger-fltricon-sortdiv-margin: -29px 0 0 22px !default;
+$grid-rtl-bigger-fltricon-sortdiv-margin: -29px -5px 0 7px !default;
 $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px -8px 0 10px !default;
 $grid-column-menu-sub-menu-box-shadow: 0 6px 12px rgba($shadow, .175) !default;
 $grid-bigger-checkbox-filter-min-height: 360px !default;
 $grid-checkbox-filter-min-height: 338px !default;
-$grid-column-menu-margin: -20px !default;
+$grid-column-menu-margin: -20.5px -20px !default;
 $grid-column-menu-padding: 6px !default;
 $grid-textwrap-column-menu-margin: -15px -20px -20px -20px !default;
-$grid-bigger-column-menu-margin: -20px -18px !default;
+$grid-bigger-column-menu-margin: -20px -20px !default;
+$grid-bigger-device-column-menu-margin: -20px -18px !default;
 $grid-column-menu-top-touch: 31px !default;
 $grid-column-menu-bottom-touch: 31px !default;
 $grid-column-menu-right-touch: 23px !default;
@@ -447,6 +456,7 @@ $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -30px 14px !defau
 $grid-drag-font-size: 12px !default;
 $grid-drag-icon-font-weight: bold !default;
 $grid-drag-move-icon: 10px !default;
+$grid-drag-area-border: 1px solid !default;
 $grid-dragdrop-padding: 2px !default;
 $grid-dragborder-box-shadow: 0 2px 0 0 $brand-primary !default;
 $grid-dragborder-position: relative !default;
@@ -493,7 +503,7 @@ $grid-rtl-group-sorticon-margin-left: 0 !default;
 $grid-column-menu-padding: 6px !default;
 $grid-rtl-column-menu-left: 5px !default;
 $grid-checkboxfiltertext-width: 150px !default;
-$grid-rtl-column-menu-margin: -20px -18px -18px 1px !default;
+$grid-rtl-column-menu-margin: -20px -18px -18px -4px !default;
 $grid-rtl-textwrap-column-menu-margin: -15px -13px -23px -3px !default;
 $grid-filter-checkbox-width: 0 !default;
 $grid-filter-checkbox-white-space: nowrap !default;
@@ -534,6 +544,7 @@ $grid-responsive-search-icon-right: 9px !default;
 $grid-responsive-search-padding-right: 13px !default;
 $grid-responsive-search-padding-left: 18px !default;
 $grid-responsive-header-background: $grey-base !default;
+$grid-bigger-res-dlg-hdr-padding: 16px !default;
 $grid-responsive-header-search: -3px !default;
 $grid-responsive-filter-reset-color: $grid-filtered-color !default;
 $grid-responsive-toolbar-icon-color: $grid-icon-color !default;
@@ -581,7 +592,11 @@ $grid-sort-number-size: 15px !default;
 $grid-bigger-sort-number-size: $grid-sort-number-size !default;
 $grid-sort-number-font-size: 9px !default;
 $grid-filter-border-radius: 6px !default;
+$grid-bigger-filter-border-radius: $grid-filter-border-radius !default;
 $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
+$grid-adaptive-cell-padding-bottom: 5px !default;
+$grid-adaptive-cell-padding-top: 5px !default;
+$grid-bigger-adaptive-cell-position-top: 6px !default;
 $grid-bigger-sort-margin: -29px 3px !default;
 $grid-bigger-sort-right-margin: 7px 2px 0 0 !default;
 $grid-skin: 'bootstrap' !default;
@@ -592,6 +607,7 @@ $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !de
 $grid-adaptive-sort-clear-button-padding: 5px !default;
 $grid-cc-margin-top: 2px !default;
 $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
+$grid-bigger-device-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
 $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
 $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
 $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;