@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,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -696,6 +695,14 @@
696
695
  .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
697
696
  line-height: 27px;
698
697
  }
698
+ .e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
699
+ .e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
700
+ line-height: 23px;
701
+ }
702
+ .e-bigger .e-grid .e-xlsel-bottom-border,
703
+ .e-grid.e-bigger .e-xlsel-bottom-border {
704
+ line-height: 25px;
705
+ }
699
706
  .e-bigger .e-grid .e-filterbarcell input,
700
707
  .e-grid.e-bigger .e-filterbarcell input {
701
708
  font-size: 13px;
@@ -1081,6 +1088,23 @@
1081
1088
  background-color: #00b0ff;
1082
1089
  height: 2px;
1083
1090
  position: absolute;
1091
+ z-index: 5;
1092
+ }
1093
+ .e-grid .e-frozenrow-border {
1094
+ background-color: rgba(255, 255, 255, 0.8);
1095
+ height: 2px;
1096
+ position: relative;
1097
+ z-index: 5;
1098
+ }
1099
+ .e-grid .e-frozenrow-border.e-frozenrow-empty {
1100
+ height: 0;
1101
+ }
1102
+ .e-grid.e-top-shadow .e-frozenrow-border {
1103
+ height: 4px;
1104
+ margin-top: -4px;
1105
+ background-color: transparent !important;
1106
+ box-shadow: 0px 4px 8px rgba(95, 87, 87, 0.26);
1107
+ clip-path: inset(0px 0px -15px 0px);
1084
1108
  }
1085
1109
  .e-grid .e-grid-relative {
1086
1110
  position: relative;
@@ -1111,10 +1135,17 @@
1111
1135
  border-right: 1px solid #616161;
1112
1136
  border-bottom: 0;
1113
1137
  }
1138
+ .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 {
1139
+ z-index: 5;
1140
+ }
1141
+ .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 {
1142
+ z-index: 6;
1143
+ }
1114
1144
  .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 {
1115
1145
  box-shadow: 0 2px 0 0 #00b0ff;
1146
+ }
1147
+ .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) {
1116
1148
  position: relative;
1117
- z-index: 5;
1118
1149
  }
1119
1150
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1120
1151
  font-size: 10px;
@@ -1372,6 +1403,12 @@
1372
1403
  .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 {
1373
1404
  border-right: 0;
1374
1405
  }
1406
+ .e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1407
+ border-right: 0;
1408
+ }
1409
+ .e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1410
+ border-left: 0;
1411
+ }
1375
1412
  .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 {
1376
1413
  left: 0;
1377
1414
  }
@@ -1400,7 +1437,7 @@
1400
1437
  width: 1px;
1401
1438
  }
1402
1439
  .e-grid .e-virtual-rhandler {
1403
- z-index: 1;
1440
+ z-index: 5;
1404
1441
  }
1405
1442
  .e-grid.e-device .e-ricon::before {
1406
1443
  border-bottom: 6px solid transparent;
@@ -1464,6 +1501,10 @@
1464
1501
  .e-grid .e-headercelldiv.e-headerchkcelldiv {
1465
1502
  overflow: visible;
1466
1503
  }
1504
+ .e-grid .e-headercell.e-templatecell .e-headercelldiv {
1505
+ height: auto;
1506
+ min-height: 29px;
1507
+ }
1467
1508
  .e-grid .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
1468
1509
  padding: 0 0.6em;
1469
1510
  }
@@ -1485,9 +1526,12 @@
1485
1526
  -ms-user-select: none;
1486
1527
  user-select: none;
1487
1528
  }
1488
- .e-grid .e-gridcontent tr:first-child td {
1529
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1489
1530
  border-top: 0 none;
1490
1531
  }
1532
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1533
+ border-top-width: 2px;
1534
+ }
1491
1535
  .e-grid .e-gridheader tr:first-child th {
1492
1536
  border-top: 0 none;
1493
1537
  }
