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