@syncfusion/ej2-angular-splitbuttons 26.2.4 → 26.2.5

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