@syncfusion/ej2-navigations 28.2.12 → 29.1.34

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 (201) hide show
  1. package/README.md +1 -1
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +96 -18
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +96 -18
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +19 -26
  13. package/src/common/menu-base.d.ts +5 -0
  14. package/src/common/menu-base.js +60 -6
  15. package/src/sidebar/sidebar.d.ts +1 -0
  16. package/src/sidebar/sidebar.js +8 -1
  17. package/src/tab/tab-model.d.ts +1 -1
  18. package/src/tab/tab.d.ts +3 -3
  19. package/src/tab/tab.js +20 -4
  20. package/src/treeview/treeview.js +7 -6
  21. package/styles/accordion/_bootstrap-dark-definition.scss +4 -2
  22. package/styles/accordion/_bootstrap4-definition.scss +7 -5
  23. package/styles/accordion/bootstrap-dark.css +12 -12
  24. package/styles/accordion/bootstrap4.css +4 -4
  25. package/styles/accordion/bootstrap5-dark.css +37 -37
  26. package/styles/accordion/bootstrap5.css +16 -16
  27. package/styles/accordion/fabric.css +11 -11
  28. package/styles/accordion/tailwind-dark.css +2 -2
  29. package/styles/bds-lite.css +11 -1
  30. package/styles/bds.css +11 -1
  31. package/styles/bootstrap-dark-lite.css +60 -50
  32. package/styles/bootstrap-dark.css +60 -50
  33. package/styles/bootstrap-lite.css +11 -1
  34. package/styles/bootstrap.css +11 -1
  35. package/styles/bootstrap4-lite.css +88 -78
  36. package/styles/bootstrap4.css +89 -79
  37. package/styles/bootstrap5-dark-lite.css +223 -213
  38. package/styles/bootstrap5-dark.css +223 -213
  39. package/styles/bootstrap5-lite.css +84 -74
  40. package/styles/bootstrap5.3-lite.css +12 -8
  41. package/styles/bootstrap5.3.css +18 -8
  42. package/styles/bootstrap5.css +84 -74
  43. package/styles/breadcrumb/_bigger.scss +3 -1
  44. package/styles/breadcrumb/_bootstrap4-definition.scss +6 -4
  45. package/styles/breadcrumb/_bootstrap5-definition.scss +5 -3
  46. package/styles/breadcrumb/_fusionnew-definition.scss +9 -3
  47. package/styles/breadcrumb/_layout.scss +3 -1
  48. package/styles/breadcrumb/bootstrap-dark.css +2 -2
  49. package/styles/breadcrumb/bootstrap4.css +4 -4
  50. package/styles/breadcrumb/bootstrap5-dark.css +12 -12
  51. package/styles/breadcrumb/bootstrap5.css +3 -3
  52. package/styles/breadcrumb/fabric-dark.css +3 -3
  53. package/styles/context-menu/_bootstrap4-definition.scss +3 -1
  54. package/styles/context-menu/_fusionnew-definition.scss +1 -0
  55. package/styles/context-menu/_theme.scss +9 -1
  56. package/styles/context-menu/bds.css +1 -1
  57. package/styles/context-menu/bootstrap-dark.css +1 -1
  58. package/styles/context-menu/bootstrap.css +1 -1
  59. package/styles/context-menu/bootstrap4.css +2 -2
  60. package/styles/context-menu/bootstrap5-dark.css +8 -8
  61. package/styles/context-menu/bootstrap5.3.css +1 -1
  62. package/styles/context-menu/bootstrap5.css +1 -1
  63. package/styles/context-menu/fabric-dark.css +1 -1
  64. package/styles/context-menu/fabric.css +1 -1
  65. package/styles/context-menu/fluent-dark.css +1 -1
  66. package/styles/context-menu/fluent.css +1 -1
  67. package/styles/context-menu/fluent2.css +1 -1
  68. package/styles/context-menu/highcontrast-light.css +1 -1
  69. package/styles/context-menu/highcontrast.css +1 -1
  70. package/styles/context-menu/material-dark.css +2 -1
  71. package/styles/context-menu/material.css +1 -1
  72. package/styles/context-menu/material3-dark.css +2 -1
  73. package/styles/context-menu/material3.css +2 -1
  74. package/styles/context-menu/tailwind-dark.css +1 -1
  75. package/styles/context-menu/tailwind.css +1 -1
  76. package/styles/context-menu/tailwind3.css +1 -1
  77. package/styles/fabric-dark-lite.css +17 -7
  78. package/styles/fabric-dark.css +17 -7
  79. package/styles/fabric-lite.css +48 -38
  80. package/styles/fabric.css +48 -38
  81. package/styles/fluent-dark-lite.css +21 -11
  82. package/styles/fluent-dark.css +21 -11
  83. package/styles/fluent-lite.css +21 -11
  84. package/styles/fluent.css +21 -11
  85. package/styles/fluent2-lite.css +11 -1
  86. package/styles/fluent2.css +11 -1
  87. package/styles/h-scroll/_bootstrap4-definition.scss +4 -2
  88. package/styles/h-scroll/bootstrap4.css +5 -5
  89. package/styles/h-scroll/bootstrap5-dark.css +6 -6
  90. package/styles/h-scroll/fabric.css +1 -1
  91. package/styles/highcontrast-light-lite.css +11 -1
  92. package/styles/highcontrast-light.css +11 -1
  93. package/styles/highcontrast-lite.css +11 -1
  94. package/styles/highcontrast.css +11 -1
  95. package/styles/material-dark-lite.css +14 -3
  96. package/styles/material-dark.css +14 -3
  97. package/styles/material-lite.css +19 -9
  98. package/styles/material.css +19 -9
  99. package/styles/material3-dark-lite.css +12 -1
  100. package/styles/material3-dark.css +19 -2
  101. package/styles/material3-lite.css +12 -1
  102. package/styles/material3.css +19 -2
  103. package/styles/menu/_bootstrap4-definition.scss +4 -2
  104. package/styles/menu/_theme.scss +7 -6
  105. package/styles/menu/bootstrap4.css +13 -13
  106. package/styles/menu/bootstrap5-dark.css +14 -14
  107. package/styles/pager/_bigger.scss +3 -1
  108. package/styles/pager/_bootstrap-dark-definition.scss +3 -2
  109. package/styles/pager/_bootstrap4-definition.scss +2 -1
  110. package/styles/pager/bootstrap-dark.css +4 -4
  111. package/styles/pager/bootstrap4.css +1 -1
  112. package/styles/pager/bootstrap5-dark.css +13 -13
  113. package/styles/pager/bootstrap5.css +4 -4
  114. package/styles/pager/fabric.css +2 -2
  115. package/styles/pager/material3-dark.css +7 -1
  116. package/styles/pager/material3.css +7 -1
  117. package/styles/sidebar/bootstrap5-dark.css +1 -1
  118. package/styles/stepper/_bootstrap4-definition.scss +4 -2
  119. package/styles/stepper/_material-dark-definition.scss +4 -2
  120. package/styles/stepper/_material-definition.scss +7 -5
  121. package/styles/stepper/bootstrap-dark.css +2 -2
  122. package/styles/stepper/bootstrap4.css +2 -2
  123. package/styles/stepper/bootstrap5-dark.css +20 -20
  124. package/styles/stepper/bootstrap5.css +2 -2
  125. package/styles/stepper/fabric-dark.css +2 -2
  126. package/styles/stepper/fabric.css +2 -2
  127. package/styles/stepper/fluent-dark.css +1 -1
  128. package/styles/stepper/fluent.css +1 -1
  129. package/styles/stepper/material-dark.css +2 -2
  130. package/styles/stepper/material.css +8 -8
  131. package/styles/tab/_bootstrap-dark-definition.scss +8 -6
  132. package/styles/tab/_bootstrap4-definition.scss +13 -11
  133. package/styles/tab/_bootstrap5-definition.scss +3 -1
  134. package/styles/tab/_bootstrap5.3-definition.scss +3 -1
  135. package/styles/tab/_fluent-definition.scss +4 -2
  136. package/styles/tab/_layout.scss +4 -0
  137. package/styles/tab/bds.css +5 -0
  138. package/styles/tab/bootstrap-dark.css +34 -29
  139. package/styles/tab/bootstrap.css +5 -0
  140. package/styles/tab/bootstrap4.css +32 -27
  141. package/styles/tab/bootstrap5-dark.css +48 -43
  142. package/styles/tab/bootstrap5.3.css +5 -0
  143. package/styles/tab/bootstrap5.css +27 -22
  144. package/styles/tab/fabric-dark.css +5 -0
  145. package/styles/tab/fabric.css +9 -4
  146. package/styles/tab/fluent-dark.css +12 -7
  147. package/styles/tab/fluent.css +12 -7
  148. package/styles/tab/fluent2.css +5 -0
  149. package/styles/tab/highcontrast-light.css +5 -0
  150. package/styles/tab/highcontrast.css +5 -0
  151. package/styles/tab/material-dark.css +5 -0
  152. package/styles/tab/material.css +5 -0
  153. package/styles/tab/material3-dark.css +5 -0
  154. package/styles/tab/material3.css +5 -0
  155. package/styles/tab/tailwind-dark.css +5 -0
  156. package/styles/tab/tailwind.css +5 -0
  157. package/styles/tab/tailwind3.css +5 -0
  158. package/styles/tailwind-dark-lite.css +15 -5
  159. package/styles/tailwind-dark.css +15 -5
  160. package/styles/tailwind-lite.css +13 -3
  161. package/styles/tailwind.css +13 -3
  162. package/styles/tailwind3-lite.css +12 -2
  163. package/styles/tailwind3.css +13 -2
  164. package/styles/toolbar/_bootstrap4-definition.scss +8 -6
  165. package/styles/toolbar/_material-dark-definition.scss +3 -1
  166. package/styles/toolbar/_material-definition.scss +3 -1
  167. package/styles/toolbar/bootstrap4.css +12 -12
  168. package/styles/toolbar/bootstrap5-dark.css +47 -47
  169. package/styles/toolbar/bootstrap5.css +23 -23
  170. package/styles/toolbar/fabric.css +9 -9
  171. package/styles/treeview/_bigger.scss +5 -1
  172. package/styles/treeview/_bootstrap4-definition.scss +6 -4
  173. package/styles/treeview/_bootstrap5-definition.scss +4 -2
  174. package/styles/treeview/_bootstrap5.3-definition.scss +1 -1
  175. package/styles/treeview/_fluent-definition.scss +3 -1
  176. package/styles/treeview/_layout.scss +6 -2
  177. package/styles/treeview/_tailwind-definition.scss +3 -1
  178. package/styles/treeview/_theme.scss +3 -1
  179. package/styles/treeview/bds.css +5 -0
  180. package/styles/treeview/bootstrap-dark.css +5 -0
  181. package/styles/treeview/bootstrap.css +5 -0
  182. package/styles/treeview/bootstrap4.css +14 -9
  183. package/styles/treeview/bootstrap5-dark.css +17 -12
  184. package/styles/treeview/bootstrap5.3.css +12 -7
  185. package/styles/treeview/bootstrap5.css +8 -3
  186. package/styles/treeview/fabric-dark.css +5 -0
  187. package/styles/treeview/fabric.css +12 -7
  188. package/styles/treeview/fluent-dark.css +7 -2
  189. package/styles/treeview/fluent.css +7 -2
  190. package/styles/treeview/fluent2.css +5 -0
  191. package/styles/treeview/highcontrast-light.css +5 -0
  192. package/styles/treeview/highcontrast.css +5 -0
  193. package/styles/treeview/material-dark.css +5 -0
  194. package/styles/treeview/material.css +5 -0
  195. package/styles/treeview/material3-dark.css +5 -0
  196. package/styles/treeview/material3.css +5 -0
  197. package/styles/treeview/tailwind-dark.css +7 -2
  198. package/styles/treeview/tailwind.css +7 -2
  199. package/styles/treeview/tailwind3.css +7 -1
  200. package/styles/v-scroll/fabric-dark.css +1 -1
  201. package/styles/v-scroll/fabric.css +1 -1
