@syncfusion/ej2-angular-splitbuttons 24.1.41-ngcc → 24.1.41

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 (301) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/drop-down-button/dropdownbutton-all.module.mjs +23 -0
  3. package/esm2020/src/drop-down-button/dropdownbutton.component.mjs +64 -0
  4. package/esm2020/src/drop-down-button/dropdownbutton.module.mjs +34 -0
  5. package/esm2020/src/drop-down-button/items.directive.mjs +46 -0
  6. package/esm2020/src/index.mjs +13 -0
  7. package/esm2020/src/progress-button/progressbutton-all.module.mjs +23 -0
  8. package/esm2020/src/progress-button/progressbutton.component.mjs +59 -0
  9. package/esm2020/src/progress-button/progressbutton.module.mjs +25 -0
  10. package/esm2020/src/split-button/items.directive.mjs +46 -0
  11. package/esm2020/src/split-button/splitbutton-all.module.mjs +23 -0
  12. package/esm2020/src/split-button/splitbutton.component.mjs +64 -0
  13. package/esm2020/src/split-button/splitbutton.module.mjs +34 -0
  14. package/esm2020/syncfusion-ej2-angular-splitbuttons.mjs +5 -0
  15. package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs +405 -0
  16. package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs.map +1 -0
  17. package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs +405 -0
  18. package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs.map +1 -0
  19. package/package.json +26 -12
  20. package/src/drop-down-button/dropdownbutton-all.module.d.ts +6 -0
  21. package/src/drop-down-button/dropdownbutton.component.d.ts +3 -0
  22. package/src/drop-down-button/dropdownbutton.module.d.ts +7 -0
  23. package/src/drop-down-button/items.directive.d.ts +5 -0
  24. package/src/progress-button/progressbutton-all.module.d.ts +6 -0
  25. package/src/progress-button/progressbutton.component.d.ts +3 -0
  26. package/src/progress-button/progressbutton.module.d.ts +6 -0
  27. package/src/split-button/items.directive.d.ts +5 -0
  28. package/src/split-button/splitbutton-all.module.d.ts +6 -0
  29. package/src/split-button/splitbutton.component.d.ts +3 -0
  30. package/src/split-button/splitbutton.module.d.ts +7 -0
  31. package/styles/bootstrap-dark.css +1761 -1
  32. package/styles/bootstrap.css +1811 -1
  33. package/styles/bootstrap4.css +1836 -1
  34. package/styles/bootstrap5-dark.css +1851 -1
  35. package/styles/bootstrap5.css +1851 -1
  36. package/styles/button-group/_all.scss +2 -0
  37. package/styles/button-group/_bootstrap-dark-definition.scss +33 -0
  38. package/styles/button-group/_bootstrap-definition.scss +30 -0
  39. package/styles/button-group/_bootstrap4-definition.scss +30 -0
  40. package/styles/button-group/_bootstrap5-dark-definition.scss +1 -0
  41. package/styles/button-group/_bootstrap5-definition.scss +31 -0
  42. package/styles/button-group/_fabric-dark-definition.scss +33 -0
  43. package/styles/button-group/_fabric-definition.scss +30 -0
  44. package/styles/button-group/_fluent-dark-definition.scss +1 -0
  45. package/styles/button-group/_fluent-definition.scss +31 -0
  46. package/styles/button-group/_fusionnew-definition.scss +31 -0
  47. package/styles/button-group/_group-button-mixin.scss +72 -0
  48. package/styles/button-group/_highcontrast-definition.scss +32 -0
  49. package/styles/button-group/_highcontrast-light-definition.scss +35 -0
  50. package/styles/button-group/_layout.scss +294 -0
  51. package/styles/button-group/_material-dark-definition.scss +33 -0
  52. package/styles/button-group/_material-definition.scss +30 -0
  53. package/styles/button-group/_material3-dark-definition.scss +1 -0
  54. package/styles/button-group/_material3-definition.scss +31 -0
  55. package/styles/button-group/_tailwind-dark-definition.scss +1 -0
  56. package/styles/button-group/_tailwind-definition.scss +31 -0
  57. package/styles/button-group/_theme.scss +454 -0
  58. package/styles/button-group/bootstrap-dark.css +752 -1
  59. package/styles/button-group/bootstrap-dark.scss +4 -1
  60. package/styles/button-group/bootstrap.css +726 -1
  61. package/styles/button-group/bootstrap.scss +4 -1
  62. package/styles/button-group/bootstrap4.css +756 -1
  63. package/styles/button-group/bootstrap4.scss +4 -1
  64. package/styles/button-group/bootstrap5-dark.css +751 -1
  65. package/styles/button-group/bootstrap5-dark.scss +4 -1
  66. package/styles/button-group/bootstrap5.css +751 -1
  67. package/styles/button-group/bootstrap5.scss +4 -1
  68. package/styles/button-group/fabric-dark.css +752 -1
  69. package/styles/button-group/fabric-dark.scss +4 -1
  70. package/styles/button-group/fabric.css +758 -1
  71. package/styles/button-group/fabric.scss +4 -1
  72. package/styles/button-group/fluent-dark.css +755 -1
  73. package/styles/button-group/fluent-dark.scss +4 -1
  74. package/styles/button-group/fluent.css +755 -1
  75. package/styles/button-group/fluent.scss +4 -1
  76. package/styles/button-group/highcontrast-light.css +752 -1
  77. package/styles/button-group/highcontrast-light.scss +4 -1
  78. package/styles/button-group/highcontrast.css +803 -1
  79. package/styles/button-group/highcontrast.scss +4 -1
  80. package/styles/button-group/material-dark.css +752 -1
  81. package/styles/button-group/material-dark.scss +4 -1
  82. package/styles/button-group/material.css +756 -1
  83. package/styles/button-group/material.scss +4 -1
  84. package/styles/button-group/material3-dark.css +901 -1
  85. package/styles/button-group/material3-dark.scss +4 -1
  86. package/styles/button-group/material3.css +957 -1
  87. package/styles/button-group/material3.scss +4 -1
  88. package/styles/button-group/tailwind-dark.css +739 -1
  89. package/styles/button-group/tailwind-dark.scss +4 -1
  90. package/styles/button-group/tailwind.css +739 -1
  91. package/styles/button-group/tailwind.scss +4 -1
  92. package/styles/drop-down-button/_all.scss +2 -0
  93. package/styles/drop-down-button/_bootstrap-dark-definition.scss +51 -0
  94. package/styles/drop-down-button/_bootstrap-definition.scss +48 -0
  95. package/styles/drop-down-button/_bootstrap4-definition.scss +48 -0
  96. package/styles/drop-down-button/_bootstrap5-dark-definition.scss +1 -0
  97. package/styles/drop-down-button/_bootstrap5-definition.scss +50 -0
  98. package/styles/drop-down-button/_fabric-dark-definition.scss +51 -0
  99. package/styles/drop-down-button/_fabric-definition.scss +48 -0
  100. package/styles/drop-down-button/_fluent-dark-definition.scss +1 -0
  101. package/styles/drop-down-button/_fluent-definition.scss +52 -0
  102. package/styles/drop-down-button/_fusionnew-definition.scss +50 -0
  103. package/styles/drop-down-button/_highcontrast-definition.scss +47 -0
  104. package/styles/drop-down-button/_highcontrast-light-definition.scss +50 -0
  105. package/styles/drop-down-button/_layout.scss +238 -0
  106. package/styles/drop-down-button/_material-dark-definition.scss +51 -0
  107. package/styles/drop-down-button/_material-definition.scss +48 -0
  108. package/styles/drop-down-button/_material3-dark-definition.scss +1 -0
  109. package/styles/drop-down-button/_material3-definition.scss +51 -0
  110. package/styles/drop-down-button/_tailwind-dark-definition.scss +1 -0
  111. package/styles/drop-down-button/_tailwind-definition.scss +49 -0
  112. package/styles/drop-down-button/_theme.scss +83 -0
  113. package/styles/drop-down-button/bootstrap-dark.css +231 -1
  114. package/styles/drop-down-button/bootstrap-dark.scss +6 -1
  115. package/styles/drop-down-button/bootstrap.css +231 -1
  116. package/styles/drop-down-button/bootstrap.scss +6 -1
  117. package/styles/drop-down-button/bootstrap4.css +226 -1
  118. package/styles/drop-down-button/bootstrap4.scss +6 -1
  119. package/styles/drop-down-button/bootstrap5-dark.css +236 -1
  120. package/styles/drop-down-button/bootstrap5-dark.scss +6 -1
  121. package/styles/drop-down-button/bootstrap5.css +236 -1
  122. package/styles/drop-down-button/bootstrap5.scss +6 -1
  123. package/styles/drop-down-button/fabric-dark.css +231 -1
  124. package/styles/drop-down-button/fabric-dark.scss +6 -1
  125. package/styles/drop-down-button/fabric.css +231 -1
  126. package/styles/drop-down-button/fabric.scss +6 -1
  127. package/styles/drop-down-button/fluent-dark.css +233 -1
  128. package/styles/drop-down-button/fluent-dark.scss +6 -1
  129. package/styles/drop-down-button/fluent.css +233 -1
  130. package/styles/drop-down-button/fluent.scss +6 -1
  131. package/styles/drop-down-button/highcontrast-light.css +231 -1
  132. package/styles/drop-down-button/highcontrast-light.scss +6 -1
  133. package/styles/drop-down-button/highcontrast.css +232 -1
  134. package/styles/drop-down-button/highcontrast.scss +6 -1
  135. package/styles/drop-down-button/icons/_bootstrap-dark.scss +10 -0
  136. package/styles/drop-down-button/icons/_bootstrap.scss +10 -0
  137. package/styles/drop-down-button/icons/_bootstrap4.scss +10 -0
  138. package/styles/drop-down-button/icons/_bootstrap5-dark.scss +1 -0
  139. package/styles/drop-down-button/icons/_bootstrap5.scss +10 -0
  140. package/styles/drop-down-button/icons/_fabric-dark.scss +10 -0
  141. package/styles/drop-down-button/icons/_fabric.scss +10 -0
  142. package/styles/drop-down-button/icons/_fluent-dark.scss +1 -0
  143. package/styles/drop-down-button/icons/_fluent.scss +10 -0
  144. package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
  145. package/styles/drop-down-button/icons/_highcontrast-light.scss +10 -0
  146. package/styles/drop-down-button/icons/_highcontrast.scss +10 -0
  147. package/styles/drop-down-button/icons/_material-dark.scss +10 -0
  148. package/styles/drop-down-button/icons/_material.scss +10 -0
  149. package/styles/drop-down-button/icons/_material3-dark.scss +1 -0
  150. package/styles/drop-down-button/icons/_material3.scss +10 -0
  151. package/styles/drop-down-button/icons/_tailwind-dark.scss +10 -0
  152. package/styles/drop-down-button/icons/_tailwind.scss +10 -0
  153. package/styles/drop-down-button/material-dark.css +231 -1
  154. package/styles/drop-down-button/material-dark.scss +6 -1
  155. package/styles/drop-down-button/material.css +231 -1
  156. package/styles/drop-down-button/material.scss +6 -1
  157. package/styles/drop-down-button/material3-dark.css +292 -1
  158. package/styles/drop-down-button/material3-dark.scss +6 -1
  159. package/styles/drop-down-button/material3.css +348 -1
  160. package/styles/drop-down-button/material3.scss +6 -1
  161. package/styles/drop-down-button/tailwind-dark.css +241 -1
  162. package/styles/drop-down-button/tailwind-dark.scss +6 -1
  163. package/styles/drop-down-button/tailwind.css +241 -1
  164. package/styles/drop-down-button/tailwind.scss +6 -1
  165. package/styles/fabric-dark.css +1761 -1
  166. package/styles/fabric.css +1841 -1
  167. package/styles/fluent-dark.css +1852 -1
  168. package/styles/fluent.css +1852 -1
  169. package/styles/highcontrast-light.css +1761 -1
  170. package/styles/highcontrast.css +1813 -1
  171. package/styles/material-dark.css +1761 -1
  172. package/styles/material.css +1839 -1
  173. package/styles/material3-dark.css +1999 -1
  174. package/styles/material3-dark.scss +1 -0
  175. package/styles/material3.css +2049 -1
  176. package/styles/material3.scss +1 -0
  177. package/styles/progress-button/_all.scss +2 -0
  178. package/styles/progress-button/_bootstrap-dark-definition.scss +27 -0
  179. package/styles/progress-button/_bootstrap-definition.scss +24 -0
  180. package/styles/progress-button/_bootstrap4-definition.scss +24 -0
  181. package/styles/progress-button/_bootstrap5-dark-definition.scss +1 -0
  182. package/styles/progress-button/_bootstrap5-definition.scss +21 -0
  183. package/styles/progress-button/_fabric-dark-definition.scss +27 -0
  184. package/styles/progress-button/_fabric-definition.scss +24 -0
  185. package/styles/progress-button/_fluent-dark-definition.scss +1 -0
  186. package/styles/progress-button/_fluent-definition.scss +21 -0
  187. package/styles/progress-button/_fusionnew-definition.scss +21 -0
  188. package/styles/progress-button/_highcontrast-definition.scss +24 -0
  189. package/styles/progress-button/_highcontrast-light-definition.scss +24 -0
  190. package/styles/progress-button/_layout.scss +396 -0
  191. package/styles/progress-button/_material-dark-definition.scss +27 -0
  192. package/styles/progress-button/_material-definition.scss +24 -0
  193. package/styles/progress-button/_material3-dark-definition.scss +1 -0
  194. package/styles/progress-button/_material3-definition.scss +25 -0
  195. package/styles/progress-button/_tailwind-dark-definition.scss +1 -0
  196. package/styles/progress-button/_tailwind-definition.scss +21 -0
  197. package/styles/progress-button/_theme.scss +638 -0
  198. package/styles/progress-button/bootstrap-dark.css +445 -1
  199. package/styles/progress-button/bootstrap-dark.scss +5 -1
  200. package/styles/progress-button/bootstrap.css +522 -1
  201. package/styles/progress-button/bootstrap.scss +5 -1
  202. package/styles/progress-button/bootstrap4.css +525 -1
  203. package/styles/progress-button/bootstrap4.scss +5 -1
  204. package/styles/progress-button/bootstrap5-dark.css +538 -1
  205. package/styles/progress-button/bootstrap5-dark.scss +5 -1
  206. package/styles/progress-button/bootstrap5.css +538 -1
  207. package/styles/progress-button/bootstrap5.scss +5 -1
  208. package/styles/progress-button/fabric-dark.css +445 -1
  209. package/styles/progress-button/fabric-dark.scss +5 -1
  210. package/styles/progress-button/fabric.css +522 -1
  211. package/styles/progress-button/fabric.scss +5 -1
  212. package/styles/progress-button/fluent-dark.css +538 -1
  213. package/styles/progress-button/fluent-dark.scss +5 -1
  214. package/styles/progress-button/fluent.css +538 -1
  215. package/styles/progress-button/fluent.scss +5 -1
  216. package/styles/progress-button/highcontrast-light.css +445 -1
  217. package/styles/progress-button/highcontrast-light.scss +5 -1
  218. package/styles/progress-button/highcontrast.css +445 -1
  219. package/styles/progress-button/highcontrast.scss +5 -1
  220. package/styles/progress-button/material-dark.css +445 -1
  221. package/styles/progress-button/material-dark.scss +5 -1
  222. package/styles/progress-button/material.css +522 -1
  223. package/styles/progress-button/material.scss +5 -1
  224. package/styles/progress-button/material3-dark.css +556 -1
  225. package/styles/progress-button/material3-dark.scss +5 -1
  226. package/styles/progress-button/material3.css +612 -1
  227. package/styles/progress-button/material3.scss +5 -1
  228. package/styles/progress-button/tailwind-dark.css +542 -1
  229. package/styles/progress-button/tailwind-dark.scss +5 -1
  230. package/styles/progress-button/tailwind.css +542 -1
  231. package/styles/progress-button/tailwind.scss +5 -1
  232. package/styles/split-button/_all.scss +2 -0
  233. package/styles/split-button/_bootstrap-dark-definition.scss +26 -0
  234. package/styles/split-button/_bootstrap-definition.scss +23 -0
  235. package/styles/split-button/_bootstrap4-definition.scss +26 -0
  236. package/styles/split-button/_bootstrap5-dark-definition.scss +1 -0
  237. package/styles/split-button/_bootstrap5-definition.scss +24 -0
  238. package/styles/split-button/_fabric-dark-definition.scss +26 -0
  239. package/styles/split-button/_fabric-definition.scss +23 -0
  240. package/styles/split-button/_fluent-dark-definition.scss +1 -0
  241. package/styles/split-button/_fluent-definition.scss +24 -0
  242. package/styles/split-button/_fusionnew-definition.scss +24 -0
  243. package/styles/split-button/_highcontrast-definition.scss +23 -0
  244. package/styles/split-button/_highcontrast-light-definition.scss +26 -0
  245. package/styles/split-button/_layout.scss +484 -0
  246. package/styles/split-button/_material-dark-definition.scss +26 -0
  247. package/styles/split-button/_material-definition.scss +23 -0
  248. package/styles/split-button/_material3-dark-definition.scss +1 -0
  249. package/styles/split-button/_material3-definition.scss +26 -0
  250. package/styles/split-button/_tailwind-dark-definition.scss +1 -0
  251. package/styles/split-button/_tailwind-definition.scss +24 -0
  252. package/styles/split-button/_theme.scss +187 -0
  253. package/styles/split-button/bootstrap-dark.css +330 -1
  254. package/styles/split-button/bootstrap-dark.scss +6 -1
  255. package/styles/split-button/bootstrap.css +330 -1
  256. package/styles/split-button/bootstrap.scss +6 -1
  257. package/styles/split-button/bootstrap4.css +326 -1
  258. package/styles/split-button/bootstrap4.scss +6 -1
  259. package/styles/split-button/bootstrap5-dark.css +323 -1
  260. package/styles/split-button/bootstrap5-dark.scss +6 -1
  261. package/styles/split-button/bootstrap5.css +323 -1
  262. package/styles/split-button/bootstrap5.scss +6 -1
  263. package/styles/split-button/fabric-dark.css +330 -1
  264. package/styles/split-button/fabric-dark.scss +6 -1
  265. package/styles/split-button/fabric.css +327 -1
  266. package/styles/split-button/fabric.scss +6 -1
  267. package/styles/split-button/fluent-dark.css +323 -1
  268. package/styles/split-button/fluent-dark.scss +6 -1
  269. package/styles/split-button/fluent.css +323 -1
  270. package/styles/split-button/fluent.scss +6 -1
  271. package/styles/split-button/highcontrast-light.css +330 -1
  272. package/styles/split-button/highcontrast-light.scss +6 -1
  273. package/styles/split-button/highcontrast.css +330 -1
  274. package/styles/split-button/highcontrast.scss +6 -1
  275. package/styles/split-button/material-dark.css +330 -1
  276. package/styles/split-button/material-dark.scss +6 -1
  277. package/styles/split-button/material.css +327 -1
  278. package/styles/split-button/material.scss +6 -1
  279. package/styles/split-button/material3-dark.css +412 -1
  280. package/styles/split-button/material3-dark.scss +6 -1
  281. package/styles/split-button/material3.css +462 -1
  282. package/styles/split-button/material3.scss +6 -1
  283. package/styles/split-button/tailwind-dark.css +344 -1
  284. package/styles/split-button/tailwind-dark.scss +6 -1
  285. package/styles/split-button/tailwind.css +344 -1
  286. package/styles/split-button/tailwind.scss +6 -1
  287. package/styles/tailwind-dark.css +1868 -1
  288. package/styles/tailwind.css +1868 -1
  289. package/syncfusion-ej2-angular-splitbuttons.d.ts +5 -0
  290. package/@syncfusion/ej2-angular-splitbuttons.es5.js +0 -565
  291. package/@syncfusion/ej2-angular-splitbuttons.es5.js.map +0 -1
  292. package/@syncfusion/ej2-angular-splitbuttons.js +0 -516
  293. package/@syncfusion/ej2-angular-splitbuttons.js.map +0 -1
  294. package/CHANGELOG.md +0 -256
  295. package/dist/ej2-angular-splitbuttons.umd.js +0 -603
  296. package/dist/ej2-angular-splitbuttons.umd.js.map +0 -1
  297. package/dist/ej2-angular-splitbuttons.umd.min.js +0 -11
  298. package/dist/ej2-angular-splitbuttons.umd.min.js.map +0 -1
  299. package/ej2-angular-splitbuttons.d.ts +0 -7
  300. package/ej2-angular-splitbuttons.metadata.json +0 -1
  301. package/postinstall/tagchange.js +0 -18
