@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/material3-definition.scss';
1
+ @import 'ej2-base/styles/definition/material3.scss';
2
2
 
3
3
  @import 'ej2-navigations/styles/pager/material3-definition.scss';
4
4
  @import '../excel-filter/material3-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
4
3
  transform: rotate(0deg);
@@ -697,6 +696,14 @@
697
696
  .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
698
697
  line-height: 24px;
699
698
  }
699
+ .e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
700
+ .e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
701
+ line-height: 18px;
702
+ }
703
+ .e-bigger .e-grid .e-xlsel-bottom-border,
704
+ .e-grid.e-bigger .e-xlsel-bottom-border {
705
+ line-height: 20px;
706
+ }
700
707
  .e-bigger .e-grid .e-filterbarcell input,
701
708
  .e-grid.e-bigger .e-filterbarcell input {
702
709
  font-size: 16px;
@@ -1116,6 +1123,23 @@
1116
1123
  background-color: #22d3ee;
1117
1124
  height: 2px;
1118
1125
  position: absolute;
1126
+ z-index: 5;
1127
+ }
1128
+ .e-grid .e-frozenrow-border {
1129
+ background-color: #4b5563;
1130
+ height: 2px;
1131
+ position: relative;
1132
+ z-index: 5;
1133
+ }
1134
+ .e-grid .e-frozenrow-border.e-frozenrow-empty {
1135
+ height: 0;
1136
+ }
1137
+ .e-grid.e-top-shadow .e-frozenrow-border {
1138
+ height: 4px;
1139
+ margin-top: -4px;
1140
+ background-color: transparent !important;
1141
+ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
1142
+ clip-path: inset(0px 0px -15px 0px);
1119
1143
  }
1120
1144
  .e-grid .e-grid-relative {
1121
1145
  position: relative;
@@ -1147,10 +1171,17 @@
1147
1171
  border-right: 1px solid #4b5563;
1148
1172
  border-bottom: 0;
1149
1173
  }
1174
+ .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 {
1175
+ z-index: 5;
1176
+ }
1177
+ .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 {
1178
+ z-index: 6;
1179
+ }
1150
1180
  .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 {
1151
1181
  box-shadow: 0 2px 0 0 #22d3ee;
1182
+ }
1183
+ .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) {
1152
1184
  position: relative;
1153
- z-index: 5;
1154
1185
  }
1155
1186
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1156
1187
  font-size: 14px;
@@ -1411,6 +1442,12 @@
1411
1442
  .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 {
1412
1443
  border-right: 0;
1413
1444
  }
1445
+ .e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1446
+ border-right: 0;
1447
+ }
1448
+ .e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1449
+ border-left: 0;
1450
+ }
1414
1451
  .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 {
1415
1452
  left: 0;
1416
1453
  }
@@ -1439,7 +1476,7 @@
1439
1476
  width: 1px;
1440
1477
  }
1441
1478
  .e-grid .e-virtual-rhandler {
1442
- z-index: 1;
1479
+ z-index: 5;
1443
1480
  }
1444
1481
  .e-grid.e-device .e-ricon::before {
1445
1482
  border-bottom: 6px solid transparent;
@@ -1503,6 +1540,10 @@
1503
1540
  .e-grid .e-headercelldiv.e-headerchkcelldiv {
1504
1541
  overflow: visible;
1505
1542
  }
1543
+ .e-grid .e-headercell.e-templatecell .e-headercelldiv {
1544
+ height: auto;
1545
+ min-height: 16px;
1546
+ }
1506
1547
  .e-grid .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
1507
1548
  padding: 0 0.6em;
1508
1549
  }
@@ -1524,9 +1565,12 @@
1524
1565
  -ms-user-select: none;
1525
1566
  user-select: none;
1526
1567
  }
1527
- .e-grid .e-gridcontent tr:first-child td {
1568
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1528
1569
  border-top: 0 none;
1529
1570
  }
1571
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1572
+ border-top-width: 2px;
1573
+ }
1530
1574
  .e-grid .e-gridheader tr:first-child th {
1531
1575
  border-top: 0 none;
1532
1576
  }
@@ -1548,10 +1592,11 @@
1548
1592
  border-top-style: solid;
1549
1593
  border-top-width: 1px;
1550
1594
  }