@@ -122,7 +122,7 @@
122
122
  text-decoration: none;
123
123
  }
124
124
  .e-pager .e-currentitem {
125
- border: 3px solid #86b7fe;
125
+ border: 3px solid rgb(134, 182.5, 254);
126
126
  font-style: normal;
127
127
  font-variant: normal;
128
128
  font-weight: 400;
@@ -354,7 +354,7 @@
354
354
  padding: 7px 10.5px 8px 9.5px;
355
355
  }
356
356
  .e-pager.e-rtl .e-numericitem.e-currentitem {
357
- border-left-color: #86b7fe;
357
+ border-left-color: rgb(134, 182.5, 254);
358
358
  border-left-style: solid;
359
359
  border-left-width: 3px;
360
360
  }
@@ -572,7 +572,7 @@
572
572
  }
573
573
  .e-pager .e-currentitem,
574
574
  .e-pager .e-currentitem:hover {
575
- border-right-color: #86b7fe;
575
+ border-right-color: rgb(134, 182.5, 254);
576
576
  background: #e9ecef;
577
577
  color: #0d6efd;
578
578
  opacity: 1;
@@ -586,7 +586,7 @@
586
586
  .e-pager .e-mprev.e-focused,
587
587
  .e-pager .e-mnext.e-focused,
588
588
  .e-pager .e-mlast.e-focused {
589
- background-color: #eff1f4;
589
+ background-color: rgb(239.075, 241.35, 243.625);
590
590
  }
591
591
  .e-pager .e-currentitem.e-numericitem.e-focused {
592
592
  background: #e9ecef;
@@ -1690,7 +1690,7 @@
1690
1690
  color: #212529;
1691
1691
  }
1692
1692
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
1693
- background: #565e64;
1693
+ background: rgb(86.4, 93.6, 100);
1694
1694
  -webkit-box-shadow: none;
1695
1695
  box-shadow: none;
1696
1696
  }
