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