@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/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'ej2-navigations/styles/pager/bootstrap4-definition.scss';
3
3
  @import '../excel-filter/bootstrap4-definition.scss';
4
4
  @import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
@@ -740,6 +740,14 @@
740
740
  .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
741
741
  line-height: 24px;
742
742
  }
743
+ .e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
744
+ .e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
745
+ line-height: 20px;
746
+ }
747
+ .e-bigger .e-grid .e-xlsel-bottom-border,
748
+ .e-grid.e-bigger .e-xlsel-bottom-border {
749
+ line-height: 22px;
750
+ }
743
751
  .e-bigger .e-grid .e-filterbarcell input,
744
752
  .e-grid.e-bigger .e-filterbarcell input {
745
753
  font-size: 16px;
@@ -1125,6 +1133,23 @@
1125
1133
  background-color: #0d6efd;
1126
1134
  height: 2px;
1127
1135
  position: absolute;
1136
+ z-index: 5;
1137
+ }
1138
+ .e-grid .e-frozenrow-border {
1139
+ background-color: #444c54;
1140
+ height: 2px;
1141
+ position: relative;
1142
+ z-index: 5;
1143
+ }
1144
+ .e-grid .e-frozenrow-border.e-frozenrow-empty {
1145
+ height: 0;
1146
+ }
1147
+ .e-grid.e-top-shadow .e-frozenrow-border {
1148
+ height: 4px;
1149
+ margin-top: -4px;
1150
+ background-color: transparent !important;
1151
+ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
1152
+ clip-path: inset(0px 0px -15px 0px);
1128
1153
  }
1129
1154
  .e-grid .e-grid-relative {
1130
1155
  position: relative;
@@ -1155,10 +1180,17 @@
1155
1180
  border-right: 1px solid #444c54;
1156
1181
  border-bottom: 0;
1157
1182
  }
1183
+ .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 {
1184
+ z-index: 5;
1185
+ }
1186
+ .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 {
1187
+ z-index: 6;
1188
+ }
1158
1189
  .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 {
1159
1190
  box-shadow: 0 2px 0 0 #0d6efd;
1191
+ }
1192
+ .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) {
1160
1193
  position: relative;
1161
- z-index: 5;
1162
1194
  }
1163
1195
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1164
1196
  font-size: 14px;
@@ -1419,6 +1451,12 @@
1419
1451
  .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 {
1420
1452
  border-right: 0;
1421
1453
  }
1454
+ .e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1455
+ border-right: 0;
1456
+ }
1457
+ .e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1458
+ border-left: 0;
1459
+ }
1422
1460
  .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 {
1423
1461
  left: 0;
1424
1462
  }
@@ -1447,7 +1485,7 @@
1447
1485
  width: 1px;
1448
1486
  }
1449
1487
  .e-grid .e-virtual-rhandler {
1450
- z-index: 1;
1488
+ z-index: 5;
1451
1489
  }
1452
1490
  .e-grid.e-device .e-ricon::before {
1453
1491
  border-bottom: 6px solid transparent;
@@ -1511,6 +1549,10 @@
1511
1549
  .e-grid .e-headercelldiv.e-headerchkcelldiv {
1512
1550
  overflow: visible;
1513
1551
  }
1552
+ .e-grid .e-headercell.e-templatecell .e-headercelldiv {
1553
+ height: auto;
1554
+ min-height: 18px;
1555
+ }
1514
1556
  .e-grid .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
1515
1557
  padding: 0 0.6em;
1516
1558
  }
@@ -1532,9 +1574,12 @@
1532
1574
  -ms-user-select: none;
1533
1575
  user-select: none;
1534
1576
  }
1535
- .e-grid .e-gridcontent tr:first-child td {
1577
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1536
1578
  border-top: 0 none;
1537
1579
  }
1580
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1581
+ border-top-width: 2px;
1582
+ }
1538
1583
  .e-grid .e-gridheader tr:first-child th {
1539
1584
  border-top: 0 none;
1540
1585
  }
@@ -1556,10 +1601,11 @@
1556
1601
  border-top-style: solid;
1557
1602
  border-top-width: 1px;
1558
1603
  }
