@syncfusion/ej2 20.3.56 → 20.3.57

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 (176) hide show
  1. package/bootstrap-dark.css +34 -47
  2. package/bootstrap.css +34 -47
  3. package/bootstrap4.css +34 -47
  4. package/bootstrap5-dark.css +34 -47
  5. package/bootstrap5.css +34 -47
  6. package/check-box/compatibility/fluent-dark.css +1 -1
  7. package/check-box/compatibility/fluent.css +1 -1
  8. package/check-box/fluent-dark.css +1 -1
  9. package/check-box/fluent.css +1 -1
  10. package/dist/ej2.d.ts +1 -1
  11. package/dist/ej2.min.js +2 -2
  12. package/fabric-dark.css +47 -55
  13. package/fabric.css +47 -55
  14. package/file-manager/bootstrap-dark.css +0 -10
  15. package/file-manager/bootstrap.css +0 -10
  16. package/file-manager/bootstrap4.css +0 -10
  17. package/file-manager/bootstrap5-dark.css +0 -10
  18. package/file-manager/bootstrap5.css +0 -10
  19. package/file-manager/compatibility/bootstrap-dark.css +0 -10
  20. package/file-manager/compatibility/bootstrap.css +0 -10
  21. package/file-manager/compatibility/bootstrap4.css +0 -10
  22. package/file-manager/compatibility/bootstrap5-dark.css +0 -10
  23. package/file-manager/compatibility/bootstrap5.css +0 -10
  24. package/file-manager/compatibility/fabric-dark.css +0 -10
  25. package/file-manager/compatibility/fabric.css +0 -10
  26. package/file-manager/compatibility/fluent-dark.css +0 -10
  27. package/file-manager/compatibility/fluent.css +0 -10
  28. package/file-manager/compatibility/highcontrast-light.css +0 -10
  29. package/file-manager/compatibility/highcontrast.css +0 -10
  30. package/file-manager/compatibility/material-dark.css +0 -10
  31. package/file-manager/compatibility/material.css +0 -13
  32. package/file-manager/compatibility/tailwind-dark.css +0 -10
  33. package/file-manager/compatibility/tailwind.css +0 -10
  34. package/file-manager/fabric-dark.css +0 -10
  35. package/file-manager/fabric.css +0 -10
  36. package/file-manager/fluent-dark.css +0 -10
  37. package/file-manager/fluent.css +0 -10
  38. package/file-manager/highcontrast-light.css +0 -10
  39. package/file-manager/highcontrast.css +0 -10
  40. package/file-manager/material-dark.css +0 -10
  41. package/file-manager/material.css +0 -13
  42. package/file-manager/tailwind-dark.css +0 -10
  43. package/file-manager/tailwind.css +0 -10
  44. package/fluent-dark.css +35 -47
  45. package/fluent.css +35 -47
  46. package/grid/bootstrap-dark.css +1 -1
  47. package/grid/bootstrap.css +1 -1
  48. package/grid/bootstrap4.css +1 -1
  49. package/grid/bootstrap5-dark.css +1 -1
  50. package/grid/bootstrap5.css +1 -1
  51. package/grid/compatibility/bootstrap-dark.css +1 -1
  52. package/grid/compatibility/bootstrap.css +1 -1
  53. package/grid/compatibility/bootstrap4.css +1 -1
  54. package/grid/compatibility/bootstrap5-dark.css +1 -1
  55. package/grid/compatibility/bootstrap5.css +1 -1
  56. package/grid/compatibility/fabric-dark.css +1 -1
  57. package/grid/compatibility/fabric.css +1 -1
  58. package/grid/compatibility/fluent-dark.css +1 -1
  59. package/grid/compatibility/fluent.css +1 -1
  60. package/grid/compatibility/highcontrast-light.css +1 -1
  61. package/grid/compatibility/highcontrast.css +1 -1
  62. package/grid/compatibility/material-dark.css +1 -1
  63. package/grid/compatibility/material.css +1 -1
  64. package/grid/compatibility/tailwind-dark.css +1 -1
  65. package/grid/compatibility/tailwind.css +1 -1
  66. package/grid/fabric-dark.css +1 -1
  67. package/grid/fabric.css +1 -1
  68. package/grid/fluent-dark.css +1 -1
  69. package/grid/fluent.css +1 -1
  70. package/grid/highcontrast-light.css +1 -1
  71. package/grid/highcontrast.css +1 -1
  72. package/grid/material-dark.css +1 -1
  73. package/grid/material.css +1 -1
  74. package/grid/tailwind-dark.css +1 -1
  75. package/grid/tailwind.css +1 -1
  76. package/highcontrast.css +47 -55
  77. package/material-dark.css +34 -42
  78. package/material.css +34 -45
  79. package/package.json +22 -22
  80. package/pdfviewer/bootstrap-dark.css +4 -0
  81. package/pdfviewer/bootstrap.css +4 -0
  82. package/pdfviewer/bootstrap4.css +4 -0
  83. package/pdfviewer/bootstrap5-dark.css +4 -0
  84. package/pdfviewer/bootstrap5.css +4 -0
  85. package/pdfviewer/compatibility/bootstrap-dark.css +4 -0
  86. package/pdfviewer/compatibility/bootstrap.css +4 -0
  87. package/pdfviewer/compatibility/bootstrap4.css +4 -0
  88. package/pdfviewer/compatibility/bootstrap5-dark.css +4 -0
  89. package/pdfviewer/compatibility/bootstrap5.css +4 -0
  90. package/pdfviewer/compatibility/fabric-dark.css +4 -0
  91. package/pdfviewer/compatibility/fabric.css +4 -0
  92. package/pdfviewer/compatibility/fluent-dark.css +4 -0
  93. package/pdfviewer/compatibility/fluent.css +4 -0
  94. package/pdfviewer/compatibility/highcontrast-light.css +4 -0
  95. package/pdfviewer/compatibility/highcontrast.css +4 -0
  96. package/pdfviewer/compatibility/material-dark.css +4 -0
  97. package/pdfviewer/compatibility/material.css +4 -0
  98. package/pdfviewer/compatibility/tailwind-dark.css +4 -0
  99. package/pdfviewer/compatibility/tailwind.css +4 -0
  100. package/pdfviewer/fabric-dark.css +4 -0
  101. package/pdfviewer/fabric.css +4 -0
  102. package/pdfviewer/fluent-dark.css +4 -0
  103. package/pdfviewer/fluent.css +4 -0
  104. package/pdfviewer/highcontrast-light.css +4 -0
  105. package/pdfviewer/highcontrast.css +4 -0
  106. package/pdfviewer/material-dark.css +4 -0
  107. package/pdfviewer/material.css +4 -0
  108. package/pdfviewer/tailwind-dark.css +4 -0
  109. package/pdfviewer/tailwind.css +4 -0
  110. package/pivotview/bootstrap-dark.css +1 -3
  111. package/pivotview/bootstrap.css +1 -3
  112. package/pivotview/bootstrap4.css +1 -3
  113. package/pivotview/bootstrap5-dark.css +1 -3
  114. package/pivotview/bootstrap5.css +1 -3
  115. package/pivotview/compatibility/bootstrap-dark.css +1 -3
  116. package/pivotview/compatibility/bootstrap.css +1 -3
  117. package/pivotview/compatibility/bootstrap4.css +1 -3
  118. package/pivotview/compatibility/bootstrap5-dark.css +1 -3
  119. package/pivotview/compatibility/bootstrap5.css +1 -3
  120. package/pivotview/compatibility/fabric-dark.css +1 -3
  121. package/pivotview/compatibility/fabric.css +1 -3
  122. package/pivotview/compatibility/fluent-dark.css +1 -3
  123. package/pivotview/compatibility/fluent.css +1 -3
  124. package/pivotview/compatibility/highcontrast-light.css +1 -3
  125. package/pivotview/compatibility/highcontrast.css +1 -3
  126. package/pivotview/compatibility/material-dark.css +1 -3
  127. package/pivotview/compatibility/material.css +1 -3
  128. package/pivotview/compatibility/tailwind-dark.css +1 -3
  129. package/pivotview/compatibility/tailwind.css +1 -3
  130. package/pivotview/fabric-dark.css +1 -3
  131. package/pivotview/fabric.css +1 -3
  132. package/pivotview/fluent-dark.css +1 -3
  133. package/pivotview/fluent.css +1 -3
  134. package/pivotview/highcontrast-light.css +1 -3
  135. package/pivotview/highcontrast.css +1 -3
  136. package/pivotview/material-dark.css +1 -3
  137. package/pivotview/material.css +1 -3
  138. package/pivotview/tailwind-dark.css +1 -3
  139. package/pivotview/tailwind.css +1 -3
  140. package/styles/compatibility/bootstrap.css +34 -47
  141. package/styles/compatibility/bootstrap4.css +34 -47
  142. package/styles/compatibility/fabric.css +47 -55
  143. package/styles/compatibility/highcontrast.css +47 -55
  144. package/styles/compatibility/material.css +34 -45
  145. package/tab/bootstrap-dark.css +28 -33
  146. package/tab/bootstrap.css +28 -33
  147. package/tab/bootstrap4.css +28 -33
  148. package/tab/bootstrap5-dark.css +28 -33
  149. package/tab/bootstrap5.css +28 -33
  150. package/tab/compatibility/bootstrap-dark.css +28 -33
  151. package/tab/compatibility/bootstrap.css +28 -33
  152. package/tab/compatibility/bootstrap4.css +28 -33
  153. package/tab/compatibility/bootstrap5-dark.css +28 -33
  154. package/tab/compatibility/bootstrap5.css +28 -33
  155. package/tab/compatibility/fabric-dark.css +41 -41
  156. package/tab/compatibility/fabric.css +41 -41
  157. package/tab/compatibility/fluent-dark.css +28 -32
  158. package/tab/compatibility/fluent.css +28 -32
  159. package/tab/compatibility/highcontrast-light.css +41 -41
  160. package/tab/compatibility/highcontrast.css +41 -41
  161. package/tab/compatibility/material-dark.css +28 -28
  162. package/tab/compatibility/material.css +28 -28
  163. package/tab/compatibility/tailwind-dark.css +28 -28
  164. package/tab/compatibility/tailwind.css +28 -28
  165. package/tab/fabric-dark.css +41 -41
  166. package/tab/fabric.css +41 -41
  167. package/tab/fluent-dark.css +28 -32
  168. package/tab/fluent.css +28 -32
  169. package/tab/highcontrast-light.css +41 -41
  170. package/tab/highcontrast.css +41 -41
  171. package/tab/material-dark.css +28 -28
  172. package/tab/material.css +28 -28
  173. package/tab/tailwind-dark.css +28 -28
  174. package/tab/tailwind.css +28 -28
  175. package/tailwind-dark.css +34 -42
  176. package/tailwind.css +34 -42