@@ -1509,10 +1553,11 @@
1509
1553
  border-top-style: solid;
1510
1554
  border-top-width: 1px;
1511
1555
  }
1512
- .e-grid .e-frozenhdrcont {
1556
+ .e-grid .e-frozenhdrcont,
1557
+ .e-grid .e-frozenhdr {
1513
1558
  border-bottom-width: 0;
1514
1559
  }
1515
- .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1560
+ .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
1516
1561
  border-top-style: solid;
1517
1562
  border-top-width: 1px;
1518
1563
  }
@@ -1552,6 +1597,26 @@
1552
1597
  white-space: nowrap;
1553
1598
  width: auto;
1554
1599
  }
1600
+ .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) {
1601
+ line-height: 18px;
1602
+ border-width: 1.5px;
1603
+ }
1604
+ .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) {
1605
+ line-height: 18px;
1606
+ border-width: 1.5px;
1607
+ }
1608
+ .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) {
1609
+ line-height: 18px;
1610
+ border-width: 1.5px;
1611
+ }
1612
+ .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) {
1613
+ line-height: 18px;
1614
+ border-width: 1.5px;
1615
+ }
1616
+ .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) {
1617
+ line-height: 18px;
1618
+ border-width: 1.5px;
1619
+ }
1555
1620
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1556
1621
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1557
1622
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1651,7 +1716,7 @@
1651
1716
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
1652
1717
  margin-top: 5px;
1653
1718
  }
1654
- .e-grid.e-default .e-rowcell.e-lastrowcell {
1719
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1655
1720
  border-bottom-width: 1px;
1656
1721
  }
1657
1722
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1661,7 +1726,7 @@
1661
1726
  border-bottom: 1px solid;
1662
1727
  border-bottom-color: #616161;
1663
1728
  }
1664
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
1729
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1665
1730
  border-bottom-width: 1px;
1666
1731
  }
1667
1732
  .e-grid.e-bothlines .e-rowcell {
@@ -1698,6 +1763,18 @@
1698
1763
  .e-grid.e-default .e-stackedheadercell {
1699
1764
  border-width: 0 0 1px 1px;
1700
1765
  }
1766
+ .e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
1767
+ border-right-width: 2px;
1768
+ }
1769
+ .e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
1770
+ border-left-width: 2px;
1771
+ }
1772
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
1773
+ border-left-width: 1px;
1774
+ }
1775
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
1776
+ border-right-width: 1px;
1777
+ }
1701
1778
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1702
1779
  border-left-width: 0;
1703
1780
  }
@@ -1707,11 +1784,29 @@
1707
1784
  .e-grid.e-default table th[rowspan] {
1708
1785
  border-width: 0 0 0 1px;
1709
1786
  }
1787
+ .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1788
+ border-right-width: 2px;
1789
+ }
1790
+ .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1791
+ border-left-width: 2px;
1792
+ }
1793
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1794
+ border-left-width: 1px;
1795
+ }
1796
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1797
+ border-right-width: 1px;
1798
+ }
1799
+ .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1800
+ border-left-width: 0;
1801
+ }
1710
1802
  .e-grid tr th.e-firstcell {
1711
1803
  border-left-style: solid;
1712
1804
  border-left-width: 1px;
1713
1805
  }
1714
- .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) {
1806
+ .e-grid.e-default tr th.e-detailheadercell:first-child {
1807
+ border-left-width: 0;
1808
+ }
1809
+ .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) {
1715
1810
  border-left-width: 0;
1716
1811
  }
1717
1812
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1905,7 +2000,7 @@
1905
2000
  .e-grid.e-horizontallines .e-filterbarcell {
1906
2001
  border-width: 1px 0 0;
1907
2002
  }
1908
- .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
2003
+ .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) {
1909
2004
  border-bottom-width: 1px;
1910
2005
  }
1911
2006
  .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2423,10 +2518,10 @@
2423
2518
  border-top: 0;
