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