uiw 4.9.3 → 4.9.9

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.
package/dist/uiw.css DELETED
@@ -1,4649 +0,0 @@
1
- .w-overlay {
2
- position: fixed;
3
- overflow: auto;
4
- top: 0;
5
- right: 0;
6
- left: 0;
7
- outline: 0;
8
- bottom: 0;
9
- z-index: 999;
10
- -webkit-overflow-scrolling: touch;
11
- text-align: center;
12
- height: 100%;
13
- width: 100%;
14
- display: none;
15
- }
16
- .w-overlay.open {
17
- z-index: 9999;
18
- }
19
- .w-overlay-open {
20
- overflow: hidden;
21
- }
22
- .w-overlay-content {
23
- position: relative;
24
- outline: 0;
25
- display: inline-block;
26
- vertical-align: middle;
27
- text-align: left;
28
- margin: 20px 0;
29
- z-index: 20;
30
- }
31
- .w-overlay-inline {
32
- position: absolute;
33
- overflow: visible;
34
- overflow: initial;
35
- }
36
- .w-overlay-inline .w-overlay-container {
37
- position: relative;
38
- }
39
- .w-overlay-inline .w-overlay-backdrop {
40
- position: absolute;
41
- }
42
- .w-overlay-container {
43
- position: absolute;
44
- overflow: auto;
45
- z-index: 99999;
46
- top: 0;
47
- left: 0;
48
- right: 0;
49
- bottom: 0;
50
- }
51
- .w-overlay-container:before {
52
- content: ' ';
53
- display: inline-block;
54
- height: 100%;
55
- width: 1px;
56
- vertical-align: middle;
57
- }
58
- .w-overlay-backdrop {
59
- position: fixed;
60
- top: 0;
61
- right: 0;
62
- bottom: 0;
63
- left: 0;
64
- opacity: 1;
65
- z-index: 20;
66
- background-color: rgba(16, 22, 26, 0.7);
67
- overflow: auto;
68
- -webkit-user-select: none;
69
- -moz-user-select: none;
70
- -ms-user-select: none;
71
- user-select: none;
72
- }
73
- .w-overlay-enter .w-overlay-backdrop {
74
- opacity: 0;
75
- }
76
- .w-overlay-enter-active .w-overlay-backdrop {
77
- opacity: 1;
78
- transition: opacity 300ms ease-in;
79
- }
80
- .w-overlay-exit .w-overlay-backdrop {
81
- opacity: 1;
82
- }
83
- .w-overlay-exit-active .w-overlay-backdrop {
84
- opacity: 0;
85
- transition: opacity 300ms ease-in;
86
- }
87
- .w-overlay-enter .w-overlay-content {
88
- transform: scale(0.5);
89
- opacity: 0;
90
- }
91
- .w-overlay-enter-active .w-overlay-content {
92
- opacity: 1;
93
- transform: translate(0);
94
- transition: transform 300ms ease, opacity 300ms ease;
95
- }
96
- .w-overlay-exit .w-overlay-content {
97
- opacity: 1;
98
- transform: translate(0);
99
- transition: transform 300ms ease, opacity 300ms ease;
100
- }
101
- .w-overlay-exit-active .w-overlay-content {
102
- transform: scale(0.5);
103
- opacity: 0;
104
- }
105
- .w-overlay-enter,
106
- .w-overlay-enter-done,
107
- .w-overlay-exit {
108
- display: inherit;
109
- }
110
-
111
- .w-icon,
112
- .w-icon svg {
113
- height: 1em;
114
- width: 1em;
115
- }
116
- .w-icon {
117
- display: inline-flex;
118
- align-self: center;
119
- position: relative;
120
- transition: color 0.3s;
121
- box-sizing: inherit;
122
- }
123
- .w-icon-baseline {
124
- top: 0.125em;
125
- }
126
- .w-icon-spin svg {
127
- -webkit-animation: loading-circle 1s infinite linear;
128
- animation: loading-circle 1s infinite linear;
129
- }
130
- @-webkit-keyframes loading-circle {
131
- 0% {
132
- transform: rotate(0deg);
133
- }
134
- 100% {
135
- transform: rotate(360deg);
136
- }
137
- }
138
- @keyframes loading-circle {
139
- 0% {
140
- transform: rotate(0deg);
141
- }
142
- 100% {
143
- transform: rotate(360deg);
144
- }
145
- }
146
-
147
- .w-btn {
148
- -webkit-user-select: none;
149
- -moz-user-select: none;
150
- -ms-user-select: none;
151
- user-select: none;
152
- display: inline-flex;
153
- flex-direction: row;
154
- align-items: center;
155
- justify-content: center;
156
- border: none;
157
- border-radius: 3px;
158
- cursor: pointer;
159
- padding: 5px 7px;
160
- position: relative;
161
- vertical-align: middle;
162
- text-align: left;
163
- line-height: 14px;
164
- font-size: 14px;
165
- min-width: 30px;
166
- min-height: 30px;
167
- text-align: center;
168
- color: #fff;
169
- transition: background-color 0.5s, opacity 1s;
170
- }
171
- .w-btn > *:not(:last-child) {
172
- margin-right: 5px;
173
- }
174
- .w-btn + .w-btn:not(.block) {
175
- margin-left: 5px;
176
- }
177
- .w-btn.block {
178
- display: block;
179
- width: 100%;
180
- }
181
- .w-btn.disabled,
182
- .w-btn[disabled] {
183
- cursor: not-allowed;
184
- }
185
- .w-btn-primary {
186
- color: #fff;
187
- background-color: #008ef0;
188
- z-index: 1;
189
- }
190
- .w-btn-primary:hover {
191
- background-color: #0070bd;
192
- }
193
- .w-btn-primary:focus,
194
- .w-btn-primary.focus {
195
- outline: 0;
196
- box-shadow: 0 0 0 2px rgba(0, 142, 240, 0.26);
197
- }
198
- .w-btn-primary:hover {
199
- color: #fff;
200
- background-color: #0070bd;
201
- z-index: 2;
202
- }
203
- .w-btn-primary:active,
204
- .w-btn-primary.active {
205
- color: #fff;
206
- background-color: #00528a;
207
- background-image: none;
208
- }
209
- .w-btn-primary.disabled,
210
- .w-btn-primary[disabled] {
211
- background-color: #57baff;
212
- z-index: 0;
213
- }
214
- .w-btn-primary.w-btn-basic {
215
- background-color: transparent !important;
216
- box-shadow: inset 0 0 0 #000;
217
- color: #008ef0;
218
- }
219
- .w-btn-primary.w-btn-basic:hover {
220
- background-color: #c7e8ff !important;
221
- }
222
- .w-btn-primary.w-btn-basic:active,
223
- .w-btn-primary.w-btn-basic.active {
224
- color: #008ef0;
225
- background-color: #94d3ff !important;
226
- background-image: none;
227
- }
228
- .w-btn-primary.w-btn-basic.disabled,
229
- .w-btn-primary.w-btn-basic[disabled] {
230
- background-color: transparent !important;
231
- color: #24a6ff;
232
- }
233
- .w-btn-success {
234
- color: #fff;
235
- background-color: #28a745;
236
- z-index: 1;
237
- }
238
- .w-btn-success:hover {
239
- background-color: #1e7e34;
240
- }
241
- .w-btn-success:focus,
242
- .w-btn-success.focus {
243
- outline: 0;
244
- box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.26);
245
- }
246
- .w-btn-success:hover {
247
- color: #fff;
248
- background-color: #1e7e34;
249
- z-index: 2;
250
- }
251
- .w-btn-success:active,
252
- .w-btn-success.active {
253
- color: #fff;
254
- background-color: #145523;
255
- background-image: none;
256
- }
257
- .w-btn-success.disabled,
258
- .w-btn-success[disabled] {
259
- background-color: #5dd879;
260
- z-index: 0;
261
- }
262
- .w-btn-success.w-btn-basic {
263
- background-color: transparent !important;
264
- box-shadow: inset 0 0 0 #000;
265
- color: #28a745;
266
- }
267
- .w-btn-success.w-btn-basic:hover {
268
- background-color: #b7eec4 !important;
269
- }
270
- .w-btn-success.w-btn-basic:active,
271
- .w-btn-success.w-btn-basic.active {
272
- color: #28a745;
273
- background-color: #8ee4a2 !important;
274
- background-image: none;
275
- }
276
- .w-btn-success.w-btn-basic.disabled,
277
- .w-btn-success.w-btn-basic[disabled] {
278
- background-color: transparent !important;
279
- color: #34ce57;
280
- }
281
- .w-btn-warning {
282
- color: #fff;
283
- background-color: #ffc107;
284
- z-index: 1;
285
- }
286
- .w-btn-warning:hover {
287
- background-color: #d39e00;
288
- }
289
- .w-btn-warning:focus,
290
- .w-btn-warning.focus {
291
- outline: 0;
292
- box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.26);
293
- }
294
- .w-btn-warning:hover {
295
- color: #fff;
296
- background-color: #d39e00;
297
- z-index: 2;
298
- }
299
- .w-btn-warning:active,
300
- .w-btn-warning.active {
301
- color: #fff;
302
- background-color: #a07800;
303
- background-image: none;
304
- }
305
- .w-btn-warning.disabled,
306
- .w-btn-warning[disabled] {
307
- background-color: #ffdb6d;
308
- z-index: 0;
309
- }
310
- .w-btn-warning.w-btn-basic {
311
- background-color: transparent !important;
312
- box-shadow: inset 0 0 0 #000;
313
- color: #ffc107;
314
- }
315
- .w-btn-warning.w-btn-basic:hover {
316
- background-color: #fff7dd !important;
317
- }
318
- .w-btn-warning.w-btn-basic:active,
319
- .w-btn-warning.w-btn-basic.active {
320
- color: #ffc107;
321
- background-color: #ffeaaa !important;
322
- background-image: none;
323
- }
324
- .w-btn-warning.w-btn-basic.disabled,
325
- .w-btn-warning.w-btn-basic[disabled] {
326
- background-color: transparent !important;
327
- color: #ffce3a;
328
- }
329
- .w-btn-danger {
330
- color: #fff;
331
- background-color: #dc3545;
332
- z-index: 1;
333
- }
334
- .w-btn-danger:hover {
335
- background-color: #bd2130;
336
- }
337
- .w-btn-danger:focus,
338
- .w-btn-danger.focus {
339
- outline: 0;
340
- box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.26);
341
- }
342
- .w-btn-danger:hover {
343
- color: #fff;
344
- background-color: #bd2130;
345
- z-index: 2;
346
- }
347
- .w-btn-danger:active,
348
- .w-btn-danger.active {
349
- color: #fff;
350
- background-color: #921925;
351
- background-image: none;
352
- }
353
- .w-btn-danger.disabled,
354
- .w-btn-danger[disabled] {
355
- background-color: #eb8c95;
356
- z-index: 0;
357
- }
358
- .w-btn-danger.w-btn-basic {
359
- background-color: transparent !important;
360
- box-shadow: inset 0 0 0 #000;
361
- color: #dc3545;
362
- }
363
- .w-btn-danger.w-btn-basic:hover {
364
- background-color: #fceced !important;
365
- }
366
- .w-btn-danger.w-btn-basic:active,
367
- .w-btn-danger.w-btn-basic.active {
368
- color: #dc3545;
369
- background-color: #f4c0c5 !important;
370
- background-image: none;
371
- }
372
- .w-btn-danger.w-btn-basic.disabled,
373
- .w-btn-danger.w-btn-basic[disabled] {
374
- background-color: transparent !important;
375
- color: #e4606d;
376
- }
377
- .w-btn-light {
378
- box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.17), inset 1px -1px 0 0 rgba(0, 0, 0, 0.17), inset -1px 0px 0 0 rgba(0, 0, 0, 0.17);
379
- color: #393e48;
380
- background-color: #f8f9fa;
381
- z-index: 1;
382
- }
383
- .w-btn-light:hover {
384
- background-color: #dae0e5;
385
- }
386
- .w-btn-light:focus,
387
- .w-btn-light.focus {
388
- outline: 0;
389
- box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.26);
390
- }
391
- .w-btn-light:hover {
392
- color: #393e48;
393
- background-color: #dae0e5;
394
- z-index: 2;
395
- }
396
- .w-btn-light:active,
397
- .w-btn-light.active {
398
- color: #393e48;
399
- background-color: #bcc6cf;
400
- background-image: none;
401
- }
402
- .w-btn-light.disabled,
403
- .w-btn-light[disabled] {
404
- background-color: #ffffff;
405
- z-index: 0;
406
- }
407
- .w-btn-light.w-btn-basic {
408
- background-color: transparent !important;
409
- box-shadow: inset 0 0 0 #000;
410
- color: #f8f9fa;
411
- }
412
- .w-btn-light.w-btn-basic:hover {
413
- background-color: #ffffff !important;
414
- }
415
- .w-btn-light.w-btn-basic:active,
416
- .w-btn-light.w-btn-basic.active {
417
- color: #f8f9fa;
418
- background-color: #ffffff !important;
419
- background-image: none;
420
- }
421
- .w-btn-light.w-btn-basic.disabled,
422
- .w-btn-light.w-btn-basic[disabled] {
423
- background-color: transparent !important;
424
- color: #ffffff;
425
- }
426
- .w-btn-light:focus,
427
- .w-btn-light.focus {
428
- outline: 0;
429
- box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.17), inset 1px -1px 0 0 rgba(0, 0, 0, 0.17), inset -1px 0px 0 0 rgba(0, 0, 0, 0.17), 0 0 0 2px rgba(0, 0, 0, 0.1);
430
- }
431
- .w-btn-light.w-btn-basic {
432
- color: #9199a7;
433
- }
434
- .w-btn-light.w-btn-basic:focus,
435
- .w-btn-light.w-btn-basic.focus {
436
- box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.17);
437
- }
438
- .w-btn-light.w-btn-basic:hover {
439
- background-color: #ecedf0 !important;
440
- }
441
- .w-btn-light.w-btn-basic:active,
442
- .w-btn-light.w-btn-basic.active {
443
- color: #9199a7;
444
- background-color: #d5d8dd !important;
445
- background-image: none;
446
- }
447
- .w-btn-light.w-btn-basic.disabled,
448
- .w-btn-light.w-btn-basic[disabled] {
449
- background-color: transparent !important;
450
- color: #adb3be;
451
- }
452
- .w-btn-light.disabled,
453
- .w-btn-light[disabled] {
454
- color: #666f81;
455
- z-index: 0;
456
- }
457
- .w-btn-dark {
458
- color: #fff;
459
- background-color: #393e48;
460
- z-index: 1;
461
- }
462
- .w-btn-dark:hover {
463
- background-color: #22252c;
464
- }
465
- .w-btn-dark:focus,
466
- .w-btn-dark.focus {
467
- outline: 0;
468
- box-shadow: 0 0 0 2px rgba(57, 62, 72, 0.26);
469
- }
470
- .w-btn-dark:hover {
471
- color: #fff;
472
- background-color: #22252c;
473
- z-index: 2;
474
- }
475
- .w-btn-dark:active,
476
- .w-btn-dark.active {
477
- color: #fff;
478
- background-color: #0c0d0f;
479
- background-image: none;
480
- }
481
- .w-btn-dark.disabled,
482
- .w-btn-dark[disabled] {
483
- background-color: #666f81;
484
- z-index: 0;
485
- }
486
- .w-btn-dark.w-btn-basic {
487
- background-color: transparent !important;
488
- box-shadow: inset 0 0 0 #000;
489
- color: #393e48;
490
- }
491
- .w-btn-dark.w-btn-basic:hover {
492
- background-color: #a2a8b5 !important;
493
- }
494
- .w-btn-dark.w-btn-basic:active,
495
- .w-btn-dark.w-btn-basic.active {
496
- color: #393e48;
497
- background-color: #858e9f !important;
498
- background-image: none;
499
- }
500
- .w-btn-dark.w-btn-basic.disabled,
501
- .w-btn-dark.w-btn-basic[disabled] {
502
- background-color: transparent !important;
503
- color: #505764;
504
- }
505
- .w-btn-link {
506
- color: #008ef0;
507
- background-color: transparent;
508
- z-index: 1;
509
- color: #008ef0 !important;
510
- }
511
- .w-btn-link:hover {
512
- background-color: rgba(0, 0, 0, 0);
513
- }
514
- .w-btn-link:focus,
515
- .w-btn-link.focus {
516
- outline: 0;
517
- box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
518
- }
519
- .w-btn-link:hover {
520
- color: #008ef0;
521
- background-color: rgba(0, 0, 0, 0);
522
- z-index: 2;
523
- }
524
- .w-btn-link:active,
525
- .w-btn-link.active {
526
- color: #008ef0;
527
- background-color: rgba(0, 0, 0, 0);
528
- background-image: none;
529
- }
530
- .w-btn-link.disabled,
531
- .w-btn-link[disabled] {
532
- background-color: rgba(51, 51, 51, 0);
533
- z-index: 0;
534
- }
535
- .w-btn-link.w-btn-basic {
536
- background-color: transparent !important;
537
- box-shadow: inset 0 0 0 #000;
538
- color: transparent;
539
- }
540
- .w-btn-link.w-btn-basic:hover {
541
- background-color: rgba(107, 107, 107, 0) !important;
542
- }
543
- .w-btn-link.w-btn-basic:active,
544
- .w-btn-link.w-btn-basic.active {
545
- color: transparent;
546
- background-color: rgba(82, 82, 82, 0) !important;
547
- background-image: none;
548
- }
549
- .w-btn-link.w-btn-basic.disabled,
550
- .w-btn-link.w-btn-basic[disabled] {
551
- background-color: transparent !important;
552
- color: rgba(26, 26, 26, 0);
553
- }
554
- .w-btn-link:hover:not([disabled]) {
555
- color: #006ab3;
556
- text-decoration: underline;
557
- }
558
- .w-btn-link:not([disabled]):active,
559
- .w-btn-link:not([disabled]).active {
560
- color: #002d4d;
561
- box-shadow: none;
562
- text-decoration: underline;
563
- }
564
- .w-btn-link.disabled,
565
- .w-btn-link[disabled] {
566
- z-index: 0;
567
- }
568
- .w-btn .w-icon {
569
- font-size: 16px;
570
- }
571
- .w-btn-size-large {
572
- font-size: 16px;
573
- line-height: 16px;
574
- min-height: 36px;
575
- }
576
- .w-btn-size-large .w-icon {
577
- font-size: 20px;
578
- }
579
- .w-btn-size-small {
580
- padding: 0 6px;
581
- min-width: 20px;
582
- font-size: 12px;
583
- line-height: 24px;
584
- min-height: 24px;
585
- }
586
- .w-btn-size-small .w-icon {
587
- font-size: 14px;
588
- }
589
- .w-btn .w-icon:not(:last-child) {
590
- margin-right: 5px;
591
- }
592
- .w-btn-loading.w-btn-light::before {
593
- border: 1.2px solid #666f81;
594
- }
595
- .w-btn-loading::before {
596
- content: '';
597
- display: inline-block;
598
- width: 1em;
599
- height: 1em;
600
- border-radius: 50%;
601
- border: 1.2px solid #fff;
602
- color: #fff;
603
- margin: 0 3px 0 0;
604
- -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 30%, 0% 30%);
605
- clip-path: polygon(0% 0%, 100% 0, 100% 30%, 0% 30%);
606
- -webkit-animation: rotate 0.5s linear infinite;
607
- animation: rotate 0.5s linear infinite;
608
- }
609
- @-webkit-keyframes rotate {
610
- from {
611
- transform: rotateZ(0deg);
612
- }
613
- to {
614
- transform: rotateZ(360deg);
615
- }
616
- }
617
- @keyframes rotate {
618
- from {
619
- transform: rotateZ(0deg);
620
- }
621
- to {
622
- transform: rotateZ(360deg);
623
- }
624
- }
625
-
626
- .w-modal {
627
- z-index: 1001;
628
- }
629
- .w-modal-inner {
630
- padding-bottom: 20px;
631
- background: #f9f9f9;
632
- min-width: 320px;
633
- border-radius: 5px;
634
- box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
635
- }
636
- .w-modal-header {
637
- display: flex;
638
- align-items: center;
639
- min-height: 40px;
640
- padding-left: 13px;
641
- padding-right: 5px;
642
- background-color: #fff;
643
- border-radius: 5px 5px 0 0;
644
- box-shadow: 0 1px 0 rgba(16, 22, 26, 0.15);
645
- font-size: 16px;
646
- }
647
- .w-modal-header > .w-icon {
648
- margin-right: 10px;
649
- color: #393e48;
650
- }
651
- .w-modal-header h4 {
652
- margin: 0;
653
- padding: 0;
654
- flex: 1 1 auto;
655
- font-weight: bold;
656
- min-height: 22px;
657
- }
658
- .w-modal-body,
659
- .w-modal-footer {
660
- margin: 0 20px;
661
- }
662
- .w-modal-body {
663
- padding-top: 20px;
664
- font-size: 14px;
665
- }
666
- .w-modal-footer {
667
- display: flex;
668
- margin-top: 15px;
669
- flex-direction: row-reverse;
670
- }
671
- .w-modal-footer .w-btn + .w-btn {
672
- margin-right: 10px;
673
- }
674
-
675
- .w-alert .w-modal-header,
676
- .w-alert .w-modal-body {
677
- display: table-cell;
678
- }
679
- .w-alert .w-modal-header {
680
- background-color: transparent;
681
- padding: 20px 0 0 20px;
682
- box-shadow: 0 0 0 0;
683
- padding-right: 0;
684
- }
685
- .w-alert .w-modal-header > .w-icon {
686
- font-size: 40px;
687
- margin-right: 0;
688
- }
689
- .w-alert .w-modal-body {
690
- padding-right: 20px;
691
- padding-left: 20px;
692
- vertical-align: top;
693
- }
694
- .w-alert.primary .w-modal-header > .w-icon {
695
- color: #008ef0;
696
- }
697
- .w-alert.success .w-modal-header > .w-icon {
698
- color: #28a745;
699
- }
700
- .w-alert.warning .w-modal-header > .w-icon {
701
- color: #ffc107;
702
- }
703
- .w-alert.danger .w-modal-header > .w-icon {
704
- color: #dc3545;
705
- }
706
- .w-alert .w-modal-inner .w-modal-header > button {
707
- min-width: 18px;
708
- min-height: 18px;
709
- padding: 5px 5px;
710
- position: absolute;
711
- right: 10px;
712
- top: 10px;
713
- }
714
- .w-alert .w-modal-shown-title.w-modal-inner .w-modal-header {
715
- display: flex;
716
- padding-top: 15px;
717
- padding-right: 10px;
718
- }
719
- .w-alert .w-modal-shown-title.w-modal-inner .w-modal-header > .w-icon {
720
- font-size: 40px;
721
- position: absolute;
722
- top: 18px;
723
- }
724
- .w-alert .w-modal-shown-title.w-modal-inner .w-modal-header > button > .w-icon {
725
- font-size: 14px;
726
- }
727
- .w-alert .w-modal-shown-title.w-modal-inner .w-modal-body {
728
- padding-top: 5px;
729
- }
730
- .w-alert .w-modal-shown-icon .w-modal-header > h4 {
731
- padding-left: 60px;
732
- }
733
- .w-alert .w-modal-shown-title.w-modal-shown-icon .w-modal-body {
734
- padding-left: 80px;
735
- }
736
-
737
- .w-avatar {
738
- display: inline-block;
739
- text-align: center;
740
- background: #ccc;
741
- color: #fff;
742
- vertical-align: middle;
743
- white-space: nowrap;
744
- position: relative;
745
- overflow: hidden;
746
- font-size: 18px;
747
- width: 30px;
748
- height: 30px;
749
- border-radius: 3px;
750
- display: inline-flex;
751
- justify-content: center;
752
- align-items: center;
753
- }
754
- .w-avatar + .w-avatar {
755
- margin-left: 5px;
756
- }
757
- .w-avatar-mini {
758
- height: 18px;
759
- width: 18px;
760
- font-size: 12px;
761
- }
762
- .w-avatar-small {
763
- height: 24px;
764
- width: 24px;
765
- font-size: 12px;
766
- }
767
- .w-avatar-large {
768
- height: 40px;
769
- width: 40px;
770
- font-size: 24px;
771
- }
772
- .w-avatar-circle {
773
- border-radius: 50%;
774
- }
775
- .w-avatar > img {
776
- width: 100%;
777
- height: 100%;
778
- display: block;
779
- }
780
-
781
- .w-back-top {
782
- position: fixed;
783
- bottom: 50px;
784
- right: 50px;
785
- cursor: pointer;
786
- z-index: 1006;
787
- transition: all 1s;
788
- }
789
- .w-back-top.no-fixed {
790
- cursor: auto;
791
- position: static;
792
- }
793
- .w-back-top-hide {
794
- transition: all 1s;
795
- opacity: 0;
796
- height: 0px;
797
- }
798
- .w-back-top-show {
799
- opacity: 1;
800
- }
801
-
802
- .w-badge {
803
- position: relative;
804
- display: inline-block;
805
- line-height: 1;
806
- vertical-align: middle;
807
- }
808
- sup.w-badge-count {
809
- position: absolute;
810
- transform: translateX(-50%);
811
- top: -10px;
812
- height: 16px;
813
- border-radius: 10px;
814
- min-width: 16px;
815
- background: #f04134;
816
- color: #fff;
817
- line-height: 16px;
818
- text-align: center;
819
- padding: 0 5px;
820
- font-size: 12px;
821
- white-space: nowrap;
822
- transform-origin: -10% center;
823
- font-family: tahoma;
824
- box-shadow: 0 0 0 1px #fff;
825
- }
826
- .w-badge.nowrap sup.w-badge-count {
827
- top: auto;
828
- display: block;
829
- position: relative;
830
- transform: none !important;
831
- overflow: hidden;
832
- }
833
- .w-badge sup.dot {
834
- position: absolute;
835
- transform: translateX(-50%);
836
- transform-origin: 0 center;
837
- overflow: hidden;
838
- color: transparent;
839
- top: -4px;
840
- height: 6px;
841
- width: 6px;
842
- padding: 0;
843
- border-radius: 100%;
844
- background: #f04134;
845
- z-index: 10;
846
- box-shadow: 0 0 0 1px #fff;
847
- }
848
- .w-badge-dot {
849
- line-height: inherit;
850
- vertical-align: baseline;
851
- font-size: 14px;
852
- margin: 0 4px;
853
- width: 6px;
854
- height: 6px;
855
- display: inline-block;
856
- border-radius: 50%;
857
- vertical-align: middle;
858
- position: relative;
859
- top: -1px;
860
- }
861
- .w-badge-processing .w-badge-dot {
862
- position: relative;
863
- background-color: #007bff;
864
- }
865
- .w-badge-processing .w-badge-dot:after {
866
- position: absolute;
867
- top: 0;
868
- left: 0;
869
- width: 100%;
870
- height: 100%;
871
- border-radius: 50%;
872
- background-color: inherit;
873
- content: '';
874
- -webkit-animation: wStatusProcessing 1.2s infinite ease-in-out;
875
- animation: wStatusProcessing 1.2s infinite ease-in-out;
876
- }
877
- @-webkit-keyframes wStatusProcessing {
878
- 0% {
879
- transform: scale(0.8);
880
- opacity: 0.5;
881
- }
882
- 100% {
883
- transform: scale(2.8);
884
- opacity: 0;
885
- }
886
- }
887
- @keyframes wStatusProcessing {
888
- 0% {
889
- transform: scale(0.8);
890
- opacity: 0.5;
891
- }
892
- 100% {
893
- transform: scale(2.8);
894
- opacity: 0;
895
- }
896
- }
897
-
898
- .w-breadcrumb-item {
899
- display: inline-flex;
900
- }
901
- .w-breadcrumb-item + .w-breadcrumb-item::before,
902
- .w-breadcrumb-item + .w-breadcrumb-item .w-breadcrumb-separator {
903
- padding-right: 8px;
904
- padding-left: 8px;
905
- color: #6e6e6e;
906
- }
907
- .w-breadcrumb-item + .w-breadcrumb-item::before {
908
- display: inline-block;
909
- content: attr(data-separator);
910
- }
911
- .w-breadcrumb-item + .w-breadcrumb-item.no-before:before {
912
- display: none;
913
- }
914
- .w-breadcrumb-item + .w-breadcrumb-item.no-separator {
915
- margin-left: 6px;
916
- }
917
- .w-breadcrumb-item + .w-breadcrumb-item.no-separator:before {
918
- display: none;
919
- }
920
- .w-breadcrumb-item.active {
921
- color: #6e6e6e;
922
- }
923
-
924
- .w-breadcrumb {
925
- display: inline-flex;
926
- font-size: 14px;
927
- }
928
-
929
- .w-btn-group > .w-btn {
930
- border-radius: 0;
931
- box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.17), inset -1px 0 0 0 rgba(0, 0, 0, 0.17), inset -1px 0px 0 0 rgba(0, 0, 0, 0.17);
932
- }
933
- .w-btn-group > .w-btn:last-child {
934
- border-radius: 0 3px 3px 0;
935
- }
936
- .w-btn-group > .w-btn:first-child {
937
- border-radius: 3px 0 0 3px;
938
- }
939
- .w-btn-group > .w-btn:first-child:last-child {
940
- border-radius: 3px !important;
941
- }
942
- .w-btn-group > .w-btn:focus {
943
- z-index: 2;
944
- }
945
- .w-btn-group .w-btn + .w-btn {
946
- margin-left: -1px !important;
947
- }
948
- .w-btn-group .w-btn:not(.w-btn-light):first-child {
949
- box-shadow: inset -1px 0px 0 0 rgba(0, 0, 0, 0.17) !important;
950
- }
951
- .w-btn-group .w-btn:not(.w-btn-light):last-child {
952
- box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.17), inset 0px 0 0 0 rgba(0, 0, 0, 0.17);
953
- }
954
- .w-btn-group .w-btn-light {
955
- box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.17), inset 1px -1px 0 0 rgba(0, 0, 0, 0.17), inset -1px 0px 0 0 rgba(0, 0, 0, 0.17) !important;
956
- }
957
- .w-btn-group-vertical .w-btn:not(.w-btn-light) {
958
- box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.17), inset 0 1px 0 0 rgba(0, 0, 0, 0.17) !important;
959
- }
960
- .w-btn-group-vertical .w-btn:not(.w-btn-light):first-child {
961
- box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.17), inset 0 0 0 0 rgba(0, 0, 0, 0.17) !important;
962
- }
963
- .w-btn-group-vertical .w-btn {
964
- width: 100%;
965
- }
966
- .w-btn-group-vertical .w-btn + .w-btn {
967
- margin-left: 0 !important;
968
- margin-top: -1px !important;
969
- }
970
- .w-btn-group-vertical .w-btn:last-child {
971
- border-radius: 0 0 3px 3px;
972
- }
973
- .w-btn-group-vertical .w-btn:first-child {
974
- border-radius: 3px 3px 0 0;
975
- }
976
-
977
- .w-overlay.w-overlay-trigger {
978
- position: absolute;
979
- top: auto;
980
- left: auto;
981
- right: auto;
982
- bottom: auto;
983
- overflow: inherit;
984
- width: auto;
985
- width: initial;
986
- height: auto;
987
- height: initial;
988
- }
989
- .w-overlay.w-overlay-trigger .w-overlay-container {
990
- position: relative;
991
- overflow: inherit;
992
- }
993
- .w-overlay.w-overlay-trigger .w-overlay-container::before {
994
- display: none;
995
- }
996
- .w-overlay.w-overlay-trigger .w-overlay-content {
997
- margin: 0;
998
- }
999
- .w-overlay.w-overlay-trigger.rightTop .w-overlay-content {
1000
- transform-origin: left top;
1001
- }
1002
- .w-overlay.w-overlay-trigger.right .w-overlay-content {
1003
- transform-origin: left center;
1004
- }
1005
- .w-overlay.w-overlay-trigger.rightBottom .w-overlay-content {
1006
- transform-origin: left bottom;
1007
- }
1008
- .w-overlay.w-overlay-trigger.topLeft .w-overlay-content {
1009
- transform-origin: bottom left;
1010
- }
1011
- .w-overlay.w-overlay-trigger.top .w-overlay-content {
1012
- transform-origin: bottom center;
1013
- }
1014
- .w-overlay.w-overlay-trigger.topRight .w-overlay-content {
1015
- transform-origin: bottom right;
1016
- }
1017
- .w-overlay.w-overlay-trigger.leftTop .w-overlay-content {
1018
- transform-origin: right top;
1019
- }
1020
- .w-overlay.w-overlay-trigger.left .w-overlay-content {
1021
- transform-origin: right center;
1022
- }
1023
- .w-overlay.w-overlay-trigger.leftBottom .w-overlay-content {
1024
- transform-origin: right bottom;
1025
- }
1026
- .w-overlay.w-overlay-trigger.bottomLeft .w-overlay-content {
1027
- transform-origin: top left;
1028
- }
1029
- .w-overlay.w-overlay-trigger.bottom .w-overlay-content {
1030
- transform-origin: top center;
1031
- }
1032
- .w-overlay.w-overlay-trigger.bottomRight .w-overlay-content {
1033
- transform-origin: top right;
1034
- }
1035
- .w-overlay-trigger-disabled {
1036
- cursor: not-allowed;
1037
- }
1038
-
1039
- .w-popover {
1040
- position: relative;
1041
- display: inline-block;
1042
- outline: 0;
1043
- }
1044
- .w-popover-arrow {
1045
- position: absolute;
1046
- width: 30px;
1047
- height: 30px;
1048
- border-color: transparent;
1049
- z-index: 21;
1050
- }
1051
- .w-popover-inner {
1052
- font-size: 12px;
1053
- display: block;
1054
- text-align: left;
1055
- text-decoration: none;
1056
- background-color: #fff;
1057
- border-radius: 4px;
1058
- min-height: 23px;
1059
- box-shadow: rgba(16, 22, 26, 0.1) 0px 0px 0px 1px, rgba(16, 22, 26, 0.2) 0px 2px 4px, rgba(16, 22, 26, 0.2) 0px 8px 24px;
1060
- }
1061
- .w-popover.right .w-popover-arrow,
1062
- .w-popover.rightTop .w-popover-arrow,
1063
- .w-popover.rightBottom .w-popover-arrow {
1064
- left: 2px;
1065
- margin-top: -15px;
1066
- top: 50%;
1067
- }
1068
- .w-popover.left .w-popover-arrow,
1069
- .w-popover.leftTop .w-popover-arrow,
1070
- .w-popover.leftBottom .w-popover-arrow {
1071
- transform: rotate(180deg);
1072
- margin-top: -15px;
1073
- right: 2px;
1074
- top: 50%;
1075
- }
1076
- .w-popover.leftTop .w-popover-arrow,
1077
- .w-popover.rightTop .w-popover-arrow {
1078
- top: 15px;
1079
- }
1080
- .w-popover.leftBottom .w-popover-arrow,
1081
- .w-popover.rightBottom .w-popover-arrow {
1082
- bottom: 0;
1083
- top: auto;
1084
- }
1085
- .w-popover.top .w-popover-arrow,
1086
- .w-popover.topLeft .w-popover-arrow,
1087
- .w-popover.topRight .w-popover-arrow {
1088
- transform: rotate(-90deg);
1089
- bottom: 2px;
1090
- left: 50%;
1091
- margin-left: -15px;
1092
- }
1093
- .w-popover.bottom .w-popover-arrow,
1094
- .w-popover.bottomLeft .w-popover-arrow,
1095
- .w-popover.bottomRight .w-popover-arrow {
1096
- transform: rotate(90deg);
1097
- left: 50%;
1098
- margin-left: -15px;
1099
- top: 2px;
1100
- }
1101
- .w-popover.bottomLeft .w-popover-arrow,
1102
- .w-popover.topLeft .w-popover-arrow {
1103
- left: 15px;
1104
- }
1105
- .w-popover.bottomRight .w-popover-arrow,
1106
- .w-popover.topRight .w-popover-arrow {
1107
- right: 0;
1108
- left: auto;
1109
- }
1110
- .w-popover.top,
1111
- .w-popover.topLeft,
1112
- .w-popover.topRight {
1113
- padding-bottom: 13px;
1114
- }
1115
- .w-popover.bottom,
1116
- .w-popover.bottomLeft,
1117
- .w-popover.bottomRight {
1118
- padding-top: 13px;
1119
- }
1120
- .w-popover.right,
1121
- .w-popover.rightTop,
1122
- .w-popover.rightBottom {
1123
- padding-left: 13px;
1124
- }
1125
- .w-popover.left,
1126
- .w-popover.leftTop,
1127
- .w-popover.leftBottom {
1128
- padding-right: 13px;
1129
- }
1130
- .w-popover.no-arrow {
1131
- padding: 0 !important;
1132
- }
1133
-
1134
- .w-input {
1135
- position: relative;
1136
- font-size: 14px;
1137
- line-height: 14px;
1138
- width: 100%;
1139
- }
1140
- .w-input-inner {
1141
- outline: none;
1142
- border: none;
1143
- border-radius: 3px;
1144
- box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
1145
- box-sizing: border-box;
1146
- background: #fff;
1147
- height: 30px;
1148
- margin: 0 !important;
1149
- padding: 0 10px;
1150
- vertical-align: middle;
1151
- line-height: 30px;
1152
- color: #393e48;
1153
- font-weight: 400;
1154
- font-size: inherit;
1155
- transition: box-shadow 0.3s cubic-bezier(0.4, 1, 0.75, 0.9);
1156
- -webkit-appearance: none;
1157
- -moz-appearance: none;
1158
- appearance: none;
1159
- }
1160
- .w-input-inner:not(:first-child) {
1161
- padding-left: 26px;
1162
- }
1163
- .w-input-inner:focus {
1164
- box-shadow: 0 0 0 1px #393e48, 0 0 0 3px rgba(57, 62, 72, 0.17), inset 0 1px 1px rgba(16, 22, 26, 0.2);
1165
- }
1166
- .w-input-inner:hover {
1167
- box-shadow: 0 0 0 1px #6e6e6e, 0 0 0 3px rgba(57, 62, 72, 0), inset 0 1px 1px rgba(16, 22, 26, 0.2);
1168
- }
1169
- .w-input-inner:focus.w-input-inner:hover {
1170
- box-shadow: 0 0 0 1px #6e6e6e, 0 0 0 3px rgba(57, 62, 72, 0.17), inset 0 1px 1px rgba(16, 22, 26, 0.2);
1171
- }
1172
- .w-input-inner:disabled {
1173
- box-shadow: none;
1174
- background: #dddddd;
1175
- opacity: 0.75;
1176
- color: #a5a5a5;
1177
- cursor: not-allowed;
1178
- resize: none;
1179
- }
1180
- .w-input .w-input-inner {
1181
- width: 100%;
1182
- }
1183
- .w-input > .w-icon {
1184
- position: absolute;
1185
- margin: 0 7px 0 7px;
1186
- transform: translateY(-50%);
1187
- top: 50%;
1188
- }
1189
- .w-input-addon-after {
1190
- position: absolute;
1191
- top: 3px;
1192
- right: 3px;
1193
- display: flex;
1194
- bottom: 3px;
1195
- }
1196
- .w-input-addon-after > * {
1197
- display: flex !important;
1198
- align-items: center;
1199
- }
1200
- .w-input-large {
1201
- font-size: 16px;
1202
- }
1203
- .w-input-large .w-input-inner {
1204
- line-height: 36px;
1205
- height: 36px;
1206
- }
1207
- .w-input-small {
1208
- min-width: 20px;
1209
- }
1210
- .w-input-small .w-input-inner {
1211
- line-height: 24px;
1212
- height: 24px;
1213
- padding: 0 6px;
1214
- }
1215
- .w-input-small .w-input-inner:not(:first-child) {
1216
- padding-left: 26px;
1217
- }
1218
- .w-input-small .w-input-addon-after > * {
1219
- line-height: 16px;
1220
- min-height: 16px;
1221
- }
1222
-
1223
- .w-timepicker {
1224
- display: flex;
1225
- }
1226
- .w-timepicker::after {
1227
- content: '';
1228
- display: block;
1229
- clear: both;
1230
- }
1231
- .w-timepicker-spinner {
1232
- max-height: 189px;
1233
- flex: 1 1;
1234
- overflow: hidden;
1235
- font-size: 14px;
1236
- }
1237
- .w-timepicker-spinner:hover {
1238
- overflow: auto;
1239
- }
1240
- .w-timepicker-spinner > ul {
1241
- list-style: none;
1242
- min-width: 56px;
1243
- margin: 0 !important;
1244
- padding-left: 0 !important;
1245
- padding-right: 0 !important;
1246
- padding-bottom: 162px !important;
1247
- }
1248
- .w-timepicker-spinner > ul > li + li {
1249
- margin-top: 0 !important;
1250
- }
1251
- .w-timepicker-spinner > ul > li {
1252
- cursor: pointer;
1253
- text-align: center;
1254
- padding: 5px 0;
1255
- transition: all 0.3s;
1256
- color: #393e48;
1257
- }
1258
- .w-timepicker-spinner > ul > li:hover:not(.disabled) {
1259
- background-color: #f6f8fa;
1260
- }
1261
- .w-timepicker-spinner > ul > li:active:not(.disabled) {
1262
- background-color: #e1e5e8;
1263
- }
1264
- .w-timepicker-spinner > ul > li.selected {
1265
- background-color: #f1f1f1;
1266
- font-weight: bold;
1267
- color: #000;
1268
- }
1269
- .w-timepicker-spinner > ul > li.disabled {
1270
- color: #d4d4d4;
1271
- cursor: not-allowed;
1272
- }
1273
- .w-timepicker-spinner > ul > li.disabled.hide {
1274
- display: none;
1275
- }
1276
- .w-timepicker-spinner + .w-timepicker-spinner ul {
1277
- border-left: 1px solid #e9e9e9;
1278
- }
1279
-
1280
- .w-timepicker {
1281
- overflow: hidden;
1282
- border-radius: 4px;
1283
- }
1284
- .w-timepicker-input.disabled .w-timepicker-close-btn {
1285
- display: none !important;
1286
- }
1287
- .w-timepicker-input .w-timepicker-close-btn {
1288
- display: none;
1289
- min-height: 0;
1290
- min-height: initial;
1291
- color: #a5a5a5;
1292
- }
1293
- .w-timepicker-input .w-timepicker-close-btn:hover {
1294
- color: #393e48;
1295
- background-color: transparent !important;
1296
- }
1297
-
1298
- .w-datepicker-weekday,
1299
- .w-datepicker-week {
1300
- display: flex;
1301
- width: 100%;
1302
- }
1303
- .w-datepicker-weekday > div,
1304
- .w-datepicker-week > div {
1305
- display: table-cell;
1306
- flex: 1 1;
1307
- min-width: 26px;
1308
- min-height: 26px;
1309
- vertical-align: middle;
1310
- text-align: center;
1311
- }
1312
- .w-datepicker-weekday > div {
1313
- font-weight: bold;
1314
- }
1315
- .w-datepicker-weekday > div.end,
1316
- .w-datepicker-week > div.end {
1317
- color: #6f6f6f;
1318
- }
1319
- .w-datepicker-week > div {
1320
- border-radius: 3px;
1321
- cursor: pointer;
1322
- }
1323
- .w-datepicker-week > div.prev,
1324
- .w-datepicker-week > div.next {
1325
- color: #d3d3d3;
1326
- }
1327
- .w-datepicker-week > div > div {
1328
- transition: background-color 0.3s, color 0.3s;
1329
- margin: 0 2px;
1330
- border-radius: 3px;
1331
- line-height: 22px;
1332
- }
1333
- .w-datepicker-week > div.today > div {
1334
- background-color: #eaeaea;
1335
- }
1336
- .w-datepicker-week > div.selected > div,
1337
- .w-datepicker-week > div.selected:hover > div {
1338
- color: #fff;
1339
- background-color: #2ea3f4;
1340
- }
1341
- .w-datepicker-week > div:hover > div {
1342
- background-color: #eaeaea;
1343
- color: #393e48;
1344
- }
1345
- .w-datepicker-week > div:active > div {
1346
- background-color: #d2d2d2;
1347
- }
1348
- .w-datepicker-week > div.disabled > div,
1349
- .w-datepicker-week > div.disabled:hover > div {
1350
- color: #d3d3d3;
1351
- cursor: not-allowed;
1352
- background-color: #f5f5f5;
1353
- }
1354
- .w-datepicker-week > div.disabled.today > div,
1355
- .w-datepicker-week > div.disabled:hover.today > div {
1356
- background-color: rgba(189, 189, 189, 0.47);
1357
- color: #fff;
1358
- }
1359
- .w-datepicker-week > div.disabled.selected > div,
1360
- .w-datepicker-week > div.disabled:hover.selected > div {
1361
- background-color: rgba(46, 163, 244, 0.47);
1362
- color: #fff;
1363
- }
1364
- .w-datepicker-body {
1365
- padding-top: 5px;
1366
- }
1367
-
1368
- .w-datepicker-month,
1369
- .w-datepicker-year {
1370
- text-align: center;
1371
- max-width: 100%;
1372
- padding: 10px 0 9px 0;
1373
- }
1374
- .w-datepicker-month > div,
1375
- .w-datepicker-year > div {
1376
- display: inline-block;
1377
- width: 50%;
1378
- line-height: 20px;
1379
- margin: 3px 0;
1380
- }
1381
- .w-datepicker-month > div > span,
1382
- .w-datepicker-year > div > span {
1383
- display: inline-block;
1384
- padding: 1px 6px;
1385
- border-radius: 3px;
1386
- cursor: pointer;
1387
- }
1388
- .w-datepicker-month > div.selected > span,
1389
- .w-datepicker-year > div.selected > span {
1390
- color: #fff;
1391
- background-color: #2ea3f4;
1392
- }
1393
- .w-datepicker-month > div > span:hover,
1394
- .w-datepicker-year > div > span:hover {
1395
- background-color: #dcf0fd;
1396
- color: #2ea3f4;
1397
- }
1398
- .w-datepicker-month > div.paging,
1399
- .w-datepicker-year > div.paging {
1400
- color: rgba(0, 0, 0, 0.25);
1401
- }
1402
- .w-datepicker-year > div {
1403
- width: 33.333%;
1404
- }
1405
-
1406
- .w-datepicker-caption {
1407
- -webkit-user-select: none;
1408
- -moz-user-select: none;
1409
- -ms-user-select: none;
1410
- user-select: none;
1411
- text-align: center;
1412
- padding: 0 0 3px 0;
1413
- border-bottom: 1px solid #ececec;
1414
- }
1415
- .w-datepicker-caption-pane {
1416
- transition: background-color 0.3s;
1417
- display: inline-block;
1418
- border-radius: 3px;
1419
- padding: 1px 5px;
1420
- font-weight: bold;
1421
- cursor: pointer;
1422
- }
1423
- .w-datepicker-caption-pane:hover {
1424
- background-color: #eaeaea;
1425
- }
1426
- .w-datepicker-caption-pane:active {
1427
- background-color: #d2d2d2;
1428
- }
1429
- .w-datepicker-caption-pane.year + .w-datepicker-caption-pane.month {
1430
- margin-left: 5px;
1431
- }
1432
- .w-datepicker-caption-pane.prev,
1433
- .w-datepicker-caption-pane.next {
1434
- z-index: 30;
1435
- position: relative;
1436
- padding: 1px 8px 6px 8px;
1437
- }
1438
- .w-datepicker-caption-pane.prev::after,
1439
- .w-datepicker-caption-pane.next::after,
1440
- .w-datepicker-caption-pane.prev::before,
1441
- .w-datepicker-caption-pane.next::before {
1442
- content: '';
1443
- display: block;
1444
- height: 8px;
1445
- width: 2px;
1446
- border-radius: 2px;
1447
- background-color: #333;
1448
- }
1449
- .w-datepicker-caption-pane.prev::after,
1450
- .w-datepicker-caption-pane.next::after {
1451
- margin-top: -4px;
1452
- }
1453
- .w-datepicker-caption-pane.prev::before,
1454
- .w-datepicker-caption-pane.next::before {
1455
- margin-top: 4px;
1456
- }
1457
- .w-datepicker-caption-pane.prev::after,
1458
- .w-datepicker-caption-pane.next::before {
1459
- transform: rotate(-45deg);
1460
- }
1461
- .w-datepicker-caption-pane.prev::before,
1462
- .w-datepicker-caption-pane.next::after {
1463
- transform: rotate(45deg);
1464
- }
1465
- .w-datepicker-caption-pane.prev {
1466
- float: left;
1467
- }
1468
- .w-datepicker-caption-pane.next {
1469
- float: right;
1470
- }
1471
- .w-datepicker-caption-today {
1472
- cursor: pointer;
1473
- background: #dedede;
1474
- border-radius: 3px;
1475
- display: inline-block;
1476
- height: 10px;
1477
- width: 10px;
1478
- overflow: hidden;
1479
- margin: 0 0 0 2px;
1480
- transition: background-color 0.3s;
1481
- }
1482
- .w-datepicker-caption-today::before {
1483
- content: '';
1484
- display: block;
1485
- height: 4px;
1486
- width: 4px;
1487
- border-radius: 3px;
1488
- margin: 3px 0 0 3px;
1489
- background-color: #a0a0a0;
1490
- }
1491
- .w-datepicker-caption-today:hover {
1492
- background-color: #2ea3f4;
1493
- }
1494
- .w-datepicker-caption-today:hover::before {
1495
- background-color: #fff;
1496
- }
1497
- .w-datepicker-caption-today:active {
1498
- background-color: #007cd2;
1499
- }
1500
- .w-datepicker-caption-today:active::before {
1501
- background-color: #fff;
1502
- }
1503
-
1504
- .w-datepicker {
1505
- vertical-align: top;
1506
- display: inline-block;
1507
- position: relative;
1508
- border-radius: 3px;
1509
- background: #fff;
1510
- color: #393e48;
1511
- -webkit-user-select: none;
1512
- -moz-user-select: none;
1513
- -ms-user-select: none;
1514
- user-select: none;
1515
- font-size: 14px;
1516
- line-height: 21px;
1517
- padding: 5px;
1518
- min-width: 192px;
1519
- max-width: 192px;
1520
- box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.2);
1521
- }
1522
- .w-datepicker-timepicker {
1523
- border: 1px solid #e9e9e9;
1524
- border-top: 0;
1525
- border-radius: 0 0 4px 4px !important;
1526
- }
1527
- .w-datepicker-timepicker > div {
1528
- max-height: 186px;
1529
- }
1530
- .w-datepicker-time-btn {
1531
- cursor: pointer;
1532
- margin-top: 2px;
1533
- transition: background-color 0.3s;
1534
- display: inline-block;
1535
- border-radius: 3px;
1536
- padding: 1px 5px;
1537
- }
1538
- .w-datepicker-time-btn:hover {
1539
- background-color: #eaeaea;
1540
- }
1541
- .w-datepicker-time-btn:active {
1542
- background-color: #d2d2d2;
1543
- }
1544
-
1545
- .w-calendar-inner {
1546
- text-align: right;
1547
- padding: 5px;
1548
- }
1549
- .w-calendar-panel {
1550
- width: 100%;
1551
- height: 90px;
1552
- line-height: 16px;
1553
- overflow-y: auto;
1554
- text-align: left;
1555
- }
1556
- .w-calendar-panel > * {
1557
- overflow: hidden;
1558
- white-space: nowrap;
1559
- width: 100%;
1560
- text-overflow: ellipsis;
1561
- font-size: 12px;
1562
- }
1563
- .w-calendar-caption {
1564
- font-size: 26px;
1565
- font-weight: 200;
1566
- width: 100%;
1567
- display: inline-block;
1568
- }
1569
- .w-calendar-title,
1570
- .w-calendar-btn-group {
1571
- display: inline-block;
1572
- -webkit-user-select: none;
1573
- -moz-user-select: none;
1574
- -ms-user-select: none;
1575
- user-select: none;
1576
- }
1577
- .w-calendar-btn-group {
1578
- float: right;
1579
- }
1580
- .w-calendar-btn-group > .w-calendar-btn {
1581
- font-size: 16px;
1582
- padding: 2px 3px;
1583
- position: relative;
1584
- top: -3px;
1585
- }
1586
- .w-calendar-btn-group > .w-icon,
1587
- .w-calendar-btn-group > .w-calendar-btn {
1588
- cursor: pointer;
1589
- border-radius: 3px;
1590
- transition: all 0.3s;
1591
- }
1592
- .w-calendar-btn-group > .w-icon:hover,
1593
- .w-calendar-btn-group > .w-calendar-btn:hover {
1594
- background-color: #ececec;
1595
- }
1596
- .w-calendar-btn-group > .w-icon:active,
1597
- .w-calendar-btn-group > .w-calendar-btn:active {
1598
- background-color: #dedddd;
1599
- }
1600
- .w-calendar-btn-group > .w-icon,
1601
- .w-calendar-btn-group > .w-calendar-btn {
1602
- vertical-align: middle;
1603
- margin-top: -6px;
1604
- }
1605
- .w-calendar-btn-group > .w-icon > svg,
1606
- .w-calendar-btn-group > .w-calendar-btn > svg {
1607
- width: 18px;
1608
- height: 18px;
1609
- margin: 4px 0px 0px 4px;
1610
- }
1611
- .w-calendar-btn-group > .w-icon:last-child,
1612
- .w-calendar-btn-group > .w-calendar-btn:last-child {
1613
- transform: rotate(-90deg);
1614
- }
1615
- .w-calendar-btn-group > .w-icon:first-child,
1616
- .w-calendar-btn-group > .w-calendar-btn:first-child {
1617
- transform: rotate(90deg);
1618
- }
1619
- .w-calendar-day {
1620
- padding-right: 5px;
1621
- }
1622
- .w-calendar .w-datepicker-body {
1623
- padding: 0 0 0 0;
1624
- }
1625
- .w-calendar .w-datepicker-week:last-child > div {
1626
- border-bottom: 0;
1627
- }
1628
- .w-calendar .w-datepicker-week > div {
1629
- border-radius: 0;
1630
- border-right: 1px solid #ececec;
1631
- border-bottom: 1px solid #ececec;
1632
- }
1633
- .w-calendar .w-datepicker-week > div:last-child {
1634
- border-right: 0;
1635
- }
1636
- .w-calendar .w-datepicker-week > div > div {
1637
- margin: 0;
1638
- border-radius: 0;
1639
- }
1640
- .w-calendar .w-datepicker-weekday > div {
1641
- background-color: #ececec;
1642
- height: 32px;
1643
- line-height: 32px;
1644
- }
1645
-
1646
- .w-card {
1647
- background: #fff;
1648
- border-radius: 5px;
1649
- font-size: 14px;
1650
- line-height: 1.5;
1651
- position: relative;
1652
- transition: all 0.3s;
1653
- }
1654
- .w-card:not(.w-card-no-hover):hover,
1655
- .w-card.active {
1656
- box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
1657
- border-color: rgba(0, 0, 0, 0.2);
1658
- }
1659
- .w-card-bordered {
1660
- border: 1px solid #e9e9e9;
1661
- }
1662
- .w-card-head {
1663
- height: 40px;
1664
- line-height: 40px;
1665
- padding: 0 14px;
1666
- border-radius: 2px 2px 0 0;
1667
- zoom: 1;
1668
- }
1669
- .w-card-head + .w-card-body {
1670
- border-top: 1px solid #e9e9e9;
1671
- }
1672
- .w-card-head-title {
1673
- font-size: 14px;
1674
- text-overflow: ellipsis;
1675
- max-width: 100%;
1676
- overflow: hidden;
1677
- white-space: nowrap;
1678
- color: rgba(0, 0, 0, 0.85);
1679
- font-weight: 500;
1680
- display: inline-block;
1681
- }
1682
- .w-card-extra {
1683
- position: absolute;
1684
- right: 16px;
1685
- top: 0;
1686
- }
1687
- .w-card-body {
1688
- padding: 14px;
1689
- }
1690
- .w-card-body + .w-card-footer {
1691
- border-top: 1px solid rgba(0, 0, 0, 0.05);
1692
- }
1693
- .w-card-footer {
1694
- padding: 8px 10px;
1695
- }
1696
- .w-card-footer a {
1697
- color: rgba(0, 0, 0, 0.4);
1698
- }
1699
-
1700
- .w-radio {
1701
- vertical-align: middle;
1702
- display: inline-block;
1703
- font-size: 12px;
1704
- }
1705
- .w-radio input[type='radio'] {
1706
- outline: none;
1707
- position: relative;
1708
- width: 16px;
1709
- height: 16px;
1710
- background-clip: border-box;
1711
- -webkit-appearance: none;
1712
- -moz-appearance: none;
1713
- appearance: none;
1714
- margin: -0.15px 0.6px 0 0;
1715
- border-radius: 50%;
1716
- background-color: #fff;
1717
- border: 1px solid #d7d7d7;
1718
- transition: border 0.25s, box-shadow 0.25s;
1719
- }
1720
- .w-radio input[type='radio']:not(:checked):not(:disabled):not(.disabled):hover,
1721
- .w-radio input[type='radio']:not(:checked):not(:disabled):not(.disabled):focus {
1722
- box-shadow: 0 0 0 2px rgba(0, 142, 240, 0.25);
1723
- }
1724
- .w-radio input[type='radio'],
1725
- .w-radio-text {
1726
- vertical-align: middle;
1727
- }
1728
- .w-radio input[type='radio']:checked {
1729
- border: 5px solid #008ef0;
1730
- }
1731
- .w-radio input[type='radio']:checked:focus {
1732
- box-shadow: 0 0 0 2px rgba(0, 142, 240, 0.25);
1733
- }
1734
- .w-radio.disabled {
1735
- color: #c7c7c7;
1736
- cursor: not-allowed;
1737
- }
1738
- .w-radio.disabled input[type='radio'] {
1739
- cursor: not-allowed;
1740
- }
1741
- .w-radio.disabled input[type='radio']:checked {
1742
- border: 5px solid #cecece;
1743
- }
1744
- .w-radio.disabled:not(.checked) input[type='radio'] {
1745
- background-color: #efefef;
1746
- }
1747
- .w-radio-text {
1748
- display: inline-block;
1749
- margin-left: 4px;
1750
- margin-right: 5px;
1751
- font-size: 14px;
1752
- }
1753
-
1754
- .w-radio-group {
1755
- font-size: 0;
1756
- }
1757
-
1758
-
1759
- .w-checkbox {
1760
- vertical-align: middle;
1761
- font-size: 0;
1762
- cursor: pointer;
1763
- white-space: nowrap;
1764
- }
1765
- .w-checkbox input[type='checkbox'] {
1766
- outline: none;
1767
- width: 14px;
1768
- height: 14px;
1769
- font-size: 14px;
1770
- line-height: 14px;
1771
- border-radius: 2px;
1772
- background-clip: border-box;
1773
- -webkit-appearance: none;
1774
- -moz-appearance: none;
1775
- appearance: none;
1776
- margin: 0 !important;
1777
- background-color: #d7d7d7;
1778
- transition: background-color 0.3s, box-shadow 0.3s;
1779
- }
1780
- .w-checkbox input[type='checkbox']:after {
1781
- content: '';
1782
- box-sizing: inherit;
1783
- }
1784
- .w-checkbox input[type='checkbox']:not(:checked):not(:disabled):not(.disabled):focus,
1785
- .w-checkbox input[type='checkbox']:not(:checked):not(:disabled):not(.disabled):hover {
1786
- box-shadow: inset 0 1px 2px rgba(16, 22, 26, 0.35);
1787
- }
1788
- .w-checkbox.disabled,
1789
- .w-checkbox.disabled input[type='checkbox'] {
1790
- cursor: not-allowed;
1791
- }
1792
- .w-checkbox.disabled input[type='checkbox'] {
1793
- opacity: 0.5;
1794
- }
1795
- .w-checkbox.disabled .w-checkbox-text {
1796
- color: #6e6e6e;
1797
- }
1798
- .w-checkbox.indeterminate input[type='checkbox'],
1799
- .w-checkbox.indeterminate input[type='checkbox']:checked {
1800
- background-color: transparent;
1801
- box-shadow: inset 0 0 0 1px #008ef0;
1802
- }
1803
- .w-checkbox.indeterminate input[type='checkbox']:after,
1804
- .w-checkbox.indeterminate input[type='checkbox']:checked:after {
1805
- display: inline-block;
1806
- background-color: #008df8;
1807
- box-sizing: inherit;
1808
- transform: rotate(0);
1809
- position: relative;
1810
- top: -1px;
1811
- right: -3px;
1812
- border-width: 0;
1813
- border-radius: 2px;
1814
- height: 8px;
1815
- width: 8px;
1816
- }
1817
- .w-checkbox input[type='checkbox'],
1818
- .w-checkbox-text {
1819
- vertical-align: middle;
1820
- }
1821
- .w-checkbox input[type='checkbox']:checked {
1822
- background-color: #008ef0;
1823
- }
1824
- .w-checkbox input[type='checkbox']:checked:after {
1825
- transition: background-color 0.2s ease-in;
1826
- display: inline-block;
1827
- border: solid #fff;
1828
- border-width: 0 2px 2px 0;
1829
- transform: rotate(33deg);
1830
- position: relative;
1831
- top: -1px;
1832
- right: -4px;
1833
- height: 10px;
1834
- width: 6px;
1835
- }
1836
- .w-checkbox-text {
1837
- display: inline-block;
1838
- padding-left: 4px;
1839
- margin-right: 5px;
1840
- font-size: 14px;
1841
- line-height: 14px;
1842
- }
1843
-
1844
- .w-collapse {
1845
- border-radius: 4px;
1846
- line-height: 16px;
1847
- font-size: 14px;
1848
- background-color: #fff;
1849
- border: 1px solid #d9d9d9;
1850
- overflow: hidden;
1851
- }
1852
- .w-collapse > .w-collapse-item:last-child .w-collapse-header,
1853
- .w-collapse > .w-collapse-item:last-child {
1854
- border-radius: 0 0 5px 5px;
1855
- }
1856
- .w-collapse-title {
1857
- flex: 1 1;
1858
- }
1859
- .w-collapse-header {
1860
- padding: 8px 10px;
1861
- color: rgba(0, 0, 0, 0.85);
1862
- background-color: #fafafa;
1863
- cursor: pointer;
1864
- position: relative;
1865
- transition: all 0.3s;
1866
- z-index: 1;
1867
- display: flex;
1868
- }
1869
- .w-collapse-header > .w-icon:first-child {
1870
- margin-top: -2px;
1871
- margin-right: 5px;
1872
- transform: scale(0.85) rotate(-90deg);
1873
- transition: transform 0.24s;
1874
- }
1875
- .w-collapse-header > .w-icon:first-child svg {
1876
- display: block;
1877
- }
1878
- .w-collapse-header > * {
1879
- vertical-align: middle;
1880
- display: inline-block;
1881
- }
1882
- .w-collapse-active .w-collapse-header > .w-icon:first-child {
1883
- transform: scale(0.85) rotate(0);
1884
- }
1885
- .w-collapse-panel {
1886
- overflow: hidden;
1887
- color: rgba(0, 0, 0, 0.65);
1888
- padding: 0 10px;
1889
- }
1890
- .w-collapse-panel:before,
1891
- .w-collapse-panel:after {
1892
- content: '';
1893
- height: 10px;
1894
- display: block;
1895
- overflow: hidden;
1896
- }
1897
- .w-collapse-panel:before {
1898
- border-top: 1px solid #d9d9d9;
1899
- margin: 0 -10px;
1900
- z-index: 1;
1901
- position: relative;
1902
- }
1903
- .w-collapse-panel:after {
1904
- border-bottom: 1px solid #d9d9d9;
1905
- margin: 0 -10px;
1906
- z-index: 1;
1907
- position: relative;
1908
- }
1909
- .w-collapse > .w-collapse-item:last-child .w-collapse-panel:after {
1910
- border-bottom: 0 solid #d9d9d9;
1911
- }
1912
- .w-collapse > .w-collapse-item:not(.w-collapse-active):last-child .w-collapse-panel:before {
1913
- border-top: 0 solid #d9d9d9;
1914
- }
1915
- .w-collapse-disabled .w-collapse-header {
1916
- cursor: not-allowed;
1917
- color: rgba(0, 0, 0, 0.25);
1918
- background-color: #f7f7f7;
1919
- }
1920
- .w-collapse.w-noborder .w-collapse-header {
1921
- background-color: transparent;
1922
- }
1923
- .w-collapse.w-noborder {
1924
- border: 0;
1925
- }
1926
- .w-collapse.w-noborder .w-collapse-item .w-collapse-panel:after,
1927
- .w-collapse.w-noborder .w-collapse-item .w-collapse-panel:before {
1928
- border: 0;
1929
- }
1930
- .w-collapse.w-noborder .w-collapse-item:last-child {
1931
- border: 0;
1932
- }
1933
-
1934
- .w-copy-to-clipboard {
1935
- cursor: pointer;
1936
- }
1937
- .w-copy-to-clipboard-select {
1938
- -webkit-user-select: text;
1939
- -moz-user-select: text;
1940
- -ms-user-select: text;
1941
- user-select: text;
1942
- display: none;
1943
- }
1944
-
1945
- .w-dateinput {
1946
- display: inline-block;
1947
- }
1948
- .w-dateinput-popover {
1949
- box-shadow: 0 0 0 0;
1950
- }
1951
- .w-dateinput.disabled::before {
1952
- cursor: not-allowed;
1953
- content: ' ';
1954
- display: block;
1955
- position: absolute;
1956
- top: 0;
1957
- bottom: 0;
1958
- left: 0;
1959
- right: 0;
1960
- z-index: 1;
1961
- }
1962
- .w-dateinput-close-btn {
1963
- display: flex;
1964
- margin: 0 3px;
1965
- color: #a5a5a5;
1966
- cursor: pointer;
1967
- }
1968
- .w-dateinput-close-btn:hover {
1969
- color: #393e48;
1970
- }
1971
-
1972
- .w-descriptions table {
1973
- display: table !important;
1974
- margin-bottom: 0 !important;
1975
- margin: 0;
1976
- border-spacing: 0;
1977
- border-collapse: collapse;
1978
- table-layout: fixed;
1979
- width: 100%;
1980
- }
1981
- .w-descriptions {
1982
- background: #fff;
1983
- }
1984
- .w-descriptions-title {
1985
- font-weight: bold;
1986
- text-align: left;
1987
- margin-bottom: 8px;
1988
- color: rgba(0, 0, 0, 0.85);
1989
- font-size: 16px;
1990
- line-height: 1.5;
1991
- }
1992
- .w-descriptions .w-descriptions-row:nth-child(2n) {
1993
- background-color: transparent;
1994
- }
1995
- .w-descriptions-item-label {
1996
- font-size: 14px;
1997
- white-space: nowrap;
1998
- font-weight: normal;
1999
- }
2000
- .w-descriptions-item-label::after {
2001
- position: relative;
2002
- top: -0.5px;
2003
- margin: 0 8px 0 2px;
2004
- content: ' ';
2005
- }
2006
- .w-descriptions-item-colon::after {
2007
- content: ':';
2008
- }
2009
- .w-descriptions-item-colon {
2010
- color: rgba(0, 0, 0, 0.95);
2011
- }
2012
- .w-descriptions-item-content {
2013
- font-size: 14px;
2014
- color: rgba(0, 0, 0, 0.65);
2015
- }
2016
- .w-descriptions-small.w-descriptions-bordered tbody tr th,
2017
- .w-descriptions-small.w-descriptions-bordered tbody .w-descriptions-row td {
2018
- padding: 4px 8px;
2019
- }
2020
- .w-descriptions-large.w-descriptions-bordered tbody tr th,
2021
- .w-descriptions-large.w-descriptions-bordered tbody .w-descriptions-row td {
2022
- padding: 14px 16px;
2023
- }
2024
- .w-descriptions-bordered {
2025
- overflow: hidden;
2026
- border-radius: 3px;
2027
- border: 1px solid #dfe2e5;
2028
- }
2029
- .w-descriptions-bordered tbody tr th {
2030
- padding: 8px 12px;
2031
- background-color: #fafafa;
2032
- font-weight: normal;
2033
- }
2034
- .w-descriptions-bordered tbody tr th,
2035
- .w-descriptions-bordered tbody tr td {
2036
- border-top: 1px solid #dfe2e5;
2037
- border-right: 1px solid #dfe2e5;
2038
- }
2039
- .w-descriptions-bordered tbody:first-child tr:first-child th,
2040
- .w-descriptions-bordered tbody:first-child tr:first-child td {
2041
- border-top: 0;
2042
- }
2043
- .w-descriptions:not(.w-descriptions-bordered) .w-descriptions-row td {
2044
- padding-bottom: 8px;
2045
- }
2046
- .w-descriptions-bordered .w-descriptions-row td {
2047
- padding: 8px 12px;
2048
- }
2049
- .w-descriptions-bordered .w-descriptions-title {
2050
- margin-bottom: 0;
2051
- padding: 7px 12px;
2052
- }
2053
- .w-descriptions-bordered .w-descriptions-item-label:last-child,
2054
- .w-descriptions-bordered .w-descriptions-item-content:last-child {
2055
- border-right: none;
2056
- }
2057
-
2058
- .w-divider {
2059
- font-size: 16px;
2060
- line-height: 16px;
2061
- box-sizing: border-box;
2062
- padding: 0;
2063
- list-style: none;
2064
- background: #e8e8e8;
2065
- }
2066
- .w-divider-vertical {
2067
- margin: 0 8px;
2068
- display: inline-block;
2069
- height: 0.9em;
2070
- width: 1px;
2071
- vertical-align: middle;
2072
- position: relative;
2073
- top: -0.06em;
2074
- }
2075
- .w-divider-horizontal {
2076
- height: 1px;
2077
- width: 100%;
2078
- margin: 16px 0;
2079
- }
2080
- .w-divider-horizontal.w-divider-with-text {
2081
- display: flex;
2082
- white-space: nowrap;
2083
- text-align: center;
2084
- background: transparent;
2085
- font-weight: 500;
2086
- color: #353535;
2087
- height: inherit;
2088
- margin: 16px 0;
2089
- }
2090
- .w-divider-horizontal.w-divider-with-text:before,
2091
- .w-divider-horizontal.w-divider-with-text:after {
2092
- content: '';
2093
- display: table-cell;
2094
- position: relative;
2095
- top: 50%;
2096
- width: 50%;
2097
- border-top: 1px solid #e8e8e8;
2098
- transform: translateY(50%);
2099
- }
2100
- .w-divider-left.w-divider-with-text::before,
2101
- .w-divider-right.w-divider-with-text::after {
2102
- width: 5%;
2103
- }
2104
- .w-divider-left.w-divider-with-text::after,
2105
- .w-divider-right.w-divider-with-text::before {
2106
- width: 95%;
2107
- }
2108
- .w-divider-dashed.w-divider-with-text::before,
2109
- .w-divider-dashed.w-divider-with-text::after {
2110
- border-top-style: dashed;
2111
- }
2112
- .w-divider-inner-text {
2113
- display: inline-block;
2114
- padding: 0 10px;
2115
- }
2116
- .w-divider-dashed:not(.w-divider-with-text) {
2117
- background: none;
2118
- border-top: 1px dashed #e8e8e8;
2119
- }
2120
-
2121
- .w-drawer-wrapper {
2122
- box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 46px 6px rgba(16, 22, 26, 0.2);
2123
- background-color: #fff;
2124
- position: fixed;
2125
- margin: 0 !important;
2126
- display: flex;
2127
- flex-direction: column;
2128
- }
2129
- .w-drawer-header {
2130
- display: flex;
2131
- align-items: center;
2132
- min-height: 40px;
2133
- padding-left: 13px;
2134
- padding-right: 5px;
2135
- background-color: #fff;
2136
- border-radius: 5px 5px 0 0;
2137
- box-shadow: 0 1px 0 rgba(16, 22, 26, 0.15);
2138
- font-size: 16px;
2139
- }
2140
- .w-drawer-header > .w-icon {
2141
- margin-right: 10px;
2142
- color: #393e48;
2143
- }
2144
- .w-drawer-header h4 {
2145
- margin: 0;
2146
- padding: 0;
2147
- flex: 1 1 auto;
2148
- }
2149
- .w-drawer-body {
2150
- flex: 1 1 auto;
2151
- overflow: auto;
2152
- line-height: 18px;
2153
- }
2154
- .w-drawer-footer {
2155
- box-shadow: 0 -1px 0 rgba(16, 22, 26, 0.15);
2156
- min-height: 40px;
2157
- padding-left: 13px;
2158
- padding-right: 5px;
2159
- display: flex;
2160
- align-items: center;
2161
- }
2162
- .w-drawer-body-inner {
2163
- padding: 15px;
2164
- }
2165
- .w-drawer.top .w-drawer-wrapper,
2166
- .w-drawer.bottom .w-drawer-wrapper {
2167
- left: 0;
2168
- right: 0;
2169
- }
2170
- .w-drawer.top .w-drawer-wrapper {
2171
- top: 0;
2172
- }
2173
- .w-drawer.bottom .w-drawer-wrapper {
2174
- bottom: 0;
2175
- }
2176
- .w-drawer.right .w-drawer-wrapper,
2177
- .w-drawer.left .w-drawer-wrapper {
2178
- bottom: 0;
2179
- top: 0;
2180
- }
2181
- .w-drawer.right .w-drawer-wrapper {
2182
- right: 0;
2183
- }
2184
- .w-drawer.left .w-drawer-wrapper {
2185
- left: 0;
2186
- }
2187
- .w-drawer.w-overlay-enter .w-overlay-content {
2188
- opacity: 1;
2189
- }
2190
- .w-drawer.w-overlay-enter-active .w-overlay-content {
2191
- transition: all 0.2s cubic-bezier(0.4, 1, 0.75, 0.9);
2192
- }
2193
- .w-drawer.w-overlay-exit .w-overlay-content {
2194
- opacity: 1;
2195
- }
2196
- .w-drawer.w-overlay-exit-active .w-overlay-content {
2197
- transition: all 0.2s cubic-bezier(0.4, 1, 0.75, 0.9);
2198
- }
2199
- .w-drawer.right.w-overlay-enter .w-overlay-content {
2200
- transform: translateX(100%);
2201
- }
2202
- .w-drawer.right.w-overlay-enter-active .w-overlay-content {
2203
- transform: translateX(0);
2204
- }
2205
- .w-drawer.right.w-overlay-exit .w-overlay-content {
2206
- transform: translateX(0);
2207
- }
2208
- .w-drawer.right.w-overlay-exit-active .w-overlay-content {
2209
- transform: translateX(100%);
2210
- }
2211
- .w-drawer.left.w-overlay-enter .w-overlay-content {
2212
- transform: translateX(-100%);
2213
- }
2214
- .w-drawer.left.w-overlay-enter-active .w-overlay-content {
2215
- transform: translateX(0);
2216
- }
2217
- .w-drawer.left.w-overlay-exit .w-overlay-content {
2218
- transform: translateX(0);
2219
- }
2220
- .w-drawer.left.w-overlay-exit-active .w-overlay-content {
2221
- transform: translateX(-100%);
2222
- }
2223
- .w-drawer.top.w-overlay-enter .w-overlay-content {
2224
- transform: translateY(-100%);
2225
- }
2226
- .w-drawer.top.w-overlay-enter-active .w-overlay-content {
2227
- transform: translateY(0);
2228
- }
2229
- .w-drawer.top.w-overlay-exit .w-overlay-content {
2230
- transform: translateY(0);
2231
- }
2232
- .w-drawer.top.w-overlay-exit-active .w-overlay-content {
2233
- transform: translateY(-100%);
2234
- }
2235
- .w-drawer.bottom.w-overlay-enter .w-overlay-content {
2236
- transform: translateY(100%);
2237
- }
2238
- .w-drawer.bottom.w-overlay-enter-active .w-overlay-content {
2239
- transform: translateY(0);
2240
- }
2241
- .w-drawer.bottom.w-overlay-exit .w-overlay-content {
2242
- transform: translateY(0);
2243
- }
2244
- .w-drawer.bottom.w-overlay-exit-active .w-overlay-content {
2245
- transform: translateY(100%);
2246
- }
2247
-
2248
- .w-fileinput input::-webkit-file-upload-button {
2249
- background: transparent;
2250
- border: 0;
2251
- color: red;
2252
- position: absolute;
2253
- left: -300px;
2254
- }
2255
- .w-fileinput input:hover:after {
2256
- background-clip: padding-box;
2257
- background-color: #ebf1f5;
2258
- box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
2259
- }
2260
- .w-fileinput input:after {
2261
- box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.08);
2262
- background-color: #f5f8fa;
2263
- background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
2264
- color: #182026;
2265
- overflow: hidden;
2266
- text-overflow: ellipsis;
2267
- white-space: nowrap;
2268
- word-wrap: normal;
2269
- border-radius: 3px;
2270
- content: 'Browse';
2271
- content: attr(data-label);
2272
- padding: 0 10px;
2273
- margin: 3px;
2274
- text-align: center;
2275
- right: 0;
2276
- display: flex;
2277
- align-items: center;
2278
- }
2279
- .w-fileinput input::before,
2280
- .w-fileinput input::after {
2281
- color: #757575;
2282
- position: absolute;
2283
- top: 0;
2284
- bottom: 0;
2285
- }
2286
-
2287
- .w-col {
2288
- min-width: 0;
2289
- box-sizing: border-box;
2290
- flex: 0 0 auto;
2291
- flex-grow: 1;
2292
- flex-basis: 0;
2293
- max-width: 100%;
2294
- }
2295
- .w-col-fixed {
2296
- flex: 0 1 auto;
2297
- }
2298
- .w-col-align-top {
2299
- align-self: flex-start;
2300
- }
2301
- .w-col-align-middle {
2302
- align-self: center;
2303
- }
2304
- .w-col-align-bottom {
2305
- align-self: flex-end;
2306
- }
2307
- .w-col-align-baseline {
2308
- align-self: baseline;
2309
- }
2310
- .w-col-grow-1 {
2311
- flex-grow: 1;
2312
- }
2313
- .w-col-grow-2 {
2314
- flex-grow: 2;
2315
- }
2316
- .w-col-grow-3 {
2317
- flex-grow: 3;
2318
- }
2319
- .w-col-grow-4 {
2320
- flex-grow: 4;
2321
- }
2322
- .w-col-grow-5 {
2323
- flex-grow: 5;
2324
- }
2325
- .w-col-grow-6 {
2326
- flex-grow: 6;
2327
- }
2328
- .w-col-grow-7 {
2329
- flex-grow: 7;
2330
- }
2331
- .w-col-grow-8 {
2332
- flex-grow: 8;
2333
- }
2334
- .w-col-grow-9 {
2335
- flex-grow: 9;
2336
- }
2337
- .w-col-grow-10 {
2338
- flex-grow: 10;
2339
- }
2340
- .w-col-grow-11 {
2341
- flex-grow: 11;
2342
- }
2343
- .w-col-1 {
2344
- flex-basis: 4.16666667%;
2345
- max-width: 4.16666667%;
2346
- }
2347
- .w-col-2 {
2348
- flex-basis: 8.33333333%;
2349
- max-width: 8.33333333%;
2350
- }
2351
- .w-col-3 {
2352
- flex-basis: 12.5%;
2353
- max-width: 12.5%;
2354
- }
2355
- .w-col-4 {
2356
- flex-basis: 16.66666667%;
2357
- max-width: 16.66666667%;
2358
- }
2359
- .w-col-5 {
2360
- flex-basis: 20.83333333%;
2361
- max-width: 20.83333333%;
2362
- }
2363
- .w-col-6 {
2364
- flex-basis: 25%;
2365
- max-width: 25%;
2366
- }
2367
- .w-col-7 {
2368
- flex-basis: 29.16666667%;
2369
- max-width: 29.16666667%;
2370
- }
2371
- .w-col-8 {
2372
- flex-basis: 33.33333333%;
2373
- max-width: 33.33333333%;
2374
- }
2375
- .w-col-9 {
2376
- flex-basis: 37.5%;
2377
- max-width: 37.5%;
2378
- }
2379
- .w-col-10 {
2380
- flex-basis: 41.66666667%;
2381
- max-width: 41.66666667%;
2382
- }
2383
- .w-col-11 {
2384
- flex-basis: 45.83333333%;
2385
- max-width: 45.83333333%;
2386
- }
2387
- .w-col-12 {
2388
- flex-basis: 50%;
2389
- max-width: 50%;
2390
- }
2391
- .w-col-13 {
2392
- flex-basis: 54.16666667%;
2393
- max-width: 54.16666667%;
2394
- }
2395
- .w-col-14 {
2396
- flex-basis: 58.33333333%;
2397
- max-width: 58.33333333%;
2398
- }
2399
- .w-col-15 {
2400
- flex-basis: 62.5%;
2401
- max-width: 62.5%;
2402
- }
2403
- .w-col-16 {
2404
- flex-basis: 66.66666667%;
2405
- max-width: 66.66666667%;
2406
- }
2407
- .w-col-17 {
2408
- flex-basis: 70.83333333%;
2409
- max-width: 70.83333333%;
2410
- }
2411
- .w-col-18 {
2412
- flex-basis: 75%;
2413
- max-width: 75%;
2414
- }
2415
- .w-col-19 {
2416
- flex-basis: 79.16666667%;
2417
- max-width: 79.16666667%;
2418
- }
2419
- .w-col-20 {
2420
- flex-basis: 83.33333333%;
2421
- max-width: 83.33333333%;
2422
- }
2423
- .w-col-21 {
2424
- flex-basis: 87.5%;
2425
- max-width: 87.5%;
2426
- }
2427
- .w-col-22 {
2428
- flex-basis: 91.66666667%;
2429
- max-width: 91.66666667%;
2430
- }
2431
- .w-col-23 {
2432
- flex-basis: 95.83333333%;
2433
- max-width: 95.83333333%;
2434
- }
2435
- .w-col-24 {
2436
- flex-basis: 100%;
2437
- max-width: 100%;
2438
- }
2439
-
2440
- .w-row {
2441
- box-sizing: border-box;
2442
- display: flex;
2443
- flex: 0 1 auto;
2444
- flex-direction: row;
2445
- flex-wrap: wrap;
2446
- }
2447
- .w-row.w-row-justify-flex-start {
2448
- justify-content: flex-start;
2449
- }
2450
- .w-row.w-row-justify-flex-end {
2451
- justify-content: flex-end;
2452
- }
2453
- .w-row.w-row-justify-center {
2454
- justify-content: center;
2455
- }
2456
- .w-row.w-row-justify-space-between {
2457
- justify-content: space-between;
2458
- }
2459
- .w-row.w-row-justify-space-around {
2460
- justify-content: space-around;
2461
- }
2462
- .w-row.w-row-justify-space-evenly {
2463
- justify-content: space-evenly;
2464
- }
2465
- .w-row-align-top {
2466
- align-items: flex-start;
2467
- }
2468
- .w-row-align-middle {
2469
- align-items: center;
2470
- }
2471
- .w-row-align-bottom {
2472
- align-items: flex-end;
2473
- }
2474
- .w-row-align-baseline {
2475
- align-items: baseline;
2476
- }
2477
-
2478
- .w-form-item {
2479
- margin-bottom: 10px;
2480
- }
2481
- .w-form-item-error .w-form-help,
2482
- .w-form-item-error .w-form-label {
2483
- color: #dc3545;
2484
- }
2485
- .w-form-item-error .w-input-inner,
2486
- .w-form-item-error .w-input-inner:hover,
2487
- .w-form-item-error .w-input-inner:focus.w-input-inner:hover,
2488
- .w-form-item-error .w-textarea,
2489
- .w-form-item-error .w-textarea:hover,
2490
- .w-form-item-error .w-textarea:focus.w-textarea:hover {
2491
- box-shadow: 0 0 0 1px #dc3545, 0 0 0 3px rgba(220, 53, 69, 0.17), inset 0 1px 1px rgba(16, 22, 26, 0.2);
2492
- }
2493
- .w-form-label {
2494
- line-height: 32px;
2495
- min-height: 32px;
2496
- font-weight: 600;
2497
- font-size: 14px;
2498
- padding-right: 5px;
2499
- }
2500
- .w-form-label label {
2501
- display: inline-block;
2502
- }
2503
- .w-form-row {
2504
- align-items: center;
2505
- display: flex;
2506
- }
2507
- .w-form-help {
2508
- color: #c2c2c2;
2509
- font-size: 12px;
2510
- padding-top: 3px;
2511
- }
2512
-
2513
- .w-form fieldset {
2514
- margin: 0;
2515
- padding: 0;
2516
- border-width: 0;
2517
- }
2518
-
2519
- .w-list {
2520
- font-size: 14px;
2521
- line-height: 1.5;
2522
- color: #52575c;
2523
- box-sizing: border-box;
2524
- margin: 0;
2525
- padding: 0;
2526
- list-style: none;
2527
- position: relative;
2528
- background-color: #fff;
2529
- transition: all 0.3s;
2530
- }
2531
- .w-list:not(.w-list-no-hover):hover,
2532
- .w-list-active {
2533
- box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
2534
- border-color: rgba(0, 0, 0, 0.2);
2535
- }
2536
- .w-list-bordered {
2537
- border: 1px solid #e9e9e9;
2538
- border-radius: 4px;
2539
- }
2540
- .w-list-bordered .w-list-item:last-child {
2541
- border-bottom: 0;
2542
- border-radius: 0 0 4px 4px;
2543
- }
2544
- .w-list-item {
2545
- display: flex;
2546
- align-items: center;
2547
- }
2548
- .w-list-item.w-disabled {
2549
- cursor: not-allowed;
2550
- text-decoration: none;
2551
- pointer-events: none;
2552
- color: #a3a6a9;
2553
- }
2554
- .w-list-item.w-active {
2555
- background: #f8f8f9;
2556
- color: #007bff;
2557
- }
2558
- .w-list-item-main {
2559
- display: block;
2560
- flex: 1 1;
2561
- }
2562
- .w-list-item-extra {
2563
- margin-left: 40px;
2564
- }
2565
- a.w-list-item {
2566
- display: block;
2567
- color: #52575c;
2568
- }
2569
- a.w-list-item:hover:not(.w-disabled) {
2570
- background: #f8f8f9;
2571
- }
2572
- .w-list-striped .w-list-item:nth-of-type(2n) {
2573
- background: #f8f8f9;
2574
- }
2575
- .w-list-bordered .w-list-item,
2576
- .w-list-bordered .w-list-header {
2577
- border-bottom: 1px solid #e8e8e8;
2578
- }
2579
- .w-list-item,
2580
- .w-list-footer,
2581
- .w-list-header {
2582
- padding: 12px 18px;
2583
- }
2584
- .w-list-size-small .w-list-item,
2585
- .w-list-size-small .w-list-footer,
2586
- .w-list-size-small .w-list-header {
2587
- padding: 8px 16px;
2588
- }
2589
- .w-list-size-large .w-list-item,
2590
- .w-list-size-large .w-list-footer,
2591
- .w-list-size-large .w-list-header {
2592
- padding: 16px 24px;
2593
- }
2594
-
2595
- .w-layout,
2596
- .w-layout * {
2597
- box-sizing: border-box;
2598
- }
2599
- .w-layout {
2600
- display: flex;
2601
- flex: auto;
2602
- flex-direction: column;
2603
- min-height: 0;
2604
- background: #f0f2f5;
2605
- margin: 0;
2606
- padding: 0;
2607
- }
2608
- .w-layout-header,
2609
- .w-layout-footer {
2610
- flex: 0 0 auto;
2611
- }
2612
- .w-layout-header {
2613
- height: 53px;
2614
- padding: 0 23px;
2615
- color: rgba(0, 0, 0, 0.65);
2616
- line-height: 53px;
2617
- background: #202225;
2618
- }
2619
- .w-layout-footer {
2620
- padding: 16px 23px;
2621
- color: rgba(0, 0, 0, 0.65);
2622
- font-size: 14px;
2623
- background: #f0f2f5;
2624
- }
2625
- .w-layout-content {
2626
- flex: auto;
2627
- }
2628
- .w-layout.w-layout-has-sider {
2629
- flex-direction: row;
2630
- }
2631
- .w-layout-sider {
2632
- position: relative;
2633
- min-width: 0;
2634
- background: #343a40;
2635
- transition: all 0.2s;
2636
- }
2637
-
2638
- .w-loader {
2639
- position: relative;
2640
- display: inline-block;
2641
- }
2642
- .w-loader-tips-nested svg {
2643
- height: 100%;
2644
- width: 100%;
2645
- -webkit-animation: loaderRotate 2s linear infinite;
2646
- animation: loaderRotate 2s linear infinite;
2647
- transform-origin: center center;
2648
- fill: currentcolor;
2649
- vertical-align: middle;
2650
- }
2651
- .w-loader-tips-nested svg circle {
2652
- stroke-dasharray: 1, 200;
2653
- stroke-dashoffset: 0;
2654
- -webkit-animation: loaderDash 1.5s ease-in-out infinite, loaderColor 6s ease-in-out infinite;
2655
- animation: loaderDash 1.5s ease-in-out infinite, loaderColor 6s ease-in-out infinite;
2656
- stroke-linecap: round;
2657
- }
2658
- .w-loader-large .w-loader-tips-nested svg {
2659
- width: 30px;
2660
- height: 30px;
2661
- }
2662
- .w-loader-large .w-loader-tips-nested svg circle {
2663
- stroke-width: 3px;
2664
- }
2665
- .w-loader-default .w-loader-tips-nested svg {
2666
- width: 20px;
2667
- height: 20px;
2668
- }
2669
- .w-loader-small .w-loader-tips-nested svg {
2670
- width: 14px;
2671
- height: 14px;
2672
- }
2673
- .w-loader-blur {
2674
- opacity: 0.5;
2675
- filter: blur(0.5px);
2676
- overflow: hidden;
2677
- }
2678
- .w-loader-warp {
2679
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2680
- }
2681
- .w-loader-tips-nested {
2682
- vertical-align: middle;
2683
- display: inline-block;
2684
- }
2685
- .w-loader-tips {
2686
- color: #2d8cf0;
2687
- text-align: center;
2688
- position: relative;
2689
- height: 100%;
2690
- width: 100%;
2691
- z-index: 4;
2692
- font-weight: 400;
2693
- }
2694
- .w-loader-tips:before {
2695
- content: ' ';
2696
- display: inline-block;
2697
- height: 100%;
2698
- width: 0.1px;
2699
- vertical-align: middle;
2700
- }
2701
- .w-loader-tips:not(:last-child) {
2702
- position: absolute;
2703
- }
2704
- .w-loader-text {
2705
- display: inline-block;
2706
- margin-left: 5px;
2707
- vertical-align: middle;
2708
- }
2709
- .w-loader-vertical {
2710
- display: block;
2711
- margin-left: 0;
2712
- margin-top: 5px;
2713
- }
2714
- .w-loader-fullscreen {
2715
- position: fixed;
2716
- top: 0px;
2717
- right: 0px;
2718
- bottom: 0px;
2719
- left: 0px;
2720
- z-index: 99999;
2721
- }
2722
- @-webkit-keyframes loaderRotate {
2723
- to {
2724
- transform: rotate(1turn);
2725
- }
2726
- }
2727
- @keyframes loaderRotate {
2728
- to {
2729
- transform: rotate(1turn);
2730
- }
2731
- }
2732
- @-webkit-keyframes loaderDash {
2733
- 0% {
2734
- stroke-dasharray: 1, 200;
2735
- stroke-dashoffset: 0;
2736
- }
2737
- 50% {
2738
- stroke-dasharray: 89, 200;
2739
- stroke-dashoffset: -35;
2740
- }
2741
- to {
2742
- stroke-dasharray: 89, 200;
2743
- stroke-dashoffset: -124;
2744
- }
2745
- }
2746
- @keyframes loaderDash {
2747
- 0% {
2748
- stroke-dasharray: 1, 200;
2749
- stroke-dashoffset: 0;
2750
- }
2751
- 50% {
2752
- stroke-dasharray: 89, 200;
2753
- stroke-dashoffset: -35;
2754
- }
2755
- to {
2756
- stroke-dasharray: 89, 200;
2757
- stroke-dashoffset: -124;
2758
- }
2759
- }
2760
- @-webkit-keyframes loaderColor {
2761
- 0%,
2762
- to {
2763
- stroke: currentColor;
2764
- }
2765
- 80%,
2766
- 90% {
2767
- stroke: currentColor;
2768
- }
2769
- }
2770
- @keyframes loaderColor {
2771
- 0%,
2772
- to {
2773
- stroke: currentColor;
2774
- }
2775
- 80%,
2776
- 90% {
2777
- stroke: currentColor;
2778
- }
2779
- }
2780
-
2781
- .w-menu-item {
2782
- position: relative;
2783
- display: flex;
2784
- flex-direction: row;
2785
- align-items: flex-start;
2786
- border-radius: 2px;
2787
- padding: 5px 7px;
2788
- text-decoration: none;
2789
- line-height: 20px;
2790
- color: inherit;
2791
- -webkit-user-select: none;
2792
- -moz-user-select: none;
2793
- -ms-user-select: none;
2794
- user-select: none;
2795
- transition: initial;
2796
- transition: background-color 0.3s;
2797
- }
2798
- .w-menu-item:hover,
2799
- .w-menu-item.active {
2800
- color: inherit;
2801
- cursor: pointer;
2802
- text-decoration: none;
2803
- background-color: rgba(167, 182, 194, 0.3);
2804
- }
2805
- .w-menu-item:active {
2806
- background-color: rgba(115, 134, 148, 0.3);
2807
- }
2808
- .w-menu-item.w-disabled {
2809
- outline: none !important;
2810
- background-color: inherit !important;
2811
- cursor: not-allowed !important;
2812
- }
2813
- .w-menu-item.w-disabled .w-menu-item-icon,
2814
- .w-menu-item.w-disabled {
2815
- color: rgba(92, 112, 128, 0.5) !important;
2816
- }
2817
- .w-menu-item-text {
2818
- flex-grow: 1;
2819
- }
2820
- .w-menu-item > * {
2821
- margin-right: 7px;
2822
- }
2823
- .w-menu-item > :last-child {
2824
- margin-right: 0;
2825
- }
2826
- .w-menu-item-multiline {
2827
- overflow: hidden;
2828
- text-overflow: ellipsis;
2829
- white-space: nowrap;
2830
- word-wrap: normal;
2831
- }
2832
-
2833
- .w-menu-subitem .w-menu-subitem-collapse {
2834
- height: 0;
2835
- }
2836
- .w-menu-subitem-collapse {
2837
- transition: height 300ms;
2838
- position: relative !important;
2839
- top: auto !important;
2840
- top: initial !important;
2841
- left: auto !important;
2842
- left: initial !important;
2843
- right: auto !important;
2844
- right: initial !important;
2845
- bottom: auto !important;
2846
- bottom: initial !important;
2847
- width: auto !important;
2848
- overflow: hidden !important;
2849
- }
2850
- .w-menu-subitem-collapse ul {
2851
- min-width: 100%;
2852
- padding-right: 0px !important;
2853
- }
2854
- .w-menu-subitem-collapse-icon {
2855
- transform: scale(0.79);
2856
- }
2857
- .w-menu-subitem-popup {
2858
- min-width: 180px;
2859
- }
2860
- .w-menu-subitem-title.w-menu-subitem-collapse-title .w-close,
2861
- .w-menu-subitem-title.w-menu-subitem-collapse-title .w-open {
2862
- transition: rotate 0.3s all;
2863
- }
2864
- .w-menu-subitem-title.w-menu-subitem-collapse-title .w-close {
2865
- transform: scale(0.79) rotate(90deg);
2866
- }
2867
- .w-menu-subitem-title.w-menu-subitem-collapse-title .w-open {
2868
- transform: scale(0.79) rotate(-90deg);
2869
- }
2870
- .w-menu-subitem-enter,
2871
- .w-menu-subitem-enter-done,
2872
- .w-menu-subitem-exit {
2873
- display: inherit;
2874
- }
2875
-
2876
- .w-menu {
2877
- margin: 0 !important;
2878
- padding: 5px;
2879
- box-sizing: border-box;
2880
- border-radius: 3px;
2881
- min-width: 100%;
2882
- width: 100%;
2883
- text-align: left;
2884
- font-size: 14px;
2885
- transition: width 0.2s, min-width 0.2s, max-width 0.2s, height 0.2s, min-height 0.2s, max-height 0.2s;
2886
- }
2887
- .w-menu.w-menu-dark,
2888
- .w-menu.w-menu-light {
2889
- padding-left: 5px;
2890
- }
2891
- .w-menu:not(.w-menu-dark) {
2892
- color: #182026;
2893
- background: #fff;
2894
- }
2895
- .w-menu li {
2896
- margin: 0 !important;
2897
- list-style: none !important;
2898
- position: relative;
2899
- }
2900
- .w-menu li:first-of-type {
2901
- border-top: none;
2902
- }
2903
- .w-menu li a:not([href]) {
2904
- color: inherit;
2905
- }
2906
- .w-menu.w-bordered {
2907
- box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.2);
2908
- }
2909
- .w-menu .w-menu-divider {
2910
- display: block;
2911
- margin: 5px !important;
2912
- border-top: 1px solid rgba(16, 22, 26, 0.15);
2913
- }
2914
- .w-menu .w-menu-divider > strong {
2915
- display: block;
2916
- line-height: 17px;
2917
- }
2918
- .w-menu .w-menu-divider:not(:first-of-type) > strong {
2919
- margin-top: 10px;
2920
- }
2921
- .w-menu.w-menu-light.w-menu-inline-collapsed > li > .w-menu-item:hover {
2922
- color: #008ef0;
2923
- }
2924
- .w-menu-inline-collapsed {
2925
- width: 80px;
2926
- min-width: 80px;
2927
- }
2928
- .w-menu-inline-collapsed > li > .w-menu-item {
2929
- justify-content: center;
2930
- padding-top: 10px;
2931
- padding-bottom: 10px;
2932
- font-size: 18px;
2933
- }
2934
- .w-menu-inline-collapsed > li > .w-menu-item:hover {
2935
- background-color: transparent;
2936
- color: #fff;
2937
- }
2938
- .w-menu-inline-collapsed > li > .w-menu-item > * {
2939
- margin-right: 0;
2940
- }
2941
- .w-menu-inline-collapsed > li > .w-menu-item .w-menu-item-text {
2942
- width: 0;
2943
- flex-grow: 0;
2944
- }
2945
- .w-menu-inline-collapsed > li > .w-menu-item .w-menu-subitem-collapse-icon {
2946
- display: none;
2947
- }
2948
- .w-menu-dark,
2949
- .w-menu-dark.w-bordered,
2950
- .w-menu-dark .w-menu {
2951
- background: #343a40;
2952
- color: rgba(255, 255, 255, 0.65);
2953
- }
2954
- .w-menu-dark.w-bordered {
2955
- box-shadow: none;
2956
- box-shadow: initial;
2957
- }
2958
- .w-menu-dark .active {
2959
- color: #fff !important;
2960
- }
2961
- .w-menu-dark .w-menu-item.w-disabled,
2962
- .w-menu-dark .w-menu-item.w-disabled .w-menu-item-icon {
2963
- color: rgba(142, 142, 142, 0.79) !important;
2964
- }
2965
- .w-menu-dark .w-menu-divider {
2966
- border-top: 1px solid rgba(255, 255, 255, 0.2);
2967
- }
2968
-
2969
- .w-message {
2970
- padding: 10px 15px;
2971
- position: relative;
2972
- font-size: 14px;
2973
- }
2974
- .w-message + .w-message {
2975
- margin-top: 10px;
2976
- }
2977
- .w-message-title,
2978
- .w-message-description {
2979
- display: block;
2980
- }
2981
- .w-message-rounded {
2982
- border-radius: 5px;
2983
- }
2984
- .w-message-description {
2985
- color: rgba(0, 0, 0, 0.65);
2986
- }
2987
- .w-message-title {
2988
- color: rgba(0, 0, 0, 0.85);
2989
- }
2990
- .w-message-title-description > .w-icon {
2991
- font-size: 24px;
2992
- }
2993
- .w-message-title-description .w-message-title {
2994
- font-size: 16px;
2995
- }
2996
- .w-message-title-description .w-message-title,
2997
- .w-message-title-description .w-message-description {
2998
- padding-left: 16px;
2999
- }
3000
- .w-message-icon {
3001
- padding-left: 34px;
3002
- }
3003
- .w-message-success {
3004
- background: #afecbd;
3005
- color: #28a745;
3006
- }
3007
- .w-message > button {
3008
- position: absolute;
3009
- right: 10px;
3010
- top: 10px;
3011
- }
3012
- .w-message > button.w-btn {
3013
- padding: 2px;
3014
- min-width: 16px;
3015
- min-height: 16px;
3016
- color: rgba(0, 0, 0, 0.38);
3017
- }
3018
- .w-message > button.w-btn:hover {
3019
- background-color: rgba(255, 255, 255, 0.21) !important;
3020
- }
3021
- .w-message > button.w-btn:active {
3022
- background-color: rgba(0, 0, 0, 0.1) !important;
3023
- }
3024
- .w-message-warning {
3025
- background: #fff4d3;
3026
- color: #ffc107;
3027
- }
3028
- .w-message-info {
3029
- background: #bde4ff;
3030
- color: #008ef0;
3031
- }
3032
- .w-message-error {
3033
- background: #fae3e5;
3034
- color: #dc3545;
3035
- }
3036
- .w-message > .w-icon {
3037
- top: 14px;
3038
- left: 14px;
3039
- position: absolute;
3040
- }
3041
- .w-message-enter {
3042
- transform: scaleY(0.5);
3043
- opacity: 0;
3044
- }
3045
- .w-message-enter-active {
3046
- opacity: 1;
3047
- transform: scaleY(1);
3048
- transition: transform 300ms ease, opacity 300ms ease;
3049
- }
3050
- .w-message-exit {
3051
- opacity: 1;
3052
- transform: scaleY(1);
3053
- transition: transform 300ms ease, opacity 300ms ease;
3054
- }
3055
- .w-message-exit-active {
3056
- transform: scaleY(0.5);
3057
- opacity: 0;
3058
- }
3059
-
3060
- .w-monthpicker {
3061
- display: inline-block;
3062
- }
3063
- .w-monthpicker-popover {
3064
- padding: 5px;
3065
- min-width: 192px;
3066
- max-width: 192px;
3067
- font-size: 14px;
3068
- line-height: 21px;
3069
- }
3070
- .w-monthpicker.disabled .w-monthpicker-close-btn {
3071
- display: none !important;
3072
- }
3073
- .w-monthpicker .w-monthpicker-close-btn {
3074
- min-height: 0;
3075
- min-height: initial;
3076
- color: #a5a5a5;
3077
- cursor: pointer;
3078
- }
3079
- .w-monthpicker .w-monthpicker-close-btn:hover {
3080
- color: #393e48;
3081
- }
3082
- .w-monthpicker .w-monthpicker-close-btn:active,
3083
- .w-monthpicker .w-monthpicker-close-btn:hover {
3084
- background-color: transparent !important;
3085
- }
3086
-
3087
- .w-notify {
3088
- position: relative !important;
3089
- z-index: 9999;
3090
- }
3091
- .w-notify-warpper .w-notify .w-modal-inner .w-modal-header > .w-icon {
3092
- font-size: 28px !important;
3093
- }
3094
- .w-notify-warpper .w-notify .w-modal-inner .w-modal-header > .w-btn {
3095
- min-width: 18px;
3096
- min-height: 18px;
3097
- padding: 5px 5px;
3098
- }
3099
- .w-notify-warpper .w-notify .w-modal-inner.w-modal-shown-icon:not(.w-modal-shown-title) .w-modal-header > button {
3100
- top: 12px;
3101
- right: 10px;
3102
- position: absolute;
3103
- }
3104
- .w-notify-warpper .w-notify .w-modal-inner.w-modal-shown-icon:not(.w-modal-shown-title) .w-modal-body {
3105
- padding-right: 36px;
3106
- }
3107
- .w-notify-warpper .w-notify .w-modal-inner.w-modal-shown-title .w-modal-header {
3108
- padding-top: 20px;
3109
- }
3110
- .w-notify-warpper .w-notify .w-modal-inner.w-modal-shown-title .w-modal-header > button {
3111
- top: 5px;
3112
- right: 5px;
3113
- position: absolute;
3114
- }
3115
- .w-notify-warpper .w-notify .w-modal-inner.w-modal-shown-title .w-modal-header > h4 {
3116
- padding-left: 40px;
3117
- padding-right: 20px;
3118
- }
3119
- .w-notify-warpper .w-notify .w-modal-inner.w-modal-shown-title .w-modal-body {
3120
- padding-left: 60px;
3121
- opacity: 0.75;
3122
- }
3123
- .w-notify-warpper .w-notify .w-modal-inner.w-modal-shown-title:not(.w-modal-shown-icon) .w-modal-header > h4 {
3124
- padding-left: 5px;
3125
- }
3126
- .w-notify-warpper .w-notify .w-modal-inner.w-modal-shown-title:not(.w-modal-shown-icon) .w-modal-body {
3127
- padding-left: 25px;
3128
- }
3129
- .w-notify-warpper .w-notify .w-modal-inner:not(.w-modal-shown-title):not(.w-modal-shown-icon) .w-modal-body {
3130
- padding: 16px;
3131
- }
3132
- .w-notify-warpper .w-notify .w-modal-inner:not(.w-modal-shown-title).w-modal-inner {
3133
- padding-bottom: 0;
3134
- }
3135
- .w-notify-warpper .w-notify .w-modal-inner:not(.w-modal-shown-title).w-modal-inner .w-modal-header {
3136
- padding-top: 16px;
3137
- }
3138
- .w-notify-warpper .w-notify .w-modal-inner:not(.w-modal-shown-title).w-modal-inner .w-modal-header > .w-icon {
3139
- font-size: 20px !important;
3140
- }
3141
- .w-notify-warpper .w-notify .w-modal-inner:not(.w-modal-shown-title) .w-modal-body {
3142
- padding: 16px 12px;
3143
- }
3144
- .w-notify-warpper .w-notify .w-overlay-content {
3145
- margin: 5px;
3146
- }
3147
- .w-notify-warpper {
3148
- position: fixed;
3149
- padding: 5px;
3150
- z-index: 999;
3151
- }
3152
- .w-notify-warpper.topLeft {
3153
- top: 0;
3154
- left: 0;
3155
- }
3156
- .w-notify-warpper.topRight {
3157
- top: 0;
3158
- right: 0;
3159
- }
3160
- .w-notify-warpper.bottomLeft {
3161
- bottom: 0;
3162
- left: 0;
3163
- }
3164
- .w-notify-warpper.bottomRight {
3165
- bottom: 0;
3166
- right: 0;
3167
- }
3168
-
3169
- .w-pagination {
3170
- padding: 0 !important;
3171
- margin: 0 !important;
3172
- position: relative;
3173
- -webkit-user-select: none;
3174
- -moz-user-select: none;
3175
- -ms-user-select: none;
3176
- user-select: none;
3177
- font-size: 12px;
3178
- }
3179
- .w-pagination-left {
3180
- text-align: left;
3181
- }
3182
- .w-pagination-center {
3183
- text-align: center;
3184
- }
3185
- .w-pagination-right {
3186
- text-align: right;
3187
- }
3188
- .w-pagination > li {
3189
- height: 28px;
3190
- line-height: 28px;
3191
- vertical-align: middle;
3192
- text-align: center;
3193
- position: relative;
3194
- cursor: pointer;
3195
- transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in;
3196
- margin: 0 !important;
3197
- display: inline-flex;
3198
- align-items: center;
3199
- }
3200
- .w-pagination > li > a {
3201
- text-decoration: none;
3202
- color: rgba(0, 0, 0, 0.5);
3203
- transition: none;
3204
- margin: 0 10px;
3205
- display: block;
3206
- }
3207
- .w-pagination > li > a.arrow {
3208
- padding: 0 3px;
3209
- }
3210
- .w-pagination > li > a.arrow::after,
3211
- .w-pagination > li > a.arrow::before {
3212
- content: '';
3213
- display: block;
3214
- height: 8px;
3215
- width: 2px;
3216
- border-radius: 2px;
3217
- background-color: #565656;
3218
- transition: all 0.3s;
3219
- }
3220
- .w-pagination > li > a.arrow::after {
3221
- margin-top: -4px;
3222
- }
3223
- .w-pagination > li > a.arrow.prev::after,
3224
- .w-pagination > li > a.arrow.next::before {
3225
- transform: rotate(-45deg);
3226
- }
3227
- .w-pagination > li > a.arrow.prev::before,
3228
- .w-pagination > li > a.arrow.next::after {
3229
- transform: rotate(45deg);
3230
- }
3231
- .w-pagination > li.disabled {
3232
- cursor: not-allowed;
3233
- }
3234
- .w-pagination > li.disabled > a.arrow::after,
3235
- .w-pagination > li.disabled > a.arrow::before {
3236
- background: #d4d4d4;
3237
- }
3238
- .w-pagination.small > li {
3239
- height: 21px;
3240
- line-height: 21px;
3241
- border-radius: 4px;
3242
- }
3243
- .w-pagination.small > li > a {
3244
- margin: 0 3px;
3245
- min-width: 15px;
3246
- }
3247
- .w-pagination.small > li > a.arrow::after,
3248
- .w-pagination.small > li > a.arrow::before {
3249
- margin-left: 6px;
3250
- }
3251
- .w-pagination.small > li.active {
3252
- background-color: #ececec;
3253
- }
3254
- .w-pagination.small > li:not(.active):hover a {
3255
- color: #2ea3f4;
3256
- }
3257
- .w-pagination.default > li {
3258
- background: #fff;
3259
- border: 1px solid #d4d4d4;
3260
- border-left: 0;
3261
- }
3262
- .w-pagination.default > li:not(.disabled):not(.active):hover {
3263
- background-color: #f6f6f6;
3264
- }
3265
- .w-pagination.default > li:not(.disabled):active {
3266
- box-shadow: inset 0 8px 42px -12px rgba(0, 0, 0, 0.2);
3267
- }
3268
- .w-pagination.default > li:first-child {
3269
- border-left: 1px solid #d4d4d4;
3270
- border-radius: 3px 0 0 3px;
3271
- }
3272
- .w-pagination.default > li:last-child {
3273
- border-radius: 0 3px 3px 0;
3274
- }
3275
- .w-pagination.default > li.active {
3276
- background-color: #ececec;
3277
- }
3278
- .w-pagination.default > li.active:active {
3279
- box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
3280
- }
3281
- .w-pagination.default.divider li + li {
3282
- margin-left: 8px !important;
3283
- border: 1px solid #d4d4d4;
3284
- }
3285
- .w-pagination.default.divider li {
3286
- border-radius: 4px;
3287
- }
3288
-
3289
- .w-pin-code {
3290
- display: flex;
3291
- }
3292
- .w-pin-code-inner + .w-pin-code-inner {
3293
- margin-left: 8px;
3294
- }
3295
- .w-pin-code-inner {
3296
- width: 30px;
3297
- }
3298
- .w-pin-code-inner > input {
3299
- text-align: center;
3300
- padding: 0 !important;
3301
- font-size: 14px;
3302
- font-weight: bold;
3303
- }
3304
- .w-pin-code-large .w-pin-code-inner {
3305
- width: 36px;
3306
- }
3307
- .w-pin-code-large .w-pin-code-inner input {
3308
- font-size: 16px;
3309
- }
3310
- .w-pin-code-small .w-pin-code-inner {
3311
- width: 24px;
3312
- }
3313
- .w-pin-code-small .w-pin-code-inner input {
3314
- font-size: 12px;
3315
- }
3316
-
3317
- .w-progress {
3318
- position: relative;
3319
- line-height: 1;
3320
- display: inline-block;
3321
- }
3322
- .w-progress-text {
3323
- color: #48576a;
3324
- display: inline-block;
3325
- vertical-align: middle;
3326
- margin-left: 10px;
3327
- line-height: 1;
3328
- }
3329
-
3330
- .w-progress-circle .w-progress-text {
3331
- position: absolute;
3332
- top: 50%;
3333
- left: 0;
3334
- width: 100%;
3335
- text-align: center;
3336
- margin: 0;
3337
- transform: translate(0, -50%);
3338
- font-size: 16px;
3339
- }
3340
- .w-progress-trail {
3341
- stroke: #e5e9f2;
3342
- }
3343
- .w-progress-stroke {
3344
- stroke: #20a0ff;
3345
- }
3346
- .w-progress-status-success .w-progress-stroke {
3347
- stroke: #28a745;
3348
- }
3349
- .w-progress-status-exception .w-progress-stroke {
3350
- stroke: #ff4949;
3351
- }
3352
-
3353
- .w-progress-line {
3354
- width: 100%;
3355
- font-size: 12px;
3356
- }
3357
- .w-progress-bar,
3358
- .w-progress-text {
3359
- box-sizing: border-box;
3360
- }
3361
- .w-progress-bar {
3362
- display: inline-block;
3363
- width: 100%;
3364
- vertical-align: middle;
3365
- }
3366
- .w-progress-status-active .w-progress-bg {
3367
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
3368
- background-size: 12px 12px;
3369
- -webkit-animation: progress-bar-stripes 1s linear infinite;
3370
- animation: progress-bar-stripes 1s linear infinite;
3371
- }
3372
- .w-progress-status-active .w-progress-bg:before {
3373
- content: ' ';
3374
- opacity: 0;
3375
- position: absolute;
3376
- top: 0;
3377
- left: 0;
3378
- right: 0;
3379
- bottom: 0;
3380
- background: #fff;
3381
- border-radius: 10px;
3382
- -webkit-animation: w-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
3383
- animation: w-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
3384
- }
3385
- .w-progress-status-exception .w-progress-bg {
3386
- background-color: #dc3545;
3387
- }
3388
- .w-progress-status-exception .w-progress-text {
3389
- color: #dc3545;
3390
- }
3391
- .w-progress-status-success .w-progress-bg {
3392
- background-color: #28a745;
3393
- }
3394
- .w-progress-status-success .w-progress-text {
3395
- color: #28a745;
3396
- }
3397
- .w-progress-show-text .w-progress-bar {
3398
- margin-right: -50px;
3399
- padding-right: 50px;
3400
- }
3401
- .w-progress-inner {
3402
- height: 100%;
3403
- width: 100%;
3404
- border-radius: 100px;
3405
- background-color: #e5e9f2;
3406
- }
3407
- .w-progress-bg {
3408
- height: 100%;
3409
- border-radius: 100px;
3410
- background-color: #108ee9;
3411
- transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
3412
- position: relative;
3413
- }
3414
- @-webkit-keyframes progress-bar-stripes {
3415
- from {
3416
- background-position: 0 0;
3417
- }
3418
- to {
3419
- background-position: 24px 0;
3420
- }
3421
- }
3422
- @keyframes progress-bar-stripes {
3423
- from {
3424
- background-position: 0 0;
3425
- }
3426
- to {
3427
- background-position: 24px 0;
3428
- }
3429
- }
3430
- @-webkit-keyframes w-progress-active {
3431
- 0% {
3432
- opacity: 0.1;
3433
- width: 0;
3434
- }
3435
- 20% {
3436
- opacity: 0.5;
3437
- width: 0;
3438
- }
3439
- 100% {
3440
- opacity: 0;
3441
- width: 100%;
3442
- }
3443
- }
3444
- @keyframes w-progress-active {
3445
- 0% {
3446
- opacity: 0.1;
3447
- width: 0;
3448
- }
3449
- 20% {
3450
- opacity: 0.5;
3451
- width: 0;
3452
- }
3453
- 100% {
3454
- opacity: 0;
3455
- width: 100%;
3456
- }
3457
- }
3458
-
3459
- .w-rate {
3460
- position: relative;
3461
- line-height: 12px;
3462
- font-size: 20px;
3463
- font-family: auto;
3464
- display: inline-block;
3465
- vertical-align: middle;
3466
- }
3467
- .w-rate > span + span {
3468
- margin-left: 3px;
3469
- }
3470
- .w-rate-bg {
3471
- color: #e9e9e9;
3472
- }
3473
- .w-rate > span,
3474
- .w-rate-bg {
3475
- cursor: pointer;
3476
- position: relative;
3477
- display: inline-block;
3478
- }
3479
- .w-rate-hight {
3480
- z-index: 3;
3481
- line-height: 12px;
3482
- position: absolute;
3483
- transition: color 0.3s, width 0.3s;
3484
- color: #e9e9e9;
3485
- display: none;
3486
- }
3487
- .w-rate .hover-on {
3488
- cursor: pointer;
3489
- }
3490
- .w-rate .star-on,
3491
- .w-rate .hover-on,
3492
- .w-rate .half-on {
3493
- display: inline-block;
3494
- color: #f5a623;
3495
- }
3496
- .w-rate .half-on:not(.hover-on) {
3497
- overflow: hidden;
3498
- width: 50%;
3499
- }
3500
-
3501
- .w-select {
3502
- display: inline-flex;
3503
- font-size: 14px;
3504
- -webkit-appearance: none;
3505
- -moz-appearance: none;
3506
- appearance: none;
3507
- cursor: pointer;
3508
- color: #182026;
3509
- padding: 6px 25px 6px 10px;
3510
- width: 100%;
3511
- max-width: 100%;
3512
- margin: 0;
3513
- line-height: 18px;
3514
- vertical-align: middle;
3515
- box-sizing: border-box;
3516
- border: none;
3517
- box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
3518
- border-radius: 3px;
3519
- background-color: #f5f8fa;
3520
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg=='), linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
3521
- background-repeat: no-repeat, repeat;
3522
- background-position: right 0.7em top 50%, 0 0;
3523
- background-size: 0.62em auto, 100%;
3524
- }
3525
- .w-select:focus {
3526
- outline: none !important;
3527
- }
3528
- .w-select:hover {
3529
- box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
3530
- background-clip: padding-box;
3531
- background-color: #ebf1f5;
3532
- }
3533
- .w-select:disabled {
3534
- box-shadow: none;
3535
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==');
3536
- background-size: 0.52em auto, 100%;
3537
- background-color: #dddddd;
3538
- opacity: 0.75;
3539
- color: #a5a5a5;
3540
- cursor: not-allowed;
3541
- resize: none;
3542
- }
3543
- .w-select-large {
3544
- padding: 9px 25px 9px 12px;
3545
- font-size: 16px;
3546
- }
3547
- .w-select-small {
3548
- padding: 3px 25px 3px 7px;
3549
- font-size: 12px;
3550
- }
3551
-
3552
- .w-split {
3553
- height: 100%;
3554
- display: flex;
3555
- flex-direction: row;
3556
- }
3557
- .w-split-bar {
3558
- z-index: 10;
3559
- position: relative;
3560
- justify-content: center;
3561
- display: flex;
3562
- background: #f8f8f9;
3563
- -webkit-user-select: none;
3564
- -ms-user-select: none;
3565
- user-select: none;
3566
- }
3567
- .w-split-bar::before,
3568
- .w-split-bar::after {
3569
- content: '';
3570
- display: block;
3571
- }
3572
- .w-split-bar.disable {
3573
- pointer-events: none;
3574
- cursor: not-allowed !important;
3575
- }
3576
- .w-split-bar:hover:not(.disable) {
3577
- transition: background-color 0.3s;
3578
- background: #ecf7ff;
3579
- }
3580
- .w-split.dragging .w-split-pane {
3581
- position: relative;
3582
- }
3583
- .w-split.dragging .w-split-pane::before {
3584
- content: '';
3585
- display: block;
3586
- position: absolute;
3587
- height: 100%;
3588
- width: 100%;
3589
- z-index: 10;
3590
- }
3591
- .w-split > .w-split-pane {
3592
- -webkit-transform: none;
3593
- transform: none;
3594
- }
3595
- .w-split:not(.dragging) > .w-split-pane {
3596
- transition: all 0.3s;
3597
- }
3598
- .w-split-horizontal > .w-split-bar {
3599
- cursor: col-resize;
3600
- width: 5px;
3601
- flex-direction: column;
3602
- box-shadow: inset 1px 0 0 0 #d5d5d5, 1px 0 0 0 #d5d5d5;
3603
- }
3604
- .w-split-horizontal > .w-split-bar::before,
3605
- .w-split-horizontal > .w-split-bar::after {
3606
- height: 3px;
3607
- width: 100%;
3608
- box-shadow: inset 0 1px 0 0 #d5d5d5, 0 1px 0 0 #d5d5d5;
3609
- }
3610
- .w-split-horizontal > .w-split-bar::before {
3611
- margin-top: -1px;
3612
- }
3613
- .w-split-horizontal > .w-split-bar::after {
3614
- margin-top: 3px;
3615
- }
3616
- .w-split-horizontal > .w-split-bar.disable {
3617
- box-shadow: inset 1px 0 0 0 #e6e6e6, 1px 0 0 0 #eaeaea !important;
3618
- }
3619
- .w-split-vertical {
3620
- flex-direction: column;
3621
- }
3622
- .w-split-vertical > .w-split-bar {
3623
- cursor: row-resize;
3624
- width: 100%;
3625
- height: 5px;
3626
- align-items: center;
3627
- flex-direction: row;
3628
- box-shadow: inset 0 1px 0 0 #d5d5d5, 0 1px 0 0 #d5d5d5;
3629
- }
3630
- .w-split-vertical > .w-split-bar.disable {
3631
- box-shadow: inset 0 1px 0 0 #e6e6e6, 0 1px 0 0 #eaeaea !important;
3632
- }
3633
- .w-split-vertical > .w-split-bar::before,
3634
- .w-split-vertical > .w-split-bar::after {
3635
- height: 100%;
3636
- width: 3px;
3637
- box-shadow: inset 1px 0 0 0 #d5d5d5, 1px 0 0 0 #d5d5d5;
3638
- }
3639
- .w-split-vertical > .w-split-bar::before {
3640
- margin-left: -1px;
3641
- }
3642
- .w-split-vertical > .w-split-bar::after {
3643
- margin-left: 3px;
3644
- }
3645
- .w-split-large-bar div {
3646
- position: absolute;
3647
- left: 0;
3648
- right: 0;
3649
- bottom: 0;
3650
- top: 0;
3651
- }
3652
- .w-split-vertical > .w-split-line-bar:hover::before,
3653
- .w-split-horizontal > .w-split-line-bar:hover::before {
3654
- border-color: #008EF0;
3655
- }
3656
- .w-split-vertical > .w-split-line-bar {
3657
- height: 1px;
3658
- }
3659
- .w-split-vertical > .w-split-line-bar div {
3660
- cursor: row-resize;
3661
- width: 100%;
3662
- height: 8px;
3663
- margin-top: -2px;
3664
- margin-bottom: -2px;
3665
- }
3666
- .w-split-vertical > .w-split-line-bar div:hover,
3667
- .w-split-vertical > .w-split-line-bar div:active,
3668
- .w-split-vertical > .w-split-line-bar div:focus {
3669
- margin-top: -6px;
3670
- margin-bottom: -6px;
3671
- height: 6px;
3672
- }
3673
- .w-split-vertical > .w-split-line-bar div:hover::after,
3674
- .w-split-vertical > .w-split-line-bar div:active::after,
3675
- .w-split-vertical > .w-split-line-bar div:focus::after {
3676
- background-color: #008EF0;
3677
- }
3678
- .w-split-vertical > .w-split-line-bar div::after {
3679
- height: 1px;
3680
- width: 100%;
3681
- }
3682
- .w-split-horizontal > .w-split-line-bar {
3683
- width: 1px;
3684
- }
3685
- .w-split-horizontal > .w-split-line-bar div {
3686
- cursor: col-resize;
3687
- height: 100%;
3688
- width: 8px;
3689
- margin-left: -2px;
3690
- margin-right: -2px;
3691
- }
3692
- .w-split-horizontal > .w-split-line-bar div:hover,
3693
- .w-split-horizontal > .w-split-line-bar div:active,
3694
- .w-split-horizontal > .w-split-line-bar div:focus {
3695
- margin-left: -6px;
3696
- margin-right: -6px;
3697
- width: 6px;
3698
- }
3699
- .w-split-horizontal > .w-split-line-bar div:hover::after,
3700
- .w-split-horizontal > .w-split-line-bar div:active::after,
3701
- .w-split-horizontal > .w-split-line-bar div:focus::after {
3702
- background-color: #008EF0;
3703
- }
3704
- .w-split-horizontal > .w-split-line-bar div::after {
3705
- width: 1px;
3706
- height: 100%;
3707
- }
3708
- .w-split-vertical > .w-split-line-bar,
3709
- .w-split-horizontal > .w-split-line-bar {
3710
- flex-direction: inherit;
3711
- }
3712
- .w-split-vertical > .w-split-line-bar::before,
3713
- .w-split-horizontal > .w-split-line-bar::before {
3714
- display: none;
3715
- }
3716
- .w-split-vertical > .w-split-line-bar div,
3717
- .w-split-horizontal > .w-split-line-bar div {
3718
- position: relative;
3719
- display: flex;
3720
- align-items: center;
3721
- justify-content: center;
3722
- }
3723
- .w-split-vertical > .w-split-line-bar div::after,
3724
- .w-split-horizontal > .w-split-line-bar div::after {
3725
- content: '';
3726
- display: block;
3727
- background-color: #d5d5d5;
3728
- }
3729
- .w-split-line-bar {
3730
- box-shadow: inset 0 0 0 0 !important;
3731
- background: transparent;
3732
- }
3733
- .w-split-line-bar::before {
3734
- box-shadow: inset 0 0 0 0 !important;
3735
- }
3736
- .w-split-line-bar::after {
3737
- display: none;
3738
- }
3739
-
3740
- .w-steps {
3741
- font-size: 0;
3742
- width: 100%;
3743
- line-height: 1.5;
3744
- }
3745
- .w-steps .w-steps-item {
3746
- position: relative;
3747
- display: inline-block;
3748
- vertical-align: top;
3749
- }
3750
- .w-steps .w-steps-item:last-child .w-steps-item-tail {
3751
- display: none;
3752
- text-align: center;
3753
- }
3754
- .w-steps .w-steps-item-tail {
3755
- position: absolute;
3756
- left: 0;
3757
- width: 100%;
3758
- top: 13px;
3759
- padding: 0 10px;
3760
- height: 1px;
3761
- }
3762
- .w-steps .w-steps-item-tail i {
3763
- display: block;
3764
- width: 100%;
3765
- height: 100%;
3766
- position: relative;
3767
- background-color: #e9e9e9;
3768
- }
3769
- .w-steps .w-steps-item-tail i:after {
3770
- position: absolute;
3771
- content: ' ';
3772
- top: 0;
3773
- width: 0;
3774
- height: 100%;
3775
- transition: all 0.6s;
3776
- }
3777
- .w-steps .w-steps-item-head,
3778
- .w-steps .w-steps-item-main {
3779
- position: relative;
3780
- display: inline-block;
3781
- vertical-align: top;
3782
- }
3783
- .w-steps .w-steps-item-head {
3784
- padding-left: 10px;
3785
- background: #fff;
3786
- }
3787
- .w-steps .w-steps-item-head:not(:first-child) {
3788
- margin-left: -10px;
3789
- }
3790
- .w-steps .w-steps-item-title {
3791
- padding-right: 10px;
3792
- line-height: 26px;
3793
- font-size: 14px;
3794
- font-weight: 700;
3795
- background: #fff;
3796
- color: #999;
3797
- display: inline-block;
3798
- }
3799
- .w-steps .w-steps-item-description {
3800
- font-size: 12px;
3801
- color: #999;
3802
- max-width: 130px;
3803
- }
3804
- .w-steps .w-steps-item-inner {
3805
- display: flex;
3806
- justify-content: center;
3807
- align-items: center;
3808
- border: 1px solid rgba(0, 0, 0, 0.25);
3809
- color: rgba(0, 0, 0, 0.25);
3810
- background-color: #fff;
3811
- width: 26px;
3812
- height: 26px;
3813
- line-height: 26px;
3814
- text-align: center;
3815
- border-radius: 26px;
3816
- font-size: 14px;
3817
- margin-right: 8px;
3818
- transition: background-color 0.3s ease, border-color 0.3s ease;
3819
- }
3820
- .w-steps .w-steps-item-process .w-steps-item-inner,
3821
- .w-steps .w-steps-item-finish .w-steps-item-inner {
3822
- border-color: #2d8cf0;
3823
- background-color: #2d8cf0;
3824
- color: #fff;
3825
- }
3826
- .w-steps .w-steps-item-process .w-steps-item-inner.is-icon .w-steps-icon,
3827
- .w-steps .w-steps-item-finish .w-steps-item-inner.is-icon .w-steps-icon {
3828
- color: #108ee9;
3829
- }
3830
- .w-steps .w-steps-item-process [class^='w-icon-'],
3831
- .w-steps .w-steps-item-finish [class^='w-icon-'],
3832
- .w-steps .w-steps-item-process [class*=' w-icon-'],
3833
- .w-steps .w-steps-item-finish [class*=' w-icon-'] {
3834
- vertical-align: middle;
3835
- position: relative;
3836
- top: -1px;
3837
- }
3838
- .w-steps .w-steps-item-finish .w-steps-item-tail i:after {
3839
- background-color: #2d8cf0;
3840
- width: 100%;
3841
- }
3842
- .w-steps .w-steps-item-process .w-steps-item-title,
3843
- .w-steps .w-steps-item-process .w-steps-item-description {
3844
- color: rgba(0, 0, 0, 0.65);
3845
- }
3846
- .w-steps .w-steps-item-error .w-steps-item-inner {
3847
- color: #f04134;
3848
- border-color: #f04134;
3849
- background-color: #fff;
3850
- }
3851
- .w-steps .w-steps-item-error .w-steps-item-title,
3852
- .w-steps .w-steps-item-error .w-steps-item-description,
3853
- .w-steps .w-steps-item-error .w-steps-icon,
3854
- .w-steps .w-steps-item-error i[class^='w-icon-'] {
3855
- color: #f04134;
3856
- }
3857
- .w-steps .w-steps-next-error .w-steps-item-tail i:after {
3858
- background-color: #f04134;
3859
- width: 100%;
3860
- transition: all 0.6s;
3861
- }
3862
- .w-steps-custom .w-steps-item-inner.is-icon {
3863
- background: none;
3864
- border: 0;
3865
- width: 26px;
3866
- height: 26px;
3867
- font-size: 26px;
3868
- }
3869
- .w-steps-dot .w-steps-item-main {
3870
- display: block;
3871
- text-align: center;
3872
- }
3873
- .w-steps-dot .w-steps-item-inner {
3874
- margin: 0 auto;
3875
- width: 7px;
3876
- height: 7px;
3877
- line-height: 5px;
3878
- border: 0;
3879
- }
3880
- .w-steps-dot .w-steps-item-title {
3881
- padding-top: 5px;
3882
- }
3883
- .w-steps-dot .w-steps-item-description {
3884
- max-width: none;
3885
- max-width: initial;
3886
- }
3887
- .w-steps-dot .w-steps-item-error .w-steps-item-tail i:after {
3888
- background-color: #2d8cf0;
3889
- }
3890
- .w-steps-dot .w-steps-item-error .w-steps-item-inner {
3891
- background: #f04134;
3892
- }
3893
- .w-steps-dot .w-steps-item-error .w-steps-item-tail {
3894
- padding-right: 50%;
3895
- background: #e9e9e9;
3896
- }
3897
- .w-steps-dot .w-steps-item-error .w-steps-item-tail i:after {
3898
- background-color: #f04134;
3899
- width: 100%;
3900
- }
3901
- .w-steps-dot .w-steps-item-finish.w-steps-next-error .w-steps-item-tail i:after {
3902
- background-color: #2d8cf0;
3903
- }
3904
- .w-steps-dot .w-steps-item-wait .w-steps-item-inner {
3905
- border-color: rgba(0, 0, 0, 0.25);
3906
- background-color: rgba(0, 0, 0, 0.25);
3907
- }
3908
- .w-steps-dot .w-steps-item-wait .w-steps-item-inner .w-steps-dot {
3909
- background: rgba(0, 0, 0, 0.25);
3910
- }
3911
- .w-steps-dot .w-steps-item-process .w-steps-item-tail {
3912
- padding-right: 50%;
3913
- background: #e9e9e9;
3914
- }
3915
- .w-steps-dot .w-steps-item-process .w-steps-item-tail i:after {
3916
- background-color: #2d8cf0;
3917
- width: 100%;
3918
- }
3919
- .w-steps-dot .w-steps-item-tail {
3920
- padding: 0;
3921
- width: 100%;
3922
- position: static;
3923
- position: initial;
3924
- height: 2px;
3925
- }
3926
- .w-steps-dot .w-steps-item:first-child .w-steps-item-tail {
3927
- padding-left: 50%;
3928
- }
3929
- .w-steps-dot .w-steps-item:last-child .w-steps-item-tail {
3930
- display: block;
3931
- padding-right: 50%;
3932
- }
3933
- .w-steps-dot .w-steps-item-head:not(:first-child) {
3934
- margin-left: 0;
3935
- padding-left: 0;
3936
- text-align: center;
3937
- display: block;
3938
- }
3939
- .w-steps-dot .w-steps-item-head {
3940
- background: transparent;
3941
- margin-top: -4px;
3942
- }
3943
- .w-steps-dot.w-steps-vertical .w-steps-item:last-child .w-steps-item-tail {
3944
- display: none;
3945
- }
3946
- .w-steps-dot.w-steps-vertical .w-steps-item .w-steps-item-tail {
3947
- position: absolute;
3948
- left: 3px;
3949
- padding: 0 0 21px;
3950
- }
3951
- .w-steps-dot.w-steps-vertical .w-steps-item-inner {
3952
- margin: 0;
3953
- }
3954
- .w-steps-dot.w-steps-vertical .w-steps-item-main {
3955
- text-align: left;
3956
- padding-left: 20px;
3957
- padding-bottom: 24px;
3958
- margin-top: -21px;
3959
- }
3960
- .w-steps-dot.w-steps-vertical .w-steps-next-error .w-steps-item-tail i:after {
3961
- background-color: #f04134;
3962
- }
3963
- .w-steps-dot.w-steps-vertical .w-steps-item-error .w-steps-item-tail {
3964
- background-color: transparent;
3965
- }
3966
- .w-steps-dot.w-steps-vertical .w-steps-item-error .w-steps-item-tail i:after {
3967
- background-color: transparent;
3968
- }
3969
- .w-steps-vertical > .w-steps-item {
3970
- display: block;
3971
- }
3972
- .w-steps-vertical > .w-steps-item > .w-steps-item-tail {
3973
- height: 100%;
3974
- width: 1px;
3975
- padding: 18px 0;
3976
- left: 13px;
3977
- }
3978
- .w-steps-vertical .w-steps-item-main {
3979
- padding-bottom: 12px;
3980
- overflow: hidden;
3981
- }
3982
- .w-steps-vertical .w-steps-item .w-steps-item-main .w-steps-item-description {
3983
- max-width: inherit;
3984
- }
3985
-
3986
- .w-slider {
3987
- width: -webkit-fill-available;
3988
- width: -moz-available;
3989
- width: stretch;
3990
- height: 4px;
3991
- margin: 13px 7px;
3992
- background-color: #e4e8f1;
3993
- border-radius: 3px;
3994
- position: relative;
3995
- font-size: 12px;
3996
- cursor: pointer;
3997
- -webkit-user-select: none;
3998
- -moz-user-select: none;
3999
- -ms-user-select: none;
4000
- user-select: none;
4001
- vertical-align: middle;
4002
- }
4003
- .w-slider-bar {
4004
- height: 4px;
4005
- border-radius: 3px;
4006
- background-color: #008ef0;
4007
- position: absolute;
4008
- }
4009
- .w-slider.disabled,
4010
- .w-slider.disabled .w-slider-mark > div {
4011
- cursor: not-allowed;
4012
- }
4013
- .w-slider.disabled .w-slider-bar {
4014
- background-color: #bdc2cc;
4015
- }
4016
- .w-slider.disabled .w-slider-handle {
4017
- background-color: #e6e6e6;
4018
- box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0px 0px rgba(16, 22, 26, 0.2);
4019
- }
4020
- .w-slider-handle {
4021
- left: 0%;
4022
- width: 14px;
4023
- height: 14px;
4024
- position: absolute;
4025
- z-index: 1;
4026
- margin-top: -5px;
4027
- transform: translateX(-50%);
4028
- box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
4029
- background-color: #f5f8fa;
4030
- background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
4031
- border-radius: 50%;
4032
- transition: all 0.3;
4033
- }
4034
- .w-slider-dots > div {
4035
- position: absolute;
4036
- width: 4px;
4037
- height: 4px;
4038
- border-radius: 100%;
4039
- background-color: #fff;
4040
- box-shadow: 0 0 0 1.6px rgba(16, 22, 26, 0.16);
4041
- top: 0px;
4042
- transform: translateX(-50%);
4043
- }
4044
- .w-slider:not(.disabled) .w-slider-handle:active {
4045
- background-color: #d8e1e8;
4046
- transition: all 0.3;
4047
- box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2), 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
4048
- }
4049
- .w-slider:not(.disabled) .w-slider-handle:hover .w-slider-tooltip,
4050
- .w-slider:not(.disabled) .w-slider-handle:focus .w-slider-tooltip,
4051
- .w-slider:not(.disabled) .w-slider-handle:active .w-slider-tooltip {
4052
- display: inline-block;
4053
- }
4054
- .w-slider-tooltip {
4055
- display: none;
4056
- font-size: 12px;
4057
- position: absolute;
4058
- background-color: rgba(0, 0, 0, 0.75);
4059
- color: #fff;
4060
- padding: 0px 4px;
4061
- margin-top: -3px;
4062
- border-radius: 3px;
4063
- transform: translate(-50%, -100%);
4064
- margin-left: 6px;
4065
- }
4066
- .w-slider-tooltip.open {
4067
- display: inline-block;
4068
- }
4069
- .w-slider-with-marks {
4070
- margin-bottom: 24px;
4071
- }
4072
- .w-slider-mark.no-marks {
4073
- display: none;
4074
- }
4075
- .w-slider-mark > div {
4076
- margin-bottom: -50%;
4077
- margin-left: 3px;
4078
- padding: 0 3px;
4079
- position: absolute;
4080
- display: inline-block;
4081
- vertical-align: middle;
4082
- text-align: center;
4083
- cursor: pointer;
4084
- transform: translate(-50%, 50%);
4085
- color: rgba(0, 0, 0, 0.43);
4086
- }
4087
- .w-slider-vertical {
4088
- height: 100%;
4089
- height: -webkit-fill-available;
4090
- height: -moz-available;
4091
- height: stretch;
4092
- width: 4px;
4093
- margin: 7px 13px;
4094
- }
4095
- .w-slider-vertical .w-slider-dots > div {
4096
- left: 2px;
4097
- }
4098
- .w-slider-vertical .w-slider-bar {
4099
- width: 4px;
4100
- height: auto;
4101
- height: initial;
4102
- }
4103
- .w-slider-vertical .w-slider-handle {
4104
- margin-left: 2px;
4105
- }
4106
- .w-slider-vertical .w-slider-mark > div {
4107
- transform: translate(0, -50%);
4108
- padding: 0;
4109
- margin-left: 12px;
4110
- margin-top: 2px;
4111
- }
4112
-
4113
- .w-switch {
4114
- vertical-align: middle;
4115
- font-size: 12px;
4116
- cursor: pointer;
4117
- }
4118
- .w-switch input[type='checkbox'] {
4119
- cursor: pointer;
4120
- white-space: nowrap;
4121
- position: relative;
4122
- min-width: 35px;
4123
- height: 20px;
4124
- margin: 0 !important;
4125
- background-clip: border-box;
4126
- background-color: #dfdfdf;
4127
- -webkit-appearance: none;
4128
- -moz-appearance: none;
4129
- appearance: none;
4130
- outline: 0;
4131
- font-size: 12px;
4132
- border-radius: 16px;
4133
- transition: all 0.3s;
4134
- box-shadow: inset 0 1px 2px rgba(16, 22, 26, 0.2);
4135
- }
4136
- .w-switch input[type='checkbox']:before,
4137
- .w-switch input[type='checkbox']:after {
4138
- display: inline-block;
4139
- vertical-align: middle;
4140
- }
4141
- .w-switch input[type='checkbox']:before {
4142
- content: attr(data-checked);
4143
- transition: all 0.3s;
4144
- padding: 0 21px 0 6px;
4145
- color: #fff;
4146
- line-height: 20px;
4147
- }
4148
- .w-switch input[type='checkbox']:checked {
4149
- background-color: #008ef0;
4150
- }
4151
- .w-switch input[type='checkbox']:checked:after {
4152
- right: 2px;
4153
- margin-right: 0;
4154
- }
4155
- .w-switch input[type='checkbox']:checked:before {
4156
- content: attr(data-unchecked);
4157
- }
4158
- .w-switch input[type='checkbox']:not(:checked):before {
4159
- padding: 0 6px 0 21px;
4160
- color: #393e48;
4161
- }
4162
- .w-switch input[type='checkbox']:after {
4163
- content: ' ';
4164
- position: absolute;
4165
- margin-right: -18px;
4166
- right: 100%;
4167
- margin-top: 2px;
4168
- margin-left: 1px;
4169
- height: 16px;
4170
- width: 16px;
4171
- border-radius: 50%;
4172
- transition: all 0.2s;
4173
- background-color: #fff;
4174
- box-shadow: 0 1px 2px 0 rgba(0, 35, 11, 0.2);
4175
- }
4176
- .w-switch input[type='checkbox']:disabled {
4177
- cursor: not-allowed;
4178
- opacity: 0.45;
4179
- }
4180
- .w-switch input[type='checkbox']:focus {
4181
- box-shadow: 0 0 0 2px rgba(0, 142, 240, 0.25), inset 0 1px 2px rgba(16, 22, 26, 0.2);
4182
- }
4183
- .w-switch.disabled {
4184
- cursor: not-allowed;
4185
- }
4186
- .w-switch-large input[type='checkbox'] {
4187
- min-width: 38px;
4188
- height: 24px;
4189
- }
4190
- .w-switch-large input[type='checkbox']::after {
4191
- margin-right: -22px;
4192
- height: 20px;
4193
- width: 20px;
4194
- }
4195
- .w-switch-large input[type='checkbox']:before {
4196
- padding: 0 25px 0 8px;
4197
- margin-top: 0;
4198
- line-height: 24px;
4199
- font-size: 16px;
4200
- }
4201
- .w-switch-large input[type='checkbox']:not(:checked):before {
4202
- padding: 0 8px 0 25px;
4203
- }
4204
- .w-switch-small {
4205
- font-size: 12px;
4206
- }
4207
- .w-switch-small input[type='checkbox'] {
4208
- min-width: 15px;
4209
- height: 16px;
4210
- }
4211
- .w-switch-small input[type='checkbox']::after {
4212
- margin-right: -14px;
4213
- height: 12px;
4214
- width: 12px;
4215
- }
4216
- .w-switch-small input[type='checkbox']:before {
4217
- padding: 0 16px 0 6px;
4218
- line-height: 16px;
4219
- }
4220
- .w-switch-small input[type='checkbox']:not(:checked):before {
4221
- padding: 0 6px 0 16px;
4222
- }
4223
- .w-switch-text,
4224
- .w-switch input[type='checkbox'] {
4225
- vertical-align: middle;
4226
- }
4227
- .w-switch-text {
4228
- display: inline-block;
4229
- margin-left: 5px;
4230
- }
4231
-
4232
- .w-table > table {
4233
- display: table !important;
4234
- margin: 0 !important;
4235
- width: 100%;
4236
- border-spacing: 0;
4237
- border-collapse: collapse;
4238
- }
4239
- .w-table > table tr > th,
4240
- .w-table > table tr > td {
4241
- border: 0;
4242
- padding: 5px 8px;
4243
- border-bottom: 1px solid #e8e8e8;
4244
- }
4245
- .w-table > table tr {
4246
- background-color: transparent;
4247
- }
4248
- .w-table > table > caption {
4249
- text-align: left;
4250
- padding: 10px 8px;
4251
- }
4252
- .w-table > table > tbody > tr {
4253
- transition: all 0.3s;
4254
- }
4255
- .w-table > table > tbody > tr:hover,
4256
- .w-table > table > tbody > tr:hover:nth-child(2n) {
4257
- background-color: #efefef;
4258
- }
4259
- .w-table > table > tbody > tr:nth-child(2n) {
4260
- background-color: #f9f9f9;
4261
- }
4262
- .w-table > table > thead > tr > th {
4263
- font-weight: normal;
4264
- padding: 8px;
4265
- }
4266
- .w-table > table > thead > tr,
4267
- .w-table > table > thead tr:nth-child(2n) {
4268
- background-color: #f6f9fb;
4269
- border: transparent;
4270
- }
4271
- .w-table-ellipsis {
4272
- overflow: hidden;
4273
- white-space: nowrap;
4274
- text-overflow: ellipsis;
4275
- word-break: keep-all;
4276
- }
4277
- .w-table-bordered > table tr > th,
4278
- .w-table-bordered > table tr > td,
4279
- .w-table-bordered > table > caption {
4280
- border: 1px solid #dfe2e5;
4281
- }
4282
- .w-table-bordered > table > caption {
4283
- border-bottom: 0;
4284
- }
4285
- .w-table-bordered .w-table-footer {
4286
- border: 1px solid #dfe2e5;
4287
- border-top: 0;
4288
- }
4289
- .w-table-footer {
4290
- background: #fafafa;
4291
- padding: 10px 8px;
4292
- }
4293
-
4294
- .w-tabs-bar {
4295
- position: relative;
4296
- }
4297
- .w-tabs-nav {
4298
- position: relative;
4299
- }
4300
- .w-tabs-item {
4301
- padding: 7px 10px;
4302
- display: inline-block;
4303
- height: 100%;
4304
- font-size: 14px;
4305
- box-sizing: border-box;
4306
- position: relative;
4307
- cursor: pointer;
4308
- text-decoration: none;
4309
- transition: all 0.3s;
4310
- }
4311
- .w-tabs-item.active {
4312
- color: #008ef0;
4313
- }
4314
- .w-tabs-item.disabled {
4315
- cursor: not-allowed;
4316
- -webkit-user-select: none;
4317
- -moz-user-select: none;
4318
- -ms-user-select: none;
4319
- user-select: none;
4320
- color: rgba(0, 0, 0, 0.25);
4321
- }
4322
- .w-tabs-card .w-tabs-nav::after,
4323
- .w-tabs-line .w-tabs-nav::after {
4324
- content: '';
4325
- position: relative;
4326
- display: block;
4327
- border-bottom: 1px solid #d9d9d9;
4328
- }
4329
- .w-tabs-line .w-tabs-slide {
4330
- background-color: #108ee9;
4331
- box-sizing: border-box;
4332
- bottom: 0;
4333
- position: absolute;
4334
- height: 1px;
4335
- left: 0;
4336
- width: 20px;
4337
- z-index: 1;
4338
- transition: all 0.3s;
4339
- }
4340
- .w-tabs-card .w-tabs-nav::after {
4341
- content: '';
4342
- position: relative;
4343
- display: block;
4344
- border-bottom: 1px solid #d9d9d9;
4345
- }
4346
- .w-tabs-card .w-tabs-item {
4347
- margin: 0;
4348
- border: 1px solid #d9d9d9;
4349
- border-bottom: 0;
4350
- padding: 7px 16px;
4351
- border-radius: 4px 4px 0 0;
4352
- background: #f9f9f9;
4353
- margin-right: 5px;
4354
- bottom: -1px;
4355
- }
4356
- .w-tabs-card .w-tabs-item.active {
4357
- background: #fff;
4358
- z-index: 1;
4359
- }
4360
-
4361
- .w-tag {
4362
- border-radius: 2px;
4363
- display: inline-block;
4364
- -webkit-user-select: none;
4365
- -moz-user-select: none;
4366
- -ms-user-select: none;
4367
- user-select: none;
4368
- font-size: 12px;
4369
- padding: 1px 5px;
4370
- position: relative;
4371
- white-space: nowrap;
4372
- vertical-align: middle;
4373
- }
4374
- .w-tag + .w-tag {
4375
- margin-left: 5px;
4376
- }
4377
- .w-tag.disabled {
4378
- opacity: 0.75;
4379
- cursor: not-allowed;
4380
- }
4381
- .w-tag-light .w-tag-close:hover {
4382
- background-color: currentcolor;
4383
- }
4384
- .w-tag-light .w-tag-close:hover path {
4385
- fill: #fff;
4386
- }
4387
- .w-tag-light .w-tag-close:active {
4388
- background-color: rgba(0, 0, 0, 0.15);
4389
- }
4390
- .w-tag-close {
4391
- vertical-align: bottom;
4392
- margin: 0px -3px 0 2px;
4393
- border-radius: 2px;
4394
- position: relative;
4395
- top: -1px;
4396
- fill: currentcolor;
4397
- transition: all 0.3s;
4398
- cursor: pointer;
4399
- }
4400
- .w-tag-close:hover {
4401
- background-color: rgba(0, 0, 0, 0.22);
4402
- }
4403
- .w-tag-close:active {
4404
- background-color: rgba(0, 0, 0, 0.32);
4405
- }
4406
-
4407
- .w-textarea {
4408
- position: relative;
4409
- font-size: 14px;
4410
- outline: none;
4411
- border: none;
4412
- border-radius: 3px;
4413
- box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
4414
- background: #fff;
4415
- padding: 5px 10px;
4416
- vertical-align: middle;
4417
- height: auto;
4418
- min-height: 30px;
4419
- color: #393e48;
4420
- font-weight: 400;
4421
- max-width: 100%;
4422
- min-width: 100%;
4423
- width: 100%;
4424
- transition: box-shadow 0.1s cubic-bezier(0.4, 1, 0.75, 0.9);
4425
- -webkit-appearance: none;
4426
- -moz-appearance: none;
4427
- appearance: none;
4428
- }
4429
- .w-textarea:not(:first-child) {
4430
- padding-left: 30px;
4431
- }
4432
- .w-textarea:focus {
4433
- box-shadow: 0 0 0 1px #393e48, 0 0 0 3px rgba(57, 62, 72, 0.17), inset 0 1px 1px rgba(16, 22, 26, 0.2);
4434
- }
4435
- .w-textarea:hover {
4436
- box-shadow: 0 0 0 1px #6e6e6e, 0 0 0 3px rgba(57, 62, 72, 0), inset 0 1px 1px rgba(16, 22, 26, 0.2);
4437
- }
4438
- .w-textarea:focus.w-textarea:hover {
4439
- box-shadow: 0 0 0 1px #6e6e6e, 0 0 0 3px rgba(57, 62, 72, 0.17), inset 0 1px 1px rgba(16, 22, 26, 0.2);
4440
- }
4441
- .w-textarea:disabled {
4442
- box-shadow: none;
4443
- background: #dddddd;
4444
- opacity: 0.75;
4445
- color: #a5a5a5;
4446
- cursor: not-allowed;
4447
- resize: none;
4448
- }
4449
-
4450
- .w-tooltip {
4451
- position: relative;
4452
- display: inline-block;
4453
- }
4454
- .w-tooltip-arrow {
4455
- position: absolute;
4456
- width: 0;
4457
- height: 0;
4458
- border-color: transparent;
4459
- border-style: solid;
4460
- }
4461
- .w-tooltip-inner {
4462
- font-size: 12px;
4463
- max-width: 250px;
4464
- padding: 5px 10px;
4465
- display: block;
4466
- color: #fff;
4467
- text-align: left;
4468
- text-decoration: none;
4469
- background-color: rgba(0, 0, 0, 0.75);
4470
- border-radius: 4px;
4471
- box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4472
- }
4473
- .w-tooltip.right .w-tooltip-arrow,
4474
- .w-tooltip.rightTop .w-tooltip-arrow,
4475
- .w-tooltip.rightBottom .w-tooltip-arrow {
4476
- border-right-color: rgba(0, 0, 0, 0.75);
4477
- border-width: 5px 5px 5px 0;
4478
- left: 0;
4479
- margin-top: -5px;
4480
- top: 50%;
4481
- }
4482
- .w-tooltip.left .w-tooltip-arrow,
4483
- .w-tooltip.leftTop .w-tooltip-arrow,
4484
- .w-tooltip.leftBottom .w-tooltip-arrow {
4485
- border-left-color: rgba(0, 0, 0, 0.75);
4486
- border-width: 5px 0 5px 5px;
4487
- margin-top: -5px;
4488
- right: 0;
4489
- top: 50%;
4490
- }
4491
- .w-tooltip.leftTop .w-tooltip-arrow,
4492
- .w-tooltip.rightTop .w-tooltip-arrow {
4493
- top: 15px;
4494
- }
4495
- .w-tooltip.leftBottom .w-tooltip-arrow,
4496
- .w-tooltip.rightBottom .w-tooltip-arrow {
4497
- bottom: 10px;
4498
- top: auto;
4499
- }
4500
- .w-tooltip.top .w-tooltip-arrow,
4501
- .w-tooltip.topLeft .w-tooltip-arrow,
4502
- .w-tooltip.topRight .w-tooltip-arrow {
4503
- border-top-color: rgba(0, 0, 0, 0.75);
4504
- border-width: 5px 5px 0;
4505
- bottom: 0;
4506
- left: 50%;
4507
- margin-left: -5px;
4508
- }
4509
- .w-tooltip.bottom .w-tooltip-arrow,
4510
- .w-tooltip.bottomLeft .w-tooltip-arrow,
4511
- .w-tooltip.bottomRight .w-tooltip-arrow {
4512
- border-bottom-color: rgba(0, 0, 0, 0.75);
4513
- border-width: 0 5px 5px;
4514
- left: 50%;
4515
- margin-left: -5px;
4516
- top: 0;
4517
- }
4518
- .w-tooltip.bottomLeft .w-tooltip-arrow,
4519
- .w-tooltip.topLeft .w-tooltip-arrow {
4520
- left: 15px;
4521
- }
4522
- .w-tooltip.bottomRight .w-tooltip-arrow,
4523
- .w-tooltip.topRight .w-tooltip-arrow {
4524
- right: 10px;
4525
- left: auto;
4526
- }
4527
- .w-tooltip.bottom,
4528
- .w-tooltip.bottomLeft,
4529
- .w-tooltip.bottomRight {
4530
- padding-top: 5px;
4531
- }
4532
- .w-tooltip.top,
4533
- .w-tooltip.topLeft,
4534
- .w-tooltip.topRight {
4535
- padding-bottom: 5px;
4536
- }
4537
- .w-tooltip.right,
4538
- .w-tooltip.rightTop,
4539
- .w-tooltip.rightBottom {
4540
- padding-left: 5px;
4541
- }
4542
- .w-tooltip.left,
4543
- .w-tooltip.leftTop,
4544
- .w-tooltip.leftBottom {
4545
- padding-right: 5px;
4546
- }
4547
- .w-tooltip.no-arrow {
4548
- padding: 0 !important;
4549
- }
4550
-
4551
- .w-tree {
4552
- font-size: 14px;
4553
- }
4554
- .w-tree ul {
4555
- padding: 0 !important;
4556
- transition: 0.3s all;
4557
- overflow: hidden;
4558
- margin: 0;
4559
- }
4560
- .w-tree ul ul {
4561
- padding-left: 18px !important;
4562
- margin-bottom: 0;
4563
- }
4564
- .w-tree li {
4565
- list-style: none !important;
4566
- }
4567
- .w-tree li + li {
4568
- margin-top: 2px !important;
4569
- }
4570
- .w-tree li:first-child {
4571
- padding-top: 3px;
4572
- }
4573
- .w-tree-close {
4574
- height: 0;
4575
- }
4576
- .w-tree-label .no-child:not(.w-tree-switcher-noop) svg {
4577
- display: none;
4578
- }
4579
- .w-tree-label {
4580
- line-height: normal;
4581
- line-height: initial;
4582
- }
4583
- .w-tree-label > * {
4584
- vertical-align: middle;
4585
- }
4586
- .w-tree-switcher {
4587
- cursor: pointer;
4588
- position: relative;
4589
- z-index: 1;
4590
- width: 14px;
4591
- height: 14px;
4592
- line-height: 14px;
4593
- display: inline-block;
4594
- text-align: center;
4595
- }
4596
- .w-tree-switcher:hover {
4597
- color: #2ea3f4;
4598
- }
4599
- .w-tree-switcher .w-icon {
4600
- transition: 0.3s all;
4601
- transform: scale(0.79) rotate(0deg);
4602
- }
4603
- .w-tree-switcher .w-icon.open:not(.no-animation) {
4604
- transform: scale(0.79) rotate(90deg) !important;
4605
- }
4606
- .w-tree-title {
4607
- display: inline-block;
4608
- padding: 2px 5px;
4609
- cursor: pointer;
4610
- }
4611
- .w-tree-title > * {
4612
- vertical-align: middle;
4613
- }
4614
- .w-tree-title.selected {
4615
- background-color: #d5e8fc;
4616
- }
4617
- .w-tree-line li {
4618
- position: relative;
4619
- }
4620
- .w-tree-line li li:before,
4621
- .w-tree-line li li::after {
4622
- content: ' ';
4623
- border-left: 1px solid #d9d9d9;
4624
- left: -12px;
4625
- position: absolute;
4626
- }
4627
- .w-tree-line li li::after {
4628
- height: 100%;
4629
- top: 5px;
4630
- }
4631
- .w-tree-line li li:last-child::after {
4632
- height: 16px;
4633
- top: -18px;
4634
- }
4635
- .w-tree-line li li:before {
4636
- content: ' ';
4637
- width: 10px;
4638
- height: 16px;
4639
- border-bottom: 1px solid #d9d9d9;
4640
- top: -2px;
4641
- }
4642
- .w-tree-line li li:last-child::before {
4643
- border-radius: 0 0 0 3px;
4644
- }
4645
-
4646
- .w-treechecked-checked {
4647
- margin-right: 5px;
4648
- }
4649
-