@@ -1698,18 +1698,18 @@
1698
1698
  color: #fff;
1699
1699
  }
1700
1700
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active:focus {
1701
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
1702
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
1701
+ -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
1702
+ box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
1703
1703
  }
1704
1704
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
1705
- background: #5c636a;
1705
+ background: rgb(91.8, 99.45, 106.25);
1706
1706
  border-radius: 4px;
1707
1707
  color: #6c757d;
1708
1708
  border-color: #6c757d;
1709
1709
  border-style: solid;
1710
1710
  border-width: 0;
1711
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
1712
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
1711
+ -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
1712
+ box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
1713
1713
  }
1714
1714
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
1715
1715
  color: #fff;
@@ -1719,7 +1719,7 @@
1719
1719
  color: #fff;
1720
1720
  }
1721
1721
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
1722
- background: #5c636a;
1722
+ background: rgb(91.8, 99.45, 106.25);
1723
1723
  border-color: #6c757d;
1724
1724
  border-style: solid;
1725
1725
  border-width: 0;
@@ -1740,7 +1740,7 @@
1740
1740
  color: #fff;
1741
1741
  }
1742
1742
  .e-toolbar .e-toolbar-item .e-tbar-btn:active {
1743
- background: #565e64;
1743
+ background: rgb(86.4, 93.6, 100);
1744
1744
  border-color: #dee2e6;
1745
1745
  border-style: solid;
1746
1746
  border-width: 0;
@@ -1806,7 +1806,7 @@
1806
1806
  content: "";
1807
1807
  }
