@syncfusion/ej2-react-grids 22.2.11 → 23.1.36

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 (49) hide show
  1. package/CHANGELOG.md +25 -109
  2. package/diConfig.json +1 -1
  3. package/dist/ej2-react-grids.min.js +1 -1
  4. package/dist/ej2-react-grids.umd.min.js +1 -1
  5. package/package.json +9 -9
  6. package/styles/bootstrap-dark.css +373 -22
  7. package/styles/bootstrap.css +373 -22
  8. package/styles/bootstrap4.css +386 -22
  9. package/styles/bootstrap5-dark.css +373 -22
  10. package/styles/bootstrap5.css +373 -22
  11. package/styles/excel-filter/material-dark.css +0 -1
  12. package/styles/excel-filter/material.css +0 -1
  13. package/styles/excel-filter/material3-dark.css +0 -1
  14. package/styles/excel-filter/material3-dark.scss +1 -1
  15. package/styles/excel-filter/material3.css +0 -1
  16. package/styles/excel-filter/material3.scss +1 -1
  17. package/styles/excel-filter/tailwind-dark.css +0 -1
  18. package/styles/excel-filter/tailwind.css +0 -1
  19. package/styles/fabric-dark.css +373 -22
  20. package/styles/fabric.css +373 -22
  21. package/styles/fluent-dark.css +374 -23
  22. package/styles/fluent.css +374 -23
  23. package/styles/grid/bootstrap-dark.css +373 -22
  24. package/styles/grid/bootstrap.css +373 -22
  25. package/styles/grid/bootstrap4.css +386 -22
  26. package/styles/grid/bootstrap5-dark.css +373 -22
  27. package/styles/grid/bootstrap5.css +373 -22
  28. package/styles/grid/fabric-dark.css +373 -22
  29. package/styles/grid/fabric.css +373 -22
  30. package/styles/grid/fluent-dark.css +374 -23
  31. package/styles/grid/fluent.css +374 -23
  32. package/styles/grid/highcontrast-light.css +373 -22
  33. package/styles/grid/highcontrast.css +373 -22
  34. package/styles/grid/material-dark.css +378 -28
  35. package/styles/grid/material.css +373 -23
  36. package/styles/grid/material3-dark.css +390 -24
  37. package/styles/grid/material3-dark.scss +1 -1
  38. package/styles/grid/material3.css +390 -24
  39. package/styles/grid/material3.scss +1 -1
  40. package/styles/grid/tailwind-dark.css +373 -23
  41. package/styles/grid/tailwind.css +373 -23
  42. package/styles/highcontrast-light.css +373 -22
  43. package/styles/highcontrast.css +373 -22
  44. package/styles/material-dark.css +378 -28
  45. package/styles/material.css +373 -23
  46. package/styles/material3-dark.css +390 -25
  47. package/styles/material3.css +390 -24
  48. package/styles/tailwind-dark.css +373 -24
  49. package/styles/tailwind.css +373 -24
@@ -655,6 +655,14 @@
655
655
  .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
656
656
  line-height: 26px;
657
657
  }
658
+ .e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
659
+ .e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
660
+ line-height: 22px;
661
+ }
662
+ .e-bigger .e-grid .e-xlsel-bottom-border,
663
+ .e-grid.e-bigger .e-xlsel-bottom-border {
664
+ line-height: 24px;
665
+ }
658
666
  .e-bigger .e-grid .e-filterbarcell input,
659
667
  .e-grid.e-bigger .e-filterbarcell input {
660
668
  font-size: 14px;
@@ -878,6 +886,10 @@
878
886
  margin: 8px 10px 0 0;
879
887
  padding: 0 10px;
880
888
  }
889
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
890
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
891
+ padding: 0 10px;
892
+ }
881
893
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
882
894
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
883
895
  margin-left: 0;
@@ -1036,6 +1048,23 @@
1036
1048
  background-color: #0074cc;
1037
1049
  height: 2px;
1038
1050
  position: absolute;
