@syncfusion/ej2-grids 20.4.54-54738 → 20.4.54-54739

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/dist/ej2-grids.umd.min.js +1 -1
  2. package/dist/ej2-grids.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-grids.es2015.js +2 -1
  4. package/dist/es6/ej2-grids.es2015.js.map +1 -1
  5. package/dist/es6/ej2-grids.es5.js +2 -1
  6. package/dist/es6/ej2-grids.es5.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/grid/base/grid.js +2 -1
  9. package/styles/bootstrap-dark.css +373 -22
  10. package/styles/bootstrap.css +373 -22
  11. package/styles/bootstrap4.css +386 -22
  12. package/styles/bootstrap5-dark.css +373 -22
  13. package/styles/bootstrap5.css +373 -22
  14. package/styles/excel-filter/bootstrap-dark.scss +1 -1
  15. package/styles/excel-filter/bootstrap.scss +1 -1
  16. package/styles/excel-filter/bootstrap4.scss +1 -1
  17. package/styles/excel-filter/bootstrap5-dark.scss +1 -1
  18. package/styles/excel-filter/bootstrap5.scss +1 -1
  19. package/styles/excel-filter/fabric-dark.scss +1 -1
  20. package/styles/excel-filter/fabric.scss +1 -1
  21. package/styles/excel-filter/fluent-dark.scss +1 -1
  22. package/styles/excel-filter/fluent.scss +1 -1
  23. package/styles/excel-filter/highcontrast-light.scss +1 -1
  24. package/styles/excel-filter/highcontrast.scss +1 -1
  25. package/styles/excel-filter/material-dark.css +0 -1
  26. package/styles/excel-filter/material-dark.scss +1 -1
  27. package/styles/excel-filter/material.css +0 -1
  28. package/styles/excel-filter/material.scss +1 -1
  29. package/styles/excel-filter/material3-dark.css +0 -1
  30. package/styles/excel-filter/material3-dark.scss +1 -1
  31. package/styles/excel-filter/material3.css +0 -1
  32. package/styles/excel-filter/material3.scss +1 -1
  33. package/styles/excel-filter/tailwind-dark.css +0 -1
  34. package/styles/excel-filter/tailwind-dark.scss +1 -1
  35. package/styles/excel-filter/tailwind.css +0 -1
  36. package/styles/excel-filter/tailwind.scss +1 -1
  37. package/styles/fabric-dark.css +373 -22
  38. package/styles/fabric.css +373 -22
  39. package/styles/fluent-dark.css +374 -23
  40. package/styles/fluent.css +374 -23
  41. package/styles/grid/_bootstrap-dark-definition.scss +11 -0
  42. package/styles/grid/_bootstrap-definition.scss +11 -0
  43. package/styles/grid/_bootstrap4-definition.scss +12 -1
  44. package/styles/grid/_bootstrap5-definition.scss +11 -0
  45. package/styles/grid/_fabric-dark-definition.scss +11 -0
  46. package/styles/grid/_fabric-definition.scss +11 -0
  47. package/styles/grid/_fluent-definition.scss +12 -1
  48. package/styles/grid/_fusionnew-definition.scss +11 -0
  49. package/styles/grid/_highcontrast-definition.scss +11 -0
  50. package/styles/grid/_highcontrast-light-definition.scss +11 -0
  51. package/styles/grid/_layout.scss +406 -28
  52. package/styles/grid/_material-dark-definition.scss +13 -2
  53. package/styles/grid/_material-definition.scss +11 -0
  54. package/styles/grid/_material3-definition.scss +12 -1
  55. package/styles/grid/_tailwind-definition.scss +11 -0
  56. package/styles/grid/_theme.scss +231 -6
  57. package/styles/grid/bootstrap-dark.css +373 -22
  58. package/styles/grid/bootstrap-dark.scss +1 -1
  59. package/styles/grid/bootstrap.css +373 -22
  60. package/styles/grid/bootstrap.scss +1 -1
  61. package/styles/grid/bootstrap4.css +386 -22
  62. package/styles/grid/bootstrap4.scss +1 -1
  63. package/styles/grid/bootstrap5-dark.css +373 -22
  64. package/styles/grid/bootstrap5-dark.scss +1 -1
  65. package/styles/grid/bootstrap5.css +373 -22
  66. package/styles/grid/bootstrap5.scss +1 -1
  67. package/styles/grid/fabric-dark.css +373 -22
  68. package/styles/grid/fabric-dark.scss +1 -1
  69. package/styles/grid/fabric.css +373 -22
  70. package/styles/grid/fabric.scss +1 -1
  71. package/styles/grid/fluent-dark.css +374 -23
  72. package/styles/grid/fluent-dark.scss +1 -1
  73. package/styles/grid/fluent.css +374 -23
  74. package/styles/grid/fluent.scss +1 -1
  75. package/styles/grid/highcontrast-light.css +373 -22
  76. package/styles/grid/highcontrast-light.scss +1 -1
  77. package/styles/grid/highcontrast.css +373 -22
  78. package/styles/grid/highcontrast.scss +1 -1
  79. package/styles/grid/material-dark.css +378 -28
  80. package/styles/grid/material-dark.scss +1 -1
  81. package/styles/grid/material.css +373 -23
  82. package/styles/grid/material.scss +1 -1
  83. package/styles/grid/material3-dark.css +390 -24
  84. package/styles/grid/material3-dark.scss +1 -1
  85. package/styles/grid/material3.css +390 -24
  86. package/styles/grid/material3.scss +1 -1
  87. package/styles/grid/tailwind-dark.css +373 -23
  88. package/styles/grid/tailwind-dark.scss +1 -1
  89. package/styles/grid/tailwind.css +373 -23
  90. package/styles/grid/tailwind.scss +1 -1
  91. package/styles/highcontrast-light.css +373 -22
  92. package/styles/highcontrast.css +373 -22
  93. package/styles/material-dark.css +378 -28
  94. package/styles/material.css +373 -23
  95. package/styles/material3-dark.css +390 -24
  96. package/styles/material3-dark.scss +1 -1
  97. package/styles/material3.css +390 -24
  98. package/styles/material3.scss +1 -1
  99. package/styles/tailwind-dark.css +373 -24
  100. package/styles/tailwind.css +373 -24
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'ej2-navigations/styles/pager/material-dark-definition.scss';
3
3
  @import '../excel-filter/material-dark-definition.scss';
