@syncfusion/ej2-vue-navigations 20.1.48 → 20.1.56

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