1808
1808
  .e-toolbar .e-hor-nav:hover {
1809
- background: #5c636a;
1809
+ background: rgb(91.8, 99.45, 106.25);
1810
1810
  border-left: 0;
1811
1811
  color: #fff;
1812
1812
  }
@@ -1819,13 +1819,13 @@
1819
1819
  border-width: 0;
1820
1820
  }
1821
1821
  .e-toolbar .e-hor-nav:hover:active {
1822
- background: #5c636a;
1822
+ background: rgb(91.8, 99.45, 106.25);
1823
1823
  border-color: #dee2e6;
1824
1824
  border-style: solid;
1825
1825
  border-width: 0;
1826
1826
  }
1827
1827
  .e-toolbar .e-hor-nav:focus {
1828
- background: #5c636a;
1828
+ background: rgb(91.8, 99.45, 106.25);
1829
1829
  color: #fff;
1830
1830
  border-color: #6c757d;
1831
1831
  border-style: solid;
@@ -1836,16 +1836,16 @@
1836
1836
  }
1837
1837
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
1838
1838
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
1839
- background: #5c636a;
1839
+ background: rgb(91.8, 99.45, 106.25);
1840
1840
  -webkit-box-shadow: none;
1841
1841
  box-shadow: none;
1842
- border-color: #5c636a;
1842
+ border-color: rgb(91.8, 99.45, 106.25);
1843
1843
  border-style: solid;
1844
1844
  border-width: 0;
1845
1845
  }
1846
1846
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:focus,
1847
1847
  .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav):focus {
1848
- border-color: #5c636a;
1848
+ border-color: rgb(91.8, 99.45, 106.25);
1849
1849
  border-style: solid;
1850
1850
  border-width: 0;
1851
1851
  }
@@ -1867,7 +1867,7 @@
1867
1867
  background: transparent;
1868
1868
  }
1869
1869
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
1870
- background: #5c636a;
1870
+ background: rgb(91.8, 99.45, 106.25);
1871
1871
  -webkit-box-shadow: none;
1872
1872
  box-shadow: none;
1873
1873
  border-color: #6c757d;
@@ -1875,7 +1875,7 @@
1875
1875
  border-width: 0;
1876
1876
  }
1877
1877
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
1878
- background: #565e64;
1878
+ background: rgb(86.4, 93.6, 100);
1879
1879
  -webkit-box-shadow: none;
1880
1880
  box-shadow: none;
1881
1881
  border-color: #dee2e6;
@@ -1883,7 +1883,7 @@
1883
1883
  border-width: 0;
1884
1884
  }
1885
1885
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
1886
- background: #5c636a;
1886
+ background: rgb(91.8, 99.45, 106.25);
1887
1887
  border-color: #6c757d;
1888
1888
  border-style: solid;
1889
1889
  border-width: 0;
@@ -1903,23 +1903,23 @@
1903
1903
  border: none;
1904
1904
  }
1905
1905
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
1906
- background: #5c636a;
1906
+ background: rgb(91.8, 99.45, 106.25);
1907
1907
  border-radius: 4px;
1908
1908
  border-color: #6c757d;
1909
1909
  border-style: solid;
1910
1910
  border-width: 0;
1911
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
1912
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
1911
+ -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
1912
+ box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
1913
1913
  }
1914
1914
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
1915
- background: #5c636a;
1915
+ background: rgb(91.8, 99.45, 106.25);
1916
1916
  border-radius: 4px;
1917
1917
  border-color: #6c757d;
1918
1918
  border-style: solid;
1919
1919
  border-width: 0;
1920
1920
  }
1921
1921
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
1922
- background: #565e64;
1922
+ background: rgb(86.4, 93.6, 100);
1923
1923
  border-radius: 4px;
1924
1924
  -webkit-box-shadow: none;
1925
1925
  box-shadow: none;
@@ -1943,7 +1943,7 @@
1943
1943
  border-width: 0 0 0 0;
1944
1944
  }
1945
1945
  .e-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
1946
- background: #5c636a;
1946
+ background: rgb(91.8, 99.45, 106.25);
1947
1947
  color: #6c757d;