4
4
  @import 'ej2-inputs/styles/input/material-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -730,6 +729,14 @@
730
729
  .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
731
730
  line-height: 27px;
732
731
  }
732
+ .e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
733
+ .e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
734
+ line-height: 23px;
735
+ }
736
+ .e-bigger .e-grid .e-xlsel-bottom-border,
737
+ .e-grid.e-bigger .e-xlsel-bottom-border {
738
+ line-height: 25px;
739
+ }
733
740
  .e-bigger .e-grid .e-filterbarcell input,
734
741
  .e-grid.e-bigger .e-filterbarcell input {
735
742
  font-size: 13px;
@@ -1115,6 +1122,23 @@
1115
1122
  background-color: #e3165b;
1116
1123
  height: 2px;
1117
1124
  position: absolute;
1125
+ z-index: 5;
1126
+ }
1127
+ .e-grid .e-frozenrow-border {
1128
+ background-color: #e3165b;
1129
+ height: 2px;
1130
+ position: relative;
1131
+ z-index: 5;
1132
+ }
1133
+ .e-grid .e-frozenrow-border.e-frozenrow-empty {
1134
+ height: 0;
1135
+ }
1136
+ .e-grid.e-top-shadow .e-frozenrow-border {
1137
+ height: 4px;
1138
+ margin-top: -4px;
1139
+ background-color: transparent !important;
1140
+ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
1141
+ clip-path: inset(0px 0px -15px 0px);
1118
1142
  }
1119
1143
  .e-grid .e-grid-relative {
1120
1144
  position: relative;
@@ -1145,10 +1169,17 @@
1145
1169
  border-right: 1px solid #e0e0e0;
1146
1170
  border-bottom: 0;
1147
1171
  }
