@syncfusion/ej2-vue-splitbuttons 23.1.43 → 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 (89) hide show
  1. package/CHANGELOG.md +0 -16
  2. package/dist/ej2-vue-splitbuttons.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-splitbuttons.min.js +2 -2
  4. package/package.json +9 -9
  5. package/styles/bootstrap-dark.css +1 -1761
  6. package/styles/bootstrap.css +1 -1811
  7. package/styles/bootstrap4.css +1 -1836
  8. package/styles/bootstrap5-dark.css +1 -1851
  9. package/styles/bootstrap5.css +1 -1851
  10. package/styles/button-group/bootstrap-dark.css +1 -752
  11. package/styles/button-group/bootstrap.css +1 -726
  12. package/styles/button-group/bootstrap4.css +1 -756
  13. package/styles/button-group/bootstrap5-dark.css +1 -751
  14. package/styles/button-group/bootstrap5.css +1 -751
  15. package/styles/button-group/fabric-dark.css +1 -752
  16. package/styles/button-group/fabric.css +1 -758
  17. package/styles/button-group/fluent-dark.css +1 -755
  18. package/styles/button-group/fluent.css +1 -755
  19. package/styles/button-group/highcontrast-light.css +1 -752
  20. package/styles/button-group/highcontrast.css +1 -803
  21. package/styles/button-group/material-dark.css +1 -752
  22. package/styles/button-group/material.css +1 -756
  23. package/styles/button-group/material3-dark.css +1 -901
  24. package/styles/button-group/material3.css +1 -957
  25. package/styles/button-group/tailwind-dark.css +1 -739
  26. package/styles/button-group/tailwind.css +1 -739
  27. package/styles/drop-down-button/bootstrap-dark.css +1 -231
  28. package/styles/drop-down-button/bootstrap.css +1 -231
  29. package/styles/drop-down-button/bootstrap4.css +1 -226
  30. package/styles/drop-down-button/bootstrap5-dark.css +1 -236
  31. package/styles/drop-down-button/bootstrap5.css +1 -236
  32. package/styles/drop-down-button/fabric-dark.css +1 -231
  33. package/styles/drop-down-button/fabric.css +1 -231
  34. package/styles/drop-down-button/fluent-dark.css +1 -233
  35. package/styles/drop-down-button/fluent.css +1 -233
  36. package/styles/drop-down-button/highcontrast-light.css +1 -231
  37. package/styles/drop-down-button/highcontrast.css +1 -232
  38. package/styles/drop-down-button/material-dark.css +1 -231
  39. package/styles/drop-down-button/material.css +1 -231
  40. package/styles/drop-down-button/material3-dark.css +1 -292
  41. package/styles/drop-down-button/material3.css +1 -348
  42. package/styles/drop-down-button/tailwind-dark.css +1 -241
  43. package/styles/drop-down-button/tailwind.css +1 -241
  44. package/styles/fabric-dark.css +1 -1761
  45. package/styles/fabric.css +1 -1841
  46. package/styles/fluent-dark.css +1 -1852
  47. package/styles/fluent.css +1 -1852
  48. package/styles/highcontrast-light.css +1 -1761
  49. package/styles/highcontrast.css +1 -1813
  50. package/styles/material-dark.css +1 -1761
  51. package/styles/material.css +1 -1839
  52. package/styles/material3-dark.css +1 -2164
  53. package/styles/material3.css +1 -2382
  54. package/styles/progress-button/bootstrap-dark.css +1 -445
  55. package/styles/progress-button/bootstrap.css +1 -522
  56. package/styles/progress-button/bootstrap4.css +1 -525
  57. package/styles/progress-button/bootstrap5-dark.css +1 -538
  58. package/styles/progress-button/bootstrap5.css +1 -538
  59. package/styles/progress-button/fabric-dark.css +1 -445
  60. package/styles/progress-button/fabric.css +1 -522
  61. package/styles/progress-button/fluent-dark.css +1 -538
  62. package/styles/progress-button/fluent.css +1 -538
  63. package/styles/progress-button/highcontrast-light.css +1 -445
  64. package/styles/progress-button/highcontrast.css +1 -445
  65. package/styles/progress-button/material-dark.css +1 -445
  66. package/styles/progress-button/material.css +1 -522
  67. package/styles/progress-button/material3-dark.css +1 -556
  68. package/styles/progress-button/material3.css +1 -612
  69. package/styles/progress-button/tailwind-dark.css +1 -542
  70. package/styles/progress-button/tailwind.css +1 -542
  71. package/styles/split-button/bootstrap-dark.css +1 -330
  72. package/styles/split-button/bootstrap.css +1 -330
  73. package/styles/split-button/bootstrap4.css +1 -326
  74. package/styles/split-button/bootstrap5-dark.css +1 -323
  75. package/styles/split-button/bootstrap5.css +1 -323
  76. package/styles/split-button/fabric-dark.css +1 -330
  77. package/styles/split-button/fabric.css +1 -327
  78. package/styles/split-button/fluent-dark.css +1 -323
  79. package/styles/split-button/fluent.css +1 -323
  80. package/styles/split-button/highcontrast-light.css +1 -330
  81. package/styles/split-button/highcontrast.css +1 -330
  82. package/styles/split-button/material-dark.css +1 -330
  83. package/styles/split-button/material.css +1 -327
  84. package/styles/split-button/material3-dark.css +1 -412
  85. package/styles/split-button/material3.css +1 -462
  86. package/styles/split-button/tailwind-dark.css +1 -344
  87. package/styles/split-button/tailwind.css +1 -344
  88. package/styles/tailwind-dark.css +1 -1868
  89. package/styles/tailwind.css +1 -1868