2424
2519
  padding: 0;
2425
2520
  }
2426
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2521
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2427
2522
  border-top: 1px solid;
2428
2523
  }
2429
- .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
2524
+ .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) {
2430
2525
  border-top: 0;
2431
2526
  }
2432
2527
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2587,6 +2682,107 @@
2587
2682
  border-left: 2px solid;
2588
2683
  border-right: 0;
2589
2684
  }
2685
+ .e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
2686
+ z-index: 1;
2687
+ }
2688
+ .e-grid .e-leftfreeze,
2689
+ .e-grid .e-rightfreeze {
2690
+ position: sticky;
2691
+ z-index: 2;
2692
+ }
2693
+ .e-grid .e-fixedfreeze {
2694
+ position: sticky;
2695
+ z-index: 3;
2696
+ }
2697
+ .e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
2698
+ border-top-width: 2px;
2699
+ line-height: 18px;
2700
+ }
2701
+ .e-grid .e-xlsel-left-border,
2702
+ .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 {
2703
+ border-left-width: 2px;
2704
+ }
2705
+ .e-grid .e-xlsel-right-border,
2706
+ .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 {
2707
+ border-right-width: 2px;
2708
+ }
2709
+ .e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2710
+ line-height: 16px;
2711
+ }
2712
+ .e-grid.e-wrap .e-xlsel-bottom-border {
2713
+ line-height: 14px;
2714
+ }
2715
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2716
+ line-height: 16px;
2717
+ }
2718
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
2719
+ line-height: 14px;
2720
+ }
2721
+ .e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
2722
+ line-height: 16px;
2723
+ }
2724
+ .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
2725
+ line-height: 16px;
2726
+ }
2727
+ .e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
2728
+ border-bottom-width: 2px;
2729
+ line-height: 18px;
2730
+ }
2731
+ .e-grid .e-virtual-content.e-content {
2732
+ overflow-x: hidden;
2733
+ }
2734
+ .e-grid .e-leftfreeze.e-freezeleftborder {
2735
+ border-right-width: 2px;
2736
+ }
2737
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2738
+ clip-path: inset(0 -15px 0 0);
2739
+ box-shadow: 4px 0 8px rgba(95, 87, 87, 0.16);
2740
+ }
2741
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
2742
+ border-right-color: transparent;
2743
+ }
2744
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2745
+ box-shadow: 0 2px 0 0 #00b0ff, 4px 0 8px rgba(95, 87, 87, 0.16);
2746
+ }
2747
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2748
+ clip-path: inset(0 0 0 -15px);
2749
+ box-shadow: -4px 0 8px rgba(95, 87, 87, 0.16);
2750
+ }
2751
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
2752
+ border-left-color: transparent;
2753
+ }
2754
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2755
+ box-shadow: 0 2px 0 0 #00b0ff, -4px 0 8px rgba(95, 87, 87, 0.16);
2756
+ }
2757
+ .e-grid .e-rightfreeze.e-freezerightborder {
2758
+ border-left-width: 2px;
2759
+ }
2760
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2761
+ clip-path: inset(0 0 0 -15px);
2762
+ box-shadow: -4px 0 8px rgba(95, 87, 87, 0.16);
2763
+ }
2764
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
2765
+ border-left-color: transparent;
2766
+ }
2767
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2768
+ box-shadow: 0 2px 0 0 #00b0ff, -4px 0 8px rgba(95, 87, 87, 0.16);
2769
+ }
2770
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2771
+ clip-path: inset(0 -15px 0 0);
2772
+ box-shadow: 4px 0 8px rgba(95, 87, 87, 0.16);
2773
+ }
2774
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
2775
+ border-right-color: transparent;
2776
+ }
2777
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2778
+ box-shadow: 0 2px 0 0 #00b0ff, 4px 0 8px rgba(95, 87, 87, 0.16);
2779
+ }
2780
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
2781
+ border-left-width: 1px;
2782
+ }
2783
+ .e-grid .e-fixedfreeze.e-freezerightborder {
2784
+ border-right-width: 1px;
2785
+ }
2590
2786
  .e-grid .e-frozenheader {
2591
2787
  float: left;
2592
2788
  width: min-content;
@@ -2684,6 +2880,18 @@
2684
2880
  padding-left: 0;
2685
2881
  padding-right: 9px;
2686
2882
  }
