@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
package/styles/fabric.css CHANGED
@@ -1,1841 +1 @@
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
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/fabric.css';