1948
1948
  border: solid #dee2e6;
1949
1949
  border-width: 0 0 0 0;
@@ -2173,7 +2173,7 @@
2173
2173
  border-width: 0 0 1px 0;
2174
2174
  }
2175
2175
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
2176
- background: #e7f1ff;
2176
+ background: rgb(230.8, 240.5, 254.8);
2177
2177
  }
2178
2178
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
2179
2179
  color: #0d6efd;
@@ -2217,13 +2217,13 @@
2217
2217
  border-color: #dee2e6;
2218
2218
  border-style: solid;
2219
2219
  border-width: 0 0 1px 0;
2220
- background: #e7f1ff;
2220
+ background: rgb(230.8, 240.5, 254.8);
2221
2221
  }
2222
2222
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
2223
- background: #e7f1ff;
2223
+ background: rgb(230.8, 240.5, 254.8);
2224
2224
  }
2225
2225
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
2226
- background: #e7f1ff;
2226
+ background: rgb(230.8, 240.5, 254.8);
2227
2227
  }
2228
2228
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
2229
2229
  color: #212529;
@@ -2268,7 +2268,7 @@
2268
2268
  .e-accordion .e-acrdn-item .e-acrdn-header:active {
2269
2269
  border: 0;
2270
2270
  border-color: initial;
2271
- background: #e7f1ff;
2271
+ background: rgb(230.8, 240.5, 254.8);
2272
2272
  }
2273
2273
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2274
2274
  border: 0;
@@ -2285,10 +2285,10 @@
2285
2285
  color: #0d6efd;
2286
2286
  }
2287
2287
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons {
2288
- color: #0c63e4;
2288
+ color: rgb(11.7, 99, 227.7);
2289
2289
  }
2290
2290
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
2291
- color: #0c63e4;
2291
+ color: rgb(11.7, 99, 227.7);
2292
2292
  }
2293
2293
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-acrdn-header-content {
2294
2294
  color: #212529;
@@ -2297,19 +2297,19 @@
2297
2297
  border-color: #dee2e6;
2298
2298
  border-style: solid;
2299
2299
  border-width: 0 0 1px 0;
2300
- background: #e7f1ff;
2300
+ background: rgb(230.8, 240.5, 254.8);
2301
2301
  }
2302
2302
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons {
2303
- color: #0c63e4;
2303
+ color: rgb(11.7, 99, 227.7);
2304
2304
  }
2305
2305
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons {
2306
2306
  color: #6c757d;
2307
2307
  }
2308
2308
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
2309
- color: #0c63e4;
2309
+ color: rgb(11.7, 99, 227.7);
2310
2310
  }
2311
2311
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content {
2312
- color: #0c63e4;
2312
+ color: rgb(11.7, 99, 227.7);
2313
2313
  }
2314
2314
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon {
2315
2315
  color: #6c757d;
@@ -2318,12 +2318,12 @@
2318
2318
  border-color: #dee2e6;
2319
2319
  }
2320
2320
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
2321
- color: #0c63e4;
2321
+ color: rgb(11.7, 99, 227.7);
2322
2322
  }
2323
2323
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
2324
2324
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
2325
2325
  .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
2326
- color: #0c63e4;
2326
+ color: rgb(11.7, 99, 227.7);
2327
2327
  }
2328
2328
  .e-accordion .e-acrdn-item.e-select.e-item-focus {
2329
2329
  border-color: #dee2e6;
@@ -2345,10 +2345,10 @@
2345
2345
  border-bottom: 1px none #dee2e6;
2346
2346
  }
2347
2347
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
2348
- color: #0c63e4;
2348
+ color: rgb(11.7, 99, 227.7);
2349
2349
  }
2350
2350
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
2351
- color: #0c63e4;
2351
+ color: rgb(11.7, 99, 227.7);
2352
2352
  }
2353
2353
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2354
2354
  position: relative;
@@ -2368,7 +2368,7 @@
2368
2368
  color: #212529;
2369
2369
  }
2370
2370
  .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
2371
- background: #e7f1ff;
2371
+ background: rgb(230.8, 240.5, 254.8);
2372
2372
  border-radius: 0;
2373
2373
  border-color: #dee2e6;
2374
2374
  border-style: solid;
@@ -3048,7 +3048,7 @@
3048
3048
 
3049
3049
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
3050
3050
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
3051
- background-color: inherit;
3051
+ background-color: #fff;
3052
3052
  border: 1px solid #dee2e6;
3053
3053
  }
3054
3054
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -3517,6 +3517,11 @@
3517
3517
  height: 26px;
3518
3518
  width: 100%;
3519
3519
  }
3520
+ @media screen and (max-width: 480px) {
3521
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
3522
+ height: 42px;
3523
+ }
3524
+ }
3520
3525
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
3521
3526
  display: -webkit-inline-box;
3522
3527
  display: -ms-inline-flexbox;