1172
+ .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 {
1173
+ z-index: 5;
1174
+ }
1175
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
1176
+ z-index: 6;
1177
+ }
1148
1178
  .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 {
1149
1179
  box-shadow: 0 2px 0 0 #e3165b;
1180
+ }
1181
+ .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) {
1150
1182
  position: relative;
1151
- z-index: 5;
1152
1183
  }
1153
1184
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1154
1185
  font-size: 10px;
@@ -1406,6 +1437,12 @@
1406
1437
  .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type, .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
1407
1438
  border-right: 0;
1408
1439
  }
1440
+ .e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1441
+ border-right: 0;
1442
+ }
1443
+ .e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1444
+ border-left: 0;
1445
+ }
1409
1446
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler, .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
1410
1447
  left: 0;
1411
1448
  }
@@ -1434,7 +1471,7 @@
1434
1471
  width: 1px;
1435
1472
  }
1436
1473
  .e-grid .e-virtual-rhandler {
1437
- z-index: 1;
1474
+ z-index: 5;
1438
1475
  }
1439
1476
  .e-grid.e-device .e-ricon::before {
1440
1477
  border-bottom: 6px solid transparent;
@@ -1498,6 +1535,10 @@
1498
1535
  .e-grid .e-headercelldiv.e-headerchkcelldiv {
1499
1536
  overflow: visible;
1500
1537
  }
1538
+ .e-grid .e-headercell.e-templatecell .e-headercelldiv {
1539
+ height: auto;
1540
+ min-height: 29px;
1541
+ }
1501
1542
  .e-grid .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
1502
1543
  padding: 0 0.6em;
1503
1544
  }
@@ -1519,9 +1560,12 @@
1519
1560
  -ms-user-select: none;
1520
1561
  user-select: none;
1521
1562
  }
1522
- .e-grid .e-gridcontent tr:first-child td {
1563
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1523
1564
  border-top: 0 none;
1524
1565
  }
1566
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1567
+ border-top-width: 2px;
1568
+ }
1525
1569
  .e-grid .e-gridheader tr:first-child th {
1526
1570
  border-top: 0 none;
1527
1571
  }
@@ -1543,10 +1587,11 @@
1543
1587
  border-top-style: solid;
1544
1588
  border-top-width: 1px;
1545
1589
  }
1546
- .e-grid .e-frozenhdrcont {
1590
+ .e-grid .e-frozenhdrcont,
1591
+ .e-grid .e-frozenhdr {
1547
1592
  border-bottom-width: 0;
1548
1593
  }
1549
- .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1594
+ .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
1550
1595
  border-top-style: solid;
1551
1596
  border-top-width: 1px;
1552
1597
  }
@@ -1586,6 +1631,26 @@
1586
1631
  white-space: nowrap;
1587
1632
  width: auto;
1588
1633
  }
1634
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1635
+ line-height: 18px;
1636
+ border-width: 1.5px;
1637
+ }
1638
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1639
+ line-height: 18px;
1640
+ border-width: 1.5px;
1641
+ }
1642
+ .e-grid.e-rtl.e-default.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-rtl.e-default.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1643
+ line-height: 18px;
1644
+ border-width: 1.5px;
1645
+ }
1646
+ .e-grid.e-wrap.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-wrap.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1647
+ line-height: 18px;
1648
+ border-width: 1.5px;
1649
+ }
1650
+ .e-grid.e-wrap.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-wrap.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1651
+ line-height: 18px;
1652
+ border-width: 1.5px;
1653
+ }
1589
1654
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1590
1655
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1591
1656
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1685,7 +1750,7 @@
1685
1750
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
1686
1751
  margin-top: 5px;
1687
1752
  }
1688
- .e-grid.e-default .e-rowcell.e-lastrowcell {
1753
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1689
1754
  border-bottom-width: 1px;
1690
1755
  }
1691
1756
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1695,7 +1760,7 @@
1695
1760
  border-bottom: 1px solid;
1696
1761
  border-bottom-color: #e0e0e0;
1697
1762
  }
1698
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
1763
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1699
1764
  border-bottom-width: 1px;
1700
1765
  }