1559
- .e-grid .e-frozenhdrcont {
1604
+ .e-grid .e-frozenhdrcont,
1605
+ .e-grid .e-frozenhdr {
1560
1606
  border-bottom-width: 0;
1561
1607
  }
1562
- .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1608
+ .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
1563
1609
  border-top-style: solid;
1564
1610
  border-top-width: 1px;
1565
1611
  }
@@ -1599,6 +1645,26 @@
1599
1645
  white-space: nowrap;
1600
1646
  width: auto;
1601
1647
  }
1648
+ .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) {
1649
+ line-height: 20px;
1650
+ border-width: 1.5px;
1651
+ }
1652
+ .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) {
1653
+ line-height: 20px;
1654
+ border-width: 1.5px;
1655
+ }
1656
+ .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) {
1657
+ line-height: 20px;
1658
+ border-width: 1.5px;
1659
+ }
1660
+ .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) {
1661
+ line-height: 20px;
1662
+ border-width: 1.5px;
1663
+ }
1664
+ .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) {
1665
+ line-height: 20px;
1666
+ border-width: 1.5px;
1667
+ }
1602
1668
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1603
1669
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1604
1670
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1698,7 +1764,7 @@
1698
1764
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
1699
1765
  margin-top: 0;
1700
1766
  }
1701
- .e-grid.e-default .e-rowcell.e-lastrowcell {
1767
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1702
1768
  border-bottom-width: 1px;
1703
1769
  }
1704
1770
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1708,7 +1774,7 @@
1708
1774
  border-bottom: 1px solid;
1709
1775
  border-bottom-color: #444c54;
1710
1776
  }
1711
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
1777
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1712
1778
  border-bottom-width: 1px;
1713
1779
  }
1714
1780
  .e-grid.e-bothlines .e-rowcell {
@@ -1745,6 +1811,18 @@
1745
1811
  .e-grid.e-default .e-stackedheadercell {
1746
1812
  border-width: 1px 0 1px 1px;
1747
1813
  }
1814
+ .e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
1815
+ border-right-width: 2px;
1816
+ }
1817
+ .e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
1818
+ border-left-width: 2px;
1819
+ }
1820
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
1821
+ border-left-width: 1px;
1822
+ }
1823
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
1824
+ border-right-width: 1px;
1825
+ }
1748
1826
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1749
1827
  border-left-width: 0;
1750
1828
  }
@@ -1754,11 +1832,29 @@
1754
1832
  .e-grid.e-default table th[rowspan] {
1755
1833
  border-width: 0 0 0 1px;
1756
1834
  }
1835
+ .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1836
+ border-right-width: 2px;
1837
+ }
1838
+ .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1839
+ border-left-width: 2px;
1840
+ }
1841
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1842
+ border-left-width: 1px;
1843
+ }
1844
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1845
+ border-right-width: 1px;
1846
+ }
1847
+ .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1848
+ border-left-width: 0;
1849
+ }
1757
1850
  .e-grid tr th.e-firstcell {
1758
1851
  border-left-style: solid;
1759
1852
  border-left-width: 1px;
1760
1853
  }
1761
- .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) {
1854
+ .e-grid.e-default tr th.e-detailheadercell:first-child {
1855
+ border-left-width: 0;
1856
+ }
1857
+ .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) {
1762
1858
  border-left-width: 0;
1763
1859
  }
1764
1860
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1952,7 +2048,7 @@
1952
2048
  .e-grid.e-horizontallines .e-filterbarcell {
1953
2049
  border-width: 1px 0 0;
1954
2050
  }
1955
- .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
2051
+ .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) {
1956
2052
  border-bottom-width: 1px;
1957
2053
  }
1958
2054
  .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2470,10 +2566,10 @@
2470
2566
  border-top: 0;
2471
2567
  padding: 0;
2472
2568
  }
2473
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2569
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2474
2570
  border-top: 1px solid;
2475
2571
  }
2476
- .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
2572
+ .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) {
2477
2573
  border-top: 0;
2478
2574
  }
2479
2575
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2634,6 +2730,107 @@
2634
2730
  border-left: 3px solid;
2635
2731
  border-right: 0;
2636
2732
  }