@@ -4973,7 +4978,7 @@
4973
4978
  }
4974
4979
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
4975
4980
  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
4976
- color: #0a58ca;
4981
+ color: rgb(10.4, 88, 202.4);
4977
4982
  }
4978
4983
  .e-tab .e-tab-header .e-toolbar-item.e-active {
4979
4984
  border: 1px solid #dee2e6;
@@ -5014,7 +5019,7 @@
5014
5019
  color: #6c757d;
5015
5020
  }
5016
5021
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon:hover {
5017
- color: #0a58ca;
5022
+ color: rgb(10.4, 88, 202.4);
5018
5023
  }
5019
5024
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon:active {
5020
5025
  color: #0d6efd;
@@ -5060,7 +5065,7 @@
5060
5065
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
5061
5066
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
5062
5067
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
5063
- color: #0a58ca;
5068
+ color: rgb(10.4, 88, 202.4);
5064
5069
  }
5065
5070
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
5066
5071
  background: #e9ecef;
@@ -5091,7 +5096,7 @@
5091
5096
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:hover,
5092
5097
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
5093
5098
  background: #dee2e6;
5094
- color: #0a58ca;
5099
+ color: rgb(10.4, 88, 202.4);
5095
5100
  border: 0;
5096
5101
  }
5097
5102
  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
@@ -5113,7 +5118,7 @@
5113
5118
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover,
5114
5119
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover {
5115
5120
  background: #dee2e6;
5116
- color: #0a58ca;
5121
+ color: rgb(10.4, 88, 202.4);
5117
5122
  }
5118
5123
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
5119
5124
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
@@ -5160,7 +5165,7 @@
5160
5165
  }
5161
5166
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
5162
5167
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
5163
- color: #0a58ca;
5168
+ color: rgb(10.4, 88, 202.4);
5164
5169
  }
5165
5170
  .e-tab .e-tab-header .e-hor-nav:focus,
5166
5171
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus {
@@ -5302,7 +5307,7 @@
5302
5307
  background: rgba(233, 236, 239, 0.12);
5303
5308
  }
5304
5309
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
5305
- color: #0a58ca;
5310
+ color: rgb(10.4, 88, 202.4);
5306
5311
  }
5307
5312
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow:hover {
5308
5313
  background: none;
@@ -5328,7 +5333,7 @@
5328
5333
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
5329
5334
  background: inherit;
5330
5335
  border: 0;
5331
- color: #0a58ca;
5336
+ color: rgb(10.4, 88, 202.4);
5332
5337
  }
5333
5338
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
5334
5339
  .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -5358,7 +5363,7 @@
5358
5363
  }
5359
5364
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
5360
5365
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
5361
- color: #0a58ca;
5366
+ color: rgb(10.4, 88, 202.4);
5362
5367
  }
5363
5368
  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon {
5364
5369
  color: #6c757d;
@@ -5417,10 +5422,10 @@
5417
5422
  color: #0d6efd;
5418
5423
  }
5419
5424
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
5420
- color: #0a58ca;
5425
+ color: rgb(10.4, 88, 202.4);
5421
5426
  }
5422
5427
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
5423
- color: #0a58ca;
5428
+ color: rgb(10.4, 88, 202.4);
5424
5429
  }
5425
5430
  .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
5426
5431
  margin-top: 0;
@@ -5520,7 +5525,7 @@
5520
5525
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
5521
5526
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
5522
5527
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
5523
- color: #0a58ca;
5528
+ color: rgb(10.4, 88, 202.4);
5524
5529
  }
5525
5530
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
5526
5531
  background: rgba(233, 236, 239, 0.8);
@@ -5562,10 +5567,10 @@
5562
5567
  }
5563
5568
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
5564
5569
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
5565
- color: #e7f1ff;
5570
+ color: rgb(230.8, 240.5, 254.8);
5566
5571
  }
5567
5572
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
5568
- color: #e7f1ff;
5573
+ color: rgb(230.8, 240.5, 254.8);
5569
5574
  }
5570
5575
  .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
5571
5576
  color: #fff;
@@ -5679,7 +5684,7 @@
5679
5684
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
5680
5685
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon,
5681
5686
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-close-icon {
5682
- color: #e7f1ff;
5687
+ color: rgb(230.8, 240.5, 254.8);
5683
5688
  }
5684
5689
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
5685
5690
  background: #e9ecef;
@@ -5690,13 +5695,13 @@
5690
5695
  color: #fff;
5691
5696
  }
5692
5697
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text {
5693
- color: #e7f1ff;
5698
+ color: rgb(230.8, 240.5, 254.8);
5694
5699
  }
5695
5700
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
5696
- color: #e7f1ff;
5701
+ color: rgb(230.8, 240.5, 254.8);
5697
5702
  }
5698
5703
  .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-close-icon {
5699
- color: #e7f1ff;
5704
+ color: rgb(230.8, 240.5, 254.8);
5700
5705
  }