1551
- .e-grid .e-frozenhdrcont {
1595
+ .e-grid .e-frozenhdrcont,
1596
+ .e-grid .e-frozenhdr {
1552
1597
  border-bottom-width: 0;
1553
1598
  }
1554
- .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1599
+ .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
1555
1600
  border-top-style: solid;
1556
1601
  border-top-width: 1px;
1557
1602
  }
@@ -1591,6 +1636,26 @@
1591
1636
  white-space: nowrap;
1592
1637
  width: auto;
1593
1638
  }
1639
+ .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) {
1640
+ line-height: 20px;
1641
+ border-width: 1.5px;
1642
+ }
1643
+ .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) {
1644
+ line-height: 20px;
1645
+ border-width: 1.5px;
1646
+ }
1647
+ .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) {
1648
+ line-height: 20px;
1649
+ border-width: 1.5px;
1650
+ }
1651
+ .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) {
1652
+ line-height: 20px;
1653
+ border-width: 1.5px;
1654
+ }
1655
+ .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) {
1656
+ line-height: 20px;
1657
+ border-width: 1.5px;
1658
+ }
1594
1659
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1595
1660
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1596
1661
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1691,7 +1756,7 @@
1691
1756
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
1692
1757
  margin-top: 0;
1693
1758
  }
1694
- .e-grid.e-default .e-rowcell.e-lastrowcell {
1759
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1695
1760
  border-bottom-width: 1px;
1696
1761
  }
1697
1762
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1701,7 +1766,7 @@
1701
1766
  border-bottom: 1px solid;
1702
1767
  border-bottom-color: #4b5563;
1703
1768
  }
1704
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
1769
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1705
1770
  border-bottom-width: 1px;
1706
1771
  }
1707
1772
  .e-grid.e-bothlines .e-rowcell {
@@ -1738,6 +1803,18 @@
1738
1803
  .e-grid.e-default .e-stackedheadercell {
1739
1804
  border-width: 1px 0 1px 1px;
1740
1805
  }
1806
+ .e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
1807
+ border-right-width: 2px;
1808
+ }
1809
+ .e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
1810
+ border-left-width: 2px;
1811
+ }
1812
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
1813
+ border-left-width: 1px;
1814
+ }
1815
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
1816
+ border-right-width: 1px;
1817
+ }
1741
1818
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1742
1819
  border-left-width: 0;
1743
1820
  }
@@ -1747,11 +1824,29 @@
1747
1824
  .e-grid.e-default table th[rowspan] {
1748
1825
  border-width: 0 0 0 1px;
1749
1826
  }
1827
+ .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1828
+ border-right-width: 2px;
1829
+ }
1830
+ .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1831
+ border-left-width: 2px;
1832
+ }
1833
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1834
+ border-left-width: 1px;
1835
+ }
1836
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1837
+ border-right-width: 1px;
1838
+ }
1839
+ .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1840
+ border-left-width: 0;
1841
+ }
1750
1842
  .e-grid tr th.e-firstcell {
1751
1843
  border-left-style: solid;
1752
1844
  border-left-width: 1px;
1753
1845
  }
1754
- .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) {
1846
+ .e-grid.e-default tr th.e-detailheadercell:first-child {
1847
+ border-left-width: 0;
1848
+ }
1849
+ .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) {
1755
1850
  border-left-width: 0;
1756
1851
  }
1757
1852
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1961,7 +2056,7 @@
1961
2056
  .e-grid.e-horizontallines .e-filterbarcell {
1962
2057
  border-width: 1px 0 0;
1963
2058
  }
1964
- .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
2059
+ .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) {
1965
2060
  border-bottom-width: 1px;
1966
2061
  }
1967
2062
  .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2486,10 +2581,10 @@
2486
2581
  border-top: 0;
2487
2582
  padding: 0;
2488
2583
  }
2489
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2584
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2490
2585
  border-top: 1px solid;
2491
2586
  }
2492
- .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
2587
+ .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) {
2493
2588
  border-top: 0;
2494
2589
  }
2495
2590
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2650,6 +2745,107 @@
2650
2745
  border-left: 3px solid;
2651
2746
  border-right: 0;
2652
2747
  }