2733
+ .e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
2734
+ z-index: 1;
2735
+ }
2736
+ .e-grid .e-leftfreeze,
2737
+ .e-grid .e-rightfreeze {
2738
+ position: sticky;
2739
+ z-index: 2;
2740
+ }
2741
+ .e-grid .e-fixedfreeze {
2742
+ position: sticky;
2743
+ z-index: 3;
2744
+ }
2745
+ .e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
2746
+ border-top-width: 2px;
2747
+ line-height: 20px;
2748
+ }
2749
+ .e-grid .e-xlsel-left-border,
2750
+ .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 {
2751
+ border-left-width: 2px;
2752
+ }
2753
+ .e-grid .e-xlsel-right-border,
2754
+ .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 {
2755
+ border-right-width: 2px;
2756
+ }
2757
+ .e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2758
+ line-height: 19px;
2759
+ }
2760
+ .e-grid.e-wrap .e-xlsel-bottom-border {
2761
+ line-height: 17px;
2762
+ }
2763
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2764
+ line-height: 19px;
2765
+ }
2766
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
2767
+ line-height: 17px;
2768
+ }
2769
+ .e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
2770
+ line-height: 18px;
2771
+ }
2772
+ .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
2773
+ line-height: 18px;
2774
+ }
2775
+ .e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
2776
+ border-bottom-width: 2px;
2777
+ line-height: 20px;
2778
+ }
2779
+ .e-grid .e-virtual-content.e-content {
2780
+ overflow-x: hidden;
2781
+ }
2782
+ .e-grid .e-leftfreeze.e-freezeleftborder {
2783
+ border-right-width: 2px;
2784
+ }
2785
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2786
+ clip-path: inset(0 -15px 0 0);
2787
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2788
+ }
2789
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
2790
+ border-right-color: transparent;
2791
+ }
2792
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2793
+ box-shadow: 0 2px 0 0 #0d6efd, 4px 0 8px rgba(0, 0, 0, 0.12);
2794
+ }
2795
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2796
+ clip-path: inset(0 0 0 -15px);
2797
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2798
+ }
2799
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
2800
+ border-left-color: transparent;
2801
+ }
2802
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2803
+ box-shadow: 0 2px 0 0 #0d6efd, -4px 0 8px rgba(0, 0, 0, 0.12);
2804
+ }
2805
+ .e-grid .e-rightfreeze.e-freezerightborder {
2806
+ border-left-width: 2px;
2807
+ }
2808
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2809
+ clip-path: inset(0 0 0 -15px);
2810
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2811
+ }
2812
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
2813
+ border-left-color: transparent;
2814
+ }
2815
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2816
+ box-shadow: 0 2px 0 0 #0d6efd, -4px 0 8px rgba(0, 0, 0, 0.12);
2817
+ }
2818
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2819
+ clip-path: inset(0 -15px 0 0);
2820
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2821
+ }
2822
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
2823
+ border-right-color: transparent;
2824
+ }
2825
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2826
+ box-shadow: 0 2px 0 0 #0d6efd, 4px 0 8px rgba(0, 0, 0, 0.12);
2827
+ }
2828
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
2829
+ border-left-width: 1px;
2830
+ }
2831
+ .e-grid .e-fixedfreeze.e-freezerightborder {
2832
+ border-right-width: 1px;
2833
+ }
2637
2834
  .e-grid .e-frozenheader {
2638
2835
  float: left;
2639
2836
  width: min-content;
@@ -2731,6 +2928,18 @@
2731
2928
  padding-left: 0;
2732
2929
  padding-right: 8px;
2733
2930
  }
2931
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
2932
+ border-left-width: 2px;
2933
+ }
2934
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
2935
+ border-right-width: 2px;
2936
+ }
2937
+ .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
2938
+ border-right-width: 1px;
2939
+ }
2940
+ .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
2941
+ border-left-width: 1px;
2942
+ }
2734
2943
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
2735
2944
  border-width: 0;
2736
2945
  text-align: right;
@@ -2851,6 +3060,36 @@
2851
3060
  .e-grid.e-rtl .e-rowcell {
2852
3061
  border-width: 1px 0 0;
2853
3062
  }
