@syncfusion/ej2-react-splitbuttons 23.2.4 → 24.1.44

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