@@ -662,35 +662,35 @@
662
662
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
663
663
  height: auto;
664
664
  }
665
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
666
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
665
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
666
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
667
667
  height: 72px;
668
668
  min-height: 72px;
669
669
  }
670
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
671
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
670
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
671
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
672
672
  height: 72px;
673
673
  }
674
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
675
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
676
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
677
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
674
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
675
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
676
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
677
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
678
678
  bottom: -10px;
679
679
  top: auto;
680
680
  }
681
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
682
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
681
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
682
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
683
683
  height: 72px;
684
684
  }
685
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
686
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
685
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
686
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
687
687
  height: 72px;
688
688
  }
689
689
  @media screen and (max-width: 480px) {
690
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
691
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
692
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
693
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
690
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
691
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
692
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
693
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
694
694
  font-size: 12px;
695
695
  }
696
696
  }
@@ -992,8 +992,8 @@
992
992
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
993
993
  margin: 0;
994
994
  }
995
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
996
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
995
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
996
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
997
997
  height: 70px;
998
998
  min-height: 70px;
999
999
  }
@@ -2033,27 +2033,27 @@
2033
2033
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2034
2034
  width: 100%;
2035
2035
  }
2036
- .e-tab.e-vertical-icon .e-tab-header {
2036
+ .e-tab.e-vertical-icon > .e-tab-header {
2037
2037
  height: 62px;
2038
2038
  min-height: 62px;
2039
2039
  }
2040
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2041
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2040
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2041
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2042
2042
  display: none;
2043
2043
  }