1051
+ z-index: 5;
1052
+ }
1053
+ .e-grid .e-frozenrow-border {
1054
+ background-color: #fff;
1055
+ height: 2px;
1056
+ position: relative;
1057
+ z-index: 5;
1058
+ }
1059
+ .e-grid .e-frozenrow-border.e-frozenrow-empty {
1060
+ height: 0;
1061
+ }
1062
+ .e-grid.e-top-shadow .e-frozenrow-border {
1063
+ height: 4px;
1064
+ margin-top: -4px;
1065
+ background-color: transparent !important;
1066
+ box-shadow: 0px 4px 8px rgba(95, 87, 87, 0.26);
1067
+ clip-path: inset(0px 0px -15px 0px);
1039
1068
  }
1040
1069
  .e-grid .e-grid-relative {
1041
1070
  position: relative;
@@ -1066,10 +1095,17 @@
1066
1095
  border-right: 1px solid #414040;
1067
1096
  border-bottom: 0;
1068
1097
  }
1098
+ .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 {
1099
+ z-index: 5;
1100
+ }
1101
+ .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 {
1102
+ z-index: 6;
1103
+ }
1069
1104
  .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 {
1070
1105
  box-shadow: 0 2px 0 0 #0074cc;
1106
+ }
1107
+ .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) {
1071
1108
  position: relative;
1072
- z-index: 5;
1073
1109
  }
1074
1110
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1075
1111
  font-size: 10px;
@@ -1327,6 +1363,12 @@
1327
1363
  .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 {
1328
1364
  border-right: 0;
1329
1365
  }
1366
+ .e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1367
+ border-right: 0;
1368
+ }
1369
+ .e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1370
+ border-left: 0;
1371
+ }
1330
1372
  .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 {
1331
1373
  left: 0;
1332
1374
  }
@@ -1355,7 +1397,7 @@
1355
1397
  width: 1px;
1356
1398
  }
1357
1399
  .e-grid .e-virtual-rhandler {
1358
- z-index: 1;
1400
+ z-index: 5;
1359
1401
  }
1360
1402
  .e-grid.e-device .e-ricon::before {
1361
1403
  border-bottom: 6px solid transparent;
@@ -1440,9 +1482,12 @@
1440
1482
  -ms-user-select: none;
1441
1483
  user-select: none;
1442
1484
  }
1443
- .e-grid .e-gridcontent tr:first-child td {
1485
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1444
1486
  border-top: 0 none;
1445
1487
  }
1488
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1489
+ border-top-width: 2px;
1490
+ }
1446
1491
  .e-grid .e-gridheader tr:first-child th {
1447
1492
  border-top: 0 none;
1448
1493
  }
@@ -1464,10 +1509,11 @@
1464
1509
  border-top-style: solid;
1465
1510
  border-top-width: 1px;
1466
1511
  }
1467
- .e-grid .e-frozenhdrcont {
1512
+ .e-grid .e-frozenhdrcont,
1513
+ .e-grid .e-frozenhdr {
1468
1514
  border-bottom-width: 0;
1469
1515
  }
1470
- .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1516
+ .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
1471
1517
  border-top-style: solid;
1472
1518
  border-top-width: 1px;
1473
1519
  }
@@ -1507,6 +1553,26 @@
1507
1553
  white-space: nowrap;
1508
1554
  width: auto;
1509
1555
  }
1556
+ .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) {
1557
+ line-height: 24px;
1558
+ border-width: 1.5px;
1559
+ }
1560
+ .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) {
1561
+ line-height: 24px;
1562
+ border-width: 1.5px;
1563
+ }
1564
+ .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) {
1565
+ line-height: 24px;
1566
+ border-width: 1.5px;
1567
+ }
1568
+ .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) {
1569
+ line-height: 24px;
1570
+ border-width: 1.5px;
1571
+ }
1572
+ .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) {
1573
+ line-height: 24px;
1574
+ border-width: 1.5px;
1575
+ }
1510
1576
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1511
1577
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1512
1578
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1606,7 +1672,7 @@
1606
1672
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
1607
1673
  margin-top: 5px;