1701
1766
  .e-grid.e-bothlines .e-rowcell {
@@ -1732,6 +1797,18 @@
1732
1797
  .e-grid.e-default .e-stackedheadercell {
1733
1798
  border-width: 0 0 1px 1px;
1734
1799
  }
1800
+ .e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
1801
+ border-right-width: 2px;
1802
+ }
1803
+ .e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
1804
+ border-left-width: 2px;
1805
+ }
1806
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
1807
+ border-left-width: 1px;
1808
+ }
1809
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
1810
+ border-right-width: 1px;
1811
+ }
1735
1812
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1736
1813
  border-left-width: 0;
1737
1814
  }
@@ -1741,11 +1818,29 @@
1741
1818
  .e-grid.e-default table th[rowspan] {
1742
1819
  border-width: 0 0 0 1px;
1743
1820
  }
1821
+ .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1822
+ border-right-width: 2px;
1823
+ }
1824
+ .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1825
+ border-left-width: 2px;
1826
+ }
1827
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1828
+ border-left-width: 1px;
1829
+ }
1830
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1831
+ border-right-width: 1px;
1832
+ }
1833
+ .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1834
+ border-left-width: 0;
1835
+ }
1744
1836
  .e-grid tr th.e-firstcell {
1745
1837
  border-left-style: solid;
1746
1838
  border-left-width: 1px;
1747
1839
  }
1748
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1840
+ .e-grid.e-default tr th.e-detailheadercell:first-child {
1841
+ border-left-width: 0;
1842
+ }
1843
+ .e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1749
1844
  border-left-width: 0;
1750
1845
  }
1751
1846
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1939,7 +2034,7 @@
1939
2034
  .e-grid.e-horizontallines .e-filterbarcell {
1940
2035
  border-width: 1px 0 0;
1941
2036
  }
1942
- .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
2037
+ .e-grid.e-horizontallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-verticallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-hidelines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1943
2038
  border-bottom-width: 1px;
1944
2039
  }
1945
2040
  .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2457,10 +2552,10 @@
2457
2552
  border-top: 0;
2458
2553
  padding: 0;
2459
2554
  }
2460
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2555
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2461
2556
  border-top: 1px solid;
2462
2557
  }
2463
- .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
2558
+ .e-grid:not(.e-row-responsive, .e-left-shadow, .e-right-shadow) .e-gridcontent tr.e-row:first-child .e-rowcell:not(.e-xlsel-top-border) {
2464
2559
  border-top: 0;
2465
2560
  }
2466
2561
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2621,6 +2716,107 @@
2621
2716
  border-left: 2px solid;
2622
2717
  border-right: 0;
2623
2718
  }
