@syncfusion/ej2-vue-splitbuttons 23.2.4 → 24.1.44

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