1608
1674
  }
1609
- .e-grid.e-default .e-rowcell.e-lastrowcell {
1675
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1610
1676
  border-bottom-width: 1px;
1611
1677
  }
1612
1678
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1616,7 +1682,7 @@
1616
1682
  border-bottom: 1px solid;
1617
1683
  border-bottom-color: #414040;
1618
1684
  }
1619
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
1685
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1620
1686
  border-bottom-width: 1px;
1621
1687
  }
1622
1688
  .e-grid.e-bothlines .e-rowcell {
@@ -1653,6 +1719,18 @@
1653
1719
  .e-grid.e-default .e-stackedheadercell {
1654
1720
  border-width: 1px 0 1px 1px;
1655
1721
  }
1722
+ .e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
1723
+ border-right-width: 2px;
1724
+ }
1725
+ .e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
1726
+ border-left-width: 2px;
1727
+ }
1728
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
1729
+ border-left-width: 1px;
1730
+ }
1731
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
1732
+ border-right-width: 1px;
1733
+ }
1656
1734
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1657
1735
  border-left-width: 0;
1658
1736
  }
@@ -1662,11 +1740,29 @@
1662
1740
  .e-grid.e-default table th[rowspan] {
1663
1741
  border-width: 0 0 0 1px;
1664
1742
  }
1743
+ .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1744
+ border-right-width: 2px;
1745
+ }
1746
+ .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1747
+ border-left-width: 2px;
1748
+ }
1749
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1750
+ border-left-width: 1px;
1751
+ }
1752
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1753
+ border-right-width: 1px;
1754
+ }
1755
+ .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1756
+ border-left-width: 0;
1757
+ }
1665
1758
  .e-grid tr th.e-firstcell {
1666
1759
  border-left-style: solid;
1667
1760
  border-left-width: 1px;
1668
1761
  }
1669
- .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) {
1762
+ .e-grid.e-default tr th.e-detailheadercell:first-child {
1763
+ border-left-width: 0;
1764
+ }
1765
+ .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) {
1670
1766
  border-left-width: 0;
1671
1767
  }
1672
1768
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1860,7 +1956,7 @@
1860
1956
  .e-grid.e-horizontallines .e-filterbarcell {
1861
1957
  border-width: 1px 0 0;
1862
1958
  }
1863
- .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
1959
+ .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) {
1864
1960
  border-bottom-width: 1px;
1865
1961
  }
1866
1962
  .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2378,10 +2474,10 @@
2378
2474
  border-top: 0;
2379
2475
  padding: 0;
2380
2476
  }
2381
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2477
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2382
2478
  border-top: 1px solid;
2383
2479
  }
2384
- .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
2480
+ .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) {
2385
2481
  border-top: 0;
2386
2482
  }
2387
2483
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2542,6 +2638,107 @@
2542
2638
  border-left: 2px solid;
2543
2639
  border-right: 0;
2544
2640
  }
