@syncfusion/ej2-angular-navigations 19.4.53 → 20.1.47

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 (232) hide show
  1. package/@syncfusion/ej2-angular-navigations.es5.js +330 -68
  2. package/@syncfusion/ej2-angular-navigations.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-navigations.js +310 -68
  4. package/@syncfusion/ej2-angular-navigations.js.map +1 -1
  5. package/CHANGELOG.md +35 -2
  6. package/README.md +16 -1
  7. package/dist/ej2-angular-navigations.umd.js +343 -72
  8. package/dist/ej2-angular-navigations.umd.js.map +1 -1
  9. package/dist/ej2-angular-navigations.umd.min.js +2 -2
  10. package/dist/ej2-angular-navigations.umd.min.js.map +1 -1
  11. package/ej2-angular-navigations.d.ts +5 -4
  12. package/ej2-angular-navigations.metadata.json +1 -1
  13. package/package.json +12 -9
  14. package/postinstall/tagchange.js +1 -1
  15. package/schematics/utils/lib-details.d.ts +3 -3
  16. package/schematics/utils/lib-details.js +3 -3
  17. package/schematics/utils/lib-details.ts +3 -3
  18. package/src/carousel/carousel-all.module.d.ts +5 -0
  19. package/src/carousel/carousel.component.d.ts +58 -0
  20. package/src/carousel/carousel.module.d.ts +5 -0
  21. package/src/carousel/items.directive.d.ts +46 -0
  22. package/src/index.d.ts +4 -0
  23. package/styles/accordion/bootstrap-dark.css +48 -63
  24. package/styles/accordion/bootstrap.css +48 -63
  25. package/styles/accordion/bootstrap4.css +48 -63
  26. package/styles/accordion/bootstrap5-dark.css +51 -66
  27. package/styles/accordion/bootstrap5.css +51 -66
  28. package/styles/accordion/fabric-dark.css +50 -65
  29. package/styles/accordion/fabric.css +50 -65
  30. package/styles/accordion/fluent-dark.css +395 -0
  31. package/styles/accordion/fluent-dark.scss +1 -0
  32. package/styles/accordion/fluent.css +395 -0
  33. package/styles/accordion/fluent.scss +1 -0
  34. package/styles/accordion/highcontrast-light.css +49 -64
  35. package/styles/accordion/highcontrast.css +49 -64
  36. package/styles/accordion/material-dark.css +49 -64
  37. package/styles/accordion/material.css +49 -64
  38. package/styles/accordion/tailwind-dark.css +52 -67
  39. package/styles/accordion/tailwind.css +52 -67
  40. package/styles/bootstrap-dark.css +310 -69
  41. package/styles/bootstrap-dark.scss +1 -0
  42. package/styles/bootstrap.css +310 -69
  43. package/styles/bootstrap.scss +1 -0
  44. package/styles/bootstrap4.css +310 -69
  45. package/styles/bootstrap4.scss +1 -0
  46. package/styles/bootstrap5-dark.css +415 -171
  47. package/styles/bootstrap5-dark.scss +1 -0
  48. package/styles/bootstrap5.css +415 -171
  49. package/styles/bootstrap5.scss +1 -0
  50. package/styles/breadcrumb/bootstrap-dark.css +10 -2
  51. package/styles/breadcrumb/bootstrap.css +10 -2
  52. package/styles/breadcrumb/bootstrap4.css +10 -2
  53. package/styles/breadcrumb/bootstrap5-dark.css +12 -4
  54. package/styles/breadcrumb/bootstrap5.css +12 -4
  55. package/styles/breadcrumb/fabric-dark.css +10 -4
  56. package/styles/breadcrumb/fabric.css +10 -4
  57. package/styles/breadcrumb/fluent-dark.css +444 -0
  58. package/styles/breadcrumb/fluent-dark.scss +1 -0
  59. package/styles/breadcrumb/fluent.css +444 -0
  60. package/styles/breadcrumb/fluent.scss +1 -0
  61. package/styles/breadcrumb/highcontrast-light.css +10 -4
  62. package/styles/breadcrumb/highcontrast.css +10 -4
  63. package/styles/breadcrumb/material-dark.css +10 -2
  64. package/styles/breadcrumb/material.css +10 -2
  65. package/styles/breadcrumb/tailwind-dark.css +21 -4
  66. package/styles/breadcrumb/tailwind.css +27 -10
  67. package/styles/carousel/bootstrap-dark.css +236 -0
  68. package/styles/carousel/bootstrap-dark.scss +1 -0
  69. package/styles/carousel/bootstrap.css +236 -0
  70. package/styles/carousel/bootstrap.scss +1 -0
  71. package/styles/carousel/bootstrap4.css +236 -0
  72. package/styles/carousel/bootstrap4.scss +1 -0
  73. package/styles/carousel/bootstrap5-dark.css +236 -0
  74. package/styles/carousel/bootstrap5-dark.scss +1 -0
  75. package/styles/carousel/bootstrap5.css +236 -0
  76. package/styles/carousel/bootstrap5.scss +1 -0
  77. package/styles/carousel/fabric-dark.css +236 -0
  78. package/styles/carousel/fabric-dark.scss +1 -0
  79. package/styles/carousel/fabric.css +236 -0
  80. package/styles/carousel/fabric.scss +1 -0
  81. package/styles/carousel/fluent-dark.css +236 -0
  82. package/styles/carousel/fluent-dark.scss +1 -0
  83. package/styles/carousel/fluent.css +236 -0
  84. package/styles/carousel/fluent.scss +1 -0
  85. package/styles/carousel/highcontrast-light.css +236 -0
  86. package/styles/carousel/highcontrast-light.scss +1 -0
  87. package/styles/carousel/highcontrast.css +236 -0
  88. package/styles/carousel/highcontrast.scss +1 -0
  89. package/styles/carousel/material-dark.css +237 -0
  90. package/styles/carousel/material-dark.scss +1 -0
  91. package/styles/carousel/material.css +237 -0
  92. package/styles/carousel/material.scss +1 -0
  93. package/styles/carousel/tailwind-dark.css +237 -0
  94. package/styles/carousel/tailwind-dark.scss +1 -0
  95. package/styles/carousel/tailwind.css +237 -0
  96. package/styles/carousel/tailwind.scss +1 -0
  97. package/styles/context-menu/bootstrap-dark.css +5 -0
  98. package/styles/context-menu/bootstrap.css +5 -0
  99. package/styles/context-menu/bootstrap4.css +5 -0
  100. package/styles/context-menu/bootstrap5-dark.css +16 -8
  101. package/styles/context-menu/bootstrap5.css +16 -8
  102. package/styles/context-menu/fabric-dark.css +5 -0
  103. package/styles/context-menu/fabric.css +5 -0
  104. package/styles/context-menu/fluent-dark.css +388 -0
  105. package/styles/context-menu/fluent-dark.scss +1 -0
  106. package/styles/context-menu/fluent.css +388 -0
  107. package/styles/context-menu/fluent.scss +1 -0
  108. package/styles/context-menu/highcontrast-light.css +5 -0
  109. package/styles/context-menu/highcontrast.css +5 -0
  110. package/styles/context-menu/material-dark.css +5 -0
  111. package/styles/context-menu/material.css +5 -0
  112. package/styles/context-menu/tailwind-dark.css +11 -4
  113. package/styles/context-menu/tailwind.css +11 -4
  114. package/styles/fabric-dark.css +312 -73
  115. package/styles/fabric-dark.scss +1 -0
  116. package/styles/fabric.css +312 -73
  117. package/styles/fabric.scss +1 -0
  118. package/styles/fluent-dark.css +10263 -0
  119. package/styles/fluent-dark.scss +11 -0
  120. package/styles/fluent.css +10263 -0
  121. package/styles/fluent.scss +11 -0
  122. package/styles/h-scroll/bootstrap-dark.css +0 -1
  123. package/styles/h-scroll/bootstrap.css +0 -1
  124. package/styles/h-scroll/bootstrap4.css +0 -1
  125. package/styles/h-scroll/bootstrap5-dark.css +10 -11
  126. package/styles/h-scroll/bootstrap5.css +10 -11
  127. package/styles/h-scroll/fabric-dark.css +0 -1
  128. package/styles/h-scroll/fabric.css +0 -1
  129. package/styles/h-scroll/fluent-dark.css +326 -0
  130. package/styles/h-scroll/fluent-dark.scss +1 -0
  131. package/styles/h-scroll/fluent.css +326 -0
  132. package/styles/h-scroll/fluent.scss +1 -0
  133. package/styles/h-scroll/highcontrast-light.css +0 -1
  134. package/styles/h-scroll/highcontrast.css +0 -1
  135. package/styles/h-scroll/material-dark.css +3 -4
  136. package/styles/h-scroll/material.css +0 -1
  137. package/styles/h-scroll/tailwind-dark.css +8 -9
  138. package/styles/h-scroll/tailwind.css +8 -9
  139. package/styles/highcontrast-light.css +311 -72
  140. package/styles/highcontrast-light.scss +1 -0
  141. package/styles/highcontrast.css +312 -73
  142. package/styles/highcontrast.scss +1 -0
  143. package/styles/material-dark.css +314 -73
  144. package/styles/material-dark.scss +1 -0
  145. package/styles/material.css +311 -70
  146. package/styles/material.scss +1 -0
  147. package/styles/menu/bootstrap-dark.css +1 -2
  148. package/styles/menu/bootstrap.css +1 -2
  149. package/styles/menu/bootstrap4.css +1 -2
  150. package/styles/menu/bootstrap5-dark.css +23 -24
  151. package/styles/menu/bootstrap5.css +23 -24
  152. package/styles/menu/fabric-dark.css +1 -2
  153. package/styles/menu/fabric.css +1 -2
  154. package/styles/menu/fluent-dark.css +1261 -0
  155. package/styles/menu/fluent-dark.scss +1 -0
  156. package/styles/menu/fluent.css +1261 -0
  157. package/styles/menu/fluent.scss +1 -0
  158. package/styles/menu/highcontrast-light.css +1 -2
  159. package/styles/menu/highcontrast.css +1 -2
  160. package/styles/menu/material-dark.css +1 -2
  161. package/styles/menu/material.css +1 -2
  162. package/styles/menu/tailwind-dark.css +18 -18
  163. package/styles/menu/tailwind.css +18 -18
  164. package/styles/sidebar/bootstrap-dark.css +4 -0
  165. package/styles/sidebar/bootstrap.css +4 -0
  166. package/styles/sidebar/bootstrap4.css +4 -0
  167. package/styles/sidebar/bootstrap5-dark.css +4 -0
  168. package/styles/sidebar/bootstrap5.css +4 -0
  169. package/styles/sidebar/fabric-dark.css +4 -0
  170. package/styles/sidebar/fabric.css +4 -0
  171. package/styles/sidebar/fluent-dark.css +158 -0
  172. package/styles/sidebar/fluent-dark.scss +1 -0
  173. package/styles/sidebar/fluent.css +158 -0
  174. package/styles/sidebar/fluent.scss +1 -0
  175. package/styles/sidebar/highcontrast-light.css +4 -0
  176. package/styles/sidebar/highcontrast.css +4 -0
  177. package/styles/sidebar/material-dark.css +4 -0
  178. package/styles/sidebar/material.css +4 -0
  179. package/styles/sidebar/tailwind-dark.css +4 -0
  180. package/styles/sidebar/tailwind.css +4 -0
  181. package/styles/tab/bootstrap-dark.css +1 -1
  182. package/styles/tab/bootstrap.css +1 -1
  183. package/styles/tab/bootstrap4.css +1 -1
  184. package/styles/tab/bootstrap5-dark.css +23 -23
  185. package/styles/tab/bootstrap5.css +23 -23
  186. package/styles/tab/fabric-dark.css +1 -1
  187. package/styles/tab/fabric.css +1 -1
  188. package/styles/tab/fluent-dark.css +4394 -0
  189. package/styles/tab/fluent-dark.scss +1 -0
  190. package/styles/tab/fluent.css +4394 -0
  191. package/styles/tab/fluent.scss +1 -0
  192. package/styles/tab/highcontrast-light.css +1 -1
  193. package/styles/tab/highcontrast.css +2 -2
  194. package/styles/tab/material-dark.css +1 -1
  195. package/styles/tab/material.css +1 -1
  196. package/styles/tab/tailwind-dark.css +43 -45
  197. package/styles/tab/tailwind.css +43 -45
  198. package/styles/tailwind-dark.css +422 -171
  199. package/styles/tailwind-dark.scss +1 -0
  200. package/styles/tailwind.css +428 -177
  201. package/styles/tailwind.scss +1 -0
  202. package/styles/toolbar/bootstrap-dark.css +4 -0
  203. package/styles/toolbar/bootstrap.css +4 -0
  204. package/styles/toolbar/bootstrap4.css +4 -0
  205. package/styles/toolbar/bootstrap5-dark.css +35 -31
  206. package/styles/toolbar/bootstrap5.css +35 -31
  207. package/styles/toolbar/fabric-dark.css +4 -0
  208. package/styles/toolbar/fabric.css +4 -0
  209. package/styles/toolbar/fluent-dark.css +1365 -0
  210. package/styles/toolbar/fluent-dark.scss +1 -0
  211. package/styles/toolbar/fluent.css +1365 -0
  212. package/styles/toolbar/fluent.scss +1 -0
  213. package/styles/toolbar/highcontrast-light.css +4 -0
  214. package/styles/toolbar/highcontrast.css +4 -0
  215. package/styles/toolbar/material-dark.css +4 -0
  216. package/styles/toolbar/material.css +4 -0
  217. package/styles/toolbar/tailwind-dark.css +10 -6
  218. package/styles/toolbar/tailwind.css +10 -6
  219. package/styles/treeview/bootstrap5-dark.css +4 -4
  220. package/styles/treeview/bootstrap5.css +4 -4
  221. package/styles/treeview/fluent-dark.css +1039 -0
  222. package/styles/treeview/fluent-dark.scss +1 -0
  223. package/styles/treeview/fluent.css +1039 -0
  224. package/styles/treeview/fluent.scss +1 -0
  225. package/styles/treeview/tailwind-dark.css +13 -14
  226. package/styles/treeview/tailwind.css +13 -14
  227. package/styles/v-scroll/fluent-dark.css +247 -0
  228. package/styles/v-scroll/fluent-dark.scss +1 -0
  229. package/styles/v-scroll/fluent.css +247 -0
  230. package/styles/v-scroll/fluent.scss +1 -0
  231. package/styles/v-scroll/tailwind-dark.css +4 -4
  232. package/styles/v-scroll/tailwind.css +4 -4
