@syncfusion/ej2-angular-navigations 26.1.41 → 26.2.4

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 (273) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/package.json +8 -8
  3. package/schematics/utils/lib-details.ts +2 -2
  4. package/styles/accordion/bootstrap-dark.css +1 -540
  5. package/styles/accordion/bootstrap.css +1 -540
  6. package/styles/accordion/bootstrap4.css +1 -540
  7. package/styles/accordion/bootstrap5-dark.css +1 -540
  8. package/styles/accordion/bootstrap5.css +1 -540
  9. package/styles/accordion/fabric-dark.css +1 -540
  10. package/styles/accordion/fabric.css +1 -540
  11. package/styles/accordion/fluent-dark.css +1 -540
  12. package/styles/accordion/fluent.css +1 -540
  13. package/styles/accordion/fluent2.css +1 -1582
  14. package/styles/accordion/highcontrast-light.css +1 -540
  15. package/styles/accordion/highcontrast.css +1 -540
  16. package/styles/accordion/material-dark.css +1 -540
  17. package/styles/accordion/material.css +1 -540
  18. package/styles/accordion/material3-dark.css +1 -653
  19. package/styles/accordion/material3.css +1 -765
  20. package/styles/accordion/tailwind-dark.css +1 -540
  21. package/styles/accordion/tailwind.css +1 -540
  22. package/styles/appbar/bootstrap-dark.css +1 -280
  23. package/styles/appbar/bootstrap.css +1 -280
  24. package/styles/appbar/bootstrap4.css +1 -280
  25. package/styles/appbar/bootstrap5-dark.css +1 -280
  26. package/styles/appbar/bootstrap5.css +1 -280
  27. package/styles/appbar/fabric-dark.css +1 -280
  28. package/styles/appbar/fabric.css +1 -280
  29. package/styles/appbar/fluent-dark.css +1 -280
  30. package/styles/appbar/fluent.css +1 -280
  31. package/styles/appbar/fluent2.css +1 -1332
  32. package/styles/appbar/highcontrast-light.css +1 -280
  33. package/styles/appbar/highcontrast.css +1 -280
  34. package/styles/appbar/material-dark.css +1 -280
  35. package/styles/appbar/material.css +1 -280
  36. package/styles/appbar/material3-dark.css +1 -397
  37. package/styles/appbar/material3.css +1 -509
  38. package/styles/appbar/tailwind-dark.css +1 -280
  39. package/styles/appbar/tailwind.css +1 -280
  40. package/styles/bootstrap-dark.css +1 -11318
  41. package/styles/bootstrap.css +1 -11335
  42. package/styles/bootstrap4.css +1 -11453
  43. package/styles/bootstrap5-dark.css +1 -11507
  44. package/styles/bootstrap5.css +1 -11507
  45. package/styles/breadcrumb/bootstrap-dark.css +1 -410
  46. package/styles/breadcrumb/bootstrap.css +1 -410
  47. package/styles/breadcrumb/bootstrap4.css +1 -410
  48. package/styles/breadcrumb/bootstrap5-dark.css +1 -424
  49. package/styles/breadcrumb/bootstrap5.css +1 -424
  50. package/styles/breadcrumb/fabric-dark.css +1 -410
  51. package/styles/breadcrumb/fabric.css +1 -410
  52. package/styles/breadcrumb/fluent-dark.css +1 -386
  53. package/styles/breadcrumb/fluent.css +1 -386
  54. package/styles/breadcrumb/fluent2.css +1 -1489
  55. package/styles/breadcrumb/highcontrast-light.css +1 -417
  56. package/styles/breadcrumb/highcontrast.css +1 -417
  57. package/styles/breadcrumb/material-dark.css +1 -393
  58. package/styles/breadcrumb/material.css +1 -393
  59. package/styles/breadcrumb/material3-dark.css +1 -494
  60. package/styles/breadcrumb/material3.css +1 -606
  61. package/styles/breadcrumb/tailwind-dark.css +1 -416
  62. package/styles/breadcrumb/tailwind.css +1 -416
  63. package/styles/carousel/bootstrap-dark.css +1 -363
  64. package/styles/carousel/bootstrap.css +1 -363
  65. package/styles/carousel/bootstrap4.css +1 -363
  66. package/styles/carousel/bootstrap5-dark.css +1 -363
  67. package/styles/carousel/bootstrap5.css +1 -363
  68. package/styles/carousel/fabric-dark.css +1 -363
  69. package/styles/carousel/fabric.css +1 -363
  70. package/styles/carousel/fluent-dark.css +1 -363
  71. package/styles/carousel/fluent.css +1 -363
  72. package/styles/carousel/fluent2.css +1 -1405
  73. package/styles/carousel/highcontrast-light.css +1 -363
  74. package/styles/carousel/highcontrast.css +1 -363
  75. package/styles/carousel/material-dark.css +1 -363
  76. package/styles/carousel/material.css +1 -363
  77. package/styles/carousel/material3-dark.css +1 -476
  78. package/styles/carousel/material3.css +1 -588
  79. package/styles/carousel/tailwind-dark.css +1 -363
  80. package/styles/carousel/tailwind.css +1 -363
  81. package/styles/context-menu/bootstrap-dark.css +1 -380
  82. package/styles/context-menu/bootstrap.css +1 -382
  83. package/styles/context-menu/bootstrap4.css +1 -382
  84. package/styles/context-menu/bootstrap5-dark.css +1 -383
  85. package/styles/context-menu/bootstrap5.css +1 -383
  86. package/styles/context-menu/fabric-dark.css +1 -380
  87. package/styles/context-menu/fabric.css +1 -381
  88. package/styles/context-menu/fluent-dark.css +1 -391
  89. package/styles/context-menu/fluent.css +1 -391
  90. package/styles/context-menu/fluent2.css +1 -1497
  91. package/styles/context-menu/highcontrast-light.css +1 -380
  92. package/styles/context-menu/highcontrast.css +1 -381
  93. package/styles/context-menu/material-dark.css +1 -424
  94. package/styles/context-menu/material.css +1 -426
  95. package/styles/context-menu/material3-dark.css +1 -518
  96. package/styles/context-menu/material3.css +1 -630
  97. package/styles/context-menu/tailwind-dark.css +1 -407
  98. package/styles/context-menu/tailwind.css +1 -407
  99. package/styles/fabric-dark.css +1 -11318
  100. package/styles/fabric.css +1 -11323
  101. package/styles/fluent-dark.css +1 -11480
  102. package/styles/fluent.css +1 -11480
  103. package/styles/fluent2.css +1 -26508
  104. package/styles/h-scroll/bootstrap-dark.css +1 -271
  105. package/styles/h-scroll/bootstrap.css +1 -272
  106. package/styles/h-scroll/bootstrap4.css +1 -272
  107. package/styles/h-scroll/bootstrap5-dark.css +1 -307
  108. package/styles/h-scroll/bootstrap5.css +1 -307
  109. package/styles/h-scroll/fabric-dark.css +1 -271
  110. package/styles/h-scroll/fabric.css +1 -271
  111. package/styles/h-scroll/fluent-dark.css +1 -307
  112. package/styles/h-scroll/fluent.css +1 -307
  113. package/styles/h-scroll/fluent2.css +1 -1341
  114. package/styles/h-scroll/highcontrast-light.css +1 -271
  115. package/styles/h-scroll/highcontrast.css +1 -271
  116. package/styles/h-scroll/material-dark.css +1 -306
  117. package/styles/h-scroll/material.css +1 -307
  118. package/styles/h-scroll/material3-dark.css +1 -419
  119. package/styles/h-scroll/material3.css +1 -531
  120. package/styles/h-scroll/tailwind-dark.css +1 -307
  121. package/styles/h-scroll/tailwind.css +1 -307
  122. package/styles/highcontrast-light.css +1 -11319
  123. package/styles/highcontrast.css +1 -11358
  124. package/styles/material-dark.css +1 -11553
  125. package/styles/material.css +1 -11575
  126. package/styles/material3-dark.css +1 -13109
  127. package/styles/material3.css +1 -14677
  128. package/styles/menu/bootstrap-dark.css +1 -1098
  129. package/styles/menu/bootstrap.css +1 -1100
  130. package/styles/menu/bootstrap4.css +1 -1134
  131. package/styles/menu/bootstrap5-dark.css +1 -1107
  132. package/styles/menu/bootstrap5.css +1 -1107
  133. package/styles/menu/fabric-dark.css +1 -1098
  134. package/styles/menu/fabric.css +1 -1099
  135. package/styles/menu/fluent-dark.css +1 -1127
  136. package/styles/menu/fluent.css +1 -1127
  137. package/styles/menu/fluent2.css +1 -2226
  138. package/styles/menu/highcontrast-light.css +1 -1098
  139. package/styles/menu/highcontrast.css +1 -1099
  140. package/styles/menu/material-dark.css +1 -1142
  141. package/styles/menu/material.css +1 -1144
  142. package/styles/menu/material3-dark.css +1 -1238
  143. package/styles/menu/material3.css +1 -1350
  144. package/styles/menu/tailwind-dark.css +1 -1125
  145. package/styles/menu/tailwind.css +1 -1125
  146. package/styles/pager/bootstrap-dark.css +1 -781
  147. package/styles/pager/bootstrap.css +1 -781
  148. package/styles/pager/bootstrap4.css +1 -781
  149. package/styles/pager/bootstrap5-dark.css +1 -807
  150. package/styles/pager/bootstrap5.css +1 -807
  151. package/styles/pager/fabric-dark.css +1 -781
  152. package/styles/pager/fabric.css +1 -781
  153. package/styles/pager/fluent-dark.css +1 -783
  154. package/styles/pager/fluent.css +1 -783
  155. package/styles/pager/fluent2.css +1 -1862
  156. package/styles/pager/highcontrast-light.css +1 -781
  157. package/styles/pager/highcontrast.css +1 -781
  158. package/styles/pager/material-dark.css +1 -781
  159. package/styles/pager/material.css +1 -781
  160. package/styles/pager/material3-dark.css +1 -929
  161. package/styles/pager/material3.css +1 -1041
  162. package/styles/pager/tailwind-dark.css +1 -890
  163. package/styles/pager/tailwind.css +1 -890
  164. package/styles/sidebar/bootstrap-dark.css +1 -224
  165. package/styles/sidebar/bootstrap.css +1 -224
  166. package/styles/sidebar/bootstrap4.css +1 -224
  167. package/styles/sidebar/bootstrap5-dark.css +1 -222
  168. package/styles/sidebar/bootstrap5.css +1 -222
  169. package/styles/sidebar/fabric-dark.css +1 -224
  170. package/styles/sidebar/fabric.css +1 -224
  171. package/styles/sidebar/fluent-dark.css +1 -222
  172. package/styles/sidebar/fluent.css +1 -222
  173. package/styles/sidebar/fluent2.css +1 -1263
  174. package/styles/sidebar/highcontrast-light.css +1 -224
  175. package/styles/sidebar/highcontrast.css +1 -224
  176. package/styles/sidebar/material-dark.css +1 -224
  177. package/styles/sidebar/material.css +1 -226
  178. package/styles/sidebar/material3-dark.css +1 -334
  179. package/styles/sidebar/material3.css +1 -446
  180. package/styles/sidebar/tailwind-dark.css +1 -222
  181. package/styles/sidebar/tailwind.css +1 -222
  182. package/styles/stepper/bootstrap-dark.css +1 -716
  183. package/styles/stepper/bootstrap.css +1 -716
  184. package/styles/stepper/bootstrap4.css +1 -716
  185. package/styles/stepper/bootstrap5-dark.css +1 -716
  186. package/styles/stepper/bootstrap5.css +1 -716
  187. package/styles/stepper/fabric-dark.css +1 -716
  188. package/styles/stepper/fabric.css +1 -716
  189. package/styles/stepper/fluent-dark.css +1 -716
  190. package/styles/stepper/fluent.css +1 -716
  191. package/styles/stepper/fluent2.css +1 -1750
  192. package/styles/stepper/highcontrast-light.css +1 -716
  193. package/styles/stepper/highcontrast.css +1 -716
  194. package/styles/stepper/material-dark.css +1 -716
  195. package/styles/stepper/material.css +1 -716
  196. package/styles/stepper/material3-dark.css +1 -830
  197. package/styles/stepper/material3.css +1 -942
  198. package/styles/stepper/tailwind-dark.css +1 -716
  199. package/styles/stepper/tailwind.css +1 -716
  200. package/styles/tab/bootstrap-dark.css +1 -4134
  201. package/styles/tab/bootstrap.css +1 -4134
  202. package/styles/tab/bootstrap4.css +1 -4134
  203. package/styles/tab/bootstrap5-dark.css +1 -4129
  204. package/styles/tab/bootstrap5.css +1 -4129
  205. package/styles/tab/fabric-dark.css +1 -4134
  206. package/styles/tab/fabric.css +1 -4134
  207. package/styles/tab/fluent-dark.css +1 -4134
  208. package/styles/tab/fluent.css +1 -4134
  209. package/styles/tab/fluent2.css +1 -5251
  210. package/styles/tab/highcontrast-light.css +1 -4128
  211. package/styles/tab/highcontrast.css +1 -4134
  212. package/styles/tab/material-dark.css +1 -4210
  213. package/styles/tab/material.css +1 -4210
  214. package/styles/tab/material3-dark.css +1 -4252
  215. package/styles/tab/material3.css +1 -4364
  216. package/styles/tab/tailwind-dark.css +1 -4188
  217. package/styles/tab/tailwind.css +1 -4188
  218. package/styles/tailwind-dark.css +1 -11672
  219. package/styles/tailwind.css +1 -11672
  220. package/styles/toolbar/bootstrap-dark.css +1 -1132
  221. package/styles/toolbar/bootstrap.css +1 -1134
  222. package/styles/toolbar/bootstrap4.css +1 -1134
  223. package/styles/toolbar/bootstrap5-dark.css +1 -1160
  224. package/styles/toolbar/bootstrap5.css +1 -1160
  225. package/styles/toolbar/fabric-dark.css +1 -1132
  226. package/styles/toolbar/fabric.css +1 -1133
  227. package/styles/toolbar/fluent-dark.css +1 -1157
  228. package/styles/toolbar/fluent.css +1 -1157
  229. package/styles/toolbar/fluent2.css +1 -2224
  230. package/styles/toolbar/highcontrast-light.css +1 -1132
  231. package/styles/toolbar/highcontrast.css +1 -1133
  232. package/styles/toolbar/material-dark.css +1 -1211
  233. package/styles/toolbar/material.css +1 -1213
  234. package/styles/toolbar/material3-dark.css +1 -1279
  235. package/styles/toolbar/material3.css +1 -1391
  236. package/styles/toolbar/tailwind-dark.css +1 -1157
  237. package/styles/toolbar/tailwind.css +1 -1157
  238. package/styles/treeview/bootstrap-dark.css +1 -763
  239. package/styles/treeview/bootstrap.css +1 -772
  240. package/styles/treeview/bootstrap4.css +1 -856
  241. package/styles/treeview/bootstrap5-dark.css +1 -875
  242. package/styles/treeview/bootstrap5.css +1 -875
  243. package/styles/treeview/fabric-dark.css +1 -763
  244. package/styles/treeview/fabric.css +1 -764
  245. package/styles/treeview/fluent-dark.css +1 -880
  246. package/styles/treeview/fluent.css +1 -880
  247. package/styles/treeview/fluent2.css +1 -2058
  248. package/styles/treeview/highcontrast-light.css +1 -763
  249. package/styles/treeview/highcontrast.css +1 -792
  250. package/styles/treeview/material-dark.css +1 -777
  251. package/styles/treeview/material.css +1 -791
  252. package/styles/treeview/material3-dark.css +1 -984
  253. package/styles/treeview/material3.css +1 -1096
  254. package/styles/treeview/tailwind-dark.css +1 -866
  255. package/styles/treeview/tailwind.css +1 -866
  256. package/styles/v-scroll/bootstrap-dark.css +1 -213
  257. package/styles/v-scroll/bootstrap.css +1 -214
  258. package/styles/v-scroll/bootstrap4.css +1 -214
  259. package/styles/v-scroll/bootstrap5-dark.css +1 -214
  260. package/styles/v-scroll/bootstrap5.css +1 -214
  261. package/styles/v-scroll/fabric-dark.css +1 -213
  262. package/styles/v-scroll/fabric.css +1 -214
  263. package/styles/v-scroll/fluent-dark.css +1 -214
  264. package/styles/v-scroll/fluent.css +1 -214
  265. package/styles/v-scroll/fluent2.css +1 -1248
  266. package/styles/v-scroll/highcontrast-light.css +1 -213
  267. package/styles/v-scroll/highcontrast.css +1 -214
  268. package/styles/v-scroll/material-dark.css +1 -248
  269. package/styles/v-scroll/material.css +1 -249
  270. package/styles/v-scroll/material3-dark.css +1 -326
  271. package/styles/v-scroll/material3.css +1 -438
  272. package/styles/v-scroll/tailwind-dark.css +1 -214
  273. package/styles/v-scroll/tailwind.css +1 -214