package/styles/fabric.css CHANGED
@@ -1 +1,1841 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/fabric.css';
1
+ .e-dropdown-btn .e-caret::before,
2
+ .e-dropdown-btn.e-btn .e-caret::before {
3
+ content: "\e36a";
4
+ }
5
+
6
+ /*! drop-down button layout */
7
+ .e-dropdown-btn,
8
+ .e-dropdown-btn.e-btn {
9
+ box-shadow: none;
10
+ text-transform: none;
11
+ white-space: normal;
12
+ }
13
+ .e-dropdown-btn:hover,
14
+ .e-dropdown-btn.e-btn:hover {
15
+ box-shadow: none;
16
+ }
17
+ .e-dropdown-btn:focus,
18
+ .e-dropdown-btn.e-btn:focus {
19
+ box-shadow: none;
20
+ }
21
+ .e-dropdown-btn:active,
22
+ .e-dropdown-btn.e-btn:active {
23
+ box-shadow: none;
24
+ }
25
+ .e-dropdown-btn .e-btn-icon,
26
+ .e-dropdown-btn.e-btn .e-btn-icon {
27
+ font-size: 14px;
28
+ }
29
+ .e-dropdown-btn .e-caret,
30
+ .e-dropdown-btn.e-btn .e-caret {
31
+ font-size: 10px;
32
+ }
33
+ .e-dropdown-btn.e-vertical,
34
+ .e-dropdown-btn.e-btn.e-vertical {
35
+ line-height: 1;
36
+ padding: 8px 20px;
37
+ }
38
+ .e-dropdown-btn.e-caret-hide .e-caret,
39
+ .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
40
+ display: none;
41
+ }
42
+ .e-dropdown-btn.e-small .e-dropdown-popup ul,
43
+ .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
44
+ padding: 0;
45
+ }
46
+ .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
47
+ .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
48
+ padding: 0 10px;
49
+ }
50
+ .e-dropdown-btn.e-small.e-vertical,
51
+ .e-dropdown-btn.e-btn.e-small.e-vertical {
52
+ line-height: 1;
53
+ padding: 8px 20px;
54
+ }
55
+
56
+ .e-bigger .e-dropdown-btn .e-btn-icon,
57
+ .e-bigger.e-dropdown-btn .e-btn-icon {
58
+ font-size: 16px;
59
+ }
60
+ .e-bigger .e-dropdown-btn .e-caret,
61
+ .e-bigger.e-dropdown-btn .e-caret {
62
+ font-size: 10px;
63
+ }
64
+ .e-bigger .e-dropdown-btn.e-vertical,
65
+ .e-bigger.e-dropdown-btn.e-vertical {
66
+ line-height: 1;
67
+ padding: 10px 24px;
68
+ }
69
+ .e-bigger .e-dropdown-btn.e-small.e-vertical,
70
+ .e-bigger.e-dropdown-btn.e-small.e-vertical {
71
+ line-height: 1;
72
+ padding: 10px 24px;
73
+ }
74
+
75
+ .e-dropdown-popup {
76
+ position: absolute;
77
+ }
78
+ .e-dropdown-popup ul {
79
+ border: 1px solid #eaeaea;
80
+ border-radius: 0;
81
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
82
+ box-sizing: border-box;
83
+ font-size: 14px;
84
+ font-weight: normal;
85
+ list-style-image: none;
86
+ list-style-position: outside;
87
+ list-style-type: none;
88
+ margin: 0;
89
+ min-width: 120px;
90
+ overflow: hidden;
91
+ padding: 0;
92
+ -webkit-user-select: none;
93
+ -ms-user-select: none;
94
+ user-select: none;
95
+ white-space: nowrap;
96
+ }
97
+ .e-dropdown-popup ul .e-item {
98
+ cursor: pointer;
99
+ display: -ms-flexbox;
100
+ display: flex;
101
+ height: 36px;
102
+ line-height: 36px;
103
+ padding: 0 10px;
104
+ }
105
+ .e-dropdown-popup ul .e-item.e-url {
106
+ padding: 0;
107
+ }
108
+ .e-dropdown-popup ul .e-item .e-menu-url {
109
+ display: block;
110
+ padding: 0 10px;
111
+ text-decoration: none;
112
+ width: 100%;
113
+ }
114
+ .e-dropdown-popup ul .e-item .e-menu-icon {
115
+ float: left;
116
+ font-size: 16px;
117
+ line-height: 36px;
118
+ margin-right: 10px;
119
+ vertical-align: middle;
120
+ width: 1em;
121
+ }
122
+ .e-dropdown-popup ul .e-item.e-disabled {
123
+ cursor: auto;
124
+ pointer-events: none;
125
+ }
126
+ .e-dropdown-popup ul .e-item.e-separator {
127
+ border-bottom-style: solid;
128
+ border-bottom-width: 1px;
129
+ cursor: auto;
130
+ height: auto;
131
+ line-height: normal;
132
+ margin: 0;
133
+ pointer-events: none;
134
+ }
135
+ .e-dropdown-popup.e-transparent {
136
+ background: transparent;
137
+ box-shadow: none;
138
+ }
139
+ .e-dropdown-popup.e-transparent .e-dropdown-menu {
140
+ border: 0;
141
+ height: 1px;
142
+ min-width: 0;
143
+ padding: 0;
144
+ width: 1px;
145
+ }
146
+
147
+ .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
148
+ float: right;
149
+ margin-left: 10px;
150
+ margin-right: 0;
151
+ }
152
+
153
+ *.e-bigger .e-dropdown-popup ul,
154
+ *.e-bigger.e-dropdown-popup ul {
155
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
156
+ font-size: 15px;
157
+ max-width: 280px;
158
+ min-width: 112px;
159
+ padding: 0;
160
+ }
161
+ *.e-bigger .e-dropdown-popup ul .e-item,
162
+ *.e-bigger.e-dropdown-popup ul .e-item {
163
+ height: 48px;
164
+ line-height: 48px;
165
+ padding: 0 10px;
166
+ }
167
+ *.e-bigger .e-dropdown-popup ul .e-item.e-url,
168
+ *.e-bigger.e-dropdown-popup ul .e-item.e-url {
169
+ padding: 0;
170
+ }
171
+ *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
172
+ *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
173
+ font-size: 18px;
174
+ line-height: 48px;
175
+ }
176
+ *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
177
+ *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
178
+ height: auto;
179
+ line-height: normal;
180
+ }
181
+
182
+ /*! drop-down button theme */
183
+ .e-dropdown-popup {
184
+ background-color: #fff;
185
+ color: #333;
186
+ }
187
+ .e-dropdown-popup ul .e-item .e-menu-url {
188
+ color: #333;
189
+ }
190
+ .e-dropdown-popup ul .e-item .e-menu-icon {
191
+ color: #333;
192
+ }
193
+ .e-dropdown-popup ul .e-item.e-focused {
194
+ background-color: transparent;
195
+ box-shadow: 0 0 0 1px #767676 inset;
196
+ }
197
+ .e-dropdown-popup ul .e-item:hover {
198
+ background-color: #f4f4f4;
199
+ color: #333;
200
+ }
201
+ .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
+ background-color: #c8c8c8;
203
+ color: #333;
204
+ }
205
+ .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
206
+ color: #333;
207
+ }
208
+ .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
209
+ color: #333;
210
+ }
211
+ .e-dropdown-popup ul .e-separator {
212
+ border-bottom-color: #eaeaea;
213
+ }
214
+
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
231
+ }
232
+
233
+ /*! splitbutton layout */
234
+ .e-split-btn-wrapper {
235
+ display: -ms-inline-flexbox;
236
+ display: inline-flex;
237
+ white-space: nowrap;
238
+ width: min-content;
239
+ }
240
+ .e-split-btn-wrapper .e-split-btn {
241
+ border-bottom-right-radius: 0;
242
+ border-top-right-radius: 0;
243
+ text-transform: none;
244
+ z-index: 1;
245
+ padding-left: 10px;
246
+ padding-right: 10px;
247
+ }
248
+ .e-split-btn-wrapper .e-split-btn:focus {
249
+ outline-offset: -4px;
250
+ }
251
+ .e-split-btn-wrapper .e-split-btn:hover {
252
+ box-shadow: none;
253
+ }
254
+ .e-split-btn-wrapper .e-split-btn:focus {
255
+ box-shadow: none;
256
+ }
257
+ .e-split-btn-wrapper .e-split-btn:active {
258
+ box-shadow: none;
259
+ z-index: 2;
260
+ }
261
+ .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
262
+ padding-bottom: 10px;
263
+ padding-top: 10px;
264
+ }
265
+ .e-split-btn-wrapper .e-split-btn .e-btn-icon {
266
+ font-size: 14px;
267
+ margin-left: 0;
268
+ padding-right: 8px;
269
+ width: auto;
270
+ }
271
+ .e-split-btn-wrapper .e-split-btn .e-icon-top {
272
+ padding-bottom: 4px;
273
+ padding-right: 0;
274
+ }
275
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn {
276
+ padding-left: 8px;
277
+ padding-right: 8px;
278
+ }
279
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
280
+ padding-right: 0;
281
+ }
282
+ .e-split-btn-wrapper .e-dropdown-btn {
283
+ border-bottom-left-radius: 0;
284
+ border-top-left-radius: 0;
285
+ margin-left: 0;
286
+ padding-left: 4px;
287
+ padding-right: 4px;
288
+ }
289
+ .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
290
+ box-shadow: none;
291
+ }
292
+ .e-split-btn-wrapper .e-dropdown-btn:active {
293
+ box-shadow: none;
294
+ z-index: 2;
295
+ }
296
+ .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
297
+ z-index: 0;
298
+ }
299
+ .e-split-btn-wrapper .e-dropdown-btn:focus {
300
+ outline-offset: -4px;
301
+ }
302
+ .e-split-btn-wrapper .e-btn {
303
+ box-shadow: none;
304
+ }
305
+ .e-split-btn-wrapper .e-btn:hover {
306
+ box-shadow: none;
307
+ }
308
+ .e-split-btn-wrapper .e-btn:focus {
309
+ box-shadow: none;
310
+ }
311
+ .e-split-btn-wrapper .e-btn:active {
312
+ box-shadow: none;
313
+ }
314
+ .e-split-btn-wrapper .e-btn:disabled {
315
+ box-shadow: none;
316
+ }
317
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
318
+ box-shadow: none;
319
+ }
320
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
321
+ border-bottom-left-radius: 0;
322
+ border-bottom-right-radius: 0;
323
+ border-top-left-radius: 0;
324
+ border-top-right-radius: 0;
325
+ margin-left: 0;
326
+ padding-left: 4px;
327
+ padding-right: 10px;
328
+ }
329
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
330
+ margin-right: 0;
331
+ padding-left: 8px;
332
+ padding-right: 0;
333
+ }
334
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
335
+ padding-left: 0;
336
+ }
337
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
338
+ padding-left: 8px;
339
+ padding-right: 8px;
340
+ }
341
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
342
+ padding-left: 0;
343
+ }
344
+ .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
345
+ border-bottom-left-radius: 0;
346
+ border-bottom-right-radius: 0;
347
+ border-top-left-radius: 0;
348
+ border-top-right-radius: 0;
349
+ margin-left: 0;
350
+ }
351
+ .e-split-btn-wrapper.e-vertical {
352
+ display: inline-block;
353
+ }
354
+ .e-split-btn-wrapper.e-vertical .e-split-btn,
355
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
356
+ display: block;
357
+ width: 100%;
358
+ }
359
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
360
+ border-bottom-left-radius: 0;
361
+ border-top-right-radius: 0;
362
+ line-height: 1;
363
+ padding-bottom: 4px;
364
+ padding-right: 10px;
365
+ }
366
+ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
367
+ padding-bottom: 4px;
368
+ }
369
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
370
+ border-bottom-left-radius: 0;
371
+ border-top-right-radius: 0;
372
+ line-height: 0.213em;
373
+ margin-left: 0;
374
+ margin-top: 0;
375
+ padding-bottom: 4px;
376
+ padding-top: 4px;
377
+ }
378
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
379
+ padding-top: 0;
380
+ }
381
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
382
+ border-bottom-right-radius: 0;
383
+ border-top-left-radius: 0;
384
+ margin-left: 0;
385
+ }
386
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
387
+ border-bottom-right-radius: 0;
388
+ border-top-left-radius: 0;
389
+ }
390
+
391
+ .e-bigger .e-split-btn-wrapper .e-split-btn,
392
+ .e-bigger.e-split-btn-wrapper .e-split-btn {
393
+ padding-left: 12px;
394
+ padding-right: 6px;
395
+ }
396
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
397
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
398
+ padding-bottom: 12px;
399
+ padding-top: 12px;
400
+ }
401
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
402
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
403
+ font-size: 16px;
404
+ margin-left: 0;
405
+ padding-right: 10px;
406
+ width: auto;
407
+ }
408
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
409
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
410
+ padding-bottom: 6px;
411
+ padding-right: 0;
412
+ }
413
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
414
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
415
+ padding-left: 11px;
416
+ padding-right: 11px;
417
+ }
418
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
419
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
420
+ padding-right: 0;
421
+ }
422
+ .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
423
+ .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
424
+ padding-left: 4px;
425
+ padding-right: 4px;
426
+ }
427
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
428
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
429
+ padding-left: 6px;
430
+ padding-right: 12px;
431
+ }
432
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
433
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
434
+ padding-left: 10px;
435
+ padding-right: 0;
436
+ }
437
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
438
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
439
+ padding-left: 0;
440
+ }
441
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
442
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
443
+ padding-left: 11px;
444
+ padding-right: 11px;
445
+ }
446
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
447
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
448
+ padding-left: 0;
449
+ }
450
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
451
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
452
+ padding-bottom: 6px;
453
+ padding-right: 12px;
454
+ }
455
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
456
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
457
+ padding-bottom: 4px;
458
+ padding-top: 4px;
459
+ }
460
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
461
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
462
+ padding-top: 0;
463
+ }
464
+
465
+ /*! splitbutton theme */
466
+ .e-split-btn-wrapper .e-split-btn {
467
+ border-right-color: transparent;
468
+ }
469
+ .e-split-btn-wrapper .e-split-btn:focus {
470
+ border-right-color: #c8c8c8;
471
+ }
472
+ .e-split-btn-wrapper .e-split-btn:active {
473
+ border-right-color: #c8c8c8;
474
+ }
475
+ .e-split-btn-wrapper .e-split-btn:disabled {
476
+ border-right-color: #f4f4f4;
477
+ }
478
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
479
+ border-color: transparent;
480
+ }
481
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
482
+ border-right-color: #c8c8c8;
483
+ }
484
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
485
+ border-right-color: #f4f4f4;
486
+ }
487
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
488
+ border-color: transparent;
489
+ }
490
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
491
+ border-color: transparent;
492
+ }
493
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
494
+ border-color: transparent;
495
+ }
496
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
497
+ border-left-color: #f4f4f4;
498
+ border-right-color: transparent;
499
+ }
500
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
501
+ border-color: transparent;
502
+ }
503
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
504
+ border-left-color: #c8c8c8;
505
+ border-right-color: #eaeaea;
506
+ }
507
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
508
+ border-left-color: #f4f4f4;
509
+ }
510
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
511
+ border-bottom-color: transparent;
512
+ border-right-color: transparent;
513
+ }
514
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
515
+ border-color: transparent;
516
+ }
517
+ .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
518
+ border-bottom-color: #c8c8c8;
519
+ border-right-color: transparent;
520
+ }
521
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
522
+ border-bottom-color: #c8c8c8;
523
+ border-right-color: #c8c8c8;
524
+ }
525
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
526
+ border-bottom-color: #f4f4f4;
527
+ border-right-color: transparent;
528
+ }
529
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
530
+ border-bottom-color: #c8c8c8;
531
+ border-right-color: #eaeaea;
532
+ }
533
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
534
+ border-color: transparent;
535
+ }
536
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
537
+ border-bottom-color: #f4f4f4;
538
+ }
539
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
540
+ border-left-color: transparent;
541
+ }
542
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
543
+ border-color: transparent;
544
+ }
545
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
546
+ border-left-color: transparent;
547
+ }
548
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
549
+ border-left-color: transparent;
550
+ }
551
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
552
+ border-left-color: transparent;
553
+ }
554
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
555
+ border-left-color: transparent;
556
+ }
557
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
558
+ border-color: transparent;
559
+ }
560
+
561
+ /* stylelint-disable */
562
+ *.e-btn-group,
563
+ *.e-css.e-btn-group {
564
+ display: -ms-inline-flexbox;
565
+ display: inline-flex;
566
+ border-radius: 0;
567
+ -ms-flex-direction: row;
568
+ flex-direction: row;
569
+ position: relative;
570
+ }
571
+ *.e-btn-group input + label.e-btn,
572
+ *.e-css.e-btn-group input + label.e-btn {
573
+ margin-bottom: 0;
574
+ }
575
+ *.e-btn-group input,
576
+ *.e-css.e-btn-group input {
577
+ -moz-appearance: none;
578
+ height: 1px;
579
+ margin: 0 0 0 -1px;
580
+ opacity: 0;
581
+ position: absolute;
582
+ width: 1px;
583
+ }
584
+ *.e-btn-group input:disabled + label.e-btn,
585
+ *.e-btn-group :disabled,
586
+ *.e-css.e-btn-group input:disabled + label.e-btn,
587
+ *.e-css.e-btn-group :disabled {
588
+ cursor: default;
589
+ pointer-events: none;
590
+ }
591
+ *.e-btn-group .e-btn-icon,
592
+ *.e-css.e-btn-group .e-btn-icon {
593
+ font-size: 14px;
594
+ }
595
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn,
596
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn {
597
+ margin-left: 0;
598
+ }
599
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
600
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
601
+ border-radius: 0;
602
+ }
603
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
604
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
605
+ border-bottom-right-radius: 0;
606
+ border-top-right-radius: 0;
607
+ }
608
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
609
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
610
+ border-bottom-left-radius: 0;
611
+ border-top-left-radius: 0;
612
+ }
613
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
614
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
615
+ border-bottom-right-radius: 0;
616
+ border-top-right-radius: 0;
617
+ }
618
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
619
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
620
+ border-bottom-left-radius: 0;
621
+ border-top-left-radius: 0;
622
+ }
623
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
624
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
625
+ border-bottom-right-radius: 0;
626
+ border-top-right-radius: 0;
627
+ }
628
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
629
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
630
+ border-bottom-left-radius: 0;
631
+ border-top-left-radius: 0;
632
+ }
633
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
634
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
635
+ border-bottom-right-radius: 0;
636
+ border-top-right-radius: 0;
637
+ }
638
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
639
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
640
+ border-bottom-left-radius: 0;
641
+ border-top-left-radius: 0;
642
+ }
643
+ *.e-btn-group.e-rtl .e-btn,
644
+ *.e-css.e-btn-group.e-rtl .e-btn {
645
+ margin-left: 0;
646
+ }
647
+ *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
648
+ *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
649
+ border-radius: 0;
650
+ }
651
+ *.e-btn-group.e-rtl .e-btn:first-of-type,
652
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
653
+ border-bottom-left-radius: 0;
654
+ border-top-left-radius: 0;
655
+ }
656
+ *.e-btn-group.e-rtl .e-btn:last-of-type,
657
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
658
+ border-bottom-right-radius: 0;
659
+ border-top-right-radius: 0;
660
+ }
661
+ *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
662
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
663
+ border-bottom-left-radius: 0;
664
+ border-top-left-radius: 0;
665
+ }
666
+ *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
667
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
668
+ border-bottom-right-radius: 0;
669
+ border-top-right-radius: 0;
670
+ }
671
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
672
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
673
+ border-bottom-left-radius: 0;
674
+ border-top-left-radius: 0;
675
+ }
676
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
677
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
678
+ border-bottom-right-radius: 0;
679
+ border-top-right-radius: 0;
680
+ }
681
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
682
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
683
+ border-bottom-left-radius: 0;
684
+ border-top-left-radius: 0;
685
+ }
686
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
687
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
688
+ border-bottom-right-radius: 0;
689
+ border-top-right-radius: 0;
690
+ }
691
+ *.e-btn-group.e-vertical,
692
+ *.e-css.e-btn-group.e-vertical {
693
+ -ms-flex-direction: column;
694
+ flex-direction: column;
695
+ }
696
+ *.e-btn-group.e-vertical input,
697
+ *.e-css.e-btn-group.e-vertical input {
698
+ margin: -1px 0 0;
699
+ }
700
+ *.e-btn-group.e-vertical .e-btn:not(.e-outline),
701
+ *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
702
+ margin-top: -1px;
703
+ }
704
+ *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
705
+ *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
706
+ border-radius: 0;
707
+ }
708
+ *.e-btn-group.e-vertical .e-btn:first-of-type,
709
+ *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
710
+ border-bottom-left-radius: 0;
711
+ border-bottom-right-radius: 0;
712
+ border-top-left-radius: 2px;
713
+ border-top-right-radius: 2px;
714
+ }
715
+ *.e-btn-group.e-vertical .e-btn:last-of-type,
716
+ *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
717
+ border-bottom-left-radius: 2px;
718
+ border-bottom-right-radius: 2px;
719
+ border-top-left-radius: 0;
720
+ border-top-right-radius: 0;
721
+ }
722
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
723
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
724
+ border-radius: 20px;
725
+ }
726
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
727
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
728
+ border-bottom-left-radius: 20px;
729
+ border-top-left-radius: 20px;
730
+ }
731
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
732
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
733
+ border-bottom-right-radius: 20px;
734
+ border-top-right-radius: 20px;
735
+ }
736
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
737
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
738
+ border-bottom-right-radius: 0;
739
+ border-top-right-radius: 0;
740
+ }
741
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
742
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
743
+ border-bottom-left-radius: 0;
744
+ border-top-left-radius: 0;
745
+ }
746
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
747
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
748
+ border-bottom-left-radius: 20px;
749
+ border-top-left-radius: 20px;
750
+ }
751
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
752
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
753
+ border-bottom-right-radius: 0;
754
+ border-top-right-radius: 0;
755
+ }
756
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
757
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
758
+ border-bottom-left-radius: 0;
759
+ border-top-left-radius: 0;
760
+ }
761
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
762
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
763
+ border-bottom-right-radius: 20px;
764
+ border-top-right-radius: 20px;
765
+ }
766
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
767
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
768
+ border-radius: 20px;
769
+ }
770
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
771
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
772
+ border-bottom-right-radius: 20px;
773
+ border-top-right-radius: 20px;
774
+ }
775
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
776
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
777
+ border-bottom-left-radius: 20px;
778
+ border-top-left-radius: 20px;
779
+ }
780
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
781
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
782
+ border-bottom-left-radius: 0;
783
+ border-top-left-radius: 0;
784
+ }
785
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
786
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
787
+ border-bottom-right-radius: 0;
788
+ border-top-right-radius: 0;
789
+ }
790
+
791
+ .e-bigger .e-btn-group .e-btn-icon,
792
+ .e-bigger.e-btn-group .e-btn-icon,
793
+ .e-bigger .e-css.e-btn-group .e-btn-icon,
794
+ .e-bigger.e-css.e-btn-group .e-btn-icon {
795
+ font-size: 16px;
796
+ }
797
+
798
+ /* stylelint-disable */
799
+ .e-btn-group:not(.e-outline),
800
+ .e-css.e-btn-group:not(.e-outline) {
801
+ box-shadow: none;
802
+ }
803
+ .e-btn-group .e-btn:hover,
804
+ .e-css.e-btn-group .e-btn:hover {
805
+ box-shadow: none;
806
+ }
807
+ .e-btn-group .e-btn:focus,
808
+ .e-btn-group input:focus + label.e-btn,
809
+ .e-css.e-btn-group .e-btn:focus,
810
+ .e-css.e-btn-group input:focus + label.e-btn {
811
+ background: #f4f4f4;
812
+ border-color: #eaeaea;
813
+ color: #333;
814
+ outline: #767676 1px solid;
815
+ outline-offset: 0;
816
+ box-shadow: none;
817
+ box-shadow: none;
818
+ outline-color: #767676;
819
+ outline-offset: -2px;
820
+ }
821
+ .e-btn-group .e-btn:focus.e-primary,
822
+ .e-btn-group input:focus + label.e-btn.e-primary,
823
+ .e-css.e-btn-group .e-btn:focus.e-primary,
824
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
825
+ background: #0078d6;
826
+ border-color: #fff;
827
+ color: #fff;
828
+ outline: #767676 1px solid;
829
+ box-shadow: none;
830
+ box-shadow: none;
831
+ outline-color: #fff;
832
+ border-color: transparent;
833
+ }
834
+ .e-btn-group .e-btn:focus.e-success,
835
+ .e-btn-group input:focus + label.e-btn.e-success,
836
+ .e-css.e-btn-group .e-btn:focus.e-success,
837
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
838
+ background: #137c10;
839
+ border-color: #fff;
840
+ color: #fff;
841
+ box-shadow: none;
842
+ box-shadow: none;
843
+ outline-color: #fff;
844
+ border-color: transparent;
845
+ }
846
+ .e-btn-group .e-btn:focus.e-info,
847
+ .e-btn-group input:focus + label.e-btn.e-info,
848
+ .e-css.e-btn-group .e-btn:focus.e-info,
849
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
850
+ background: #0378d5;
851
+ border-color: #fff;
852
+ color: #fff;
853
+ box-shadow: none;
854
+ box-shadow: none;
855
+ outline-color: #fff;
856
+ border-color: transparent;
857
+ }
858
+ .e-btn-group .e-btn:focus.e-warning,
859
+ .e-btn-group input:focus + label.e-btn.e-warning,
860
+ .e-css.e-btn-group .e-btn:focus.e-warning,
861
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
862
+ background: #d83b01;
863
+ border-color: #fff;
864
+ color: #fff;
865
+ box-shadow: none;
866
+ box-shadow: none;
867
+ outline-color: #fff;
868
+ border-color: transparent;
869
+ }
870
+ .e-btn-group .e-btn:focus.e-danger,
871
+ .e-btn-group input:focus + label.e-btn.e-danger,
872
+ .e-css.e-btn-group .e-btn:focus.e-danger,
873
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
874
+ background: #a80000;
875
+ border-color: #fff;
876
+ color: #fff;
877
+ box-shadow: none;
878
+ box-shadow: none;
879
+ outline-color: #fff;
880
+ border-color: transparent;
881
+ }
882
+ .e-btn-group .e-btn:focus.e-link,
883
+ .e-btn-group input:focus + label.e-btn.e-link,
884
+ .e-css.e-btn-group .e-btn:focus.e-link,
885
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
886
+ border-radius: 0;
887
+ text-decoration: underline;
888
+ color: #0a3576;
889
+ background-color: transparent;
890
+ border-color: transparent;
891
+ box-shadow: none;
892
+ outline: none;
893
+ }
894
+ .e-btn-group .e-btn:focus.e-outline,
895
+ .e-btn-group input:focus + label.e-btn.e-outline,
896
+ .e-css.e-btn-group .e-btn:focus.e-outline,
897
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
898
+ box-shadow: none;
899
+ box-shadow: none;
900
+ }
901
+ .e-btn-group .e-btn:focus.e-outline.e-primary,
902
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
903
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
904
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
905
+ box-shadow: none;
906
+ }
907
+ .e-btn-group .e-btn:focus.e-outline.e-success,
908
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
909
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
910
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
911
+ box-shadow: none;
912
+ }
913
+ .e-btn-group .e-btn:focus.e-outline.e-info,
914
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
915
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
916
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
917
+ box-shadow: none;
918
+ }
919
+ .e-btn-group .e-btn:focus.e-outline.e-warning,
920
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
921
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
922
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
923
+ box-shadow: none;
924
+ }
925
+ .e-btn-group .e-btn:focus.e-outline.e-danger,
926
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
927
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
928
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
929
+ box-shadow: none;
930
+ }
931
+ .e-btn-group .e-btn:active,
932
+ .e-btn-group input:active + label.e-btn,
933
+ .e-btn-group input:checked + label.e-btn,
934
+ .e-css.e-btn-group .e-btn:active,
935
+ .e-css.e-btn-group input:active + label.e-btn,
936
+ .e-css.e-btn-group input:checked + label.e-btn {
937
+ background: #c8c8c8;
938
+ border-color: #c8c8c8;
939
+ color: #000;
940
+ outline: #eaeaea 0 solid;
941
+ outline-offset: 0;
942
+ box-shadow: none;
943
+ }
944
+ .e-btn-group .e-btn:active.e-primary,
945
+ .e-btn-group input:active + label.e-btn.e-primary,
946
+ .e-btn-group input:checked + label.e-btn.e-primary,
947
+ .e-css.e-btn-group .e-btn:active.e-primary,
948
+ .e-css.e-btn-group input:active + label.e-btn.e-primary,
949
+ .e-css.e-btn-group input:checked + label.e-btn.e-primary {
950
+ background: #005ba3;
951
+ border-color: #005ba3;
952
+ color: #fff;
953
+ outline: #eaeaea 0 solid;
954
+ box-shadow: none;
955
+ }
956
+ .e-btn-group .e-btn:active.e-success,
957
+ .e-btn-group input:active + label.e-btn.e-success,
958
+ .e-btn-group input:checked + label.e-btn.e-success,
959
+ .e-css.e-btn-group .e-btn:active.e-success,
960
+ .e-css.e-btn-group input:active + label.e-btn.e-success,
961
+ .e-css.e-btn-group input:checked + label.e-btn.e-success {
962
+ background: #004b1d;
963
+ border-color: #004b1d;
964
+ color: #fff;
965
+ box-shadow: none;
966
+ }
967
+ .e-btn-group .e-btn:active.e-info,
968
+ .e-btn-group input:active + label.e-btn.e-info,
969
+ .e-btn-group input:checked + label.e-btn.e-info,
970
+ .e-css.e-btn-group .e-btn:active.e-info,
971
+ .e-css.e-btn-group input:active + label.e-btn.e-info,
972
+ .e-css.e-btn-group input:checked + label.e-btn.e-info {
973
+ background: #065fa6;
974
+ color: #fff;
975
+ border-color: #065fa6;
976
+ box-shadow: none;
977
+ }
978
+ .e-btn-group .e-btn:active.e-warning,
979
+ .e-btn-group input:active + label.e-btn.e-warning,
980
+ .e-btn-group input:checked + label.e-btn.e-warning,
981
+ .e-css.e-btn-group .e-btn:active.e-warning,
982
+ .e-css.e-btn-group input:active + label.e-btn.e-warning,
983
+ .e-css.e-btn-group input:checked + label.e-btn.e-warning {
984
+ background: #a22c01;
985
+ border-color: #a22c01;
986
+ color: #fff;
987
+ box-shadow: none;
988
+ }
989
+ .e-btn-group .e-btn:active.e-danger,
990
+ .e-btn-group input:active + label.e-btn.e-danger,
991
+ .e-btn-group input:checked + label.e-btn.e-danger,
992
+ .e-css.e-btn-group .e-btn:active.e-danger,
993
+ .e-css.e-btn-group input:active + label.e-btn.e-danger,
994
+ .e-css.e-btn-group input:checked + label.e-btn.e-danger {
995
+ background: #7c0101;
996
+ border-color: #7c0101;
997
+ color: #fff;
998
+ box-shadow: none;
999
+ }
1000
+ .e-btn-group .e-btn:active.e-outline,
1001
+ .e-btn-group input:active + label.e-btn.e-outline,
1002
+ .e-btn-group input:checked + label.e-btn.e-outline,
1003
+ .e-css.e-btn-group .e-btn:active.e-outline,
1004
+ .e-css.e-btn-group input:active + label.e-btn.e-outline,
1005
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1006
+ background: #c8c8c8;
1007
+ border-color: #c8c8c8;
1008
+ box-shadow: none;
1009
+ color: #000;
1010
+ }
1011
+ .e-btn-group .e-btn:active.e-outline.e-primary,
1012
+ .e-btn-group input:active + label.e-btn.e-outline.e-primary,
1013
+ .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
1014
+ .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1015
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1016
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1017
+ background: #005ba3;
1018
+ border-color: #0078d6;
1019
+ box-shadow: none;
1020
+ color: #fff;
1021
+ }
1022
+ .e-btn-group .e-btn:active.e-outline.e-success,
1023
+ .e-btn-group input:active + label.e-btn.e-outline.e-success,
1024
+ .e-btn-group input:checked + label.e-btn.e-outline.e-success,
1025
+ .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1026
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1027
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1028
+ background: #004b1d;
1029
+ border-color: #004b1d;
1030
+ box-shadow: none;
1031
+ color: #fff;
1032
+ }
1033
+ .e-btn-group .e-btn:active.e-outline.e-info,
1034
+ .e-btn-group input:active + label.e-btn.e-outline.e-info,
1035
+ .e-btn-group input:checked + label.e-btn.e-outline.e-info,
1036
+ .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1037
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1038
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1039
+ background: #065fa6;
1040
+ border-color: #065fa6;
1041
+ box-shadow: none;
1042
+ color: #fff;
1043
+ }
1044
+ .e-btn-group .e-btn:active.e-outline.e-warning,
1045
+ .e-btn-group input:active + label.e-btn.e-outline.e-warning,
1046
+ .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
1047
+ .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1048
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1049
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1050
+ background: #a22c01;
1051
+ border-color: #a22c01;
1052
+ box-shadow: none;
1053
+ color: #fff;
1054
+ }
1055
+ .e-btn-group .e-btn:active.e-outline.e-danger,
1056
+ .e-btn-group input:active + label.e-btn.e-outline.e-danger,
1057
+ .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
1058
+ .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1059
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1060
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1061
+ background: #7c0101;
1062
+ border-color: #7c0101;
1063
+ box-shadow: none;
1064
+ color: #fff;
1065
+ }
1066
+ .e-btn-group .e-btn:disabled,
1067
+ .e-btn-group input:disabled + label.e-btn,
1068
+ .e-css.e-btn-group .e-btn:disabled,
1069
+ .e-css.e-btn-group input:disabled + label.e-btn {
1070
+ background-color: #f4f4f4;
1071
+ border-color: #f4f4f4;
1072
+ box-shadow: none;
1073
+ color: #a6a6a6;
1074
+ border-color: #f4f4f4;
1075
+ }
1076
+ .e-btn-group .e-btn:disabled.e-primary,
1077
+ .e-btn-group input:disabled + label.e-btn.e-primary,
1078
+ .e-css.e-btn-group .e-btn:disabled.e-primary,
1079
+ .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1080
+ background: #f4f4f4;
1081
+ border-color: #f4f4f4;
1082
+ box-shadow: none;
1083
+ color: #a6a6a6;
1084
+ border-color: #0078d6;
1085
+ }
1086
+ .e-btn-group .e-btn:disabled.e-success,
1087
+ .e-btn-group input:disabled + label.e-btn.e-success,
1088
+ .e-css.e-btn-group .e-btn:disabled.e-success,
1089
+ .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1090
+ background: #f4f4f4;
1091
+ border-color: #f4f4f4;
1092
+ box-shadow: none;
1093
+ color: #a6a6a6;
1094
+ border-color: #137c10;
1095
+ }
1096
+ .e-btn-group .e-btn:disabled.e-info,
1097
+ .e-btn-group input:disabled + label.e-btn.e-info,
1098
+ .e-css.e-btn-group .e-btn:disabled.e-info,
1099
+ .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1100
+ background: #f4f4f4;
1101
+ border-color: #f4f4f4;
1102
+ box-shadow: none;
1103
+ color: #a6a6a6;
1104
+ border-color: #0378d5;
1105
+ }
1106
+ .e-btn-group .e-btn:disabled.e-warning,
1107
+ .e-btn-group input:disabled + label.e-btn.e-warning,
1108
+ .e-css.e-btn-group .e-btn:disabled.e-warning,
1109
+ .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1110
+ background: #f4f4f4;
1111
+ border-color: #f4f4f4;
1112
+ box-shadow: none;
1113
+ color: #a6a6a6;
1114
+ border-color: #d83b01;
1115
+ }
1116
+ .e-btn-group .e-btn:disabled.e-danger,
1117
+ .e-btn-group input:disabled + label.e-btn.e-danger,
1118
+ .e-css.e-btn-group .e-btn:disabled.e-danger,
1119
+ .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1120
+ background: #f4f4f4;
1121
+ border-color: #f4f4f4;
1122
+ box-shadow: none;
1123
+ color: #a6a6a6;
1124
+ border-color: #a80000;
1125
+ }
1126
+ .e-btn-group .e-btn:disabled.e-link,
1127
+ .e-btn-group input:disabled + label.e-btn.e-link,
1128
+ .e-css.e-btn-group .e-btn:disabled.e-link,
1129
+ .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1130
+ color: #a6a6a6;
1131
+ background: transparent;
1132
+ box-shadow: none;
1133
+ text-decoration: none;
1134
+ border-color: transparent;
1135
+ }
1136
+ .e-btn-group .e-btn:disabled.e-outline,
1137
+ .e-btn-group input:disabled + label.e-btn.e-outline,
1138
+ .e-css.e-btn-group .e-btn:disabled.e-outline,
1139
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1140
+ background: transparent;
1141
+ border-color: #f4f4f4;
1142
+ box-shadow: none;
1143
+ color: #a6a6a6;
1144
+ border-color: #d0d0d0;
1145
+ }
1146
+ .e-btn-group .e-btn:disabled.e-outline.e-primary,
1147
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1148
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1149
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1150
+ background: transparent;
1151
+ border-color: #f4f4f4;
1152
+ box-shadow: none;
1153
+ color: #a6a6a6;
1154
+ border-color: #0078d6;
1155
+ }
1156
+ .e-btn-group .e-btn:disabled.e-outline.e-success,
1157
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1158
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1159
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1160
+ background: transparent;
1161
+ border-color: #f4f4f4;
1162
+ box-shadow: none;
1163
+ color: #a6a6a6;
1164
+ border-color: #137c10;
1165
+ }
1166
+ .e-btn-group .e-btn:disabled.e-outline.e-info,
1167
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1168
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1169
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1170
+ background: transparent;
1171
+ border-color: #f4f4f4;
1172
+ box-shadow: none;
1173
+ color: #a6a6a6;
1174
+ border-color: #0378d5;
1175
+ }
1176
+ .e-btn-group .e-btn:disabled.e-outline.e-warning,
1177
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1178
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1179
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1180
+ background: transparent;
1181
+ border-color: #f4f4f4;
1182
+ box-shadow: none;
1183
+ color: #a6a6a6;
1184
+ border-color: #d83b01;
1185
+ }
1186
+ .e-btn-group .e-btn:disabled.e-outline.e-danger,
1187
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1188
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1189
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1190
+ background: transparent;
1191
+ border-color: #f4f4f4;
1192
+ box-shadow: none;
1193
+ color: #a6a6a6;
1194
+ border-color: #a80000;
1195
+ }
1196
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1197
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1198
+ border-left: transparent;
1199
+ border-right: transparent;
1200
+ }
1201
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
1202
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
1203
+ border-right: transparent;
1204
+ }
1205
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
1206
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
1207
+ border-left: transparent;
1208
+ }
1209
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1210
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
1211
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1212
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
1213
+ border-color: #d0d0d0;
1214
+ outline-color: #767676;
1215
+ }
1216
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1217
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1218
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1219
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1220
+ border-color: inherit;
1221
+ outline-color: #fff;
1222
+ }
1223
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1224
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1225
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1226
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1227
+ border-color: inherit;
1228
+ outline-color: #fff;
1229
+ }
1230
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1231
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1232
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1233
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1234
+ border-color: inherit;
1235
+ outline-color: #fff;
1236
+ }
1237
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1238
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1239
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1240
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1241
+ border-color: inherit;
1242
+ outline-color: #fff;
1243
+ }
1244
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1245
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1246
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1247
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1248
+ border-color: inherit;
1249
+ outline-color: #fff;
1250
+ }
1251
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1252
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1253
+ border-bottom: transparent;
1254
+ border-top: transparent;
1255
+ }
1256
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
1257
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
1258
+ border-bottom: transparent;
1259
+ }
1260
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
1261
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
1262
+ border-top: transparent;
1263
+ }
1264
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1265
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
1266
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1267
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
1268
+ border-color: #d0d0d0;
1269
+ outline-color: #767676;
1270
+ }
1271
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1272
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1273
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1274
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1275
+ border-color: inherit;
1276
+ outline-color: #fff;
1277
+ }
1278
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1279
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1280
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1281
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1282
+ border-color: inherit;
1283
+ outline-color: #fff;
1284
+ }
1285
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1286
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1287
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1288
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1289
+ border-color: inherit;
1290
+ outline-color: #fff;
1291
+ }
1292
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1293
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1294
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1295
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1296
+ border-color: inherit;
1297
+ outline-color: #fff;
1298
+ }
1299
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1300
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1301
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1302
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1303
+ border-color: inherit;
1304
+ outline-color: #fff;
1305
+ }
1306
+ .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1307
+ .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1308
+ border-left: transparent;
1309
+ border-right: transparent;
1310
+ }
1311
+ .e-btn-group.e-rtl .e-btn:first-of-type,
1312
+ .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
1313
+ border-left: transparent;
1314
+ }
1315
+ .e-btn-group.e-rtl .e-btn:last-of-type,
1316
+ .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1317
+ border-right: transparent;
1318
+ }
1319
+
1320
+ /* stylelint-disable property-no-vendor-prefix */
1321
+ @keyframes material-spinner-rotate {
1322
+ 0% {
1323
+ transform: rotate(0);
1324
+ }
1325
+ 100% {
1326
+ transform: rotate(360deg);
1327
+ }
1328
+ }
1329
+ @keyframes fabric-spinner-rotate {
1330
+ 0% {
1331
+ transform: rotate(0);
1332
+ }
1333
+ 100% {
1334
+ transform: rotate(360deg);
1335
+ }
1336
+ }
1337
+ /*! Progress Button Layout */
1338
+ .e-progress-btn {
1339
+ position: relative;
1340
+ }
1341
+ .e-progress-btn .e-progress {
1342
+ height: 100%;
1343
+ left: 0;
1344
+ opacity: 0;
1345
+ position: absolute;
1346
+ top: 0;
1347
+ transition: opacity 0.3s linear;
1348
+ }
1349
+ .e-progress-btn .e-spinner {
1350
+ transition: all 0.3s linear;
1351
+ }
1352
+ .e-progress-btn .e-btn-content {
1353
+ display: inline-block;
1354
+ position: relative;
1355
+ z-index: 1;
1356
+ }
1357
+ .e-progress-btn.e-vertical .e-progress {
1358
+ bottom: 0;
1359
+ height: 0%;
1360
+ top: auto;
1361
+ width: 100%;
1362
+ }
1363
+ .e-progress-btn.e-progress-top .e-progress {
1364
+ height: 10%;
1365
+ }
1366
+ .e-progress-btn.e-progress-bottom .e-progress {
1367
+ bottom: -1px;
1368
+ height: 10%;
1369
+ top: auto;
1370
+ }
1371
+ .e-progress-btn.e-progress-active {
1372
+ overflow: hidden;
1373
+ pointer-events: none;
1374
+ }
1375
+ .e-progress-btn.e-progress-active .e-progress {
1376
+ opacity: 1;
1377
+ }
1378
+ .e-progress-btn.e-progress-active .e-animate-end {
1379
+ opacity: 0;
1380
+ }
1381
+ .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
1382
+ transition: padding 0.3s linear;
1383
+ }
1384
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
1385
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner, .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-btn-content,
1386
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
1387
+ display: block;
1388
+ line-height: 1;
1389
+ }
1390
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
1391
+ display: -ms-flexbox;
1392
+ display: flex;
1393
+ -ms-flex-pack: center;
1394
+ justify-content: center;
1395
+ }
1396
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
1397
+ padding-right: 12px;
1398
+ }
1399
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner .e-spinner-inner {
1400
+ top: -1px;
1401
+ }
1402
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
1403
+ padding-left: 12px;
1404
+ padding-right: 0;
1405
+ }
1406
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
1407
+ padding-left: 12px;
1408
+ }
1409
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner .e-spinner-inner {
1410
+ top: -1px;
1411
+ }
1412
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
1413
+ padding-left: 0;
1414
+ padding-right: 12px;
1415
+ }
1416
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
1417
+ padding-bottom: 20px;
1418
+ padding-top: 20px;
1419
+ }
1420
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
1421
+ padding-bottom: 12px;
1422
+ }
1423
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
1424
+ padding-bottom: 20px;
1425
+ padding-top: 20px;
1426
+ }
1427
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
1428
+ padding-top: 12px;
1429
+ }
1430
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
1431
+ padding-right: 10px;
1432
+ }
1433
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
1434
+ padding-left: 10px;
1435
+ padding-right: 0;
1436
+ }
1437
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
1438
+ padding-left: 10px;
1439
+ }
1440
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
1441
+ padding-left: 0;
1442
+ padding-right: 10px;
1443
+ }
1444
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
1445
+ padding-bottom: 16px;
1446
+ padding-top: 16px;
1447
+ }
1448
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
1449
+ padding-bottom: 10px;
1450
+ }
1451
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
1452
+ padding-bottom: 16px;
1453
+ padding-top: 16px;
1454
+ }
1455
+ .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
1456
+ padding-top: 10px;
1457
+ }
1458
+ .e-progress-btn.e-round-corner {
1459
+ border-radius: 5em;
1460
+ outline: none;
1461
+ overflow: hidden;
1462
+ }
1463
+ .e-progress-btn.e-rtl .e-progress {
1464
+ left: auto;
1465
+ right: 0;
1466
+ }
1467
+ .e-progress-btn.e-rtl.e-vertical .e-progress {
1468
+ bottom: auto;
1469
+ top: 0;
1470
+ }
1471
+ .e-progress-btn .e-spinner-pane {
1472
+ height: auto;
1473
+ position: relative;
1474
+ width: auto;
1475
+ }
1476
+ .e-progress-btn .e-spinner-pane .e-spinner-inner {
1477
+ left: auto;
1478
+ position: relative;
1479
+ top: auto;
1480
+ transform: none;
1481
+ }
1482
+ .e-progress-btn .e-cont-animate {
1483
+ -ms-flex-align: center;
1484
+ align-items: center;
1485
+ display: -ms-inline-flexbox;
1486
+ display: inline-flex;
1487
+ height: 100%;
1488
+ -ms-flex-pack: center;
1489
+ justify-content: center;
1490
+ left: 0;
1491
+ position: absolute;
1492
+ top: 0;
1493
+ width: 100%;
1494
+ }
1495
+ @keyframes ProgressSlideLeft {
1496
+ from {
1497
+ left: 0%;
1498
+ opacity: 1;
1499
+ }
1500
+ to {
1501
+ left: -100%;
1502
+ opacity: 0;
1503
+ }
1504
+ }
1505
+ @keyframes ProgressSlideRight {
1506
+ from {
1507
+ left: 0%;
1508
+ opacity: 1;
1509
+ }
1510
+ to {
1511
+ left: 100%;
1512
+ opacity: 0;
1513
+ }
1514
+ }
1515
+ @keyframes ProgressSlideUp {
1516
+ from {
1517
+ height: auto;
1518
+ opacity: 1;
1519
+ top: 0;
1520
+ }
1521
+ to {
1522
+ height: auto;
1523
+ opacity: 0;
1524
+ top: -100px;
1525
+ }
1526
+ }
1527
+ @keyframes ProgressSlideDown {
1528
+ from {
1529
+ height: auto;
1530
+ opacity: 1;
1531
+ top: 0;
1532
+ }
1533
+ to {
1534
+ height: auto;
1535
+ opacity: 0;
1536
+ top: 100px;
1537
+ }
1538
+ }
1539
+ @keyframes ProgressZoomIn {
1540
+ from {
1541
+ opacity: 1;
1542
+ transform: translate(0, 0) scale(1);
1543
+ }
1544
+ to {
1545
+ opacity: 0;
1546
+ transform: translate(0, 0) scale(3);
1547
+ }
1548
+ }
1549
+ @keyframes ProgressZoomOut {
1550
+ from {
1551
+ transform: translate(0, 0) scale(1);
1552
+ }
1553
+ to {
1554
+ transform: translate(0, 0) scale(0);
1555
+ }
1556
+ }
1557
+
1558
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner,
1559
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
1560
+ padding-right: 14px;
1561
+ }
1562
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner,
1563
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
1564
+ padding-left: 14px;
1565
+ padding-right: 0;
1566
+ }
1567
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner,
1568
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
1569
+ padding-left: 14px;
1570
+ }
1571
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner,
1572
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
1573
+ padding-left: 0;
1574
+ padding-right: 14px;
1575
+ }
1576
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top,
1577
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
1578
+ padding-bottom: 24px;
1579
+ padding-top: 24px;
1580
+ }
1581
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner,
1582
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
1583
+ padding-bottom: 14px;
1584
+ }
1585
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom,
1586
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
1587
+ padding-bottom: 24px;
1588
+ padding-top: 24px;
1589
+ }
1590
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner,
1591
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
1592
+ padding-top: 14px;
1593
+ }
1594
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner,
1595
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
1596
+ padding-right: 12px;
1597
+ }
1598
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner,
1599
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
1600
+ padding-left: 12px;
1601
+ padding-right: 0;
1602
+ }
1603
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner,
1604
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
1605
+ padding-left: 12px;
1606
+ }
1607
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner,
1608
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
1609
+ padding-left: 0;
1610
+ padding-right: 12px;
1611
+ }
1612
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top,
1613
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
1614
+ padding-bottom: 22px;
1615
+ padding-top: 22px;
1616
+ }
1617
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner,
1618
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
1619
+ padding-bottom: 12px;
1620
+ }
1621
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom,
1622
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
1623
+ padding-bottom: 22px;
1624
+ padding-top: 22px;
1625
+ }
1626
+ *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner,
1627
+ *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
1628
+ padding-top: 12px;
1629
+ }
1630
+
1631
+ /*! Progress Button Theme */
1632
+ .e-progress-btn .e-spinner-pane .e-spinner-inner svg {
1633
+ fill: #333;
1634
+ stroke: #333;
1635
+ }
1636
+ .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1637
+ stroke: #333;
1638
+ }
1639
+ .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1640
+ fill: #fff;
1641
+ stroke: #fff;
1642
+ }
1643
+ .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1644
+ stroke: rgba(255, 255, 255, 0.2);
1645
+ }
1646
+ .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1647
+ stroke: #fff;
1648
+ }
1649
+ .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1650
+ fill: #fff;
1651
+ stroke: #fff;
1652
+ }
1653
+ .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1654
+ stroke: rgba(255, 255, 255, 0.2);
1655
+ }
1656
+ .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1657
+ stroke: #fff;
1658
+ }
1659
+ .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1660
+ fill: #fff;
1661
+ stroke: #fff;
1662
+ }
1663
+ .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1664
+ stroke: rgba(255, 255, 255, 0.2);
1665
+ }
1666
+ .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1667
+ stroke: #fff;
1668
+ }
1669
+ .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1670
+ fill: #fff;
1671
+ stroke: #fff;
1672
+ }
1673
+ .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1674
+ stroke: rgba(255, 255, 255, 0.2);
1675
+ }
1676
+ .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1677
+ stroke: #fff;
1678
+ }
1679
+ .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1680
+ fill: #fff;
1681
+ stroke: #fff;
1682
+ }
1683
+ .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1684
+ stroke: rgba(255, 255, 255, 0.2);
1685
+ }
1686
+ .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1687
+ stroke: #fff;
1688
+ }
1689
+ .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1690
+ fill: #fff;
1691
+ stroke: #fff;
1692
+ }
1693
+ .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1694
+ stroke: rgba(255, 255, 255, 0.2);
1695
+ }
1696
+ .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1697
+ stroke: #fff;
1698
+ }
1699
+ .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1700
+ fill: #fff;
1701
+ stroke: #fff;
1702
+ }
1703
+ .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1704
+ stroke: rgba(255, 255, 255, 0.2);
1705
+ }
1706
+ .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1707
+ stroke: #fff;
1708
+ }
1709
+ .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1710
+ fill: #fff;
1711
+ stroke: #fff;
1712
+ }
1713
+ .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1714
+ stroke: #fff;
1715
+ }
1716
+ .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1717
+ stroke: #fff;
1718
+ }
1719
+ .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1720
+ fill: #fff;
1721
+ stroke: #fff;
1722
+ }
1723
+ .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1724
+ stroke: rgba(255, 255, 255, 0.2);
1725
+ }
1726
+ .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1727
+ stroke: #fff;
1728
+ }
1729
+ .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1730
+ fill: #fff;
1731
+ stroke: #fff;
1732
+ }
1733
+ .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1734
+ stroke: rgba(255, 255, 255, 0.2);
1735
+ }
1736
+ .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1737
+ stroke: #fff;
1738
+ }
1739
+ .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg {
1740
+ fill: #0078d6;
1741
+ stroke: #0078d6;
1742
+ }
1743
+ .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1744
+ stroke: rgba(0, 120, 214, 0.2);
1745
+ }
1746
+ .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1747
+ stroke: #0078d6;
1748
+ }
1749
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg {
1750
+ fill: #137c10;
1751
+ stroke: #137c10;
1752
+ }
1753
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1754
+ stroke: rgba(19, 124, 16, 0.2);
1755
+ }
1756
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1757
+ stroke: #137c10;
1758
+ }
1759
+ .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg {
1760
+ fill: #0378d5;
1761
+ stroke: #0378d5;
1762
+ }
1763
+ .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1764
+ stroke: rgba(3, 120, 213, 0.2);
1765
+ }
1766
+ .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1767
+ stroke: #0378d5;
1768
+ }
1769
+ .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg {
1770
+ fill: #d83b01;
1771
+ stroke: #d83b01;
1772
+ }
1773
+ .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1774
+ stroke: rgba(216, 59, 1, 0.2);
1775
+ }
1776
+ .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1777
+ stroke: #d83b01;
1778
+ }
1779
+ .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg {
1780
+ fill: #a80000;
1781
+ stroke: #a80000;
1782
+ }
1783
+ .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1784
+ stroke: rgba(168, 0, 0, 0.2);
1785
+ }
1786
+ .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1787
+ stroke: #a80000;
1788
+ }
1789
+ .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg {
1790
+ fill: #0d47a1;
1791
+ stroke: #0d47a1;
1792
+ }
1793
+ .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1794
+ stroke: rgba(13, 71, 161, 0.2);
1795
+ }
1796
+ .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1797
+ stroke: #0d47a1;
1798
+ }
1799
+
1800
+ .e-progress {
1801
+ background: rgba(0, 0, 0, 0.2);
1802
+ }
1803
+
1804
+ *.e-primary .e-progress,
1805
+ *.e-success .e-progress,
1806
+ *.e-danger .e-progress,
1807
+ *.e-info .e-progress {
1808
+ background: rgba(0, 0, 0, 0.2);
1809
+ }
1810
+
1811
+ *.e-flat.e-primary .e-progress {
1812
+ background: rgba(0, 0, 0, 0.2);
1813
+ }
1814
+ *.e-flat.e-success .e-progress {
1815
+ background: rgba(0, 0, 0, 0.2);
1816
+ }
1817
+ *.e-flat.e-info .e-progress {
1818
+ background: rgba(0, 0, 0, 0.2);
1819
+ }
1820
+ *.e-flat.e-warning .e-progress {
1821
+ background: rgba(0, 0, 0, 0.2);
1822
+ }
1823
+ *.e-flat.e-danger .e-progress {
1824
+ background: rgba(0, 0, 0, 0.2);
1825
+ }
1826
+
1827
+ *.e-outline:not(:focus).e-primary .e-progress {
1828
+ background: rgba(0, 120, 214, 0.2);
1829
+ }
1830
+ *.e-outline:not(:focus).e-success .e-progress {
1831
+ background: rgba(19, 124, 16, 0.2);
1832
+ }
1833
+ *.e-outline:not(:focus).e-info .e-progress {
1834
+ background: rgba(3, 120, 213, 0.2);
1835
+ }
1836
+ *.e-outline:not(:focus).e-warning .e-progress {
1837
+ background: rgba(216, 59, 1, 0.2);
1838
+ }
1839
+ *.e-outline:not(:focus).e-danger .e-progress {
1840
+ background: rgba(168, 0, 0, 0.2);
1841
+ }