package/styles/accordion/bootstrap5-dark.css CHANGED
@@ -19,24 +19,34 @@
19
19
  font-size: 16px;
20
20
  }
21
21
 
22
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
23
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
24
+ padding: 20px 20px 20px 28px;
25
+ }
26
+
27
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
28
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
29
+ padding: 12px 0 12px 28px;
30
+ }
31
+
22
32
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
23
33
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
24
34
  padding: 0;
25
35
  }
26
36
 
27
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
28
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
37
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
38
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
29
39
  border: 0;
30
40
  }
31
41
 
32
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
33
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
42
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
43
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
34
44
  padding: 12px 0 12px 40px;
35
45
  }
36
46
 
37
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
38
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
39
- padding: 12px 0 12px 28px;
47
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
48
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
49
+ padding: 24px 24px 24px 40px;
40
50
  }
41
51
 
42
52
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
@@ -48,7 +58,7 @@
48
58
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header {
49
59
  line-height: 24px;
50
60
  min-height: 48px;
51
- padding: 11px 17px;
61
+ padding: 13px 20px;
52
62
  }
53
63
 
54
64
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon,
@@ -76,49 +86,24 @@
76
86
  padding: 16px;
77
87
  }
78
88
 
79
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
80
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
81
- padding: 20px;
82
- }
83
-
84
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
85
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
86
- padding: 24px;
89
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
90
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
91
+ padding: 20px 28px 20px 20px;
87
92
  }