3063
+ .e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
3064
+ border-left-width: 2px;
3065
+ }
3066
+ .e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
3067
+ border-right-width: 2px;
3068
+ }
3069
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
3070
+ border-right-width: 1px;
3071
+ }
3072
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
3073
+ border-left-width: 1px;
3074
+ }
3075
+ .e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
3076
+ border-left-width: 2px;
3077
+ }
3078
+ .e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
3079
+ border-right-width: 2px;
3080
+ }
3081
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
3082
+ border-right-width: 1px;
3083
+ }
3084
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
3085
+ border-left-width: 1px;
3086
+ }
3087
+ .e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
3088
+ border-left-width: 0;
3089
+ }
3090
+ .e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
3091
+ border-right-width: 0;
3092
+ }
2854
3093
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
2855
3094
  border-width: 1px 0 0;
2856
3095
  }
@@ -2872,7 +3111,7 @@
2872
3111
  .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 {
2873
3112
  border-left-width: 0;
2874
3113
  }
2875
- .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
3114
+ .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 {
2876
3115
  border-left: 0;
2877
3116
  }
2878
3117
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2959,6 +3198,18 @@
2959
3198
  .e-grid.e-rtl.e-default table th[rowspan] {
2960
3199
  border-width: 0 1px 0 0;
2961
3200
  }
3201
+ .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3202
+ border-left-width: 2px;
3203
+ }
3204
+ .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3205
+ border-right-width: 2px;
3206
+ }
3207
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3208
+ border-right-width: 1px;
3209
+ }
3210
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3211
+ border-left-width: 1px;
3212
+ }
2962
3213
  .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 {
2963
3214
  border-left: 1px solid;
2964
3215
  border-right: 0;
@@ -2985,7 +3236,7 @@
2985
3236
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
2986
3237
  border-width: 1px 0 0;
2987
3238
  }
2988
- .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 {
3239
+ .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) {
2989
3240
  border-bottom-width: 1px;
2990
3241
  }
2991
3242
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -3013,7 +3264,7 @@
3013
3264
  .e-grid.e-rtl .e-ungroupbutton {
3014
3265
  float: left;
3015
3266
  }
3016
- .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
3267
+ .e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
3017
3268
  border-style: solid;
3018
3269
  border-width: 0 0 0 1px;
3019
3270
  }
@@ -3059,6 +3310,12 @@
3059
3310
  white-space: normal;
3060
3311
  word-wrap: break-word;
3061
3312
  }
3313
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3314
+ line-height: 17px;
3315
+ }
3316
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
3317
+ line-height: 19px;
3318
+ }
3062
3319
  .e-grid .e-stackedheadercelldiv {
3063
3320
  overflow: hidden;
3064
3321
  text-overflow: ellipsis;
@@ -3091,15 +3348,15 @@
3091
3348
  top: -1000px;
3092
3349
  width: 1px;
3093
3350
  }
3094
- .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 {
3351
+ .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) {
3095
3352
  border-left: 0;
3096
3353
  border-right: 0;
3097
3354
  border-top: 0;
3098
3355
  }
3099
- .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) {
3356
+ .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) {
3100
3357
  border-right: 0;
3101
3358
  }
3102
- .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3359
+ .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) {
3103
3360
  border-left: 0;
3104
3361
  }
3105
3362
  .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 {
@@ -3892,6 +4149,9 @@
3892
4149
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3893
4150
  box-shadow: 0 0 0 1px #0d6efd inset;
3894
4151
  }
4152
+ .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) {
4153
+ border-color: #0d6efd;
4154
+ }
3895
4155
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
3896
4156
  color: #adb5bd;
3897
4157
  }
@@ -3913,6 +4173,9 @@
3913
4173
  border-color: #0d6efd;
3914
4174
  z-index: 1;
3915
4175
  }
4176
+ .e-grid .e-autofill.e-freeze-autofill {
4177
+ z-index: 5;
4178
+ }
3916
4179
  .e-grid .e-xlsel {
3917
4180
  background-color: transparent;
3918
4181
  border-style: solid;
@@ -3923,6 +4186,7 @@
3923
4186
  background-color: #0d6efd;
3924
4187
  border-color: #0d6efd;
3925
4188
  position: absolute;
4189
+ z-index: 3;
3926
4190
  }
3927
4191
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
3928
4192
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3930,9 +4194,36 @@
3930
4194
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
3931
4195
  .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 {
3932
4196
  box-shadow: 0 2px 0 0 #0d6efd;
3933
- position: relative;
3934
4197
  z-index: 5;
3935
4198
  }