2044
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2044
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2045
2045
  height: 62px;
2046
2046
  }
2047
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2048
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2047
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2048
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2049
2049
  position: static;
2050
2050
  }
2051
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2052
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2051
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2052
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2053
2053
  content: none;
2054
2054
  }
2055
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2056
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2055
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2056
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2057
2057
  content: "";
2058
2058
  display: block;
2059
2059
  position: absolute;
@@ -2061,34 +2061,34 @@
2061
2061
  width: calc(100% - 16px);
2062
2062
  border: 1px solid #400074;
2063
2063
  }
2064
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
2064
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2065
2065
  height: 62px;
2066
2066
  }
2067
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2067
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2068
2068
  height: 62px;
2069
2069
  }
2070
2070
  @media screen and (max-width: 480px) {
2071
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2072
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2071
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2072
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2073
2073
  font-size: 12px;
2074
2074
  }
2075
2075
  }
2076
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-indicator {
2076
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
2077
2077
  width: 3px;
2078
2078
  }
2079
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2080
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2079
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2080
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2081
2081
  display: none;
2082
2082
  }
2083
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2084
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2083
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2084
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2085
2085
  position: relative;
2086
2086
  }
2087
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
2087
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2088
2088
  height: 16px;
2089
2089
  }
2090
- .e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2091
- .e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2090
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2091
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2092
2092
  top: 0;