2883
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
2884
+ border-left-width: 2px;
2885
+ }
2886
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
2887
+ border-right-width: 2px;
2888
+ }
2889
+ .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
2890
+ border-right-width: 1px;
2891
+ }
2892
+ .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
2893
+ border-left-width: 1px;
2894
+ }
2687
2895
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
2688
2896
  border-width: 0;
2689
2897
  text-align: right;
@@ -2804,6 +3012,36 @@
2804
3012
  .e-grid.e-rtl .e-rowcell {
2805
3013
  border-width: 1px 0 0 0;
2806
3014
  }
3015
+ .e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
3016
+ border-left-width: 2px;
3017
+ }
3018
+ .e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
3019
+ border-right-width: 2px;
3020
+ }
3021
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
3022
+ border-right-width: 1px;
3023
+ }
3024
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
3025
+ border-left-width: 1px;
3026
+ }
3027
+ .e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
3028
+ border-left-width: 2px;
3029
+ }
3030
+ .e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
3031
+ border-right-width: 2px;
3032
+ }
3033
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
3034
+ border-right-width: 1px;
3035
+ }
3036
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
3037
+ border-left-width: 1px;
3038
+ }
3039
+ .e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
3040
+ border-left-width: 0;
3041
+ }
3042
+ .e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
3043
+ border-right-width: 0;
3044
+ }
2807
3045
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
2808
3046
  border-width: 1px 0 0;
2809
3047
  }
@@ -2825,7 +3063,7 @@
2825
3063
  .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 {
2826
3064
  border-left-width: 0;
2827
3065
  }
2828
- .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
3066
+ .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 {
2829
3067
  border-left: 0;
2830
3068
  }
2831
3069
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2912,6 +3150,18 @@
2912
3150
  .e-grid.e-rtl.e-default table th[rowspan] {
2913
3151
  border-width: 0 1px 0 0;
2914
3152
  }
3153
+ .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3154
+ border-left-width: 2px;
3155
+ }
3156
+ .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3157
+ border-right-width: 2px;
3158
+ }
3159
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3160
+ border-right-width: 1px;
3161
+ }
3162
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3163
+ border-left-width: 1px;
3164
+ }
2915
3165
  .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 {
2916
3166
  border-left: 1px solid;
2917
3167
  border-right: 0;
@@ -2938,7 +3188,7 @@
2938
3188
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
2939
3189
  border-width: 1px 0 0;
2940
3190
  }
2941
- .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 {
3191
+ .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) {
2942
3192
  border-bottom-width: 1px;
2943
3193
  }
2944
3194
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -2966,7 +3216,7 @@
2966
3216
  .e-grid.e-rtl .e-ungroupbutton {
2967
3217
  float: left;
2968
3218
  }
2969
- .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
3219
+ .e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
2970
3220
  border-style: solid;
2971
3221
  border-width: 0 0 0 1px;
2972
3222
  }
@@ -3012,6 +3262,12 @@
3012
3262
  white-space: normal;
3013
3263
  word-wrap: break-word;
3014
3264
  }
3265
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3266
+ line-height: 14px;
3267
+ }
3268
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
3269
+ line-height: 16px;
3270
+ }
3015
3271
  .e-grid .e-stackedheadercelldiv {
3016
3272
  overflow: hidden;
3017
3273
  text-overflow: ellipsis;
@@ -3044,15 +3300,15 @@
3044
3300
  top: -1000px;
3045
3301
  width: 1px;
3046
3302
  }