5701
5706
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
5702
5707
  .e-tab.e-background .e-tab-header .e-scroll-nav {
@@ -5704,7 +5709,7 @@
5704
5709
  }
5705
5710
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
5706
5711
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
5707
- color: #e7f1ff;
5712
+ color: rgb(230.8, 240.5, 254.8);
5708
5713
  border: 0;
5709
5714
  }
5710
5715
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
@@ -5716,7 +5721,7 @@
5716
5721
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active,
5717
5722
  .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:active {
5718
5723
  background: unset;
5719
- color: #e7f1ff;
5724
+ color: rgb(230.8, 240.5, 254.8);
5720
5725
  }
5721
5726
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
5722
5727
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
@@ -5748,7 +5753,7 @@
5748
5753
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
5749
5754
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
5750
5755
  .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
5751
- color: #e7f1ff;
5756
+ color: rgb(230.8, 240.5, 254.8);
5752
5757
  border: 0;
5753
5758
  }
5754
5759
  .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
@@ -5899,7 +5904,7 @@
5899
5904
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
5900
5905
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
5901
5906
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
5902
- color: #e7f1ff;
5907
+ color: rgb(230.8, 240.5, 254.8);
5903
5908
  }
5904
5909
  .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
5905
5910
  background: rgba(13, 110, 253, 0.12);
@@ -6145,6 +6150,11 @@
6145
6150
  position: absolute;
6146
6151
  width: 100%;
6147
6152
  }
6153
+ @supports (-webkit-overflow-scrolling: touch) {
6154
+ .e-treeview .e-fullrow {
6155
+ z-index: -1;
6156
+ }
6157
+ }
6148
6158
  .e-treeview .e-checkbox-wrapper {
6149
6159
  margin: 0 0 0 12px;
6150
6160
  pointer-events: all;
@@ -6212,7 +6222,7 @@
6212
6222
  .e-treeview .e-icon-expandable {
6213
6223
  display: inline-block;
6214
6224
  height: 20px;
6215
- margin: 0 4px 0 -25px;
6225
+ margin: 0 4px 0 -24px;
6216
6226
  vertical-align: middle;
6217
6227
  width: 20px;
6218
6228
  }
@@ -6519,7 +6529,7 @@
6519
6529
  border-color: #fff;
6520
6530
  }
6521
6531
  .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
6522
- background-color: #0262ef;
6532
+ background-color: rgb(1.9713114754, 97.5799180328, 238.5286885246);
6523
6533
  border-color: #0d6efd;
6524
6534
  }
6525
6535
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
@@ -6589,7 +6599,7 @@
6589
6599
  border-color: #0d6efd;
6590
6600
  }
6591
6601
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
6592
- background-color: #0262ef;
6602
+ background-color: rgb(1.9713114754, 97.5799180328, 238.5286885246);
6593
6603
  border-color: #0d6efd;
6594
6604
  }
6595
6605
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
@@ -7875,10 +7885,10 @@ ejs-sidebar {
7875
7885
  color: #0d6efd;
7876
7886
  }
7877
7887
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
7878
- color: #0257d5;
7888
+ color: rgb(1.762295082, 87.2336065574, 213.237704918);
7879
7889
  }
7880
7890
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:active {
7881
- color: #024dbc;
7891
+ color: rgb(1.5532786885, 76.887295082, 187.9467213115);
7882
7892
  }
7883
7893
  .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover {
7884
7894
  background: #e9ecef;
@@ -7889,7 +7899,7 @@ ejs-sidebar {
7889
7899
  color: #6c757d;
7890
7900
  }
7891
7901
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
7892
- border: 1px solid #0257d5;
7902
+ border: 1px solid rgb(1.762295082, 87.2336065574, 213.237704918);
7893
7903
  }
7894
7904
  .e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text {
7895
7905
  color: #6c757d;
@@ -8803,14 +8813,14 @@ ejs-sidebar {
8803
8813
  .e-stepper:not(.e-step-type-label) .e-indicator:hover,
8804
8814
  .e-stepper:not(.e-step-type-label) .e-step:hover {
8805
8815
  color: #fff;
8806
- background: #0b5ed7;
8816
+ background: rgb(11.05, 93.5, 215.05);
8807
8817
  }
8808
8818
  .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
8809
8819
  color: #212529;
8810
8820
  }
8811
8821
  .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
8812
8822
  .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
8813
- background: #0a58ca;
8823
+ background: rgb(10.4, 88, 202.4);
8814
8824
  }
8815
8825
  .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
8816
8826
  .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-step:active {
@@ -3101,7 +3101,7 @@
3101
3101
 
3102
3102
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
3103
3103
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
3104
- background-color: inherit;
3104
+ background-color: var(--color-sf-flyout-bg-color);
3105
3105
  border: 1px solid var(--color-sf-border-light);
3106
3106
  }
3107
3107
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -3570,6 +3570,11 @@
3570
3570
  height: 26px;
3571
3571
  width: 100%;
3572
3572
  }