2719
+ .e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
2720
+ z-index: 1;
2721
+ }
2722
+ .e-grid .e-leftfreeze,
2723
+ .e-grid .e-rightfreeze {
2724
+ position: sticky;
2725
+ z-index: 2;
2726
+ }
2727
+ .e-grid .e-fixedfreeze {
2728
+ position: sticky;
2729
+ z-index: 3;
2730
+ }
2731
+ .e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
2732
+ border-top-width: 2px;
2733
+ line-height: 18px;
2734
+ }
2735
+ .e-grid .e-xlsel-left-border,
2736
+ .e-grid .e-fixedfreeze.e-freezeleftborder.e-xlsel-left-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-left-border, .e-grid.e-rtl.e-default .e-rowcell.e-fixedfreeze.e-freezeleftborder.e-xlsel-left-border {
2737
+ border-left-width: 2px;
2738
+ }
2739
+ .e-grid .e-xlsel-right-border,
2740
+ .e-grid .e-fixedfreeze.e-freezerightborder.e-xlsel-right-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-right-border, .e-grid.e-rtl.e-default .e-rowcell.e-fixedfreeze.e-freezerightborder.e-xlsel-right-border {
2741
+ border-right-width: 2px;
2742
+ }
2743
+ .e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2744
+ line-height: 16px;
2745
+ }
2746
+ .e-grid.e-wrap .e-xlsel-bottom-border {
2747
+ line-height: 14px;
2748
+ }
2749
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2750
+ line-height: 16px;
2751
+ }
2752
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
2753
+ line-height: 14px;
2754
+ }
2755
+ .e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
2756
+ line-height: 16px;
2757
+ }
2758
+ .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
2759
+ line-height: 16px;
2760
+ }
2761
+ .e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
2762
+ border-bottom-width: 2px;
2763
+ line-height: 18px;
2764
+ }
2765
+ .e-grid .e-virtual-content.e-content {
2766
+ overflow-x: hidden;
2767
+ }
2768
+ .e-grid .e-leftfreeze.e-freezeleftborder {
2769
+ border-right-width: 2px;
2770
+ }
2771
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2772
+ clip-path: inset(0 -15px 0 0);
2773
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2774
+ }
2775
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
2776
+ border-right-color: transparent;
2777
+ }
2778
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2779
+ box-shadow: 0 2px 0 0 #e3165b, 4px 0 8px rgba(0, 0, 0, 0.12);
2780
+ }
2781
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2782
+ clip-path: inset(0 0 0 -15px);
2783
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2784
+ }
2785
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
2786
+ border-left-color: transparent;
2787
+ }
2788
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2789
+ box-shadow: 0 2px 0 0 #e3165b, -4px 0 8px rgba(0, 0, 0, 0.12);
2790
+ }
2791
+ .e-grid .e-rightfreeze.e-freezerightborder {
2792
+ border-left-width: 2px;
2793
+ }
2794
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2795
+ clip-path: inset(0 0 0 -15px);
2796
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2797
+ }
2798
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
2799
+ border-left-color: transparent;
2800
+ }
2801
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2802
+ box-shadow: 0 2px 0 0 #e3165b, -4px 0 8px rgba(0, 0, 0, 0.12);
2803
+ }
2804
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2805
+ clip-path: inset(0 -15px 0 0);
2806
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2807
+ }
2808
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
2809
+ border-right-color: transparent;
2810
+ }
2811
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2812
+ box-shadow: 0 2px 0 0 #e3165b, 4px 0 8px rgba(0, 0, 0, 0.12);
2813
+ }
2814
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
2815
+ border-left-width: 1px;
2816
+ }
2817
+ .e-grid .e-fixedfreeze.e-freezerightborder {
2818
+ border-right-width: 1px;
2819
+ }
2624
2820
  .e-grid .e-frozenheader {
2625
2821
  float: left;
2626
2822
  width: min-content;
@@ -2718,6 +2914,18 @@
2718
2914
  padding-left: 0;
2719
2915
  padding-right: 9px;
2720
2916
  }
2917
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
2918
+ border-left-width: 2px;
2919
+ }
2920
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
2921
+ border-right-width: 2px;
2922
+ }
2923
+ .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
2924
+ border-right-width: 1px;
2925
+ }
2926
+ .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
2927
+ border-left-width: 1px;
2928
+ }
2721
2929
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
2722
2930
  border-width: 0;
2723
2931
  text-align: right;
@@ -2838,6 +3046,36 @@
2838
3046
  .e-grid.e-rtl .e-rowcell {
2839
3047
  border-width: 1px 0 0 0;
2840
3048
  }
3049
+ .e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
3050
+ border-left-width: 2px;
3051
+ }
3052
+ .e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
3053
+ border-right-width: 2px;
3054
+ }
3055
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
3056
+ border-right-width: 1px;
3057
+ }
3058
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
3059
+ border-left-width: 1px;
3060
+ }
3061
+ .e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
3062
+ border-left-width: 2px;
3063
+ }
3064
+ .e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
3065
+ border-right-width: 2px;
3066
+ }
3067
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
3068
+ border-right-width: 1px;
3069
+ }
3070
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
3071
+ border-left-width: 1px;
3072
+ }
3073
+ .e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
3074
+ border-left-width: 0;
3075
+ }
3076
+ .e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
3077
+ border-right-width: 0;
3078
+ }
2841
3079
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
2842
3080
  border-width: 1px 0 0;
2843
3081
  }
@@ -2859,7 +3097,7 @@
2859
3097
  .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
2860
3098
  border-left-width: 0;