88
93
 
89
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
90
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
91
- padding: 12px 0 12px 28px;
92
- }
93
-
94
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content,
95
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content {
96
- padding: 0;
97
- }
98
-
99
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
100
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
101
- padding: 20px;
102
- }
103
-
104
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content,
105
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content {
106
- padding: 0;
107
- }
108
-
109
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
110
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
111
- padding: 24px;
94
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
95
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
96
+ padding: 12px 28px 12px 0;
112
97
  }
113
98
 
114
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
115
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
99
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
100
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
116
101
  padding: 12px 40px 12px 0;
117
102
  }
118
103
 
119
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
120
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
121
- padding: 12px 28px 12px 0;
104
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
105
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
106
+ padding: 24px 40px 24px 24px;
122
107
  }
123
108
 
124
109
  .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
@@ -179,7 +164,7 @@
179
164
  line-height: 22px;
180
165
  min-height: 38px;
181
166
  overflow: hidden;
182
- padding: 7px 12px 3px;
167
+ padding: 10px 16px;
183
168
  text-decoration: none;
184
169
  text-overflow: ellipsis;
185
170
  white-space: nowrap;
@@ -227,6 +212,14 @@
227
212
  width: 100%;
228
213
  }
229
214
 
215
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
216
+ padding: 16px 16px 16px 26px;
217
+ }
218
+
219
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
220
+ padding: 8px 0 8px 26px;
221
+ }
222
+
230
223
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
231
224
  padding: 0;