2641
+ .e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
2642
+ z-index: 1;
2643
+ }
2644
+ .e-grid .e-leftfreeze,
2645
+ .e-grid .e-rightfreeze {
2646
+ position: sticky;
2647
+ z-index: 2;
2648
+ }
2649
+ .e-grid .e-fixedfreeze {
2650
+ position: sticky;
2651
+ z-index: 3;
2652
+ }
2653
+ .e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
2654
+ border-top-width: 2px;
2655
+ line-height: 24px;
2656
+ }
2657
+ .e-grid .e-xlsel-left-border,
2658
+ .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 {
2659
+ border-left-width: 2px;
2660
+ }
2661
+ .e-grid .e-xlsel-right-border,
2662
+ .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 {
2663
+ border-right-width: 2px;
2664
+ }
2665
+ .e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2666
+ line-height: 16px;
2667
+ }
2668
+ .e-grid.e-wrap .e-xlsel-bottom-border {
2669
+ line-height: 14px;
2670
+ }
2671
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2672
+ line-height: 16px;
2673
+ }
2674
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
2675
+ line-height: 14px;
2676
+ }
2677
+ .e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
2678
+ line-height: 22px;
2679
+ }
2680
+ .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
2681
+ line-height: 22px;
2682
+ }
2683
+ .e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
2684
+ border-bottom-width: 2px;
2685
+ line-height: 24px;
2686
+ }
2687
+ .e-grid .e-virtual-content.e-content {
2688
+ overflow-x: hidden;
2689
+ }
2690
+ .e-grid .e-leftfreeze.e-freezeleftborder {
2691
+ border-right-width: 2px;
2692
+ }
2693
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2694
+ clip-path: inset(0 -15px 0 0);
2695
+ box-shadow: 4px 0 8px rgba(95, 87, 87, 0.16);
2696
+ }
2697
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
2698
+ border-right-color: transparent;
2699
+ }
2700
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2701
+ box-shadow: 0 2px 0 0 #0074cc, 4px 0 8px rgba(95, 87, 87, 0.16);
2702
+ }
2703
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2704
+ clip-path: inset(0 0 0 -15px);
2705
+ box-shadow: -4px 0 8px rgba(95, 87, 87, 0.16);
2706
+ }
2707
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
2708
+ border-left-color: transparent;
2709
+ }
2710
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2711
+ box-shadow: 0 2px 0 0 #0074cc, -4px 0 8px rgba(95, 87, 87, 0.16);
2712
+ }
2713
+ .e-grid .e-rightfreeze.e-freezerightborder {
2714
+ border-left-width: 2px;
2715
+ }
2716
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2717
+ clip-path: inset(0 0 0 -15px);
2718
+ box-shadow: -4px 0 8px rgba(95, 87, 87, 0.16);
2719
+ }
2720
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
2721
+ border-left-color: transparent;
2722
+ }
2723
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2724
+ box-shadow: 0 2px 0 0 #0074cc, -4px 0 8px rgba(95, 87, 87, 0.16);
2725
+ }
2726
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2727
+ clip-path: inset(0 -15px 0 0);
2728
+ box-shadow: 4px 0 8px rgba(95, 87, 87, 0.16);
2729
+ }
2730
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
2731
+ border-right-color: transparent;
2732
+ }
2733
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2734
+ box-shadow: 0 2px 0 0 #0074cc, 4px 0 8px rgba(95, 87, 87, 0.16);
2735
+ }
2736
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
2737
+ border-left-width: 1px;
2738
+ }
2739
+ .e-grid .e-fixedfreeze.e-freezerightborder {
2740
+ border-right-width: 1px;
2741
+ }
2545
2742
  .e-grid .e-frozenheader {
2546
2743
  float: left;
2547
2744
  width: min-content;
@@ -2639,6 +2836,18 @@
2639
2836
  padding-left: 0;
2640
2837
  padding-right: 7px;
2641
2838
  }
2839
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
2840
+ border-left-width: 2px;
2841
+ }
2842
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
2843
+ border-right-width: 2px;
2844
+ }
2845
+ .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
2846
+ border-right-width: 1px;
2847
+ }
2848
+ .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
2849
+ border-left-width: 1px;
2850
+ }
2642
2851
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
2643
2852
  border-width: 0;
2644
2853
  text-align: right;
@@ -2759,6 +2968,36 @@
2759
2968
  .e-grid.e-rtl .e-rowcell {
2760
2969
  border-width: 1px 0 0;
2761
2970
  }
2971
+ .e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
2972
+ border-left-width: 2px;
2973
+ }
2974
+ .e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
2975
+ border-right-width: 2px;
2976
+ }
2977
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
2978
+ border-right-width: 1px;
2979
+ }
2980
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
2981
+ border-left-width: 1px;
2982
+ }
2983
+ .e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
2984
+ border-left-width: 2px;
2985
+ }
2986
+ .e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
2987
+ border-right-width: 2px;
2988
+ }
2989
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
2990
+ border-right-width: 1px;
2991
+ }
2992
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
2993
+ border-left-width: 1px;
2994
+ }
2995
+ .e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
2996
+ border-left-width: 0;
2997
+ }
2998
+ .e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
2999
+ border-right-width: 0;
3000
+ }
2762
3001
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
2763
3002
  border-width: 1px 0 0;