@@ -1,1160 +1 @@
1
- /*! component's theme wise override definitions and variables */
2
- @-webkit-keyframes hscroll-popup-shadow {
3
- 0% {
4
- border-color: rgba(255, 255, 255, 0.5);
5
- -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
6
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
7
- }
8
- 100% {
9
- -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
10
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
11
- }
12
- }
13
- @keyframes hscroll-popup-shadow {
14
- 0% {
15
- border-color: rgba(255, 255, 255, 0.5);
16
- -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
17
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
18
- }
19
- 100% {
20
- -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
21
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
22
- }
23
- }
24
- /*! component's theme wise override definitions and variables */
25
- /* stylelint-disable-line no-empty-source */
26
- /* stylelint-disable */
27
- .e-toolbar .e-popup-down-icon::before {
28
- content: "\e729";
29
- line-height: normal;
30
- }
31
- .e-toolbar .e-popup-up-icon::before {
32
- content: "\e776";
33
- line-height: normal;
34
- }
35
-
36
- /* stylelint-disable property-no-vendor-prefix */
37
- .e-bigger .e-toolbar,
38
- .e-toolbar.e-bigger {
39
- height: 46px;
40
- min-height: 46px;
41
- }
42
- .e-bigger .e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child,
43
- .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child,
44
- .e-toolbar.e-bigger .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child,
45
- .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
46
- margin-left: 12px;
47
- }
48
- .e-bigger .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:last-child,
49
- .e-bigger .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-right .e-toolbar-item:last-child,
50
- .e-toolbar.e-bigger .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:last-child,
51
- .e-toolbar.e-bigger .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-right .e-toolbar-item:last-child {
52
- margin-right: 12px;
53
- }
54
- .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
55
- .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
56
- margin-right: 12px;
57
- }
58
- .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
59
- .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
60
- margin-right: 12px;
61
- }
62
- .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow,
63
- .e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow {
64
- margin-left: 12.5px;
65
- margin-right: 12.5px;
66
- }
67
- .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item:not(.e-separator),
68
- .e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item:not(.e-separator) {
69
- margin: 0;
70
- }
71
- .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus, .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover, .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
72
- .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
73
- .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
74
- .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active,
75
- .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
76
- .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
77
- .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
78
- .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
79
- .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
80
- .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
81
- padding: 0 8px;
82
- }
83
- .e-bigger .e-toolbar .e-toolbar-item,
84
- .e-toolbar.e-bigger .e-toolbar-item {
85
- min-height: 46px;
86
- }
87
- .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn,
88
- .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control,
89
- .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn,
90
- .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn.e-control {
91
- min-height: 38px;
92
- min-width: 38px;
93
- padding: 0 8px;
94
- line-height: 24px;
95
- }
96
- .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
97
- .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text,
98
- .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
99
- .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text {
100
- padding: 4px;
101
- font-size: 16px;
102
- }
103
- .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons,
104
- .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-icons,
105
- .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn .e-icons,
106
- .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-icons {
107
- font-size: 20px;
108
- }
109
- .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
110
- .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon,
111
- .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
112
- .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon {
113
- font-size: 18px;
114
- line-height: 14px;
115
- }
116
- .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
117
- .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-btn-icon,
118
- .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
119
- .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-btn-icon {
120
- padding: 4px 6px;
121
- }
122
- .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon,
123
- .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon,
124
- .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon,
125
- .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon {
126
- padding: 4px 6px;
127
- }
128
- .e-bigger .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer),
129
- .e-toolbar.e-bigger .e-toolbar-item:not(.e-separator):not(.e-spacer) {
130
- min-width: 49px;
131
- padding: 4px;
132
- }
133
- .e-bigger .e-toolbar .e-toolbar-item.e-separator,
134
- .e-toolbar.e-bigger .e-toolbar-item.e-separator {
135
- height: 30px;
136
- margin: 8px;
137
- min-height: 30px;
138
- }
139
- .e-bigger .e-toolbar .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
140
- .e-bigger .e-toolbar .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-btn-icon,
141
- .e-toolbar.e-bigger .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
142
- .e-toolbar.e-bigger .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-btn-icon {
143
- padding: 4px 6px 3px 6px;
144
- }
145
- .e-bigger .e-toolbar .e-hor-nav,
146
- .e-toolbar.e-bigger .e-hor-nav {
147
- min-height: 46px;
148
- min-width: 36px;
149
- }
150
- .e-bigger .e-toolbar.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
151
- .e-toolbar.e-bigger.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
152
- margin-left: 0;
153
- }
154
- .e-bigger .e-toolbar.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
155
- .e-toolbar.e-bigger.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
156
- margin-right: 0;
157
- }
158
- .e-bigger .e-toolbar.e-vertical .e-toolbar-item:not(.e-separator),
159
- .e-toolbar.e-bigger.e-vertical .e-toolbar-item:not(.e-separator) {
160
- min-height: 38px;
161
- }
162
- .e-bigger .e-toolbar.e-vertical .e-toolbar-item.e-separator,
163
- .e-toolbar.e-bigger.e-vertical .e-toolbar-item.e-separator {
164
- height: auto;
165
- margin: 5px 10px;
166
- min-height: auto;
167
- }
168
- .e-bigger .e-toolbar.e-vertical .e-hor-nav,
169
- .e-toolbar.e-bigger.e-vertical .e-hor-nav {
170
- min-height: 40px;
171
- min-width: 50px;
172
- }
173
- .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item,
174
- .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item {
175
- height: 38px;
176
- }
177
- .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator),
178
- .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
179
- min-width: 48px;
180
- padding: 0;
181
- min-height: 46px;
182
- }
183
- .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn,
184
- .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
185
- min-height: 46px;
186
- padding: 8px 18px;
187
- min-width: 100%;
188
- }
189
- .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
190
- .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
191
- margin-left: 0;
192
- padding: 0 6px 0 0;
193
- font-size: 16px;
194
- }
195
- .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
196
- .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
197
- padding: 0 0 0 6px;
198
- font-size: 16px;
199
- }
200
- .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended,
201
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended {
202
- min-height: 46px;
203
- padding-bottom: 0;
204
- padding-left: 12px;
205
- padding-right: 12px;
206
- padding-top: 0;
207
- }
208
- .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item,
209
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item {
210
- min-height: 46px;
211
- }
212
- .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
213
- .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control,
214
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
215
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
216
- min-height: 38px;
217
- min-width: 38px;
218
- padding: 0 8px;
219
- }
220
- .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
221
- .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text,
222
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
223
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text {
224
- padding: 4px;
225
- }
226
- .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover, .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus, .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active,
227
- .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
228
- .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
229
- .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:active,
230
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover,
231
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus,
232
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active,
233
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
234
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
235
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
236
- padding: 0 8px;
237
- }
238
- .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator),
239
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) {
240
- min-width: 49px;
241
- padding: 4px;
242
- }
243
- .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator,
244
- .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
245
- height: 30px;
246
- margin: 8px;
247
- min-height: 30px;
248
- }
249
- .e-bigger .e-toolbar.e-extended-toolbar.e-tbar-extended,
250
- .e-toolbar.e-bigger.e-extended-toolbar.e-tbar-extended {
251
- border-bottom: 0;
252
- border-bottom-left-radius: 0;
253
- border-bottom-right-radius: 0;
254
- }
255
- .e-bigger .e-toolbar.e-extended-toolbar.e-tbar-extended .e-toolbar-extended,
256
- .e-toolbar.e-bigger.e-extended-toolbar.e-tbar-extended .e-toolbar-extended {
257
- border-top: 0;
258
- border-top-left-radius: 0;
259
- border-top-right-radius: 0;
260
- }
261
- .e-bigger .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
262
- .e-toolbar.e-bigger.e-rtl .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
263
- padding: 4px 6px;
264
- }
265
- .e-bigger .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-icon-right,
266
- .e-toolbar.e-bigger.e-rtl .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-icon-right {
267
- padding: 4px 6px;
268
- }
269
- .e-bigger .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
270
- .e-toolbar.e-bigger.e-rtl .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
271
- padding: 4px;
272
- }
273
- .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
274
- .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
275
- margin-left: 12px;
276
- margin-right: initial;
277
- }
278
- .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
279
- .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
280
- .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
281
- .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
282
- margin: 0;
283
- }
284
- .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
285
- .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
286
- margin-left: 12px;
287
- margin-right: 0;
288
- }
289
- .e-bigger .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
290
- .e-toolbar.e-bigger.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
291
- margin-left: 0;
292
- margin-right: 12px;
293
- }
294
- .e-bigger .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended,
295
- .e-toolbar.e-bigger.e-extended-toolbar.e-rtl .e-toolbar-extended {
296
- padding-right: 12px;
297
- }
298
-
299
- .e-toolbar {
300
- border-radius: 0;
301
- display: block;
302
- height: 38px;
303
- min-height: 38px;
304
- position: relative;
305
- -webkit-user-select: none;
306
- -moz-user-select: none;
307
- -ms-user-select: none;
308
- user-select: none;
309
- white-space: nowrap;
310
- overflow: hidden;
311
- }
312
- .e-toolbar.e-spacer-toolbar .e-toolbar-items {
313
- display: -webkit-box;
314
- display: -ms-flexbox;
315
- display: flex;
316
- -ms-flex-wrap: nowrap;
317
- flex-wrap: nowrap;
318
- width: 100%;
319
- }
320
- .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
321
- position: absolute;
322
- }
323
- .e-toolbar.e-spacer-toolbar.e-pop-mode .e-toolbar-items {
324
- width: calc(100% - 28px);
325
- }
326
- .e-toolbar .e-blazor-toolbar-items {
327
- position: absolute;
328
- top: -9999px;
329
- visibility: hidden;
330
- }
331
- .e-toolbar.e-control[class*=e-toolbar] {
332
- -webkit-box-sizing: content-box;
333
- box-sizing: content-box;
334
- }
335
- .e-toolbar.e-corner {
336
- border-radius: 4px;
337
- }
338
- .e-toolbar.e-hidden {
339
- display: none;
340
- }
341
- .e-toolbar .e-toolbar-items {
342
- border-radius: 0 0 0 0;
343
- display: -webkit-inline-box;
344
- display: -ms-inline-flexbox;
345
- display: inline-flex;
346
- height: 100%;
347
- vertical-align: middle;
348
- -webkit-box-align: center;
349
- -ms-flex-align: center;
350
- align-items: center;
351
- }
352
- .e-toolbar .e-toolbar-items.e-toolbar-multirow {
353
- margin-bottom: 1px;
354
- margin-left: 10px;
355
- margin-right: 10px;
356
- white-space: normal;
357
- -ms-flex-wrap: wrap;
358
- flex-wrap: wrap;
359
- }
360
- .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item:not(.e-separator) {
361
- margin: 0;
362
- }
363
- .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator, .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
364
- display: none;
365
- }
366
- .e-toolbar .e-toolbar-items.e-multirow-pos .e-toolbar-left,
367
- .e-toolbar .e-toolbar-items.e-multirow-pos .e-toolbar-center,
368
- .e-toolbar .e-toolbar-items.e-multirow-pos .e-toolbar-right {
369
- display: inline;
370
- }
371
- .e-toolbar .e-toolbar-items.e-tbar-pos {
372
- display: block;
373
- }
374
- .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left,
375
- .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-center,
376
- .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right {
377
- display: table;
378
- height: 100%;
379
- top: 0;
380
- }
381
- .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right,
382
- .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
383
- position: absolute;
384
- }
385
- .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right {
386
- right: 0;
387
- }
388
- .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
389
- left: 0;
390
- }
391
- .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-center {
392
- margin: 0 auto;
393
- }
394
- .e-toolbar .e-toolbar-items .e-toolbar-left,
395
- .e-toolbar .e-toolbar-items .e-toolbar-center,
396
- .e-toolbar .e-toolbar-items .e-toolbar-right {
397
- display: inline-block;
398
- }
399
- .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child, .e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
400
- margin-left: 8px;
401
- }
402
- .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:last-child,
403
- .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-right .e-toolbar-item:last-child {
404
- margin-right: 8px;
405
- }
406
- .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content {
407
- -ms-touch-action: pan-y pinch-zoom;
408
- touch-action: pan-y pinch-zoom;
409
- }
410
- .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
411
- margin-right: 8px;
412
- }
413
- .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
414
- .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
415
- margin: 0;
416
- }
417
- .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
418
- margin-right: 8px;
419
- }
420
- .e-toolbar .e-toolbar-item {
421
- -ms-flex-line-pack: center;
422
- align-content: center;
423
- -webkit-box-align: center;
424
- -ms-flex-align: center;
425
- align-items: center;
426
- cursor: pointer;
427
- display: -webkit-inline-box;
428
- display: -ms-inline-flexbox;
429
- display: inline-flex;
430
- min-height: 38px;
431
- vertical-align: middle;
432
- width: auto;
433
- -webkit-box-flex: 0;
434
- -ms-flex: 0 0 auto;
435
- flex: 0 0 auto;
436
- }
437
- .e-toolbar .e-toolbar-item.e-spacer {
438
- -webkit-box-flex: 1;
439
- -ms-flex-positive: 1;
440
- flex-grow: 1;
441
- }
442
- .e-toolbar .e-toolbar-item .e-tbar-btn {
443
- display: -webkit-box;
444
- display: -ms-flexbox;
445
- display: flex;
446
- -webkit-box-align: center;
447
- -ms-flex-align: center;
448
- align-items: center;
449
- vertical-align: middle;
450
- -webkit-box-pack: center;
451
- -ms-flex-pack: center;
452
- justify-content: center;
453
- margin: 0;
454
- min-height: 32px;
455
- min-width: 32px;
456
- padding: 0 4px;
457
- border-radius: 4px;
458
- line-height: 22px;
459
- border: none;
460
- cursor: pointer;
461
- font-size: 18px;
462
- font-weight: 400;
463
- overflow: hidden;
464
- text-align: center;
465
- text-decoration: none;
466
- text-transform: none;
467
- }
468
- .e-toolbar .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
469
- padding: 4px;
470
- }
471
- .e-toolbar .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon.e-icon-right {
472
- padding: 4px;
473
- }
474
- .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
475
- margin: 0;
476
- min-width: 12px;
477
- width: auto;
478
- font-size: 18px;
479
- line-height: 14px;
480
- }
481
- .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-toolbar .e-toolbar-item .e-tbar-btn:active {
482
- padding: 0 4px;
483
- }
484
- .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
485
- outline: 0;
486
- }
487
- .e-toolbar .e-toolbar-item .e-tbar-btn div {
488
- vertical-align: middle;
489
- }
490
- .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
491
- font-size: 14px;
492
- padding: 4px;
493
- }
494
- .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
495
- height: inherit;
496
- min-width: 28px;
497
- padding: 4px;
498
- }
499
- .e-toolbar .e-toolbar-item.e-separator {
500
- margin: 5px 10px;
501
- min-height: 24px;
502
- min-width: 1px;
503
- height: 24px;
504
- }
505
- .e-toolbar .e-toolbar-item.e-separator + .e-separator, .e-toolbar .e-toolbar-item.e-separator:last-of-type, .e-toolbar .e-toolbar-item.e-separator:first-of-type {
506
- display: none;
507
- }
508
- .e-toolbar .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
509
- padding: 4px 4px 5px 4px;
510
- }
511
- .e-toolbar .e-toolbar-item > * {
512
- text-overflow: ellipsis;
513
- }
514
- .e-toolbar .e-toolbar-item.e-hidden {
515
- display: none;
516
- }
517
- .e-toolbar .e-toolbar-item input[type=checkbox] {
518
- height: auto;
519
- }
520
- .e-toolbar.e-vertical {
521
- display: -webkit-box;
522
- display: -ms-flexbox;
523
- display: flex;
524
- -webkit-box-orient: vertical;
525
- -webkit-box-direction: normal;
526
- -ms-flex-direction: column;
527
- flex-direction: column;
528
- }
529
- .e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
530
- -ms-touch-action: pan-x pinch-zoom;
531
- touch-action: pan-x pinch-zoom;
532
- }
533
- .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-left,
534
- .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-center,
535
- .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-right {
536
- height: auto;
537
- }
538
- .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-left {
539
- left: auto;
540
- right: auto;
541
- top: 0;
542
- }
543
- .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-right {
544
- bottom: 0;
545
- left: auto;
546
- right: auto;
547
- }
548
- .e-toolbar.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
549
- margin-left: 0;
550
- }
551
- .e-toolbar.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
552
- margin-right: 0;
553
- }
554
- .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item {
555
- display: -webkit-box;
556
- display: -ms-flexbox;
557
- display: flex;
558
- height: auto;
559
- }
560
- .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item:not(.e-separator) {
561
- min-width: 33px;
562
- }
563
- .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item.e-separator {
564
- height: auto;
565
- margin: 3px 7px;
566
- min-height: auto;
567
- }
568
- .e-toolbar.e-vertical .e-hor-nav {
569
- bottom: 0;
570
- height: auto;
571
- left: 0;
572
- min-height: 40px;
573
- min-width: 50px;
574
- right: auto;
575
- top: auto;
576
- width: auto;
577
- }
578
- .e-toolbar.e-vertical.e-rtl.e-tbar-pos .e-toolbar-left {
579
- bottom: 0;
580
- top: auto;
581
- }
582
- .e-toolbar.e-vertical.e-rtl.e-tbar-pos .e-toolbar-right {
583
- bottom: auto;
584
- top: 0;
585
- }
586
- .e-toolbar .e-hor-nav {
587
- -webkit-box-align: center;
588
- -ms-flex-align: center;
589
- align-items: center;
590
- border-radius: 0 0 0 0;
591
- cursor: pointer;
592
- display: -webkit-box;
593
- display: -ms-flexbox;
594
- display: flex;
595
- height: 100%;
596
- min-height: 38px;
597
- overflow: hidden;
598
- position: absolute;
599
- right: 0;
600
- top: 0;
601
- width: 28px;
602
- }
603
- .e-toolbar .e-hor-nav.e-ie-align {
604
- display: table;
605
- }
606
- .e-toolbar .e-popup-down-icon.e-icons,
607
- .e-toolbar .e-popup-up-icon.e-icons {
608
- color: #adb5bd;
609
- display: -webkit-box;
610
- display: -ms-flexbox;
611
- display: flex;
612
- text-align: center;
613
- vertical-align: middle;
614
- -webkit-box-align: center;
615
- -ms-flex-align: center;
616
- align-items: center;
617
- -webkit-box-pack: center;
618
- -ms-flex-pack: center;
619
- justify-content: center;
620
- width: 100%;
621
- font-size: 18px;
622
- }
623
- .e-toolbar.e-toolpop {
624
- overflow: visible;
625
- }
626
- .e-toolbar.e-toolpop .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn-text {
627
- display: none;
628
- }
629
- .e-toolbar .e-toolbar-pop {
630
- border-radius: 4px;
631
- overflow: hidden;
632
- padding: 0;
633
- position: absolute;
634
- }
635
- .e-toolbar .e-toolbar-pop .e-toolbar-item {
636
- display: -webkit-box;
637
- display: -ms-flexbox;
638
- display: flex;
639
- height: 38px;
640
- -webkit-box-pack: center;
641
- -ms-flex-pack: center;
642
- justify-content: center;
643
- min-height: 38px;
644
- }
645
- .e-toolbar .e-toolbar-pop .e-toolbar-item.e-toolbar-popup.e-hidden {
646
- display: none;
647
- }
648
- .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
649
- min-height: 38px;
650
- min-width: 100%;
651
- padding: 6px 12px;
652
- border: none;
653
- border-radius: 4px;
654
- -webkit-box-pack: start;
655
- -ms-flex-pack: start;
656
- justify-content: flex-start;
657
- }
658
- .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
659
- margin: 0;
660
- padding: 0 4px 0 0;
661
- width: auto;
662
- }
663
- .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
664
- padding: 0 0 0 4px;
665
- }
666
- .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
667
- height: 38px;
668
- min-width: 34px;
669
- padding: 0;
670
- }
671
- .e-toolbar .e-toolbar-pop .e-toolbar-item > * {
672
- height: 100%;
673
- min-width: 100%;
674
- text-overflow: ellipsis;
675
- }
676
- .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
677
- min-width: 100%;
678
- }
679
- .e-toolbar .e-toolbar-pop .e-toolbar-text .e-tbar-btn-text {
680
- display: none;
681
- }
682
- .e-toolbar .e-toolbar-pop .e-toolbar-popup,
683
- .e-toolbar .e-toolbar-pop .e-toolpopup {
684
- text-align: center;
685
- }
686
- .e-toolbar.e-extended-toolbar {
687
- overflow: visible;
688
- }
689
- .e-toolbar.e-extended-toolbar.e-tbar-extended {
690
- border-bottom: 0;
691
- border-bottom-left-radius: 0;
692
- border-bottom-right-radius: 0;
693
- }
694
- .e-toolbar.e-extended-toolbar .e-toolbar-extended {
695
- border-top: 0;
696
- border-top-left-radius: 0;
697
- border-top-right-radius: 0;
698
- min-height: 38px;
699
- padding-bottom: 0;
700
- padding-left: 8px;
701
- padding-right: 8px;
702
- padding-top: 0;
703
- margin-left: -1px;
704
- -webkit-box-shadow: none;
705
- box-shadow: none;
706
- display: inline;
707
- white-space: normal;
708
- }
709
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item {
710
- display: -webkit-inline-box;
711
- display: -ms-inline-flexbox;
712
- display: inline-flex;
713
- min-height: 38px;
714
- }
715
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
716
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
717
- min-height: 32px;
718
- min-width: 32px;
719
- padding: 0 4px;
720
- }
721
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
722
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text {
723
- padding: 4px;
724
- font-size: 14px;
725
- }
726
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon:not(.e-toolbar-pop),
727
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon:not(.e-toolbar-pop) {
728
- display: -webkit-box;
729
- display: -ms-flexbox;
730
- display: flex;
731
- -webkit-box-align: center;
732
- -ms-flex-align: center;
733
- align-items: center;
734
- vertical-align: middle;
735
- -webkit-box-pack: center;
736
- -ms-flex-pack: center;
737
- justify-content: center;
738
- padding: 5px 6px;
739
- font-size: 16px;
740
- }
741
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon:not(.e-toolbar-pop),
742
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-btn-icon:not(.e-toolbar-pop) {
743
- padding: 4px;
744
- }
745
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon:not(.e-toolbar-pop),
746
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon:not(.e-toolbar-pop) {
747
- padding: 4px;
748
- }
749
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover, .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus, .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active,
750
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
751
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
752
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
753
- padding: 0 4px;
754
- }
755
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) {
756
- min-width: 28px;
757
- padding: 4px;
758
- }
759
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
760
- min-height: 16px;
761
- }
762
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator.e-extended-separator {
763
- display: none;
764
- }
765
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-toolbar-text .e-tbar-btn-text {
766
- display: none;
767
- }
768
- .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-popup-close {
769
- display: none;
770
- }
771
- .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-popup-open {
772
- display: inline;
773
- }
774
- .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop {
775
- width: inherit;
776
- }
777
- .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
778
- cursor: pointer;
779
- font-size: 18px;
780
- overflow: hidden;
781
- padding: 0 4px;
782
- }
783
- .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
784
- font-size: 14px;
785
- }
786
- .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
787
- height: auto;
788
- }
789
- .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
790
- -ms-flex-item-align: center;
791
- align-self: center;
792
- text-overflow: ellipsis;
793
- }
794
- .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn-text {
795
- display: none;
796
- }
797
- .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-separator:last-of-type {
798
- display: -webkit-inline-box;
799
- display: -ms-inline-flexbox;
800
- display: inline-flex;
801
- }
802
- .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
803
- display: table;
804
- }
805
- .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
806
- margin-right: 8px;
807
- }
808
- .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
809
- padding: 4px;
810
- }
811
- .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon.e-icon-right {
812
- padding: 4px;
813
- }
814
- .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
815
- padding: 4px;
816
- }
817
- .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
818
- margin-left: 8px;
819
- margin-right: initial;
820
- }
821
- .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
822
- .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
823
- margin: 0;
824
- }
825
- .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
826
- margin-right: 8px;
827
- }
828
- .e-toolbar.e-rtl .e-toolbar-items.e-tbar-pos .e-toolbar-left {
829
- left: auto;
830
- right: 0;
831
- }
832
- .e-toolbar.e-rtl .e-toolbar-items.e-tbar-pos .e-toolbar-right {
833
- left: 0;
834
- right: auto;
835
- }
836
- .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
837
- margin-left: 0;
838
- }
839
- .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
840
- margin-left: 8px;
841
- }
842
- .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
843
- margin-left: 0;
844
- }
845
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
846
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
847
- margin-right: 0;
848
- }
849
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
850
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
851
- margin-right: 8px;
852
- }
853
- .e-toolbar.e-rtl .e-hor-nav {
854
- left: 0;
855
- right: auto;
856
- border-radius: 0 0 0 0;
857
- }
858
- .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item,
859
- .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item {
860
- margin: 0;
861
- }
862
- .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item:last-child {
863
- margin: 0;
864
- margin-left: 8px;
865
- }
866
- .e-toolbar.e-extended-toolbar.e-rtl .e-hor-nav {
867
- left: 0;
868
- right: auto;
869
- }
870
- .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended {
871
- padding-right: 8px;
872
- margin-left: 0;
873
- }
874
- .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left {
875
- padding-left: 0;
876
- }
877
-
878
- /* stylelint-disable property-no-vendor-prefix */
879
- .e-toolbar {
880
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
881
- background: #282d31;
882
- border: 0 solid #444c54;
883
- -webkit-box-shadow: none;
884
- box-shadow: none;
885
- }
886
- .e-toolbar .e-toolbar-items {
887
- background: #282d31;
888
- }
889
- .e-toolbar .e-toolbar-item .e-tbar-btn {
890
- background: #282d31;
891
- -webkit-box-shadow: none;
892
- box-shadow: none;
893
- color: #fff;
894
- border: none;
895
- }
896
- .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons {
897
- color: #adb5bd;
898
- }
899
- .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
900
- color: #fff;
901
- }
902
- .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
903
- background: #565e64;
904
- -webkit-box-shadow: none;
905
- box-shadow: none;
906
- }
907
- .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active .e-tbar-btn-text {
908
- color: #fff;
909
- }
910
- .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active:focus {
911
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
912
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
913
- }
914
- .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
915
- background: none;
916
- border-radius: 4px;
917
- color: #adb5bd;
918
- border-color: #adb5bd;
919
- border-style: solid;
920
- border-width: 0;
921
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
922
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
923
- }
924
- .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
925
- color: #adb5bd;
926
- }
927
- .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
928
- color: #fff;
929
- color: #adb5bd;
930
- }
931
- .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
932
- background: #5c636a;
933
- border-color: #adb5bd;
934
- border-style: solid;
935
- border-width: 0;
936
- border-radius: 4px;
937
- color: #adb5bd;
938
- }
939
- .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
940
- color: #adb5bd;
941
- color: #fff;
942
- }
943
- .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
944
- color: #fff;
945
- }
946
- .e-toolbar .e-toolbar-item .e-tbar-btn:hover:active .e-icons {
947
- color: #fff;
948
- }
949
- .e-toolbar .e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text {
950
- color: #fff;
951
- }
952
- .e-toolbar .e-toolbar-item .e-tbar-btn:active {
953
- background: #565e64;
954
- border-color: #444c54;
955
- border-style: solid;
956
- border-width: 0;
957
- border-radius: 4px;
958
- -webkit-box-shadow: none;
959
- box-shadow: none;
960
- color: #ced4da;
961
- }
962
- .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
963
- color: #adb5bd;
964
- }
965
- .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-tbar-btn-text {
966
- color: #ced4da;
967
- }
968
- .e-toolbar .e-toolbar-item.e-separator {
969
- border: solid #444c54;
970
- border-width: 0 1px 0 0;
971
- }
972
- .e-toolbar .e-toolbar-item.e-overlay {
973
- background: #282d31;
974
- opacity: 0.5;
975
- color: #ced4da;
976
- }
977
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
978
- color: #ced4da;
979
- }
980
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
981
- color: #ced4da;
982
- }
983
- .e-toolbar.e-vertical .e-hor-nav {
984
- border: solid #444c54;
985
- border-width: 0 0 0 0;
986
- }
987
- .e-toolbar.e-vertical.e-rtl .e-hor-nav {
988
- border: solid #444c54;
989
- border-width: 0 0 0 0;
990
- }
991
- .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item.e-separator {
992
- border-width: 0 0 1px 0;
993
- }
994
- .e-toolbar .e-hor-nav {
995
- background: #282d31;
996
- border: solid #444c54;
997
- border-width: 0 0 0 0;
998
- }
999
- .e-toolbar .e-hor-nav::after {
1000
- content: "";
1001
- }
1002
- .e-toolbar .e-hor-nav.e-nav-active:active, .e-toolbar .e-hor-nav.e-nav-active:focus, .e-toolbar .e-hor-nav.e-nav-active:hover {
1003
- border-bottom-right-radius: 0;
1004
- }
1005
- .e-toolbar .e-hor-nav:active {
1006
- border: 0;
1007
- -webkit-box-shadow: none;
1008
- box-shadow: none;
1009
- color: #ced4da;
1010
- background: #282d31;
1011
- }
1012
- .e-toolbar .e-hor-nav:active .e-icons {
1013
- color: #adb5bd;
1014
- }
1015
- .e-toolbar .e-hor-nav:active::after {
1016
- content: "";
1017
- }
1018
- .e-toolbar .e-hor-nav:hover {
1019
- background: #5c636a;
1020
- border-left: 0;
1021
- color: #fff;
1022
- }
1023
- .e-toolbar .e-hor-nav:hover .e-icons {
1024
- color: inherit;
1025
- }
1026
- .e-toolbar .e-hor-nav:hover:not(.e-nav-active) {
1027
- border-color: #444c54;
1028
- border-style: solid;
1029
- border-width: 0;
1030
- }
1031
- .e-toolbar .e-hor-nav:hover:active {
1032
- background: #5c636a;
1033
- border-color: #444c54;
1034
- border-style: solid;
1035
- border-width: 0;
1036
- }
1037
- .e-toolbar .e-hor-nav:focus {
1038
- background: #5c636a;
1039
- color: #fff;
1040
- border-color: #adb5bd;
1041
- border-style: solid;
1042
- border-width: 0;
1043
- }
1044
- .e-toolbar .e-hor-nav:focus .e-icons {
1045
- color: inherit;
1046
- }
1047
- .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
1048
- .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
1049
- background: #5c636a;
1050
- -webkit-box-shadow: none;
1051
- box-shadow: none;
1052
- border-color: #5c636a;
1053
- border-style: solid;
1054
- border-width: 0;
1055
- }
1056
- .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:focus,
1057
- .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav):focus {
1058
- border-color: #5c636a;
1059
- border-style: solid;
1060
- border-width: 0;
1061
- }
1062
- .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
1063
- .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons {
1064
- color: #fff;
1065
- }
1066
- .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons:active,
1067
- .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons:active {
1068
- color: #fff;
1069
- }
1070
- .e-toolbar .e-toolbar-pop {
1071
- background: #343a40;
1072
- border: 0 solid #444c54;
1073
- -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
1074
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
1075
- }
1076
- .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1077
- background: transparent;
1078
- }
1079
- .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
1080
- background: #5c636a;
1081
- -webkit-box-shadow: none;
1082
- box-shadow: none;
1083
- border-color: #adb5bd;
1084
- border-style: solid;
1085
- border-width: 0;
1086
- }
1087
- .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
1088
- background: transparent;
1089
- -webkit-box-shadow: none;
1090
- box-shadow: none;
1091
- border-color: #444c54;
1092
- border-style: solid;
1093
- border-width: 0;
1094
- }
1095
- .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
1096
- background: #5c636a;
1097
- border-color: #adb5bd;
1098
- border-style: solid;
1099
- border-width: 0;
1100
- -webkit-box-shadow: none;
1101
- box-shadow: none;
1102
- }
1103
- .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
1104
- outline: 0;
1105
- }
1106
- .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1107
- background: transparent;
1108
- }
1109
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
1110
- background: #282d31;
1111
- -webkit-box-shadow: none;
1112
- box-shadow: none;
1113
- border: none;
1114
- }
1115
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
1116
- background: none;
1117
- border-radius: 4px;
1118
- border-color: #adb5bd;
1119
- border-style: solid;
1120
- border-width: 0;
1121
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
1122
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
1123
- }
1124
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
1125
- background: #5c636a;
1126
- border-radius: 4px;
1127
- border-color: #adb5bd;
1128
- border-style: solid;
1129
- border-width: 0;
1130
- }
1131
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
1132
- background: #565e64;
1133
- border-radius: 4px;
1134
- -webkit-box-shadow: none;
1135
- box-shadow: none;
1136
- border-color: #444c54;
1137
- border-style: solid;
1138
- border-width: 0;
1139
- }
1140
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
1141
- border: solid #444c54;
1142
- border-width: 0 1px 0 0;
1143
- }
1144
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay {
1145
- background: #282d31;
1146
- }
1147
- .e-toolbar.e-extended-toolbar .e-toolbar-pop {
1148
- background: #282d31;
1149
- }
1150
- .e-toolbar.e-rtl .e-hor-nav {
1151
- background: #282d31;
1152
- border: solid #444c54;
1153
- border-width: 0 0 0 0;
1154
- }
1155
- .e-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
1156
- background: #5c636a;
1157
- color: #adb5bd;
1158
- border: solid #444c54;
1159
- border-width: 0 0 0 0;
1160
- }
1
+ @import '@syncfusion/ej2-navigations/styles/toolbar/bootstrap5-dark.css';