2093
2093
  }
2094
2094
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
@@ -2427,7 +2427,7 @@
2427
2427
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2428
2428
  margin: 0;
2429
2429
  }
2430
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2430
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2431
2431
  height: 60px;
2432
2432
  min-height: 60px;
2433
2433
  }
@@ -667,35 +667,35 @@
667
667
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
668
668
  height: auto;
669
669
  }
670
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
671
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
670
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
671
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
672
672
  height: 72px;
673
673
  min-height: 72px;
674
674
  }
675
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
676
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
675
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
676
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
677
677
  height: 72px;
678
678
  }
679
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
680
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
681
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
682
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
679
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
680
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
681
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
682
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
683
683
  bottom: -10px;
684
684
  top: auto;
685
685
  }
686
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
687
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
686
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
687
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
688
688
  height: 72px;
689
689
  }
690
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
691
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
690
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
691
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
692
692
  height: 72px;
693
693
  }
694
694
  @media screen and (max-width: 480px) {
695
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
696
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
697
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
698
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
695
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
696
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
697
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
698
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
699
699
  font-size: 12px;
700
700
  }
701
701
  }
@@ -997,8 +997,8 @@
997
997
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
998
998
  margin: 0;
999
999
  }
1000
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
1001
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
1000
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
1001
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
1002
1002
  height: 70px;
1003
1003
  min-height: 70px;
1004
1004
  }
@@ -2038,27 +2038,27 @@
2038
2038
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
2039
2039
  width: 100%;
2040
2040
  }
2041
- .e-tab.e-vertical-icon .e-tab-header {
2041
+ .e-tab.e-vertical-icon > .e-tab-header {
2042
2042
  height: 62px;
2043
2043
  min-height: 62px;
2044
2044
  }
2045
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2046
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2045
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
2046
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2047
2047
  display: none;
2048
2048
  }
2049
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
2049
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
2050
2050
  height: 62px;
2051
2051
  }
2052
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2053
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2052
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
2053
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2054
2054
  position: static;
2055
2055
  }
2056
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2057
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2056
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
2057
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
2058
2058
  content: none;
2059
2059
  }
2060
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2061
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2060
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
2061
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2062
2062
  content: "";
2063
2063
  display: block;
2064
2064
  position: absolute;
@@ -2066,34 +2066,34 @@
2066
2066
  width: calc(100% - 16px);
2067
2067
  border: 1px solid #ffd939;
2068
2068
  }
2069
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
2069
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
2070
2070
  height: 62px;
