@uiw/doc 4.21.25 → 4.21.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/package.json +1 -1
  2. package/web/asset-manifest.json +14 -14
  3. package/web/index.html +1 -1
  4. package/web/static/css/{6397.3be31160.chunk.css → 303.c3bdd8db.chunk.css} +1 -1
  5. package/web/static/css/303.c3bdd8db.chunk.css.map +1 -0
  6. package/web/static/js/1358.9b1489c2.chunk.js +3 -0
  7. package/web/static/js/1358.9b1489c2.chunk.js.map +1 -0
  8. package/web/static/js/1472.844d1c6d.chunk.js +2 -0
  9. package/web/static/js/{1472.088665e7.chunk.js.map → 1472.844d1c6d.chunk.js.map} +1 -1
  10. package/web/static/js/5337.5e08cefb.js +3 -0
  11. package/web/static/js/{5337.ce7080ca.js.LICENSE.txt → 5337.5e08cefb.js.LICENSE.txt} +5 -2
  12. package/web/static/js/5337.5e08cefb.js.map +1 -0
  13. package/web/static/js/main.b7018779.js +2 -0
  14. package/web/static/js/main.b7018779.js.map +1 -0
  15. package/web/static/js/vendors-standalone.c0ea37cc.chunk.js +3 -0
  16. package/web/static/js/vendors-standalone.c0ea37cc.chunk.js.map +1 -0
  17. package/web/static/js/vendors-uiwjs.ae838890.js.LICENSE.txt +8 -6
  18. package/web/static/css/6397.3be31160.chunk.css.map +0 -1
  19. package/web/static/js/1358.5a17bb5d.chunk.js +0 -3
  20. package/web/static/js/1358.5a17bb5d.chunk.js.map +0 -1
  21. package/web/static/js/1472.088665e7.chunk.js +0 -2
  22. package/web/static/js/5337.ce7080ca.js +0 -3
  23. package/web/static/js/5337.ce7080ca.js.map +0 -1
  24. package/web/static/js/main.ccd3d5a2.js +0 -2
  25. package/web/static/js/main.ccd3d5a2.js.map +0 -1
  26. package/web/static/js/vendors-standalone.62139716.chunk.js +0 -3
  27. package/web/static/js/vendors-standalone.62139716.chunk.js.map +0 -1
  28. package/web/uiw.css +0 -5133
  29. package/web/uiw.js +0 -10923
  30. package/web/uiw.min.css +0 -1
  31. package/web/uiw.min.js +0 -2
  32. /package/web/static/js/{1358.5a17bb5d.chunk.js.LICENSE.txt → 1358.9b1489c2.chunk.js.LICENSE.txt} +0 -0
  33. /package/web/static/js/{vendors-standalone.62139716.chunk.js.LICENSE.txt → vendors-standalone.c0ea37cc.chunk.js.LICENSE.txt} +0 -0
package/web/uiw.css DELETED
@@ -1,5133 +0,0 @@
1
- .w-overlay {
2
- position: fixed;
3
- overflow: auto;
4
- top: 0;
5
- right: 0;
6
- left: 0;
7
- outline: 0;
8
- bottom: 0;
9
- z-index: 999;
10
- -webkit-overflow-scrolling: touch;
11
- text-align: center;
12
- height: 100%;
13
- width: 100%;
14
- display: none;
15
- }
16
- .w-overlay.open {
17
- z-index: 9999;
18
- }
19
- .w-overlay-open {
20
- overflow: hidden;
21
- }
22
- .w-overlay-content {
23
- position: relative;
24
- outline: 0;
25
- display: inline-block;
26
- vertical-align: middle;
27
- text-align: left;
28
- margin: 20px 0;
29
- z-index: 20;
30
- }
31
- .w-overlay-inline {
32
- position: absolute;
33
- overflow: visible;
34
- overflow: initial;
35
- }
36
- .w-overlay-inline .w-overlay-container {
37
- position: relative;
38
- }
39
- .w-overlay-inline .w-overlay-backdrop {
40
- position: absolute;
41
- }
42
- .w-overlay-container {
43
- position: absolute;
44
- overflow: auto;
45
- z-index: 99999;
46
- top: 0;
47
- left: 0;
48
- right: 0;
49
- bottom: 0;
50
- }
51
- .w-overlay-container:before {
52
- content: ' ';
53
- display: inline-block;
54
- height: 100%;
55
- width: 1px;
56
- vertical-align: middle;
57
- }
58
- .w-overlay-backdrop {
59
- position: fixed;
60
- top: 0;
61
- right: 0;
62
- bottom: 0;
63
- left: 0;
64
- opacity: 1;
65
- z-index: 20;
66
- background-color: rgba(16, 22, 26, 0.7);
67
- overflow: auto;
68
- -webkit-user-select: none;
69
- -moz-user-select: none;
70
- 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
-