4199
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
4200
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
4201
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
4202
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
4203
+ .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 {
4204
+ z-index: 6;
4205
+ }
4206
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
4207
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
4208
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
4209
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
4210
+ .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 {
4211
+ z-index: 6;
4212
+ }
4213
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
4214
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
4215
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
4216
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
4217
+ .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 {
4218
+ z-index: 6;
4219
+ }
4220
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4221
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4222
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4223
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4224
+ .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) {
4225
+ position: relative;
4226
+ }
3936
4227
  .e-grid .e-gridheader {
3937
4228
  background-color: #212529;
3938
4229
  border-bottom-color: #444c54;
@@ -3942,6 +4233,9 @@
3942
4233
  .e-grid .e-gridcontent tr:first-child td {
3943
4234
  border-top-color: transparent;
3944
4235
  }
4236
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4237
+ border-top-color: #444c54;
4238
+ }
3945
4239
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
3946
4240
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
3947
4241
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -4046,6 +4340,60 @@
4046
4340
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
4047
4341
  border-right-color: #212529;
4048
4342
  }
4343
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
4344
+ border-left-color: #444c54;
4345
+ }
4346
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
4347
+ border-right-color: #444c54;
4348
+ }
4349
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
4350
+ border-right-color: #444c54;
4351
+ }
4352
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
4353
+ border-left-color: #444c54;
4354
+ }
4355
+ .e-grid .e-leftfreeze.e-freezeleftborder {
4356
+ border-right-color: #444c54;
4357
+ }
4358
+ .e-grid .e-rightfreeze.e-freezerightborder {
4359
+ border-left-color: #444c54;
4360
+ }
4361
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
4362
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
4363
+ border-left-color: #444c54;
4364
+ }
4365
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
4366
+ .e-grid .e-fixedfreeze.e-freezerightborder {
4367
+ border-right-color: #444c54;
4368
+ }
4369
+ .e-grid .e-xlsel-top-border {
4370
+ border-top-color: #444c54;
4371
+ }
4372
+ .e-grid .e-xlsel-left-border {
4373
+ border-left-color: #444c54;
4374
+ }
4375
+ .e-grid .e-xlsel-right-border {
4376
+ border-right-color: #444c54;
4377
+ }
4378
+ .e-grid .e-xlsel-bottom-border {
4379
+ border-bottom-color: #444c54;
4380
+ }
4381
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4382
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4383
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4384
+ background-color: #212529;
4385
+ }
4386
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
4387
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
4388
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
4389
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
4390
+ background-color: #282d31;
4391
+ }
4392
+ .e-grid .e-gridfooter .e-leftfreeze,
4393
+ .e-grid .e-gridfooter .e-rightfreeze,
4394
+ .e-grid .e-gridfooter .e-fixedfreeze {
4395
+ background-color: #282d31;
4396
+ }
4049
4397
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4050
4398
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4051
4399
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4070,6 +4418,9 @@
4070
4418
  .e-grid .e-row:hover .e-rowdragdrop {
4071
4419
  cursor: move;
4072
4420
  }
4421
+ .e-grid .e-notallowedcur .e-row:hover .e-rowdragdrop {
4422
+ cursor: not-allowed;
4423
+ }
4073
4424
  .e-grid .e-sortnumber {
4074
4425
  background-color: #495057;
4075
4426
  color: #ced4da;
@@ -4153,7 +4504,7 @@
4153
4504
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4154
4505
  border: 0 none;
4155
4506
  }
4156
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4507
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4157
4508
  border-bottom: 1px solid #444c54;
4158
4509
  border-right: 1px solid #444c54;
4159
4510
  }
@@ -4233,11 +4584,11 @@
4233
4584
  background-color: #d3f0e2;
4234
4585
  color: #21b26f;
4235
4586
  }
4236
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4587
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4237
4588
  border-top-color: #444c54;
4238
4589
  }
4239
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4240
- .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
4590
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
4591
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
4241
4592
  border-top: 1px solid #444c54;
4242
4593
  }
4243
4594
  .e-grid .e-ccdlg .e-footer-content {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'ej2-navigations/styles/pager/bootstrap5-dark-definition.scss';
3
3
  @import '../excel-filter/bootstrap5-dark-definition.scss';
4
4
  @import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';