2861
3099
  }
2862
- .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
3100
+ .e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
2863
3101
  border-left: 0;
2864
3102
  }
2865
3103
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2946,6 +3184,18 @@
2946
3184
  .e-grid.e-rtl.e-default table th[rowspan] {
2947
3185
  border-width: 0 1px 0 0;
2948
3186
  }
3187
+ .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3188
+ border-left-width: 2px;
3189
+ }
3190
+ .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3191
+ border-right-width: 2px;
3192
+ }
3193
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3194
+ border-right-width: 1px;
3195
+ }
3196
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3197
+ border-left-width: 1px;
3198
+ }
2949
3199
  .e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
2950
3200
  border-left: 1px solid;
2951
3201
  border-right: 0;
@@ -2972,7 +3222,7 @@
2972
3222
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
2973
3223
  border-width: 1px 0 0;
2974
3224
  }
2975
- .e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell {
3225
+ .e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
2976
3226
  border-bottom-width: 1px;
2977
3227
  }
2978
3228
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -3000,7 +3250,7 @@
3000
3250
  .e-grid.e-rtl .e-ungroupbutton {
3001
3251
  float: left;
3002
3252
  }
3003
- .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
3253
+ .e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
3004
3254
  border-style: solid;
3005
3255
  border-width: 0 0 0 1px;
3006
3256
  }
@@ -3046,6 +3296,12 @@
3046
3296
  white-space: normal;
3047
3297
  word-wrap: break-word;
3048
3298
  }
3299
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3300
+ line-height: 14px;
3301
+ }
3302
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
3303
+ line-height: 16px;
3304
+ }
3049
3305
  .e-grid .e-stackedheadercelldiv {
3050
3306
  overflow: hidden;
3051
3307
  text-overflow: ellipsis;
@@ -3078,15 +3334,15 @@
3078
3334
  top: -1000px;
3079
3335
  width: 1px;
3080
3336
  }
3081
- .e-grid.e-resize-lines th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines th.e-headercell.e-firstcell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell {
3337
+ .e-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
3082
3338
  border-left: 0;
3083
3339
  border-right: 0;
3084
3340
  border-top: 0;
3085
3341
  }
3086
- .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
3342
+ .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
3087
3343
  border-right: 0;
3088
3344
  }
3089
- .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3345
+ .e-grid.e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
3090
3346
  border-left: 0;
3091
3347
  }
3092
3348
  .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
@@ -3864,6 +4120,9 @@
3864
4120
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3865
4121
  box-shadow: 0 0 0 1px #9e9e9e inset;
3866
4122
  }
4123
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
4124
+ border-color: #9e9e9e;
4125
+ }
3867
4126
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
3868
4127
  color: #212121;
3869
4128
  }
@@ -3885,6 +4144,9 @@
3885
4144
  border-color: #e3165b;
3886
4145
  z-index: 1;
3887
4146
  }
4147
+ .e-grid .e-autofill.e-freeze-autofill {
4148
+ z-index: 5;
4149
+ }
3888
4150
  .e-grid .e-xlsel {
3889
4151
  background-color: transparent;
3890
4152
  border-style: solid;
@@ -3895,6 +4157,7 @@
3895
4157
  background-color: #e3165b;
3896
4158
  border-color: #e3165b;
3897
4159
  position: absolute;
4160
+ z-index: 3;
3898
4161
  }
3899
4162
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
3900
4163
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3902,9 +4165,36 @@
3902
4165
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
3903
4166
  .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 {
3904
4167
  box-shadow: 0 2px 0 0 #e3165b;
3905
- position: relative;
3906
4168
  z-index: 5;
3907
4169
  }
