@uiw/doc 4.21.24 → 4.21.25

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