232
225
  }
@@ -235,7 +228,7 @@
235
228
  padding: 0;
236
229
  }
237
230
 
238
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
231
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
239
232
  border: 0;
240
233
  }
241
234
 
@@ -243,6 +236,10 @@
243
236
  padding: 8px 0 8px 38px;
244
237
  }
245
238
 
239
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
240
+ padding: 20px 20px 20px 38px;
241
+ }
242
+
246
243
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
247
244
  font-weight: normal;
248
245
  }
@@ -251,14 +248,6 @@
251
248
  font-weight: normal;
252
249
  }
253
250
 
254
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
255
- padding: 16px;
256
- }
257
-
258
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
259
- padding: 20px;
260
- }
261
-
262
251
  .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
263
252
  line-height: 1.5;
264
253
  overflow: hidden;
@@ -271,11 +260,7 @@
271
260
  text-overflow: ellipsis;
272
261
  }
273
262
 
274
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
275
- padding: 8px 0 8px 26px;
276
- }
277
-
278
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
263
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
279
264
  font-size: 14px;
280
265
  }
281
266
 
@@ -283,20 +268,20 @@
283
268
  display: none;
284
269
  }
285
270
 
286
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
287
- padding: 8px 38px 8px 0;
271
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
272
+ padding: 16px 26px 16px 16px;
288
273
  }