4170
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
4171
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
4172
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
4173
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
4174
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid .e-gridheader thead tr th.e-firstrowdragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze {
4175
+ z-index: 6;
4176
+ }
4177
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
4178
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
4179
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
4180
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
4181
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid .e-gridheader thead tr th.e-firstrowdragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze {
4182
+ z-index: 6;
4183
+ }
4184
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
4185
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
4186
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
4187
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
4188
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader thead tr th.e-firstrowdragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze {
4189
+ z-index: 6;
4190
+ }
4191
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4192
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4193
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4194
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4195
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader thead tr th.e-firstrowdragborder: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) {
4196
+ position: relative;
4197
+ }
3908
4198
  .e-grid .e-gridheader {
3909
4199
  background-color: #fff;
3910
4200
  border-bottom-color: #e0e0e0;
@@ -3914,6 +4204,9 @@
3914
4204
  .e-grid .e-gridcontent tr:first-child td {
3915
4205
  border-top-color: transparent;
3916
4206
  }
4207
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4208
+ border-top-color: #e3165b;
4209
+ }
3917
4210
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
3918
4211
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
3919
4212
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -4018,6 +4311,60 @@
4018
4311
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
4019
4312
  border-right-color: #fff;
4020
4313
  }
4314
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
4315
+ border-left-color: #e3165b;
4316
+ }
4317
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
4318
+ border-right-color: #e3165b;
4319
+ }
4320
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
4321
+ border-right-color: #e3165b;
4322
+ }
4323
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
4324
+ border-left-color: #e3165b;
4325
+ }
4326
+ .e-grid .e-leftfreeze.e-freezeleftborder {
4327
+ border-right-color: #e3165b;
4328
+ }
4329
+ .e-grid .e-rightfreeze.e-freezerightborder {
4330
+ border-left-color: #e3165b;
4331
+ }
4332
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
4333
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
4334
+ border-left-color: #e3165b;
4335
+ }
4336
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
4337
+ .e-grid .e-fixedfreeze.e-freezerightborder {
4338
+ border-right-color: #e3165b;
4339
+ }
4340
+ .e-grid .e-xlsel-top-border {
4341
+ border-top-color: #e3165b;
4342
+ }
4343
+ .e-grid .e-xlsel-left-border {
4344
+ border-left-color: #e3165b;
4345
+ }
4346
+ .e-grid .e-xlsel-right-border {
4347
+ border-right-color: #e3165b;
4348
+ }
4349
+ .e-grid .e-xlsel-bottom-border {
4350
+ border-bottom-color: #e3165b;
4351
+ }
4352
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4353
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4354
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4355
+ background-color: #fff;
4356
+ }
4357
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
4358
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
4359
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
4360
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
4361
+ background-color: #fafafa;
4362
+ }
4363
+ .e-grid .e-gridfooter .e-leftfreeze,
4364
+ .e-grid .e-gridfooter .e-rightfreeze,
4365
+ .e-grid .e-gridfooter .e-fixedfreeze {
4366
+ background-color: #f6f6f6;
4367
+ }
4021
4368
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4022
4369
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4023
4370
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4042,6 +4389,9 @@
4042
4389
  .e-grid .e-row:hover .e-rowdragdrop {
4043
4390
  cursor: move;
4044
4391
  }
4392
+ .e-grid .e-notallowedcur .e-row:hover .e-rowdragdrop {
4393
+ cursor: not-allowed;
4394
+ }
4045
4395
  .e-grid .e-sortnumber {
4046
4396
  background-color: #bbbdc0;
4047
4397
  color: #000;
@@ -4125,7 +4475,7 @@
4125
4475
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4126
4476
  border: 0 none;
4127
4477
  }
4128
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4478
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4129
4479
  border-bottom: 1px solid #e0e0e0;
4130
4480
  border-right: 1px solid #e0e0e0;
4131
4481
  }
@@ -4205,11 +4555,11 @@
4205
4555
  background-color: #d7f9c7;
4206
4556
  color: #000;
4207
4557
  }
4208
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4558
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4209
4559
  border-top-color: #e0e0e0;
4210
4560
  }
4211
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4212
- .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
4561
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
4562
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
4213
4563
  border-top: 1px solid #e0e0e0;
4214
4564
  }
4215
4565
  .e-grid .e-ccdlg .e-footer-content {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'ej2-navigations/styles/pager/material-definition.scss';
3
3
  @import '../excel-filter/material-definition.scss';
4
4
  @import 'ej2-inputs/styles/input/material-definition.scss';