2764
3003
  }
@@ -2780,7 +3019,7 @@
2780
3019
  .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 {
2781
3020
  border-left-width: 0;
2782
3021
  }
2783
- .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
3022
+ .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 {
2784
3023
  border-left: 0;
2785
3024
  }
2786
3025
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2867,6 +3106,18 @@
2867
3106
  .e-grid.e-rtl.e-default table th[rowspan] {
2868
3107
  border-width: 0 1px 0 0;
2869
3108
  }
3109
+ .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3110
+ border-left-width: 2px;
3111
+ }
3112
+ .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3113
+ border-right-width: 2px;
3114
+ }
3115
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3116
+ border-right-width: 1px;
3117
+ }
3118
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3119
+ border-left-width: 1px;
3120
+ }
2870
3121
  .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 {
2871
3122
  border-left: 1px solid;
2872
3123
  border-right: 0;
@@ -2893,7 +3144,7 @@
2893
3144
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
2894
3145
  border-width: 1px 0 0;
2895
3146
  }
2896
- .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 {
3147
+ .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) {
2897
3148
  border-bottom-width: 1px;
2898
3149
  }
2899
3150
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -2921,7 +3172,7 @@
2921
3172
  .e-grid.e-rtl .e-ungroupbutton {
2922
3173
  float: left;
2923
3174
  }
2924
- .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
3175
+ .e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
2925
3176
  border-style: solid;
2926
3177
  border-width: 0 0 0 1px;
2927
3178
  }
@@ -2967,6 +3218,12 @@
2967
3218
  white-space: normal;
2968
3219
  word-wrap: break-word;
2969
3220
  }
3221
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3222
+ line-height: 14px;
3223
+ }
3224
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
3225
+ line-height: 16px;
3226
+ }
2970
3227
  .e-grid .e-stackedheadercelldiv {
2971
3228
  overflow: hidden;
2972
3229
  text-overflow: ellipsis;
@@ -2999,15 +3256,15 @@
2999
3256
  top: -1000px;
3000
3257
  width: 1px;
3001
3258
  }
3002
- .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 {
3259
+ .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) {
3003
3260
  border-left: 0;
3004
3261
  border-right: 0;
3005
3262
  border-top: 0;
3006
3263
  }
3007
- .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) {
3264
+ .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) {
3008
3265
  border-right: 0;
3009
3266
  }
3010
- .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3267
+ .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) {
3011
3268
  border-left: 0;
3012
3269
  }
3013
3270
  .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 {
@@ -3785,6 +4042,9 @@
3785
4042
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3786
4043
  box-shadow: 0 0 0 1px #dadada inset;
3787
4044
  }
4045
+ .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) {
4046
+ border-color: #dadada;
4047
+ }
3788
4048
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
3789
4049
  color: #dadada;
3790
4050
  }
@@ -3806,6 +4066,9 @@
3806
4066
  border-color: #0074cc;
3807
4067
  z-index: 1;
3808
4068
  }
4069
+ .e-grid .e-autofill.e-freeze-autofill {
4070
+ z-index: 5;
4071
+ }
3809
4072
  .e-grid .e-xlsel {
3810
4073
  background-color: transparent;
3811
4074
  border-style: solid;
@@ -3816,6 +4079,7 @@
3816
4079
  background-color: #0074cc;
3817
4080
  border-color: #0074cc;
3818
4081
  position: absolute;
4082
+ z-index: 3;
3819
4083
  }
3820
4084
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
3821
4085
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3823,9 +4087,36 @@
3823
4087
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
3824
4088
  .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 {
3825
4089
  box-shadow: 0 2px 0 0 #0074cc;
3826
- position: relative;
3827
4090
  z-index: 5;
3828
4091
  }