289
274
 
290
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
275
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
291
276
  padding: 8px 26px 8px 0;
292
277
  }
293
278
 
294
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
295
- padding: 16px;
279
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
280
+ padding: 8px 38px 8px 0;
296
281
  }
297
282
 
298
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
299
- padding: 20px;
283
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
284
+ padding: 20px 38px 20px 20px;
300
285
  }
301
286
 
302
287
  .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
package/styles/accordion/bootstrap5.css CHANGED
@@ -19,24 +19,34 @@
19
19
  font-size: 16px;
20
20
  }
21
21
 
22
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
23
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
24
+ padding: 20px 20px 20px 28px;
25
+ }
26
+
27
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
28
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
29
+ padding: 12px 0 12px 28px;
30
+ }
31
+
22
32
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
23
33
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
24
34
  padding: 0;
25
35
  }
26
36
 
27
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
28
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
37
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
38
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
29
39
  border: 0;
30
40
  }
31
41
 
32
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
33
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
42
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
43
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
34
44
  padding: 12px 0 12px 40px;
35
45
  }
36
46
 
37
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
38
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
39
- padding: 12px 0 12px 28px;
47
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
48
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
49
+ padding: 24px 24px 24px 40px;
40
50
  }
41
51
 
42
52
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
@@ -48,7 +58,7 @@
48
58
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header {
49
59
  line-height: 24px;
50
60
  min-height: 48px;
51
- padding: 11px 17px;
61
+ padding: 13px 20px;
52
62
  }
