@syncfusion/ej2-vue-splitbuttons 23.1.43 → 24.1.41

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