2071
2071
  }
2072
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
2072
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
2073
2073
  height: 62px;
2074
2074
  }
2075
2075
  @media screen and (max-width: 480px) {
2076
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2077
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2076
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
2077
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
2078
2078
  font-size: 12px;
2079
2079
  }
2080
2080
  }
2081
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-indicator {
2081
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
2082
2082
  width: 3px;
2083
2083
  }
2084
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2085
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2084
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
2085
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2086
2086
  display: none;
2087
2087
  }
2088
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2089
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2088
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
2089
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
2090
2090
  position: relative;
2091
2091
  }
2092
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
2092
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
2093
2093
  height: 16px;
2094
2094
  }
2095
- .e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2096
- .e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2095
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
2096
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
2097
2097
  top: 0;
2098
2098
  }
2099
2099
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
@@ -2432,7 +2432,7 @@
2432
2432
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2433
2433
  margin: 0;
2434
2434
  }
2435
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2435
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2436
2436
  height: 60px;
2437
2437
  min-height: 60px;
2438
2438
  }
@@ -652,28 +652,28 @@
652
652
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
653
653
  height: auto;
654
654
  }
655
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
656
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
655
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
656
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
657
657
  height: 72px;
658
658
  min-height: 72px;
659
659
  }
660
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
661
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
660
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
661
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
662
662
  height: 72px;
663
663
  }
664
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
665
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
664
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
665
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
666
666
  height: 72px;
667
667
  }
668
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
669
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
668
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
669
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
670
670
  height: 72px;
671
671
  }
672
672
  @media screen and (max-width: 480px) {
673
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
674
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
675
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
676
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
673
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
674
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
675
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
676
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
677
677
  font-size: 12px;
678
678
  }
679
679
  }
@@ -951,8 +951,8 @@
951
951
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
952
952
  margin: 0;
953
953
  }
954
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
955
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
954
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
955
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
956
956
  height: 70px;
957
957
  min-height: 70px;
958
958
  }
@@ -1921,38 +1921,38 @@
1921
1921
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
1922
1922
  width: 100%;
1923
1923
  }
1924
- .e-tab.e-vertical-icon .e-tab-header {
1924
+ .e-tab.e-vertical-icon > .e-tab-header {
1925
1925
  height: 62px;
1926
1926
  min-height: 62px;
1927
1927
  }
1928
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
1929
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
1928
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
1929
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
1930
1930
  display: none;
1931
1931
  }
1932
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
1932
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
1933
1933
  height: 62px;
1934
1934
  }
1935
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
1935
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
1936
1936
  height: 62px;
1937
1937
  }
1938
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
1938
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
1939
1939
  height: 62px;
1940
1940
  }
1941
1941
  @media screen and (max-width: 480px) {
1942
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1943
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1942
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1943
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1944
1944
  font-size: 12px;
1945
1945
  }
1946
1946
  }
1947
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
1948
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
1947
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
1948
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
1949
1949
  display: none;
1950
1950
  }
1951
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
1952
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
1951
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
1952
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
1953
1953
  position: relative;
1954
1954
  }
1955
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
1955
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
1956
1956
  height: 16px;
1957
1957
  }
1958
1958
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
@@ -2272,7 +2272,7 @@
2272
2272
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2273
2273
  margin: 0;
2274
2274
  }
2275
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2275
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2276
2276
  height: 60px;
2277
2277
  min-height: 60px;
2278
2278
  }
package/tab/material.css CHANGED
@@ -658,28 +658,28 @@
658
658
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
659
659
  height: auto;
660
660
  }
661
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
662
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
661
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
662
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
663
663
  height: 72px;
664
664
  min-height: 72px;
665
665
  }
666
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
667
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
666
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
667
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
668
668
  height: 72px;
669
669
  }
670
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
671
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
670
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
671
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
672
672
  height: 72px;
673
673
  }
674
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
675
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
674
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
675
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
676
676
  height: 72px;
677
677
  }
678
678
  @media screen and (max-width: 480px) {
679
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
680
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
681
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
682
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
679
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
680
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
681
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
682
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
683
683
  font-size: 12px;
684
684
  }