2748
+ .e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
2749
+ z-index: 1;
2750
+ }
2751
+ .e-grid .e-leftfreeze,
2752
+ .e-grid .e-rightfreeze {
2753
+ position: sticky;
2754
+ z-index: 2;
2755
+ }
2756
+ .e-grid .e-fixedfreeze {
2757
+ position: sticky;
2758
+ z-index: 3;
2759
+ }
2760
+ .e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
2761
+ border-top-width: 2px;
2762
+ line-height: 20px;
2763
+ }
2764
+ .e-grid .e-xlsel-left-border,
2765
+ .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 {
2766
+ border-left-width: 2px;
2767
+ }
2768
+ .e-grid .e-xlsel-right-border,
2769
+ .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 {
2770
+ border-right-width: 2px;
2771
+ }
2772
+ .e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2773
+ line-height: 19px;
2774
+ }
2775
+ .e-grid.e-wrap .e-xlsel-bottom-border {
2776
+ line-height: 17px;
2777
+ }
2778
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2779
+ line-height: 19px;
2780
+ }
2781
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
2782
+ line-height: 17px;
2783
+ }
2784
+ .e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
2785
+ line-height: 18px;
2786
+ }
2787
+ .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
2788
+ line-height: 18px;
2789
+ }
2790
+ .e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
2791
+ border-bottom-width: 2px;
2792
+ line-height: 20px;
2793
+ }
2794
+ .e-grid .e-virtual-content.e-content {
2795
+ overflow-x: hidden;
2796
+ }
2797
+ .e-grid .e-leftfreeze.e-freezeleftborder {
2798
+ border-right-width: 2px;
2799
+ }
2800
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2801
+ clip-path: inset(0 -15px 0 0);
2802
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2803
+ }
2804
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
2805
+ border-right-color: transparent;
2806
+ }
2807
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2808
+ box-shadow: 0 2px 0 0 #22d3ee, 4px 0 8px rgba(0, 0, 0, 0.12);
2809
+ }
2810
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2811
+ clip-path: inset(0 0 0 -15px);
2812
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2813
+ }
2814
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
2815
+ border-left-color: transparent;
2816
+ }
2817
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2818
+ box-shadow: 0 2px 0 0 #22d3ee, -4px 0 8px rgba(0, 0, 0, 0.12);
2819
+ }
2820
+ .e-grid .e-rightfreeze.e-freezerightborder {
2821
+ border-left-width: 2px;
2822
+ }
2823
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2824
+ clip-path: inset(0 0 0 -15px);
2825
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2826
+ }
2827
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
2828
+ border-left-color: transparent;
2829
+ }
2830
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2831
+ box-shadow: 0 2px 0 0 #22d3ee, -4px 0 8px rgba(0, 0, 0, 0.12);
2832
+ }
2833
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2834
+ clip-path: inset(0 -15px 0 0);
2835
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2836
+ }
2837
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
2838
+ border-right-color: transparent;
2839
+ }
2840
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2841
+ box-shadow: 0 2px 0 0 #22d3ee, 4px 0 8px rgba(0, 0, 0, 0.12);
2842
+ }
2843
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
2844
+ border-left-width: 1px;
2845
+ }
2846
+ .e-grid .e-fixedfreeze.e-freezerightborder {
2847
+ border-right-width: 1px;
2848
+ }
2653
2849
  .e-grid .e-frozenheader {
2654
2850
  float: left;
2655
2851
  width: min-content;
@@ -2747,6 +2943,18 @@
2747
2943
  padding-left: 0;
2748
2944
  padding-right: 8px;
2749
2945
  }
2946
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
2947
+ border-left-width: 2px;
2948
+ }
2949
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
2950
+ border-right-width: 2px;
2951
+ }
2952
+ .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
2953
+ border-right-width: 1px;
2954
+ }
2955
+ .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
2956
+ border-left-width: 1px;
2957
+ }
2750
2958
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
2751
2959
  border-width: 0;
2752
2960
  text-align: right;
@@ -2872,6 +3080,36 @@
2872
3080
  .e-grid.e-rtl .e-rowcell {
2873
3081
  border-width: 1px 0 0;
2874
3082
  }