53
63
 
54
64
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon,
@@ -76,49 +86,24 @@
76
86
  padding: 16px;
77
87
  }
78
88
 
79
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
80
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
81
- padding: 20px;
82
- }
83
-
84
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
85
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
86
- padding: 24px;
89
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
90
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
91
+ padding: 20px 28px 20px 20px;
87
92
  }
88
93
 
89
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
90
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
91
- padding: 12px 0 12px 28px;
92
- }
93
-
94
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content,
95
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content {
96
- padding: 0;
97
- }
98
-
99
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
100
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
101
- padding: 20px;
102
- }
103
-
104
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content,
105
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content {
106
- padding: 0;
107
- }
108
-
109
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
110
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
111
- padding: 24px;
94
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
95
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
96
+ padding: 12px 28px 12px 0;
112
97
  }
113
98
 
114
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
115
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
99
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
100
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
116
101
  padding: 12px 40px 12px 0;
117
102
  }
118
103
 
119
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
120
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
121
- padding: 12px 28px 12px 0;
104
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
105
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
106
+ padding: 24px 40px 24px 24px;
122
107
  }
123
108
 
124
109
  .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
@@ -179,7 +164,7 @@
179
164
  line-height: 22px;
180
165
  min-height: 38px;
181
166
  overflow: hidden;
182
- padding: 7px 12px 3px;
167
+ padding: 10px 16px;
183
168
  text-decoration: none;
184
169
  text-overflow: ellipsis;
185
170
  white-space: nowrap;
@@ -227,6 +212,14 @@
227
212
  width: 100%;
228
213
  }
229
214
 
215
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
216
+ padding: 16px 16px 16px 26px;
217
+ }
218
+
219
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
220
+ padding: 8px 0 8px 26px;
221
+ }
222
+
230
223
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
231
224
  padding: 0;
232
225
  }
@@ -235,7 +228,7 @@
235
228
  padding: 0;
236
229
  }
237
230
 
238
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
231
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
239
232
  border: 0;
240
233
  }
241
234
 
@@ -243,6 +236,10 @@
243
236
  padding: 8px 0 8px 38px;
244
237
  }
245
238
 
239
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
240
+ padding: 20px 20px 20px 38px;
241
+ }
242
+
246
243
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
247
244
  font-weight: normal;
248
245
  }
@@ -251,14 +248,6 @@
251
248
  font-weight: normal;
252
249
  }
253
250
 
254
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
255
- padding: 16px;
256
- }
257
-
258
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
259
- padding: 20px;
260
- }
261
-
262
251
  .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
263
252
  line-height: 1.5;
264
253
  overflow: hidden;
@@ -271,11 +260,7 @@
271
260
  text-overflow: ellipsis;
272
261
  }
273
262
 
274
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
275
- padding: 8px 0 8px 26px;
276
- }
277
-
278
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
263
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
279
264
  font-size: 14px;
280
265
  }
281
266
 
@@ -283,20 +268,20 @@
283
268
  display: none;
284
269
  }
285
270
 
286
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
287
- padding: 8px 38px 8px 0;
271
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
272
+ padding: 16px 26px 16px 16px;
288
273
  }
289
274
 
290
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
275
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
291
276
  padding: 8px 26px 8px 0;
292
277
  }
293
278
 
294
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
295
- padding: 16px;
279
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
280
+ padding: 8px 38px 8px 0;
296
281
  }
297
282
 
298
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
299
- padding: 20px;
283
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
284
+ padding: 20px 38px 20px 20px;
300
285
  }
301
286
 
302
287
  .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
package/styles/accordion/fabric-dark.css CHANGED
@@ -18,24 +18,34 @@
18
18
  font-size: 14px;
19
19
  }
20
20
 
21
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
22
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
23
+ padding: 19px 19px 19px 24px;
24
+ }
25
+
26
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
27
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
28
+ padding: 0 42px 0 24px;
29
+ }
30
+
21
31
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
22
32
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
23
33
  padding: 0;