3573
+ @media screen and (max-width: 480px) {
3574
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
3575
+ height: 42px;
3576
+ }
3577
+ }
3573
3578
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
3574
3579
  display: -webkit-inline-box;
3575
3580
  display: -ms-inline-flexbox;
@@ -6218,6 +6223,11 @@
6218
6223
  position: absolute;
6219
6224
  width: 100%;
6220
6225
  }
6226
+ @supports (-webkit-overflow-scrolling: touch) {
6227
+ .e-treeview .e-fullrow {
6228
+ z-index: -1;
6229
+ }
6230
+ }
6221
6231
  .e-treeview .e-checkbox-wrapper {
6222
6232
  margin: 0 0 0 8px;
6223
6233
  pointer-events: all;
@@ -6285,7 +6295,7 @@
6285
6295
  .e-treeview .e-icon-expandable {
6286
6296
  display: inline-block;
6287
6297
  height: 20px;
6288
- margin: 0 4px 0 -25px;
6298
+ margin: 0 4px 0 -24px;
6289
6299
  vertical-align: middle;
6290
6300
  width: 20px;
6291
6301
  }
@@ -6405,12 +6415,6 @@
6405
6415
  .e-treeview.e-drag-item .e-text-content .e-list-text {
6406
6416
  padding: 0 4px 8px 10px 12px;
6407
6417
  }
6408
- .e-treeview.e-drag-item .e-icon-collapsible,
6409
- .e-treeview.e-drag-item .e-icon-expandable {
6410
- -webkit-box-sizing: content-box;
6411
- box-sizing: content-box;
6412
- padding-left: 4px 8px 10px 12px;
6413
- }
6414
6418
  .e-treeview.e-drag-item .e-icon-collapsible::before,
6415
6419
  .e-treeview.e-drag-item .e-icon-expandable::before {
6416
6420
  font-size: 14px;
@@ -3735,7 +3735,7 @@
3735
3735
 
3736
3736
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
3737
3737
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
3738
- background-color: inherit;
3738
+ background-color: var(--color-sf-flyout-bg-color);
3739
3739
  border: 1px solid var(--color-sf-border-light);
3740
3740
  }
3741
3741
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -4264,6 +4264,11 @@
4264
4264
  height: 26px;
4265
4265
  width: 100%;
4266
4266
  }
4267
+ @media screen and (max-width: 480px) {
4268
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
4269
+ height: 42px;
4270
+ }
4271
+ }
4267
4272
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
4268
4273
  display: -webkit-inline-box;
4269
4274
  display: -ms-inline-flexbox;
@@ -8113,6 +8118,11 @@
8113
8118
  position: absolute;
8114
8119
  width: 100%;
8115
8120
  }
8121
+ @supports (-webkit-overflow-scrolling: touch) {
8122
+ .e-treeview .e-fullrow {
8123
+ z-index: -1;
8124
+ }
8125
+ }
8116
8126
  .e-treeview .e-checkbox-wrapper {
8117
8127
  margin: 0 0 0 8px;
8118
8128
  pointer-events: all;
@@ -8180,7 +8190,7 @@
8180
8190
  .e-treeview .e-icon-expandable {
8181
8191
  display: inline-block;
8182
8192
  height: 20px;
8183
- margin: 0 4px 0 -25px;
8193
+ margin: 0 4px 0 -24px;
8184
8194
  vertical-align: middle;
8185
8195
  width: 20px;
8186
8196
  }
@@ -8300,12 +8310,6 @@
8300
8310
  .e-treeview.e-drag-item .e-text-content .e-list-text {
8301
8311
  padding: 0 4px 8px 10px 12px;
8302
8312
  }
8303
- .e-treeview.e-drag-item .e-icon-collapsible,
8304
- .e-treeview.e-drag-item .e-icon-expandable {
8305
- -webkit-box-sizing: content-box;
8306
- box-sizing: content-box;
8307
- padding-left: 4px 8px 10px 12px;
8308
- }
8309
8313
  .e-treeview.e-drag-item .e-icon-collapsible::before,
8310
8314
  .e-treeview.e-drag-item .e-icon-expandable::before {
8311
8315
  font-size: 14px;
@@ -8733,6 +8737,12 @@
8733
8737
  .e-treeview.e-bigger .e-icon-expandable::before {
8734
8738
  font-size: 24px;
8735
8739
  }
8740
+ .e-bigger .e-treeview.e-drag-item .e-icon-collapsible,
8741
+ .e-bigger .e-treeview.e-drag-item .e-icon-expandable,
8742
+ .e-treeview.e-bigger.e-drag-item .e-icon-collapsible,
8743
+ .e-treeview.e-bigger.e-drag-item .e-icon-expandable {
8744
+ padding: 4px 8px 10px 12px;
8745
+ }
8736
8746
  /* stylelint-disable-line no-empty-source */
8737
8747
  /* stylelint-disable-line no-empty-source */
8738
8748
  ejs-sidebar {