3047
- .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 {
3303
+ .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) {
3048
3304
  border-left: 0;
3049
3305
  border-right: 0;
3050
3306
  border-top: 0;
3051
3307
  }
3052
- .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) {
3308
+ .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) {
3053
3309
  border-right: 0;
3054
3310
  }
3055
- .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3311
+ .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) {
3056
3312
  border-left: 0;
3057
3313
  }
3058
3314
  .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 {
@@ -3830,6 +4086,9 @@
3830
4086
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3831
4087
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
3832
4088
  }
4089
+ .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) {
4090
+ border-color: rgba(255, 255, 255, 0.5);
4091
+ }
3833
4092
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
3834
4093
  color: rgba(255, 255, 255, 0.7);
3835
4094
  }
@@ -3851,6 +4110,9 @@
3851
4110
  border-color: #00b0ff;
3852
4111
  z-index: 1;
3853
4112
  }
4113
+ .e-grid .e-autofill.e-freeze-autofill {
4114
+ z-index: 5;
4115
+ }
3854
4116
  .e-grid .e-xlsel {
3855
4117
  background-color: transparent;
3856
4118
  border-style: solid;
@@ -3861,6 +4123,7 @@
3861
4123
  background-color: #00b0ff;
3862
4124
  border-color: #00b0ff;
3863
4125
  position: absolute;
4126
+ z-index: 3;
3864
4127
  }
3865
4128
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
3866
4129
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3868,9 +4131,36 @@
3868
4131
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
3869
4132
  .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 {
3870
4133
  box-shadow: 0 2px 0 0 #00b0ff;
3871
- position: relative;
3872
4134
  z-index: 5;
3873
4135
  }
4136
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
4137
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
4138
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
4139
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
4140
+ .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 {
4141
+ z-index: 6;
4142
+ }
4143
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
4144
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
4145
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
4146
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
4147
+ .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 {
4148
+ z-index: 6;
4149
+ }
4150
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
4151
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
4152
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
4153
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
4154
+ .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 {
4155
+ z-index: 6;
4156
+ }
4157
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4158
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4159
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4160
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4161
+ .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) {
4162
+ position: relative;
4163
+ }
3874
4164
  .e-grid .e-gridheader {
3875
4165
  background-color: #303030;
3876
4166
  border-bottom-color: #616161;
@@ -3880,6 +4170,9 @@
3880
4170
  .e-grid .e-gridcontent tr:first-child td {
3881
4171
  border-top-color: transparent;
3882
4172
  }
4173
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4174
+ border-top-color: rgba(255, 255, 255, 0.8);
4175
+ }
3883
4176
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
3884
4177
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
3885
4178
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -3984,6 +4277,60 @@
3984
4277
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
3985
4278
  border-right-color: #303030;
3986
4279
  }
4280
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
4281
+ border-left-color: rgba(255, 255, 255, 0.8);
4282
+ }
4283
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
4284
+ border-right-color: rgba(255, 255, 255, 0.8);
4285
+ }
4286
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
4287
+ border-right-color: rgba(255, 255, 255, 0.8);
4288
+ }
4289
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
4290
+ border-left-color: rgba(255, 255, 255, 0.8);
4291
+ }
4292
+ .e-grid .e-leftfreeze.e-freezeleftborder {
4293
+ border-right-color: rgba(255, 255, 255, 0.8);
4294
+ }
4295
+ .e-grid .e-rightfreeze.e-freezerightborder {
4296
+ border-left-color: rgba(255, 255, 255, 0.8);
4297
+ }
4298
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
4299
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
4300
+ border-left-color: rgba(255, 255, 255, 0.8);
4301
+ }
4302
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
4303
+ .e-grid .e-fixedfreeze.e-freezerightborder {
4304
+ border-right-color: rgba(255, 255, 255, 0.8);
4305
+ }
4306
+ .e-grid .e-xlsel-top-border {
4307
+ border-top-color: rgba(255, 255, 255, 0.8);
4308
+ }
4309
+ .e-grid .e-xlsel-left-border {
4310
+ border-left-color: rgba(255, 255, 255, 0.8);
4311
+ }
4312
+ .e-grid .e-xlsel-right-border {
4313
+ border-right-color: rgba(255, 255, 255, 0.8);
4314
+ }
4315
+ .e-grid .e-xlsel-bottom-border {
4316
+ border-bottom-color: rgba(255, 255, 255, 0.8);
4317
+ }
4318
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4319
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4320
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4321
+ background-color: #303030;
4322
+ }
4323
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
4324
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
4325
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
4326
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
4327
+ background-color: #424242;
4328
+ }
4329
+ .e-grid .e-gridfooter .e-leftfreeze,
4330
+ .e-grid .e-gridfooter .e-rightfreeze,
4331
+ .e-grid .e-gridfooter .e-fixedfreeze {
4332
+ background-color: #424242;
4333
+ }
3987
4334
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
3988
4335
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
3989
4336
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4002,18 +4349,21 @@
4002
4349
  border-right-color: rgba(255, 255, 255, 0.8);