@@ -1,1761 +1 @@
1
- .e-dropdown-btn .e-caret::before,
2
- .e-dropdown-btn.e-btn .e-caret::before {
3
- content: "\e969";
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: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
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: 8px;
32
- }
33
- .e-dropdown-btn.e-vertical,
34
- .e-dropdown-btn.e-btn.e-vertical {
35
- line-height: 1;
36
- padding: 12px 12px;
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: 8px 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 16px;
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: 12px 12px;
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: 16px 16px;
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: 16px 16px;
73
- }
74
-
75
- .e-dropdown-popup {
76
- position: absolute;
77
- }
78
- .e-dropdown-popup ul {
79
- border: none;
80
- border-radius: 0;
81
- box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
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: 8px 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 16px;
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 16px;
111
- text-decoration: none;
112
- width: 100%;
113
- }
114
- .e-dropdown-popup ul .e-item .e-menu-icon {
115
- float: left;
116
- font-size: 14px;
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: 8px 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 3px 8px 0 rgba(0, 0, 0, 0.26);
156
- font-size: 15px;
157
- max-width: 280px;
158
- min-width: 112px;
159
- padding: 8px 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 16px;
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: 16px;
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: #424242;
185
- color: #fff;
186
- }
187
- .e-dropdown-popup ul .e-item .e-menu-url {
188
- color: #fff;
189
- }
190
- .e-dropdown-popup ul .e-item .e-menu-icon {
191
- color: #fff;
192
- }
193
- .e-dropdown-popup ul .e-item.e-focused {
194
- background-color: rgba(255, 255, 255, 0.1);
195
- box-shadow: none;
196
- }
197
- .e-dropdown-popup ul .e-item:hover {
198
- background-color: rgba(255, 255, 255, 0.1);
199
- color: #fff;
200
- }
201
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
202
- background-color: rgba(255, 255, 255, 0.18);
203
- color: #fff;
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: #fff;
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: #fff;
210
- }
211
- .e-dropdown-popup ul .e-separator {
212
- border-bottom-color: rgba(255, 255, 255, 0.12);
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: 0;
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: 0;
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: 6px;
277
- padding-right: 6px;
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: 0;
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: 0;
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: 2px;
323
- border-top-left-radius: 0;
324
- border-top-right-radius: 2px;
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: 6px;
339
- padding-right: 6px;
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: 2px;
346
- border-bottom-right-radius: 0;
347
- border-top-left-radius: 2px;
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: 2px;
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: 2px;
371
- border-top-right-radius: 0;
372
- line-height: 0.417em;
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: 2px;
384
- margin-left: 0;
385
- }
386
- .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
387
- border-bottom-right-radius: 2px;
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: 9px;
416
- padding-right: 9px;
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: 9px;
444
- padding-right: 9px;
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: transparent;
471
- }
472
- .e-split-btn-wrapper .e-split-btn:active {
473
- border-right-color: transparent;
474
- }
475
- .e-split-btn-wrapper .e-split-btn:disabled {
476
- border-right-color: rgba(255, 255, 255, 0.1);
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: transparent;
483
- }
484
- .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
485
- border-right-color: transparent;
486
- }
487
- .e-split-btn-wrapper.e-rtl .e-split-btn {
488
- border-left-color: transparent;
489
- border-right-color: transparent;
490
- }
491
- .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
492
- border-left-color: transparent;
493
- border-right-color: transparent;
494
- }
495
- .e-split-btn-wrapper.e-rtl .e-split-btn:active {
496
- border-left-color: transparent;
497
- border-right-color: transparent;
498
- }
499
- .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
500
- border-left-color: transparent;
501
- border-right-color: transparent;
502
- }
503
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
504
- border-color: transparent;
505
- }
506
- .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
507
- border-left-color: transparent;
508
- border-right-color: transparent;
509
- }
510
- .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
511
- border-left-color: transparent;
512
- }
513
- .e-split-btn-wrapper.e-vertical .e-split-btn {
514
- border-bottom-color: transparent;
515
- border-right-color: transparent;
516
- }
517
- .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 {
518
- border-color: transparent;
519
- }
520
- .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
521
- border-bottom-color: transparent;
522
- border-right-color: transparent;
523
- }
524
- .e-split-btn-wrapper.e-vertical .e-split-btn:active {
525
- border-bottom-color: transparent;
526
- border-right-color: transparent;
527
- }
528
- .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
529
- border-bottom-color: transparent;
530
- border-right-color: transparent;
531
- }
532
- .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
533
- border-bottom-color: transparent;
534
- border-right-color: transparent;
535
- }
536
- .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 {
537
- border-color: transparent;
538
- }
539
- .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
540
- border-bottom-color: transparent;
541
- }
542
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
543
- border-left-color: transparent;
544
- }
545
- .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 {
546
- border-color: transparent;
547
- }
548
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
549
- border-left-color: transparent;
550
- }
551
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
552
- border-left-color: transparent;
553
- }
554
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
555
- border-left-color: transparent;
556
- }
557
- .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
558
- border-left-color: transparent;
559
- }
560
- .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
561
- border-color: transparent;
562
- }
563
-
564
- /* stylelint-disable */
565
- *.e-btn-group,
566
- *.e-css.e-btn-group {
567
- display: -ms-inline-flexbox;
568
- display: inline-flex;
569
- border-radius: 2px;
570
- -ms-flex-direction: row;
571
- flex-direction: row;
572
- position: relative;
573
- }
574
- *.e-btn-group input + label.e-btn,
575
- *.e-css.e-btn-group input + label.e-btn {
576
- margin-bottom: 0;
577
- }
578
- *.e-btn-group input,
579
- *.e-css.e-btn-group input {
580
- -moz-appearance: none;
581
- height: 1px;
582
- margin: 0 0 0 -1px;
583
- opacity: 0;
584
- position: absolute;
585
- width: 1px;
586
- }
587
- *.e-btn-group input:disabled + label.e-btn,
588
- *.e-btn-group :disabled,
589
- *.e-css.e-btn-group input:disabled + label.e-btn,
590
- *.e-css.e-btn-group :disabled {
591
- cursor: default;
592
- pointer-events: none;
593
- }
594
- *.e-btn-group .e-btn-icon,
595
- *.e-css.e-btn-group .e-btn-icon {
596
- font-size: 14px;
597
- }
598
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn,
599
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn {
600
- margin-left: 0;
601
- }
602
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
603
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
604
- border-radius: 0;
605
- }
606
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
607
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
608
- border-bottom-right-radius: 0;
609
- border-top-right-radius: 0;
610
- }
611
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
612
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
613
- border-bottom-left-radius: 0;
614
- border-top-left-radius: 0;
615
- }
616
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
617
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
618
- border-bottom-right-radius: 0;
619
- border-top-right-radius: 0;
620
- }
621
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
622
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
623
- border-bottom-left-radius: 0;
624
- border-top-left-radius: 0;
625
- }
626
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
627
- *.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 {
628
- border-bottom-right-radius: 0;
629
- border-top-right-radius: 0;
630
- }
631
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
632
- *.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 {
633
- border-bottom-left-radius: 0;
634
- border-top-left-radius: 0;
635
- }
636
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
637
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
638
- border-bottom-right-radius: 0;
639
- border-top-right-radius: 0;
640
- }
641
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
642
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
643
- border-bottom-left-radius: 0;
644
- border-top-left-radius: 0;
645
- }
646
- *.e-btn-group.e-rtl .e-btn,
647
- *.e-css.e-btn-group.e-rtl .e-btn {
648
- margin-left: 0;
649
- }
650
- *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
651
- *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
652
- border-radius: 0;
653
- }
654
- *.e-btn-group.e-rtl .e-btn:first-of-type,
655
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
656
- border-bottom-left-radius: 0;
657
- border-top-left-radius: 0;
658
- }
659
- *.e-btn-group.e-rtl .e-btn:last-of-type,
660
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
661
- border-bottom-right-radius: 0;
662
- border-top-right-radius: 0;
663
- }
664
- *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
665
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
666
- border-bottom-left-radius: 0;
667
- border-top-left-radius: 0;
668
- }
669
- *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
670
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
671
- border-bottom-right-radius: 0;
672
- border-top-right-radius: 0;
673
- }
674
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
675
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
676
- border-bottom-left-radius: 0;
677
- border-top-left-radius: 0;
678
- }
679
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
680
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
681
- border-bottom-right-radius: 0;
682
- border-top-right-radius: 0;
683
- }
684
- *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
685
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
686
- border-bottom-left-radius: 0;
687
- border-top-left-radius: 0;
688
- }
689
- *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
690
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
691
- border-bottom-right-radius: 0;
692
- border-top-right-radius: 0;
693
- }
694
- *.e-btn-group.e-vertical,
695
- *.e-css.e-btn-group.e-vertical {
696
- -ms-flex-direction: column;
697
- flex-direction: column;
698
- }
699
- *.e-btn-group.e-vertical input,
700
- *.e-css.e-btn-group.e-vertical input {
701
- margin: -1px 0 0;
702
- }
703
- *.e-btn-group.e-vertical .e-btn:not(.e-outline),
704
- *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
705
- margin-top: -1px;
706
- }
707
- *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
708
- *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
709
- border-radius: 0;
710
- }
711
- *.e-btn-group.e-vertical .e-btn:first-of-type,
712
- *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
713
- border-bottom-left-radius: 0;
714
- border-bottom-right-radius: 0;
715
- border-top-left-radius: 2px;
716
- border-top-right-radius: 2px;
717
- }
718
- *.e-btn-group.e-vertical .e-btn:last-of-type,
719
- *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
720
- border-bottom-left-radius: 2px;
721
- border-bottom-right-radius: 2px;
722
- border-top-left-radius: 0;
723
- border-top-right-radius: 0;
724
- }
725
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
726
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
727
- border-radius: 20px;
728
- }
729
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
730
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
731
- border-bottom-left-radius: 20px;
732
- border-top-left-radius: 20px;
733
- }
734
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
735
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
736
- border-bottom-right-radius: 20px;
737
- border-top-right-radius: 20px;
738
- }
739
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
740
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
741
- border-bottom-right-radius: 0;
742
- border-top-right-radius: 0;
743
- }
744
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
745
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
746
- border-bottom-left-radius: 0;
747
- border-top-left-radius: 0;
748
- }
749
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
750
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
751
- border-bottom-left-radius: 20px;
752
- border-top-left-radius: 20px;
753
- }
754
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
755
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
756
- border-bottom-right-radius: 0;
757
- border-top-right-radius: 0;
758
- }
759
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
760
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
761
- border-bottom-left-radius: 0;
762
- border-top-left-radius: 0;
763
- }
764
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
765
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
766
- border-bottom-right-radius: 20px;
767
- border-top-right-radius: 20px;
768
- }
769
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
770
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
771
- border-radius: 20px;
772
- }
773
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
774
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
775
- border-bottom-right-radius: 20px;
776
- border-top-right-radius: 20px;
777
- }
778
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
779
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
780
- border-bottom-left-radius: 20px;
781
- border-top-left-radius: 20px;
782
- }
783
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
784
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
785
- border-bottom-left-radius: 0;
786
- border-top-left-radius: 0;
787
- }
788
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
789
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
790
- border-bottom-right-radius: 0;
791
- border-top-right-radius: 0;
792
- }
793
-
794
- .e-bigger .e-btn-group .e-btn-icon,
795
- .e-bigger.e-btn-group .e-btn-icon,
796
- .e-bigger .e-css.e-btn-group .e-btn-icon,
797
- .e-bigger.e-css.e-btn-group .e-btn-icon {
798
- font-size: 16px;
799
- }
800
-
801
- /* stylelint-disable */
802
- .e-btn-group:not(.e-outline),
803
- .e-css.e-btn-group:not(.e-outline) {
804
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
805
- }
806
- .e-btn-group .e-btn:hover,
807
- .e-css.e-btn-group .e-btn:hover {
808
- box-shadow: none;
809
- }
810
- .e-btn-group .e-btn:focus,
811
- .e-btn-group input:focus + label.e-btn,
812
- .e-css.e-btn-group .e-btn:focus,
813
- .e-css.e-btn-group input:focus + label.e-btn {
814
- background: #878787;
815
- border-color: transparent;
816
- color: #fff;
817
- outline: #616161 0 solid;
818
- outline-offset: 0;
819
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
820
- box-shadow: none;
821
- outline-color: inherit;
822
- }
823
- .e-btn-group .e-btn:focus.e-primary,
824
- .e-btn-group input:focus + label.e-btn.e-primary,
825
- .e-css.e-btn-group .e-btn:focus.e-primary,
826
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
827
- background: #0086c2;
828
- border-color: transparent;
829
- color: #000;
830
- outline: #616161 0 solid;
831
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
832
- box-shadow: none;
833
- outline-color: inherit;
834
- }
835
- .e-btn-group .e-btn:focus.e-success,
836
- .e-btn-group input:focus + label.e-btn.e-success,
837
- .e-css.e-btn-group .e-btn:focus.e-success,
838
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
839
- background: #77c27a;
840
- border-color: transparent;
841
- color: #fff;
842
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
843
- box-shadow: none;
844
- outline-color: inherit;
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: #3fbef7;
851
- border-color: transparent;
852
- color: #fff;
853
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
854
- box-shadow: none;
855
- outline-color: inherit;
856
- }
857
- .e-btn-group .e-btn:focus.e-warning,
858
- .e-btn-group input:focus + label.e-btn.e-warning,
859
- .e-css.e-btn-group .e-btn:focus.e-warning,
860
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
861
- background: #ffb13d;
862
- border-color: transparent;
863
- color: #fff;
864
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
865
- box-shadow: none;
866
- outline-color: inherit;
867
- }
868
- .e-btn-group .e-btn:focus.e-danger,
869
- .e-btn-group input:focus + label.e-btn.e-danger,
870
- .e-css.e-btn-group .e-btn:focus.e-danger,
871
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
872
- background: #ff8b7c;
873
- border-color: transparent;
874
- color: #fff;
875
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
876
- box-shadow: none;
877
- outline-color: inherit;
878
- }
879
- .e-btn-group .e-btn:focus.e-link,
880
- .e-btn-group input:focus + label.e-btn.e-link,
881
- .e-css.e-btn-group .e-btn:focus.e-link,
882
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
883
- border-radius: 0;
884
- text-decoration: underline;
885
- color: #20b0e9;
886
- background-color: transparent;
887
- border-color: transparent;
888
- box-shadow: none;
889
- outline: none;
890
- }
891
- .e-btn-group .e-btn:focus.e-outline,
892
- .e-btn-group input:focus + label.e-btn.e-outline,
893
- .e-css.e-btn-group .e-btn:focus.e-outline,
894
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
895
- box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
896
- box-shadow: none;
897
- }
898
- .e-btn-group .e-btn:focus.e-outline.e-primary,
899
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
900
- .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
901
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
902
- box-shadow: none;
903
- }
904
- .e-btn-group .e-btn:focus.e-outline.e-success,
905
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
906
- .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
907
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
908
- box-shadow: none;
909
- }
910
- .e-btn-group .e-btn:focus.e-outline.e-info,
911
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
912
- .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
913
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
914
- box-shadow: none;
915
- }
916
- .e-btn-group .e-btn:focus.e-outline.e-warning,
917
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
918
- .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
919
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
920
- box-shadow: none;
921
- }
922
- .e-btn-group .e-btn:focus.e-outline.e-danger,
923
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
924
- .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
925
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
926
- box-shadow: none;
927
- }
928
- .e-btn-group .e-btn:active,
929
- .e-btn-group input:active + label.e-btn,
930
- .e-btn-group input:checked + label.e-btn,
931
- .e-css.e-btn-group .e-btn:active,
932
- .e-css.e-btn-group input:active + label.e-btn,
933
- .e-css.e-btn-group input:checked + label.e-btn {
934
- background: #7d7d7d;
935
- border-color: transparent;
936
- color: #fff;
937
- outline: #616161 0 solid;
938
- outline-offset: 0;
939
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
940
- }
941
- .e-btn-group .e-btn:active.e-primary,
942
- .e-btn-group input:active + label.e-btn.e-primary,
943
- .e-btn-group input:checked + label.e-btn.e-primary,
944
- .e-css.e-btn-group .e-btn:active.e-primary,
945
- .e-css.e-btn-group input:active + label.e-btn.e-primary,
946
- .e-css.e-btn-group input:checked + label.e-btn.e-primary {
947
- background: #0078ad;
948
- border-color: transparent;
949
- color: #000;
950
- outline: #616161 0 solid;
951
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
952
- }
953
- .e-btn-group .e-btn:active.e-success,
954
- .e-btn-group input:active + label.e-btn.e-success,
955
- .e-btn-group input:checked + label.e-btn.e-success,
956
- .e-css.e-btn-group .e-btn:active.e-success,
957
- .e-css.e-btn-group input:active + label.e-btn.e-success,
958
- .e-css.e-btn-group input:checked + label.e-btn.e-success {
959
- background: #85c988;
960
- border-color: transparent;
961
- color: #fff;
962
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
963
- }
964
- .e-btn-group .e-btn:active.e-info,
965
- .e-btn-group input:active + label.e-btn.e-info,
966
- .e-btn-group input:checked + label.e-btn.e-info,
967
- .e-css.e-btn-group .e-btn:active.e-info,
968
- .e-css.e-btn-group input:active + label.e-btn.e-info,
969
- .e-css.e-btn-group input:checked + label.e-btn.e-info {
970
- background: #54c5f8;
971
- color: #fff;
972
- border-color: transparent;
973
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
974
- }
975
- .e-btn-group .e-btn:active.e-warning,
976
- .e-btn-group input:active + label.e-btn.e-warning,
977
- .e-btn-group input:checked + label.e-btn.e-warning,
978
- .e-css.e-btn-group .e-btn:active.e-warning,
979
- .e-css.e-btn-group input:active + label.e-btn.e-warning,
980
- .e-css.e-btn-group input:checked + label.e-btn.e-warning {
981
- background: #ffb952;
982
- border-color: transparent;
983
- color: #fff;
984
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
985
- }
986
- .e-btn-group .e-btn:active.e-danger,
987
- .e-btn-group input:active + label.e-btn.e-danger,
988
- .e-btn-group input:checked + label.e-btn.e-danger,
989
- .e-css.e-btn-group .e-btn:active.e-danger,
990
- .e-css.e-btn-group input:active + label.e-btn.e-danger,
991
- .e-css.e-btn-group input:checked + label.e-btn.e-danger {
992
- background: #ff9789;
993
- border-color: transparent;
994
- color: #fff;
995
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
996
- }
997
- .e-btn-group .e-btn:active.e-outline,
998
- .e-btn-group input:active + label.e-btn.e-outline,
999
- .e-btn-group input:checked + label.e-btn.e-outline,
1000
- .e-css.e-btn-group .e-btn:active.e-outline,
1001
- .e-css.e-btn-group input:active + label.e-btn.e-outline,
1002
- .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1003
- background: rgba(255, 255, 255, 0.24);
1004
- border-color: #616161;
1005
- box-shadow: none;
1006
- color: #fff;
1007
- }
1008
- .e-btn-group .e-btn:active.e-outline.e-primary,
1009
- .e-btn-group input:active + label.e-btn.e-outline.e-primary,
1010
- .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
1011
- .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1012
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1013
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1014
- background: #0078ad;
1015
- border-color: transparent;
1016
- box-shadow: none;
1017
- color: #000;
1018
- }
1019
- .e-btn-group .e-btn:active.e-outline.e-success,
1020
- .e-btn-group input:active + label.e-btn.e-outline.e-success,
1021
- .e-btn-group input:checked + label.e-btn.e-outline.e-success,
1022
- .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1023
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1024
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1025
- background: #85c988;
1026
- border-color: transparent;
1027
- box-shadow: none;
1028
- color: #fff;
1029
- }
1030
- .e-btn-group .e-btn:active.e-outline.e-info,
1031
- .e-btn-group input:active + label.e-btn.e-outline.e-info,
1032
- .e-btn-group input:checked + label.e-btn.e-outline.e-info,
1033
- .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1034
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1035
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1036
- background: #54c5f8;
1037
- border-color: transparent;
1038
- box-shadow: none;
1039
- color: #fff;
1040
- }
1041
- .e-btn-group .e-btn:active.e-outline.e-warning,
1042
- .e-btn-group input:active + label.e-btn.e-outline.e-warning,
1043
- .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
1044
- .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1045
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1046
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1047
- background: #ffb952;
1048
- border-color: transparent;
1049
- box-shadow: none;
1050
- color: #fff;
1051
- }
1052
- .e-btn-group .e-btn:active.e-outline.e-danger,
1053
- .e-btn-group input:active + label.e-btn.e-outline.e-danger,
1054
- .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
1055
- .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1056
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1057
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1058
- background: #ff9789;
1059
- border-color: transparent;
1060
- box-shadow: none;
1061
- color: #fff;
1062
- }
1063
- .e-btn-group .e-btn:disabled,
1064
- .e-btn-group input:disabled + label.e-btn,
1065
- .e-css.e-btn-group .e-btn:disabled,
1066
- .e-css.e-btn-group input:disabled + label.e-btn {
1067
- background-color: rgba(255, 255, 255, 0.1);
1068
- border-color: transparent;
1069
- box-shadow: none;
1070
- color: rgba(255, 255, 255, 0.3);
1071
- border-color: transparent;
1072
- }
1073
- .e-btn-group .e-btn:disabled.e-primary,
1074
- .e-btn-group input:disabled + label.e-btn.e-primary,
1075
- .e-css.e-btn-group .e-btn:disabled.e-primary,
1076
- .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1077
- background: rgba(255, 255, 255, 0.1);
1078
- border-color: transparent;
1079
- box-shadow: none;
1080
- color: rgba(255, 255, 255, 0.3);
1081
- border-color: transparent;
1082
- }
1083
- .e-btn-group .e-btn:disabled.e-success,
1084
- .e-btn-group input:disabled + label.e-btn.e-success,
1085
- .e-css.e-btn-group .e-btn:disabled.e-success,
1086
- .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1087
- background: rgba(255, 255, 255, 0.1);
1088
- border-color: transparent;
1089
- box-shadow: none;
1090
- color: rgba(255, 255, 255, 0.3);
1091
- border-color: transparent;
1092
- }
1093
- .e-btn-group .e-btn:disabled.e-info,
1094
- .e-btn-group input:disabled + label.e-btn.e-info,
1095
- .e-css.e-btn-group .e-btn:disabled.e-info,
1096
- .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1097
- background: rgba(255, 255, 255, 0.1);
1098
- border-color: transparent;
1099
- box-shadow: none;
1100
- color: rgba(255, 255, 255, 0.3);
1101
- border-color: transparent;
1102
- }
1103
- .e-btn-group .e-btn:disabled.e-warning,
1104
- .e-btn-group input:disabled + label.e-btn.e-warning,
1105
- .e-css.e-btn-group .e-btn:disabled.e-warning,
1106
- .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1107
- background: rgba(255, 255, 255, 0.1);
1108
- border-color: transparent;
1109
- box-shadow: none;
1110
- color: rgba(255, 255, 255, 0.3);
1111
- border-color: transparent;
1112
- }
1113
- .e-btn-group .e-btn:disabled.e-danger,
1114
- .e-btn-group input:disabled + label.e-btn.e-danger,
1115
- .e-css.e-btn-group .e-btn:disabled.e-danger,
1116
- .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1117
- background: rgba(255, 255, 255, 0.1);
1118
- border-color: transparent;
1119
- box-shadow: none;
1120
- color: rgba(255, 255, 255, 0.3);
1121
- border-color: transparent;
1122
- }
1123
- .e-btn-group .e-btn:disabled.e-link,
1124
- .e-btn-group input:disabled + label.e-btn.e-link,
1125
- .e-css.e-btn-group .e-btn:disabled.e-link,
1126
- .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1127
- color: rgba(255, 255, 255, 0.3);
1128
- background: transparent;
1129
- box-shadow: none;
1130
- text-decoration: none;
1131
- border-color: transparent;
1132
- }
1133
- .e-btn-group .e-btn:disabled.e-outline,
1134
- .e-btn-group input:disabled + label.e-btn.e-outline,
1135
- .e-css.e-btn-group .e-btn:disabled.e-outline,
1136
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1137
- background: transparent;
1138
- border-color: rgba(97, 97, 97, 0.3);
1139
- box-shadow: none;
1140
- color: rgba(255, 255, 255, 0.3);
1141
- border-color: #616161;
1142
- }
1143
- .e-btn-group .e-btn:disabled.e-outline.e-primary,
1144
- .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1145
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1146
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1147
- background: transparent;
1148
- border-color: rgba(97, 97, 97, 0.3);
1149
- box-shadow: none;
1150
- color: rgba(255, 255, 255, 0.3);
1151
- border-color: #00b0ff;
1152
- }
1153
- .e-btn-group .e-btn:disabled.e-outline.e-success,
1154
- .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1155
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1156
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1157
- background: transparent;
1158
- border-color: rgba(97, 97, 97, 0.3);
1159
- box-shadow: none;
1160
- color: rgba(255, 255, 255, 0.3);
1161
- border-color: #4caf50;
1162
- }
1163
- .e-btn-group .e-btn:disabled.e-outline.e-info,
1164
- .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1165
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1166
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1167
- background: transparent;
1168
- border-color: rgba(97, 97, 97, 0.3);
1169
- box-shadow: none;
1170
- color: rgba(255, 255, 255, 0.3);
1171
- border-color: #03a9f4;
1172
- }
1173
- .e-btn-group .e-btn:disabled.e-outline.e-warning,
1174
- .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1175
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1176
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1177
- background: transparent;
1178
- border-color: rgba(97, 97, 97, 0.3);
1179
- box-shadow: none;
1180
- color: rgba(255, 255, 255, 0.3);
1181
- border-color: #ff9800;
1182
- }
1183
- .e-btn-group .e-btn:disabled.e-outline.e-danger,
1184
- .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1185
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1186
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1187
- background: transparent;
1188
- border-color: rgba(97, 97, 97, 0.3);
1189
- box-shadow: none;
1190
- color: rgba(255, 255, 255, 0.3);
1191
- border-color: #ff6652;
1192
- }
1193
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1194
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1195
- border-left: transparent;
1196
- border-right: transparent;
1197
- }
1198
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
1199
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
1200
- border-right: transparent;
1201
- }
1202
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
1203
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
1204
- border-left: transparent;
1205
- }
1206
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1207
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
1208
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1209
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
1210
- border-color: inherit;
1211
- outline-color: inherit;
1212
- }
1213
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1214
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1215
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1216
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1217
- border-color: inherit;
1218
- outline-color: inherit;
1219
- }
1220
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1221
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1222
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1223
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1224
- border-color: inherit;
1225
- outline-color: inherit;
1226
- }
1227
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1228
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1229
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1230
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1231
- border-color: inherit;
1232
- outline-color: inherit;
1233
- }
1234
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1235
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1236
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1237
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1238
- border-color: inherit;
1239
- outline-color: inherit;
1240
- }
1241
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1242
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1243
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1244
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1245
- border-color: inherit;
1246
- outline-color: inherit;
1247
- }
1248
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1249
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1250
- border-bottom: transparent;
1251
- border-top: transparent;
1252
- }
1253
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
1254
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
1255
- border-bottom: transparent;
1256
- }
1257
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
1258
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
1259
- border-top: transparent;
1260
- }
1261
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1262
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
1263
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1264
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
1265
- border-color: inherit;
1266
- outline-color: inherit;
1267
- }
1268
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1269
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1270
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1271
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1272
- border-color: inherit;
1273
- outline-color: inherit;
1274
- }
1275
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1276
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1277
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1278
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1279
- border-color: inherit;
1280
- outline-color: inherit;
1281
- }
1282
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1283
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1284
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1285
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1286
- border-color: inherit;
1287
- outline-color: inherit;
1288
- }
1289
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1290
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1291
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1292
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1293
- border-color: inherit;
1294
- outline-color: inherit;
1295
- }
1296
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1297
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1298
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1299
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1300
- border-color: inherit;
1301
- outline-color: inherit;
1302
- }
1303
- .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1304
- .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1305
- border-left: transparent;
1306
- border-right: transparent;
1307
- }
1308
- .e-btn-group.e-rtl .e-btn:first-of-type,
1309
- .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
1310
- border-left: transparent;
1311
- }
1312
- .e-btn-group.e-rtl .e-btn:last-of-type,
1313
- .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1314
- border-right: transparent;
1315
- }
1316
-
1317
- /* stylelint-disable property-no-vendor-prefix */
1318
- @keyframes material-spinner-rotate {
1319
- 0% {
1320
- transform: rotate(0deg);
1321
- }
1322
- 100% {
1323
- transform: rotate(360deg);
1324
- }
1325
- }
1326
- @keyframes fabric-spinner-rotate {
1327
- 0% {
1328
- transform: rotate(0deg);
1329
- }
1330
- 100% {
1331
- transform: rotate(360deg);
1332
- }
1333
- }
1334
- /*! Progress Button Layout */
1335
- .e-progress-btn {
1336
- position: relative;
1337
- }
1338
- .e-progress-btn .e-progress {
1339
- height: 100%;
1340
- left: 0;
1341
- opacity: 0;
1342
- position: absolute;
1343
- top: 0;
1344
- transition: opacity 0.3s linear;
1345
- }
1346
- .e-progress-btn .e-spinner {
1347
- transition: all 0.3s linear;
1348
- }
1349
- .e-progress-btn .e-btn-content {
1350
- display: inline-block;
1351
- position: relative;
1352
- z-index: 1;
1353
- }
1354
- .e-progress-btn.e-vertical .e-progress {
1355
- bottom: 0;
1356
- height: 0%;
1357
- top: auto;
1358
- width: 100%;
1359
- }
1360
- .e-progress-btn.e-progress-top .e-progress {
1361
- height: 10%;
1362
- }
1363
- .e-progress-btn.e-progress-bottom .e-progress {
1364
- bottom: -1px;
1365
- height: 10%;
1366
- top: auto;
1367
- }
1368
- .e-progress-btn.e-progress-active {
1369
- overflow: hidden;
1370
- pointer-events: none;
1371
- }
1372
- .e-progress-btn.e-progress-active .e-progress {
1373
- opacity: 1;
1374
- }
1375
- .e-progress-btn.e-progress-active .e-animate-end {
1376
- opacity: 0;
1377
- }
1378
- .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
1379
- transition: padding 0.3s linear;
1380
- }
1381
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
1382
- .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,
1383
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
1384
- display: block;
1385
- line-height: 1;
1386
- }
1387
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
1388
- display: -ms-flexbox;
1389
- display: flex;
1390
- -ms-flex-pack: center;
1391
- justify-content: center;
1392
- }
1393
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
1394
- padding-right: 12px;
1395
- }
1396
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner .e-spinner-inner {
1397
- top: -1px;
1398
- }
1399
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
1400
- padding-left: 12px;
1401
- padding-right: 0;
1402
- }
1403
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
1404
- padding-left: 12px;
1405
- }
1406
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner .e-spinner-inner {
1407
- top: -1px;
1408
- }
1409
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
1410
- padding-left: 0;
1411
- padding-right: 12px;
1412
- }
1413
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
1414
- padding-bottom: 16px;
1415
- padding-top: 16px;
1416
- }
1417
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
1418
- padding-bottom: 12px;
1419
- }
1420
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
1421
- padding-bottom: 16px;
1422
- padding-top: 16px;
1423
- }
1424
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
1425
- padding-top: 12px;
1426
- }
1427
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
1428
- padding-right: 10px;
1429
- }
1430
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
1431
- padding-left: 10px;
1432
- padding-right: 0;
1433
- }
1434
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
1435
- padding-left: 10px;
1436
- }
1437
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
1438
- padding-left: 0;
1439
- padding-right: 10px;
1440
- }
1441
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
1442
- padding-bottom: 14px;
1443
- padding-top: 14px;
1444
- }
1445
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
1446
- padding-bottom: 10px;
1447
- }
1448
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
1449
- padding-bottom: 14px;
1450
- padding-top: 14px;
1451
- }
1452
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
1453
- padding-top: 10px;
1454
- }
1455
- .e-progress-btn.e-round-corner {
1456
- border-radius: 5em;
1457
- outline: none;
1458
- overflow: hidden;
1459
- }
1460
- .e-progress-btn.e-rtl .e-progress {
1461
- left: auto;
1462
- right: 0;
1463
- }
1464
- .e-progress-btn.e-rtl.e-vertical .e-progress {
1465
- bottom: auto;
1466
- top: 0;
1467
- }
1468
- .e-progress-btn .e-spinner-pane {
1469
- height: auto;
1470
- position: relative;
1471
- width: auto;
1472
- }
1473
- .e-progress-btn .e-spinner-pane .e-spinner-inner {
1474
- left: auto;
1475
- position: relative;
1476
- top: auto;
1477
- transform: none;
1478
- }
1479
- .e-progress-btn .e-cont-animate {
1480
- -ms-flex-align: center;
1481
- align-items: center;
1482
- display: -ms-inline-flexbox;
1483
- display: inline-flex;
1484
- height: 100%;
1485
- -ms-flex-pack: center;
1486
- justify-content: center;
1487
- left: 0;
1488
- position: absolute;
1489
- top: 0;
1490
- width: 100%;
1491
- }
1492
- @keyframes ProgressSlideLeft {
1493
- from {
1494
- left: 0%;
1495
- opacity: 1;
1496
- }
1497
- to {
1498
- left: -100%;
1499
- opacity: 0;
1500
- }
1501
- }
1502
- @keyframes ProgressSlideRight {
1503
- from {
1504
- left: 0%;
1505
- opacity: 1;
1506
- }
1507
- to {
1508
- left: 100%;
1509
- opacity: 0;
1510
- }
1511
- }
1512
- @keyframes ProgressSlideUp {
1513
- from {
1514
- height: auto;
1515
- opacity: 1;
1516
- top: 0;
1517
- }
1518
- to {
1519
- height: auto;
1520
- opacity: 0;
1521
- top: -100px;
1522
- }
1523
- }
1524
- @keyframes ProgressSlideDown {
1525
- from {
1526
- height: auto;
1527
- opacity: 1;
1528
- top: 0;
1529
- }
1530
- to {
1531
- height: auto;
1532
- opacity: 0;
1533
- top: 100px;
1534
- }
1535
- }
1536
- @keyframes ProgressZoomIn {
1537
- from {
1538
- opacity: 1;
1539
- transform: translate(0, 0) scale(1);
1540
- }
1541
- to {
1542
- opacity: 0;
1543
- transform: translate(0, 0) scale(3);
1544
- }
1545
- }
1546
- @keyframes ProgressZoomOut {
1547
- from {
1548
- transform: translate(0, 0) scale(1);
1549
- }
1550
- to {
1551
- transform: translate(0, 0) scale(0);
1552
- }
1553
- }
1554
-
1555
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner,
1556
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
1557
- padding-right: 14px;
1558
- }
1559
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner,
1560
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
1561
- padding-left: 14px;
1562
- padding-right: 0;
1563
- }
1564
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner,
1565
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
1566
- padding-left: 14px;
1567
- }
1568
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner,
1569
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
1570
- padding-left: 0;
1571
- padding-right: 14px;
1572
- }
1573
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top,
1574
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
1575
- padding-bottom: 20px;
1576
- padding-top: 20px;
1577
- }
1578
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner,
1579
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
1580
- padding-bottom: 14px;
1581
- }
1582
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom,
1583
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
1584
- padding-bottom: 20px;
1585
- padding-top: 20px;
1586
- }
1587
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner,
1588
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
1589
- padding-top: 14px;
1590
- }
1591
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner,
1592
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
1593
- padding-right: 12px;
1594
- }
1595
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner,
1596
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
1597
- padding-left: 12px;
1598
- padding-right: 0;
1599
- }
1600
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner,
1601
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
1602
- padding-left: 12px;
1603
- }
1604
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner,
1605
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
1606
- padding-left: 0;
1607
- padding-right: 12px;
1608
- }
1609
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top,
1610
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
1611
- padding-bottom: 16px;
1612
- padding-top: 16px;
1613
- }
1614
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner,
1615
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
1616
- padding-bottom: 12px;
1617
- }
1618
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom,
1619
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
1620
- padding-bottom: 16px;
1621
- padding-top: 16px;
1622
- }
1623
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner,
1624
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
1625
- padding-top: 12px;
1626
- }
1627
-
1628
- /*! Progress Button Theme */
1629
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg {
1630
- fill: rgba(0, 0, 0, 0.87);
1631
- stroke: rgba(0, 0, 0, 0.87);
1632
- }
1633
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1634
- stroke: #fff;
1635
- }
1636
- .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 {
1637
- fill: #000;
1638
- stroke: #000;
1639
- }
1640
- .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 {
1641
- stroke: #000;
1642
- }
1643
- .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 {
1644
- fill: #00b0ff;
1645
- stroke: #00b0ff;
1646
- }
1647
- .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 {
1648
- stroke: #00b0ff;
1649
- }
1650
- .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 {
1651
- fill: #fff;
1652
- stroke: #fff;
1653
- }
1654
- .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 {
1655
- stroke: #fff;
1656
- }
1657
- .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 {
1658
- fill: #4caf50;
1659
- stroke: #4caf50;
1660
- }
1661
- .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 {
1662
- stroke: #4caf50;
1663
- }
1664
- .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 {
1665
- fill: #fff;
1666
- stroke: #fff;
1667
- }
1668
- .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 {
1669
- stroke: #fff;
1670
- }
1671
- .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 {
1672
- fill: #03a9f4;
1673
- stroke: #03a9f4;
1674
- }
1675
- .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 {
1676
- stroke: #03a9f4;
1677
- }
1678
- .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 {
1679
- fill: #fff;
1680
- stroke: #fff;
1681
- }
1682
- .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 {
1683
- stroke: #fff;
1684
- }
1685
- .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 {
1686
- fill: #ff9800;
1687
- stroke: #ff9800;
1688
- }
1689
- .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 {
1690
- stroke: #ff9800;
1691
- }
1692
- .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 {
1693
- stroke: #ff9800;
1694
- }
1695
- .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 {
1696
- fill: #fff;
1697
- stroke: #fff;
1698
- }
1699
- .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 {
1700
- stroke: #fff;
1701
- }
1702
- .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 {
1703
- fill: #ff6652;
1704
- stroke: #ff6652;
1705
- }
1706
- .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 {
1707
- stroke: #ff6652;
1708
- }
1709
- .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 {
1710
- fill: #00b0ff;
1711
- stroke: #00b0ff;
1712
- }
1713
- .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 {
1714
- stroke: #00b0ff;
1715
- }
1716
- .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 {
1717
- fill: #4caf50;
1718
- stroke: #4caf50;
1719
- }
1720
- .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 {
1721
- stroke: #4caf50;
1722
- }
1723
- .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 {
1724
- fill: #03a9f4;
1725
- stroke: #03a9f4;
1726
- }
1727
- .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 {
1728
- stroke: #03a9f4;
1729
- }
1730
- .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 {
1731
- fill: #ff9800;
1732
- stroke: #ff9800;
1733
- }
1734
- .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 {
1735
- stroke: #ff9800;
1736
- }
1737
- .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 {
1738
- fill: #ff6652;
1739
- stroke: #ff6652;
1740
- }
1741
- .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 {
1742
- stroke: #ff6652;
1743
- }
1744
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg {
1745
- fill: #37b8eb;
1746
- stroke: #37b8eb;
1747
- }
1748
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1749
- stroke: #37b8eb;
1750
- }
1751
-
1752
- .e-progress {
1753
- background: rgba(0, 0, 0, 0.2);
1754
- }
1755
-
1756
- *.e-primary .e-progress,
1757
- *.e-success .e-progress,
1758
- *.e-danger .e-progress,
1759
- *.e-info .e-progress {
1760
- background: rgba(0, 0, 0, 0.2);
1761
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/material-dark.css';