24
34
  }
25
35
 
26
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
27
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
36
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
37
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
28
38
  border: 0;
29
39
  }
30
40
 
31
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
32
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
41
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
42
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
33
43
  padding: 0 42px 0 36px;
34
44
  }
35
45
 
36
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
37
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
38
- padding: 0 42px 0 24px;
46
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
47
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
48
+ padding: 19px 19px 19px 36px;
39
49
  }
40
50
 
41
51
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
@@ -69,49 +79,24 @@
69
79
  padding: 19px;
70
80
  }
71
81
 
72
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
73
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
74
- padding: 19px 19px 19px 45px;
75
- }
76
-
77
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
78
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
79
- padding: 19px 19px 19px 60px;
80
- }
81
-
82
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
83
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
84
- padding: 0 42px 0 24px;
82
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
83
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
84
+ padding: 19px 24px 19px 19px;
85
85
  }
86
86
 
87
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content,
88
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content {
89
- padding: 0;
90
- }
91
-
92
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
93
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
94
- padding: 19px 45px 19px 19px;
95
- }
96
-
97
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content,
98
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content {
99
- padding: 0;
100
- }
101
-
102
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
103
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
104
- padding: 19px 60px 19px 19px;
87
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
88
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
89
+ padding: 0 24px 0 42px;
105
90
  }
106
91
 
107
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
108
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
92
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
93
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
109
94
  padding: 0 36px 0 42px;
110
95
  }
111
96
 
112
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
113
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
114
- padding: 0 24px 0 42px;
97
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
98
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
99
+ padding: 19px 36px 19px 19px;
115
100
  }
116
101
 
117
102
  .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
@@ -216,6 +201,14 @@
216
201
  width: 100%;
217
202
  }
218
203
 
204
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
205
+ padding: 15px 15px 15px 24px;
206
+ }
207
+
208
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
209
+ padding: 0 42px 0 24px;
210
+ }
211
+
219
212
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
220
213
  padding: 0;
221
214
  }
@@ -224,7 +217,7 @@
224
217
  padding: 0;
225
218
  }
226
219
 
227
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
220
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
228
221
  border: 0;
229
222
  }
230
223
 
@@ -232,6 +225,10 @@
232
225
  padding: 0 42px 0 36px;
233
226
  }
234
227
 
228
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
229
+ padding: 15px 15px 15px 36px;
230
+ }
231
+
235
232
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
236
233
  font-weight: normal;
237
234
  }
@@ -240,14 +237,6 @@
240
237
  font-weight: normal;
241
238
  }
242
239
 
243
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
244
- padding: 15px 15px 15px 45px;
245
- }
246
-
247
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
248
- padding: 15px 15px 15px 60px;
249
- }
250
-
251
240
  .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
252
241
  line-height: 1.5;
253
242
  overflow: hidden;
@@ -260,11 +249,7 @@
260
249
  text-overflow: ellipsis;
261
250
  }
262
251
 
263
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
264
- padding: 0 42px 0 24px;
265
- }
266
-
267
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
252
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
268
253
  font-size: 14px;
269
254
  }
270
255
 
@@ -272,20 +257,20 @@
272
257
  display: none;
273
258
  }
274
259
 
275
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
276
- padding: 0 36px 0 42px;
260
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
261
+ padding: 15px 24px 15px 15px;
277
262
  }
278
263
 
279
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
264
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
280
265
  padding: 0 24px 0 42px;
281
266
  }
282
267
 
283
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
284
- padding: 15px 45px 15px 15px;
268
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
269
+ padding: 0 36px 0 42px;
285
270
  }
286
271
 
287
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
288
- padding: 15px 60px 15px 15px;
272
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
273
+ padding: 15px 36px 15px 15px;
289
274
  }
290
275
 
291
276
  .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
@@ -414,7 +399,7 @@
414
399
  }
415
400
 
416
401
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-header-content {
417
- color: #fff;
402
+ color: #dadada;
418
403
  }
419
404
 
420
405
  .e-accordion .e-acrdn-item .e-toggle-icon {