4003
4350
  }
4004
4351
  .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4005
- background-color: rgba(255, 255, 255, 0.18);
4352
+ background-color: rgb(89, 86, 86);
4006
4353
  color: #fff;
4007
4354
  }
4008
4355
  .e-grid .e-row:hover .e-rowdragdrop {
4009
4356
  cursor: move;
4010
4357
  }
4358
+ .e-grid .e-notallowedcur .e-row:hover .e-rowdragdrop {
4359
+ cursor: not-allowed;
4360
+ }
4011
4361
  .e-grid .e-sortnumber {
4012
4362
  background-color: #bbbdc0;
4013
4363
  color: #000;
4014
4364
  }
4015
4365
  .e-grid.e-gridhover .e-frozenhover {
4016
- background-color: rgba(255, 255, 255, 0.18);
4366
+ background-color: rgb(89, 86, 86);
4017
4367
  color: #fff;
4018
4368
  }
4019
4369
  .e-grid .e-col-menu.e-filter-popup {
@@ -4023,11 +4373,11 @@
4023
4373
  color: #fff;
4024
4374
  }
4025
4375
  .e-grid td.e-active {
4026
- background: rgba(255, 255, 255, 0.28);
4376
+ background: rgb(122, 108, 108);
4027
4377
  color: #fff;
4028
4378
  }
4029
4379
  .e-grid .e-columnselection {
4030
- background-color: rgba(255, 255, 255, 0.28);
4380
+ background-color: rgb(122, 108, 108);
4031
4381
  }
4032
4382
  .e-grid td.e-cellselectionbackground {
4033
4383
  background: rgba(255, 255, 255, 0.28);
@@ -4091,7 +4441,7 @@
4091
4441
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4092
4442
  border: 0 none;
4093
4443
  }
4094
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4444
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4095
4445
  border-bottom: 1px solid #616161;
4096
4446
  border-right: 1px solid #616161;
4097
4447
  }
@@ -4171,11 +4521,11 @@
4171
4521
  background-color: #d7f9c7;
4172
4522
  color: #fff;
4173
4523
  }
4174
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4524
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4175
4525
  border-top-color: #616161;
4176
4526
  }
4177
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4178
- .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
4527
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
4528
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
4179
4529
  border-top: 1px solid #616161;
4180
4530
  }
4181
4531
  .e-grid .e-ccdlg .e-footer-content {
@@ -4216,7 +4566,7 @@
4216
4566
  }
4217
4567
  .e-grid .e-ftrchk.e-chkfocus,
4218
4568
  .e-grid li.e-cclist.e-colfocus {
4219
- background-color: rgba(255, 255, 255, 0.18);
4569
+ background-color: rgb(89, 86, 86);
4220
4570
  }
4221
4571
 
4222
4572
  .e-tooltip-wrap.e-griderror,