4092
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
4093
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
4094
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
4095
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
4096
+ .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 {
4097
+ z-index: 6;
4098
+ }
4099
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
4100
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
4101
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
4102
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
4103
+ .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 {
4104
+ z-index: 6;
4105
+ }
4106
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
4107
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
4108
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
4109
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
4110
+ .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 {
4111
+ z-index: 6;
4112
+ }
4113
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4114
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4115
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4116
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4117
+ .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) {
4118
+ position: relative;
4119
+ }
3829
4120
  .e-grid .e-gridheader {
3830
4121
  background-color: #201f1f;
3831
4122
  border-bottom-color: #414040;
@@ -3835,6 +4126,9 @@
3835
4126
  .e-grid .e-gridcontent tr:first-child td {
3836
4127
  border-top-color: transparent;
3837
4128
  }
4129
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4130
+ border-top-color: #fff;
4131
+ }
3838
4132
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
3839
4133
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
3840
4134
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -3939,6 +4233,60 @@
3939
4233
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
3940
4234
  border-right-color: #201f1f;
3941
4235
  }
4236
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
4237
+ border-left-color: #fff;
4238
+ }
4239
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
4240
+ border-right-color: #fff;
4241
+ }
4242
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
4243
+ border-right-color: #fff;
4244
+ }
4245
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
4246
+ border-left-color: #fff;
4247
+ }
4248
+ .e-grid .e-leftfreeze.e-freezeleftborder {
4249
+ border-right-color: #fff;
4250
+ }
4251
+ .e-grid .e-rightfreeze.e-freezerightborder {
4252
+ border-left-color: #fff;
4253
+ }
4254
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
4255
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
4256
+ border-left-color: #fff;
4257
+ }
4258
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
4259
+ .e-grid .e-fixedfreeze.e-freezerightborder {
4260
+ border-right-color: #fff;
4261
+ }
4262
+ .e-grid .e-xlsel-top-border {
4263
+ border-top-color: #fff;
4264
+ }
4265
+ .e-grid .e-xlsel-left-border {
4266
+ border-left-color: #fff;
4267
+ }
4268
+ .e-grid .e-xlsel-right-border {
4269
+ border-right-color: #fff;
4270
+ }
4271
+ .e-grid .e-xlsel-bottom-border {
4272
+ border-bottom-color: #fff;
4273
+ }
4274
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4275
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4276
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4277
+ background-color: #201f1f;
4278
+ }
4279
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
4280
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
4281
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
4282
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
4283
+ background-color: #201f1f;
4284
+ }
4285
+ .e-grid .e-gridfooter .e-leftfreeze,
4286
+ .e-grid .e-gridfooter .e-rightfreeze,
4287
+ .e-grid .e-gridfooter .e-fixedfreeze {
4288
+ background-color: #333232;
4289
+ }
3942
4290
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
3943
4291
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
3944
4292
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4046,7 +4394,7 @@
4046
4394
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4047
4395
  border: 0 none;
4048
4396
  }
4049
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4397
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4050
4398
  border-bottom: 1px solid #414040;
4051
4399
  border-right: 1px solid #414040;
4052
4400
  }
@@ -4126,11 +4474,11 @@
4126
4474
  background-color: #d7f9c7;
4127
4475
  color: #dadada;
4128
4476
  }
4129
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4477
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4130
4478
  border-top-color: #414040;
4131
4479
  }
4132
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4133
- .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
4480
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
4481
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
4134
4482
  border-top: 1px solid #414040;
4135
4483
  }
4136
4484
  .e-grid .e-ccdlg .e-footer-content {
@@ -4146,6 +4494,9 @@
4146
4494
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4147
4495
  color: #dadada;
4148
4496
  }
4497
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4498
+ box-shadow: none;
4499
+ }
4149
4500
  .e-grid .e-cloneproperties.e-draganddrop table,
4150
4501
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4151
4502
  background-color: #414040;