3083
+ .e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
3084
+ border-left-width: 2px;
3085
+ }
3086
+ .e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
3087
+ border-right-width: 2px;
3088
+ }
3089
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
3090
+ border-right-width: 1px;
3091
+ }
3092
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
3093
+ border-left-width: 1px;
3094
+ }
3095
+ .e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
3096
+ border-left-width: 2px;
3097
+ }
3098
+ .e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
3099
+ border-right-width: 2px;
3100
+ }
3101
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
3102
+ border-right-width: 1px;
3103
+ }
3104
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
3105
+ border-left-width: 1px;
3106
+ }
3107
+ .e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
3108
+ border-left-width: 0;
3109
+ }
3110
+ .e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
3111
+ border-right-width: 0;
3112
+ }
2875
3113
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
2876
3114
  border-width: 2px 0 0;
2877
3115
  }
@@ -2893,7 +3131,7 @@
2893
3131
  .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 {
2894
3132
  border-left-width: 0;
2895
3133
  }
2896
- .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
3134
+ .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 {
2897
3135
  border-left: 0;
2898
3136
  }
2899
3137
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2980,6 +3218,18 @@
2980
3218
  .e-grid.e-rtl.e-default table th[rowspan] {
2981
3219
  border-width: 0 1px 0 0;
2982
3220
  }
3221
+ .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3222
+ border-left-width: 2px;
3223
+ }
3224
+ .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3225
+ border-right-width: 2px;
3226
+ }
3227
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3228
+ border-right-width: 1px;
3229
+ }
3230
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3231
+ border-left-width: 1px;
3232
+ }
2983
3233
  .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 {
2984
3234
  border-left: 1px solid;
2985
3235
  border-right: 0;
@@ -3006,7 +3256,7 @@
3006
3256
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
3007
3257
  border-width: 1px 0 0;
3008
3258
  }
3009
- .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 {
3259
+ .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) {
3010
3260
  border-bottom-width: 1px;
3011
3261
  }
3012
3262
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -3034,7 +3284,7 @@
3034
3284
  .e-grid.e-rtl .e-ungroupbutton {
3035
3285
  float: left;
3036
3286
  }
3037
- .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
3287
+ .e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
3038
3288
  border-style: solid;
3039
3289
  border-width: 0 0 0 1px;
3040
3290
  }
@@ -3080,6 +3330,12 @@
3080
3330
  white-space: normal;
3081
3331
  word-wrap: break-word;
3082
3332
  }
3333
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3334
+ line-height: 17px;
3335
+ }
3336
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
3337
+ line-height: 19px;
3338
+ }
3083
3339
  .e-grid .e-stackedheadercelldiv {
3084
3340
  overflow: hidden;
3085
3341
  text-overflow: ellipsis;
@@ -3112,15 +3368,15 @@
3112
3368
  top: -1000px;
3113
3369
  width: 1px;
3114
3370
  }
3115
- .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 {
3371
+ .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) {
3116
3372
  border-left: 0;
3117
3373
  border-right: 0;
3118
3374
  border-top: 0;
3119
3375
  }
3120
- .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) {
3376
+ .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) {
3121
3377
  border-right: 0;
3122
3378
  }
3123
- .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3379
+ .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) {
3124
3380
  border-left: 0;
3125
3381
  }
3126
3382
  .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 {
@@ -3911,6 +4167,9 @@
3911
4167
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3912
4168
  box-shadow: 0 0 0 1px #22d3ee inset;
3913
4169
  }
4170
+ .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) {
4171
+ border-color: #22d3ee;
4172
+ }
3914
4173
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
3915
4174
  color: #d1d5db;
3916
4175
  }
@@ -3932,6 +4191,9 @@
3932
4191
  border-color: #22d3ee;
3933
4192
  z-index: 1;
3934
4193
  }
4194
+ .e-grid .e-autofill.e-freeze-autofill {
4195
+ z-index: 5;
4196
+ }
3935
4197
  .e-grid .e-xlsel {
3936
4198
  background-color: transparent;
3937
4199
  border-style: solid;
@@ -3942,6 +4204,7 @@
3942
4204
  background-color: #22d3ee;
3943
4205
  border-color: #22d3ee;
3944
4206
  position: absolute;
4207
+ z-index: 3;
3945
4208
  }
3946
4209
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
3947
4210
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3949,9 +4212,36 @@
3949
4212
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
3950
4213
  .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 {
3951
4214
  box-shadow: 0 2px 0 0 #22d3ee;
3952
- position: relative;
3953
4215
  z-index: 5;
3954
4216
  }