685
685
  }
@@ -957,8 +957,8 @@
957
957
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
958
958
  margin: 0;
959
959
  }
960
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
961
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
960
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
961
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
962
962
  height: 70px;
963
963
  min-height: 70px;
964
964
  }
@@ -1927,38 +1927,38 @@
1927
1927
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
1928
1928
  width: 100%;
1929
1929
  }
1930
- .e-tab.e-vertical-icon .e-tab-header {
1930
+ .e-tab.e-vertical-icon > .e-tab-header {
1931
1931
  height: 62px;
1932
1932
  min-height: 62px;
1933
1933
  }
1934
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
1935
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
1934
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
1935
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
1936
1936
  display: none;
1937
1937
  }
1938
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
1938
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
1939
1939
  height: 62px;
1940
1940
  }
1941
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
1941
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
1942
1942
  height: 62px;
1943
1943
  }
1944
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
1944
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
1945
1945
  height: 62px;
1946
1946
  }
1947
1947
  @media screen and (max-width: 480px) {
1948
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1949
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1948
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1949
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1950
1950
  font-size: 12px;
1951
1951
  }
1952
1952
  }
1953
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
1954
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
1953
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
1954
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
1955
1955
  display: none;
1956
1956
  }
1957
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
1958
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
1957
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
1958
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
1959
1959
  position: relative;
1960
1960
  }
1961
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
1961
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
1962
1962
  height: 16px;
1963
1963
  }
1964
1964
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
@@ -2278,7 +2278,7 @@
2278
2278
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2279
2279
  margin: 0;
2280
2280
  }
2281
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2281
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2282
2282
  height: 60px;
2283
2283
  min-height: 60px;
2284
2284
  }
@@ -648,28 +648,28 @@
648
648
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
649
649
  height: auto;
650
650
  }
651
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
652
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
651
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
652
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
653
653
  height: 72px;
654
654
  min-height: 72px;
655
655
  }
656
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
657
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
656
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
657
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
658
658
  height: 72px;
659
659
  }
660
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
661
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
660
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
661
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
662
662
  height: 72px;
663
663
  }
664
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
665
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
664
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
665
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
666
666
  height: 72px;
667
667
  }
668
668
  @media screen and (max-width: 480px) {
669
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
670
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
671
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
672
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
669
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
670
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
671
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
672
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
673
673
  font-size: 16px;
674
674
  }
675
675
  }
@@ -948,8 +948,8 @@
948
948
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
949
949
  margin: 0;
950
950
  }
951
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
952
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
951
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
952
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
953
953
  height: 70px;
954
954
  min-height: 70px;
955
955
  }
@@ -1923,38 +1923,38 @@
1923
1923
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
1924
1924
  width: 100%;
1925
1925
  }
1926
- .e-tab.e-vertical-icon .e-tab-header {
1926
+ .e-tab.e-vertical-icon > .e-tab-header {
1927
1927
  height: 62px;
1928
1928
  min-height: 62px;
1929
1929
  }
1930
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
1931
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
1930
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
1931
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
1932
1932
  display: none;
1933
1933
  }
1934
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
1934
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
1935
1935
  height: 62px;
1936
1936
  }
1937
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
1937
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
1938
1938
  height: 62px;
1939
1939
  }
1940
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
1940
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
1941
1941
  height: 62px;
1942
1942
  }
1943
1943
  @media screen and (max-width: 480px) {
1944
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1945
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1944
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
1945
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
1946
1946
  font-size: 16px;
1947
1947
  }
1948
1948
  }
1949
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
1950
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
1949
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
1950
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
1951
1951
  display: none;
1952
1952
  }
1953
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
1954
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
1953
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
1954
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
1955
1955
  position: relative;
1956
1956
  }
1957
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
1957
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
1958
1958
  height: 14px;
1959
1959
  }
1960
1960
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
@@ -2275,7 +2275,7 @@
2275
2275
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
2276
2276
  margin: 0;
2277
2277
  }
2278
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
2278
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
2279
2279
  height: 60px;
2280
2280
  min-height: 60px;
2281
2281
  }