4217
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
4218
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
4219
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
4220
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
4221
+ .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 {
4222
+ z-index: 6;
4223
+ }
4224
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
4225
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
4226
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
4227
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
4228
+ .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 {
4229
+ z-index: 6;
4230
+ }
4231
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
4232
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
4233
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
4234
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
4235
+ .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 {
4236
+ z-index: 6;
4237
+ }
4238
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4239
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4240
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4241
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4242
+ .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) {
4243
+ position: relative;
4244
+ }
3955
4245
  .e-grid .e-gridheader {
3956
4246
  background-color: #232e3e;
3957
4247
  border-bottom-color: #4b5563;
@@ -3961,6 +4251,9 @@
3961
4251
  .e-grid .e-gridcontent tr:first-child td {
3962
4252
  border-top-color: transparent;
3963
4253
  }
4254
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4255
+ border-top-color: #4b5563;
4256
+ }
3964
4257
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
3965
4258
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
3966
4259
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -4065,6 +4358,60 @@
4065
4358
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
4066
4359
  border-right-color: #1f2937;
4067
4360
  }
4361
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
4362
+ border-left-color: #4b5563;
4363
+ }
4364
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
4365
+ border-right-color: #4b5563;
4366
+ }
4367
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
4368
+ border-right-color: #4b5563;
4369
+ }
4370
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
4371
+ border-left-color: #4b5563;
4372
+ }
4373
+ .e-grid .e-leftfreeze.e-freezeleftborder {
4374
+ border-right-color: #4b5563;
4375
+ }
4376
+ .e-grid .e-rightfreeze.e-freezerightborder {
4377
+ border-left-color: #4b5563;
4378
+ }
4379
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
4380
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
4381
+ border-left-color: #4b5563;
4382
+ }
4383
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
4384
+ .e-grid .e-fixedfreeze.e-freezerightborder {
4385
+ border-right-color: #4b5563;
4386
+ }
4387
+ .e-grid .e-xlsel-top-border {
4388
+ border-top-color: #4b5563;
4389
+ }
4390
+ .e-grid .e-xlsel-left-border {
4391
+ border-left-color: #4b5563;
4392
+ }
4393
+ .e-grid .e-xlsel-right-border {
4394
+ border-right-color: #4b5563;
4395
+ }
4396
+ .e-grid .e-xlsel-bottom-border {
4397
+ border-bottom-color: #4b5563;
4398
+ }
4399
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4400
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4401
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4402
+ background-color: #1f2937;
4403
+ }
4404
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
4405
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
4406
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
4407
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
4408
+ background-color: #232e3e;
4409
+ }
4410
+ .e-grid .e-gridfooter .e-leftfreeze,
4411
+ .e-grid .e-gridfooter .e-rightfreeze,
4412
+ .e-grid .e-gridfooter .e-fixedfreeze {
4413
+ background-color: #232e3e;
4414
+ }
4068
4415
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4069
4416
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4070
4417
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4089,6 +4436,9 @@
4089
4436
  .e-grid .e-row:hover .e-rowdragdrop {
4090
4437
  cursor: move;
4091
4438
  }
4439
+ .e-grid .e-notallowedcur .e-row:hover .e-rowdragdrop {
4440
+ cursor: not-allowed;
4441
+ }
4092
4442
  .e-grid .e-sortnumber {
4093
4443
  background-color: #4b5563;
4094
4444
  color: #9ca3af;
@@ -4172,7 +4522,7 @@
4172
4522
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4173
4523
  border: 0 none;
4174
4524
  }
4175
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4525
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4176
4526
  border-bottom: 1px solid #4b5563;
4177
4527
  border-right: 1px solid #4b5563;
4178
4528
  }
@@ -4252,11 +4602,11 @@
4252
4602
  background-color: #dcfce7;
4253
4603
  color: #22c55e;
4254
4604
  }
4255
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4605
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4256
4606
  border-top-color: #4b5563;
4257
4607
  }
4258
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4259
- .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
4608
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
4609
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
4260
4610
  border-top: 1px solid #4b5563;
4261
4611
  }
4262
4612
  .e-grid .e-ccdlg .e-footer-content {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'ej2-navigations/styles/pager/tailwind-dark-definition.scss';
3
3
  @import '../excel-filter/tailwind-dark-definition.scss';
4
4
  @import 'ej2-inputs/styles/input/tailwind-dark-definition.scss';