@zkwq/business 0.0.13 → 0.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/AppDialog.css +44 -44
- package/dist/css/AppDialog.min.css +1 -1
- package/dist/css/index.css +4591 -0
- package/dist/css/index.min.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +6505 -3384
- package/dist/index.min.css +1 -1
- package/dist/index.min.js +5 -5
- package/dist/index.umd.cjs +21 -8
- package/dist/index.umd.min.cjs +6 -6
- package/package.json +2 -1
package/dist/css/index.css
CHANGED
|
@@ -38385,6 +38385,4597 @@
|
|
|
38385
38385
|
height: 22%;
|
|
38386
38386
|
}
|
|
38387
38387
|
|
|
38388
|
+
|
|
38389
|
+
|
|
38390
|
+
|
|
38391
|
+
|
|
38392
|
+
|
|
38393
|
+
|
|
38394
|
+
|
|
38395
|
+
|
|
38396
|
+
|
|
38397
|
+
|
|
38398
|
+
:export {
|
|
38399
|
+
primary: #2F3A91;
|
|
38400
|
+
success: #67C23A;
|
|
38401
|
+
warning: #FF791A;
|
|
38402
|
+
danger: #F1403C;
|
|
38403
|
+
info: #8590a6;
|
|
38404
|
+
}
|
|
38405
|
+
|
|
38406
|
+
|
|
38407
|
+
|
|
38408
|
+
|
|
38409
|
+
|
|
38410
|
+
|
|
38411
|
+
|
|
38412
|
+
|
|
38413
|
+
|
|
38414
|
+
|
|
38415
|
+
|
|
38416
|
+
|
|
38417
|
+
|
|
38418
|
+
|
|
38419
|
+
|
|
38420
|
+
|
|
38421
|
+
|
|
38422
|
+
|
|
38423
|
+
|
|
38424
|
+
|
|
38425
|
+
|
|
38426
|
+
|
|
38427
|
+
|
|
38428
|
+
|
|
38429
|
+
|
|
38430
|
+
|
|
38431
|
+
|
|
38432
|
+
|
|
38433
|
+
|
|
38434
|
+
|
|
38435
|
+
|
|
38436
|
+
|
|
38437
|
+
|
|
38438
|
+
|
|
38439
|
+
|
|
38440
|
+
|
|
38441
|
+
|
|
38442
|
+
|
|
38443
|
+
|
|
38444
|
+
|
|
38445
|
+
|
|
38446
|
+
|
|
38447
|
+
|
|
38448
|
+
|
|
38449
|
+
|
|
38450
|
+
|
|
38451
|
+
|
|
38452
|
+
|
|
38453
|
+
|
|
38454
|
+
|
|
38455
|
+
|
|
38456
|
+
|
|
38457
|
+
|
|
38458
|
+
|
|
38459
|
+
|
|
38460
|
+
|
|
38461
|
+
|
|
38462
|
+
|
|
38463
|
+
|
|
38464
|
+
|
|
38465
|
+
|
|
38466
|
+
|
|
38467
|
+
|
|
38468
|
+
|
|
38469
|
+
|
|
38470
|
+
|
|
38471
|
+
|
|
38472
|
+
|
|
38473
|
+
|
|
38474
|
+
|
|
38475
|
+
:export {
|
|
38476
|
+
primary: #2F3A91;
|
|
38477
|
+
success: #67C23A;
|
|
38478
|
+
warning: #FF791A;
|
|
38479
|
+
danger: #F1403C;
|
|
38480
|
+
info: #8590a6;
|
|
38481
|
+
}
|
|
38482
|
+
|
|
38483
|
+
|
|
38484
|
+
|
|
38485
|
+
|
|
38486
|
+
|
|
38487
|
+
|
|
38488
|
+
|
|
38489
|
+
|
|
38490
|
+
|
|
38491
|
+
|
|
38492
|
+
|
|
38493
|
+
|
|
38494
|
+
|
|
38495
|
+
|
|
38496
|
+
|
|
38497
|
+
|
|
38498
|
+
|
|
38499
|
+
|
|
38500
|
+
|
|
38501
|
+
|
|
38502
|
+
|
|
38503
|
+
|
|
38504
|
+
|
|
38505
|
+
|
|
38506
|
+
|
|
38507
|
+
|
|
38508
|
+
|
|
38509
|
+
|
|
38510
|
+
|
|
38511
|
+
|
|
38512
|
+
|
|
38513
|
+
|
|
38514
|
+
|
|
38515
|
+
|
|
38516
|
+
|
|
38517
|
+
|
|
38518
|
+
|
|
38519
|
+
|
|
38520
|
+
|
|
38521
|
+
|
|
38522
|
+
|
|
38523
|
+
|
|
38524
|
+
|
|
38525
|
+
|
|
38526
|
+
|
|
38527
|
+
|
|
38528
|
+
|
|
38529
|
+
|
|
38530
|
+
|
|
38531
|
+
|
|
38532
|
+
|
|
38533
|
+
|
|
38534
|
+
|
|
38535
|
+
|
|
38536
|
+
|
|
38537
|
+
|
|
38538
|
+
|
|
38539
|
+
|
|
38540
|
+
|
|
38541
|
+
|
|
38542
|
+
|
|
38543
|
+
|
|
38544
|
+
|
|
38545
|
+
|
|
38546
|
+
|
|
38547
|
+
|
|
38548
|
+
:export {
|
|
38549
|
+
primary: #2F3A91;
|
|
38550
|
+
success: #67C23A;
|
|
38551
|
+
warning: #FF791A;
|
|
38552
|
+
danger: #F1403C;
|
|
38553
|
+
info: #8590a6;
|
|
38554
|
+
}
|
|
38555
|
+
|
|
38556
|
+
|
|
38557
|
+
|
|
38558
|
+
|
|
38559
|
+
|
|
38560
|
+
|
|
38561
|
+
|
|
38562
|
+
|
|
38563
|
+
|
|
38564
|
+
|
|
38565
|
+
|
|
38566
|
+
|
|
38567
|
+
|
|
38568
|
+
|
|
38569
|
+
|
|
38570
|
+
|
|
38571
|
+
|
|
38572
|
+
|
|
38573
|
+
|
|
38574
|
+
|
|
38575
|
+
|
|
38576
|
+
|
|
38577
|
+
|
|
38578
|
+
|
|
38579
|
+
|
|
38580
|
+
|
|
38581
|
+
|
|
38582
|
+
|
|
38583
|
+
|
|
38584
|
+
|
|
38585
|
+
|
|
38586
|
+
|
|
38587
|
+
|
|
38588
|
+
|
|
38589
|
+
|
|
38590
|
+
|
|
38591
|
+
|
|
38592
|
+
|
|
38593
|
+
|
|
38594
|
+
|
|
38595
|
+
|
|
38596
|
+
|
|
38597
|
+
|
|
38598
|
+
|
|
38599
|
+
|
|
38600
|
+
|
|
38601
|
+
|
|
38602
|
+
|
|
38603
|
+
|
|
38604
|
+
|
|
38605
|
+
|
|
38606
|
+
|
|
38607
|
+
|
|
38608
|
+
|
|
38609
|
+
|
|
38610
|
+
|
|
38611
|
+
|
|
38612
|
+
|
|
38613
|
+
|
|
38614
|
+
|
|
38615
|
+
|
|
38616
|
+
|
|
38617
|
+
|
|
38618
|
+
|
|
38619
|
+
|
|
38620
|
+
|
|
38621
|
+
|
|
38622
|
+
|
|
38623
|
+
|
|
38624
|
+
|
|
38625
|
+
:export {
|
|
38626
|
+
primary: #2F3A91;
|
|
38627
|
+
success: #67C23A;
|
|
38628
|
+
warning: #FF791A;
|
|
38629
|
+
danger: #F1403C;
|
|
38630
|
+
info: #8590a6;
|
|
38631
|
+
}
|
|
38632
|
+
|
|
38633
|
+
|
|
38634
|
+
|
|
38635
|
+
|
|
38636
|
+
|
|
38637
|
+
|
|
38638
|
+
|
|
38639
|
+
|
|
38640
|
+
|
|
38641
|
+
|
|
38642
|
+
|
|
38643
|
+
|
|
38644
|
+
|
|
38645
|
+
|
|
38646
|
+
|
|
38647
|
+
|
|
38648
|
+
|
|
38649
|
+
|
|
38650
|
+
|
|
38651
|
+
|
|
38652
|
+
|
|
38653
|
+
|
|
38654
|
+
|
|
38655
|
+
|
|
38656
|
+
|
|
38657
|
+
|
|
38658
|
+
|
|
38659
|
+
|
|
38660
|
+
|
|
38661
|
+
|
|
38662
|
+
|
|
38663
|
+
|
|
38664
|
+
|
|
38665
|
+
|
|
38666
|
+
|
|
38667
|
+
|
|
38668
|
+
|
|
38669
|
+
|
|
38670
|
+
|
|
38671
|
+
|
|
38672
|
+
|
|
38673
|
+
|
|
38674
|
+
|
|
38675
|
+
|
|
38676
|
+
|
|
38677
|
+
|
|
38678
|
+
|
|
38679
|
+
|
|
38680
|
+
|
|
38681
|
+
|
|
38682
|
+
|
|
38683
|
+
|
|
38684
|
+
|
|
38685
|
+
|
|
38686
|
+
|
|
38687
|
+
|
|
38688
|
+
|
|
38689
|
+
|
|
38690
|
+
|
|
38691
|
+
|
|
38692
|
+
|
|
38693
|
+
|
|
38694
|
+
|
|
38695
|
+
|
|
38696
|
+
|
|
38697
|
+
|
|
38698
|
+
:export {
|
|
38699
|
+
primary: #2F3A91;
|
|
38700
|
+
success: #67C23A;
|
|
38701
|
+
warning: #FF791A;
|
|
38702
|
+
danger: #F1403C;
|
|
38703
|
+
info: #8590a6;
|
|
38704
|
+
}
|
|
38705
|
+
|
|
38706
|
+
|
|
38707
|
+
|
|
38708
|
+
|
|
38709
|
+
|
|
38710
|
+
|
|
38711
|
+
|
|
38712
|
+
|
|
38713
|
+
|
|
38714
|
+
|
|
38715
|
+
|
|
38716
|
+
|
|
38717
|
+
|
|
38718
|
+
|
|
38719
|
+
|
|
38720
|
+
|
|
38721
|
+
|
|
38722
|
+
|
|
38723
|
+
|
|
38724
|
+
|
|
38725
|
+
|
|
38726
|
+
|
|
38727
|
+
|
|
38728
|
+
|
|
38729
|
+
|
|
38730
|
+
|
|
38731
|
+
|
|
38732
|
+
|
|
38733
|
+
|
|
38734
|
+
|
|
38735
|
+
|
|
38736
|
+
|
|
38737
|
+
|
|
38738
|
+
|
|
38739
|
+
|
|
38740
|
+
|
|
38741
|
+
|
|
38742
|
+
|
|
38743
|
+
|
|
38744
|
+
|
|
38745
|
+
|
|
38746
|
+
|
|
38747
|
+
|
|
38748
|
+
|
|
38749
|
+
|
|
38750
|
+
|
|
38751
|
+
|
|
38752
|
+
|
|
38753
|
+
|
|
38754
|
+
|
|
38755
|
+
|
|
38756
|
+
|
|
38757
|
+
|
|
38758
|
+
|
|
38759
|
+
|
|
38760
|
+
|
|
38761
|
+
|
|
38762
|
+
|
|
38763
|
+
|
|
38764
|
+
.base-button {
|
|
38765
|
+
display: inline-block;
|
|
38766
|
+
line-height: 1;
|
|
38767
|
+
white-space: nowrap;
|
|
38768
|
+
cursor: pointer;
|
|
38769
|
+
background: #FFFFFF;
|
|
38770
|
+
height: 40px;
|
|
38771
|
+
color: #646464;
|
|
38772
|
+
-webkit-appearance: none;
|
|
38773
|
+
text-align: center;
|
|
38774
|
+
box-sizing: border-box;
|
|
38775
|
+
outline: none;
|
|
38776
|
+
margin: 0;
|
|
38777
|
+
transition: 0.1s;
|
|
38778
|
+
font-weight: 500;
|
|
38779
|
+
-moz-user-select: none;
|
|
38780
|
+
-webkit-user-select: none;
|
|
38781
|
+
-ms-user-select: none;
|
|
38782
|
+
padding: 0 20px;
|
|
38783
|
+
font-size: 14px;
|
|
38784
|
+
border-radius: 4px;
|
|
38785
|
+
}
|
|
38786
|
+
.base-button + .base-button {
|
|
38787
|
+
margin-left: 10px;
|
|
38788
|
+
}
|
|
38789
|
+
.base-button.is-round {
|
|
38790
|
+
padding: 0 20px;
|
|
38791
|
+
}
|
|
38792
|
+
.base-button:hover, .base-button:focus {
|
|
38793
|
+
color: #2F3A91;
|
|
38794
|
+
border-color: #c1c4de;
|
|
38795
|
+
background-color: #eaebf4;
|
|
38796
|
+
}
|
|
38797
|
+
.base-button:active {
|
|
38798
|
+
color: #2a3483;
|
|
38799
|
+
border-color: #2a3483;
|
|
38800
|
+
outline: none;
|
|
38801
|
+
}
|
|
38802
|
+
.base-button::-moz-focus-inner {
|
|
38803
|
+
border: 0;
|
|
38804
|
+
}
|
|
38805
|
+
.base-button [class*=base-icon-] + span {
|
|
38806
|
+
margin-left: 5px;
|
|
38807
|
+
}
|
|
38808
|
+
.base-button.is-light {
|
|
38809
|
+
border: thin solid #8590a6;
|
|
38810
|
+
color: #8590a6;
|
|
38811
|
+
}
|
|
38812
|
+
.base-button.is-light:hover {
|
|
38813
|
+
background: rgba(133, 144, 166, 0.06) !important;
|
|
38814
|
+
border-color: #8590a6 !important;
|
|
38815
|
+
color: #8590a6 !important;
|
|
38816
|
+
}
|
|
38817
|
+
.base-button.is-light:focus, .base-button.is-light:active {
|
|
38818
|
+
background: rgba(133, 144, 166, 0.06) !important;
|
|
38819
|
+
border-color: #8590a6 !important;
|
|
38820
|
+
color: #8590a6 !important;
|
|
38821
|
+
outline: none;
|
|
38822
|
+
}
|
|
38823
|
+
.base-button.is-plain:hover {
|
|
38824
|
+
background: #F3F5F8;
|
|
38825
|
+
border-color: #F3F5F8;
|
|
38826
|
+
color: #646464;
|
|
38827
|
+
}
|
|
38828
|
+
.base-button.is-plain:focus, .base-button.is-plain:active {
|
|
38829
|
+
background: rgba(0, 0, 0, 0.06);
|
|
38830
|
+
border-color: rgba(0, 0, 0, 0.06);
|
|
38831
|
+
color: #121212;
|
|
38832
|
+
outline: none;
|
|
38833
|
+
}
|
|
38834
|
+
.base-button.is-plain i {
|
|
38835
|
+
font-weight: 600;
|
|
38836
|
+
}
|
|
38837
|
+
.base-button.is-active {
|
|
38838
|
+
color: #2a3483;
|
|
38839
|
+
border-color: #2a3483;
|
|
38840
|
+
}
|
|
38841
|
+
.base-button.is-disabled, .base-button.is-disabled:hover, .base-button.is-disabled:focus {
|
|
38842
|
+
color: #8590a6;
|
|
38843
|
+
cursor: not-allowed;
|
|
38844
|
+
background-image: none;
|
|
38845
|
+
background-color: #FFFFFF;
|
|
38846
|
+
border-color: #EBEEF5;
|
|
38847
|
+
}
|
|
38848
|
+
.base-button.is-disabled.base-button--text {
|
|
38849
|
+
background-color: transparent;
|
|
38850
|
+
}
|
|
38851
|
+
.base-button.is-disabled.is-plain, .base-button.is-disabled.is-plain:hover, .base-button.is-disabled.is-plain:focus {
|
|
38852
|
+
background-color: #FFFFFF;
|
|
38853
|
+
border-color: #EBEEF5;
|
|
38854
|
+
color: #8590a6;
|
|
38855
|
+
}
|
|
38856
|
+
.base-button.is-loading {
|
|
38857
|
+
position: relative;
|
|
38858
|
+
pointer-events: none;
|
|
38859
|
+
}
|
|
38860
|
+
.base-button.is-loading:before {
|
|
38861
|
+
pointer-events: none;
|
|
38862
|
+
content: "";
|
|
38863
|
+
position: absolute;
|
|
38864
|
+
left: -1px;
|
|
38865
|
+
top: -1px;
|
|
38866
|
+
right: -1px;
|
|
38867
|
+
bottom: -1px;
|
|
38868
|
+
border-radius: inherit;
|
|
38869
|
+
background-color: rgba(255, 255, 255, 0.35);
|
|
38870
|
+
}
|
|
38871
|
+
.base-button.is-round {
|
|
38872
|
+
border-radius: 20px;
|
|
38873
|
+
padding: 12px 23px;
|
|
38874
|
+
}
|
|
38875
|
+
.base-button.is-circle {
|
|
38876
|
+
border-radius: 50%;
|
|
38877
|
+
padding: 0;
|
|
38878
|
+
}
|
|
38879
|
+
.base-button--primary {
|
|
38880
|
+
color: #FFFFFF;
|
|
38881
|
+
background-color: #2F3A91;
|
|
38882
|
+
border-color: #2F3A91;
|
|
38883
|
+
}
|
|
38884
|
+
.base-button--primary:hover, .base-button--primary:focus {
|
|
38885
|
+
background: #5961a7 !important;
|
|
38886
|
+
border-color: #5961a7 !important;
|
|
38887
|
+
color: #FFFFFF !important;
|
|
38888
|
+
}
|
|
38889
|
+
.base-button--primary:active {
|
|
38890
|
+
background: #2a3483 !important;
|
|
38891
|
+
border-color: #2a3483 !important;
|
|
38892
|
+
color: #FFFFFF !important;
|
|
38893
|
+
outline: none !important;
|
|
38894
|
+
}
|
|
38895
|
+
.base-button--primary.is-active {
|
|
38896
|
+
background: #2a3483 !important;
|
|
38897
|
+
border-color: #2a3483 !important;
|
|
38898
|
+
color: #FFFFFF !important;
|
|
38899
|
+
}
|
|
38900
|
+
.base-button--primary.is-disabled, .base-button--primary.is-disabled:hover, .base-button--primary.is-disabled:focus, .base-button--primary.is-disabled:active {
|
|
38901
|
+
color: #FFFFFF !important;
|
|
38902
|
+
background-color: #979dc8 !important;
|
|
38903
|
+
border-color: #979dc8 !important;
|
|
38904
|
+
}
|
|
38905
|
+
.base-button--primary.is-plain {
|
|
38906
|
+
color: #2F3A91;
|
|
38907
|
+
background: #eaebf4;
|
|
38908
|
+
border-color: #acb0d3;
|
|
38909
|
+
}
|
|
38910
|
+
.base-button--primary.is-plain:hover, .base-button--primary.is-plain:focus {
|
|
38911
|
+
background: #2F3A91;
|
|
38912
|
+
border-color: #2F3A91;
|
|
38913
|
+
color: #FFFFFF;
|
|
38914
|
+
}
|
|
38915
|
+
.base-button--primary.is-plain:active {
|
|
38916
|
+
background: #2a3483;
|
|
38917
|
+
border-color: #2a3483;
|
|
38918
|
+
color: #FFFFFF;
|
|
38919
|
+
outline: none;
|
|
38920
|
+
}
|
|
38921
|
+
.base-button--primary.is-plain.is-disabled, .base-button--primary.is-plain.is-disabled:hover, .base-button--primary.is-plain.is-disabled:focus, .base-button--primary.is-plain.is-disabled:active {
|
|
38922
|
+
color: #8289bd;
|
|
38923
|
+
background-color: #eaebf4;
|
|
38924
|
+
border-color: #d5d8e9;
|
|
38925
|
+
}
|
|
38926
|
+
.base-button--primary.is-light {
|
|
38927
|
+
border-color: #2F3A91;
|
|
38928
|
+
color: #2F3A91;
|
|
38929
|
+
background-color: #FFFFFF;
|
|
38930
|
+
}
|
|
38931
|
+
.base-button--primary.is-light:hover {
|
|
38932
|
+
border-color: #2F3A91 !important;
|
|
38933
|
+
color: #2F3A91 !important;
|
|
38934
|
+
background: #eaebf4 !important;
|
|
38935
|
+
}
|
|
38936
|
+
.base-button--primary.is-light:focus, .base-button--primary.is-light:active {
|
|
38937
|
+
border-color: #2F3A91 !important;
|
|
38938
|
+
color: #2F3A91 !important;
|
|
38939
|
+
background: #eaebf4 !important;
|
|
38940
|
+
}
|
|
38941
|
+
.base-button--success {
|
|
38942
|
+
color: #FFFFFF;
|
|
38943
|
+
background-color: #67C23A;
|
|
38944
|
+
border-color: #67C23A;
|
|
38945
|
+
}
|
|
38946
|
+
.base-button--success:hover, .base-button--success:focus {
|
|
38947
|
+
background: #85ce61 !important;
|
|
38948
|
+
border-color: #85ce61 !important;
|
|
38949
|
+
color: #FFFFFF !important;
|
|
38950
|
+
}
|
|
38951
|
+
.base-button--success:active {
|
|
38952
|
+
background: #5daf34 !important;
|
|
38953
|
+
border-color: #5daf34 !important;
|
|
38954
|
+
color: #FFFFFF !important;
|
|
38955
|
+
outline: none !important;
|
|
38956
|
+
}
|
|
38957
|
+
.base-button--success.is-active {
|
|
38958
|
+
background: #5daf34 !important;
|
|
38959
|
+
border-color: #5daf34 !important;
|
|
38960
|
+
color: #FFFFFF !important;
|
|
38961
|
+
}
|
|
38962
|
+
.base-button--success.is-disabled, .base-button--success.is-disabled:hover, .base-button--success.is-disabled:focus, .base-button--success.is-disabled:active {
|
|
38963
|
+
color: #FFFFFF !important;
|
|
38964
|
+
background-color: #b3e19d !important;
|
|
38965
|
+
border-color: #b3e19d !important;
|
|
38966
|
+
}
|
|
38967
|
+
.base-button--success.is-plain {
|
|
38968
|
+
color: #67C23A;
|
|
38969
|
+
background: #f0f9eb;
|
|
38970
|
+
border-color: #c2e7b0;
|
|
38971
|
+
}
|
|
38972
|
+
.base-button--success.is-plain:hover, .base-button--success.is-plain:focus {
|
|
38973
|
+
background: #67C23A;
|
|
38974
|
+
border-color: #67C23A;
|
|
38975
|
+
color: #FFFFFF;
|
|
38976
|
+
}
|
|
38977
|
+
.base-button--success.is-plain:active {
|
|
38978
|
+
background: #5daf34;
|
|
38979
|
+
border-color: #5daf34;
|
|
38980
|
+
color: #FFFFFF;
|
|
38981
|
+
outline: none;
|
|
38982
|
+
}
|
|
38983
|
+
.base-button--success.is-plain.is-disabled, .base-button--success.is-plain.is-disabled:hover, .base-button--success.is-plain.is-disabled:focus, .base-button--success.is-plain.is-disabled:active {
|
|
38984
|
+
color: #a4da89;
|
|
38985
|
+
background-color: #f0f9eb;
|
|
38986
|
+
border-color: #e1f3d8;
|
|
38987
|
+
}
|
|
38988
|
+
.base-button--warning {
|
|
38989
|
+
color: #FFFFFF;
|
|
38990
|
+
background-color: #FF791A;
|
|
38991
|
+
border-color: #FF791A;
|
|
38992
|
+
}
|
|
38993
|
+
.base-button--warning:hover, .base-button--warning:focus {
|
|
38994
|
+
background: #ff9448 !important;
|
|
38995
|
+
border-color: #ff9448 !important;
|
|
38996
|
+
color: #FFFFFF !important;
|
|
38997
|
+
}
|
|
38998
|
+
.base-button--warning:active {
|
|
38999
|
+
background: #e66d17 !important;
|
|
39000
|
+
border-color: #e66d17 !important;
|
|
39001
|
+
color: #FFFFFF !important;
|
|
39002
|
+
outline: none !important;
|
|
39003
|
+
}
|
|
39004
|
+
.base-button--warning.is-active {
|
|
39005
|
+
background: #e66d17 !important;
|
|
39006
|
+
border-color: #e66d17 !important;
|
|
39007
|
+
color: #FFFFFF !important;
|
|
39008
|
+
}
|
|
39009
|
+
.base-button--warning.is-disabled, .base-button--warning.is-disabled:hover, .base-button--warning.is-disabled:focus, .base-button--warning.is-disabled:active {
|
|
39010
|
+
color: #FFFFFF !important;
|
|
39011
|
+
background-color: #ffbc8d !important;
|
|
39012
|
+
border-color: #ffbc8d !important;
|
|
39013
|
+
}
|
|
39014
|
+
.base-button--warning.is-plain {
|
|
39015
|
+
color: #FF791A;
|
|
39016
|
+
background: #fff2e8;
|
|
39017
|
+
border-color: #ffc9a3;
|
|
39018
|
+
}
|
|
39019
|
+
.base-button--warning.is-plain:hover, .base-button--warning.is-plain:focus {
|
|
39020
|
+
background: #FF791A;
|
|
39021
|
+
border-color: #FF791A;
|
|
39022
|
+
color: #FFFFFF;
|
|
39023
|
+
}
|
|
39024
|
+
.base-button--warning.is-plain:active {
|
|
39025
|
+
background: #e66d17;
|
|
39026
|
+
border-color: #e66d17;
|
|
39027
|
+
color: #FFFFFF;
|
|
39028
|
+
outline: none;
|
|
39029
|
+
}
|
|
39030
|
+
.base-button--warning.is-plain.is-disabled, .base-button--warning.is-plain.is-disabled:hover, .base-button--warning.is-plain.is-disabled:focus, .base-button--warning.is-plain.is-disabled:active {
|
|
39031
|
+
color: #ffaf76;
|
|
39032
|
+
background-color: #fff2e8;
|
|
39033
|
+
border-color: #ffe4d1;
|
|
39034
|
+
}
|
|
39035
|
+
.base-button--danger {
|
|
39036
|
+
color: #FFFFFF;
|
|
39037
|
+
background-color: #F1403C;
|
|
39038
|
+
border-color: #F1403C;
|
|
39039
|
+
}
|
|
39040
|
+
.base-button--danger:hover, .base-button--danger:focus {
|
|
39041
|
+
background: #f46663 !important;
|
|
39042
|
+
border-color: #f46663 !important;
|
|
39043
|
+
color: #FFFFFF !important;
|
|
39044
|
+
}
|
|
39045
|
+
.base-button--danger:active {
|
|
39046
|
+
background: #d93a36 !important;
|
|
39047
|
+
border-color: #d93a36 !important;
|
|
39048
|
+
color: #FFFFFF !important;
|
|
39049
|
+
outline: none !important;
|
|
39050
|
+
}
|
|
39051
|
+
.base-button--danger.is-active {
|
|
39052
|
+
background: #d93a36 !important;
|
|
39053
|
+
border-color: #d93a36 !important;
|
|
39054
|
+
color: #FFFFFF !important;
|
|
39055
|
+
}
|
|
39056
|
+
.base-button--danger.is-disabled, .base-button--danger.is-disabled:hover, .base-button--danger.is-disabled:focus, .base-button--danger.is-disabled:active {
|
|
39057
|
+
color: #FFFFFF !important;
|
|
39058
|
+
background-color: #f8a09e !important;
|
|
39059
|
+
border-color: #f8a09e !important;
|
|
39060
|
+
}
|
|
39061
|
+
.base-button--danger.is-plain {
|
|
39062
|
+
color: #F1403C;
|
|
39063
|
+
background: #feecec;
|
|
39064
|
+
border-color: #f9b3b1;
|
|
39065
|
+
}
|
|
39066
|
+
.base-button--danger.is-plain:hover, .base-button--danger.is-plain:focus {
|
|
39067
|
+
background: #F1403C;
|
|
39068
|
+
border-color: #F1403C;
|
|
39069
|
+
color: #FFFFFF;
|
|
39070
|
+
}
|
|
39071
|
+
.base-button--danger.is-plain:active {
|
|
39072
|
+
background: #d93a36;
|
|
39073
|
+
border-color: #d93a36;
|
|
39074
|
+
color: #FFFFFF;
|
|
39075
|
+
outline: none;
|
|
39076
|
+
}
|
|
39077
|
+
.base-button--danger.is-plain.is-disabled, .base-button--danger.is-plain.is-disabled:hover, .base-button--danger.is-plain.is-disabled:focus, .base-button--danger.is-plain.is-disabled:active {
|
|
39078
|
+
color: #f78c8a;
|
|
39079
|
+
background-color: #feecec;
|
|
39080
|
+
border-color: #fcd9d8;
|
|
39081
|
+
}
|
|
39082
|
+
.base-button--info {
|
|
39083
|
+
color: #FFFFFF;
|
|
39084
|
+
background-color: #8590a6;
|
|
39085
|
+
border-color: #8590a6;
|
|
39086
|
+
}
|
|
39087
|
+
.base-button--info:hover, .base-button--info:focus {
|
|
39088
|
+
background: #9da6b8 !important;
|
|
39089
|
+
border-color: #9da6b8 !important;
|
|
39090
|
+
color: #FFFFFF !important;
|
|
39091
|
+
}
|
|
39092
|
+
.base-button--info:active {
|
|
39093
|
+
background: #788295 !important;
|
|
39094
|
+
border-color: #788295 !important;
|
|
39095
|
+
color: #FFFFFF !important;
|
|
39096
|
+
outline: none !important;
|
|
39097
|
+
}
|
|
39098
|
+
.base-button--info.is-active {
|
|
39099
|
+
background: #788295 !important;
|
|
39100
|
+
border-color: #788295 !important;
|
|
39101
|
+
color: #FFFFFF !important;
|
|
39102
|
+
}
|
|
39103
|
+
.base-button--info.is-disabled, .base-button--info.is-disabled:hover, .base-button--info.is-disabled:focus, .base-button--info.is-disabled:active {
|
|
39104
|
+
color: #FFFFFF !important;
|
|
39105
|
+
background-color: #c2c8d3 !important;
|
|
39106
|
+
border-color: #c2c8d3 !important;
|
|
39107
|
+
}
|
|
39108
|
+
.base-button--info.is-plain {
|
|
39109
|
+
color: #8590a6;
|
|
39110
|
+
background: #f3f4f6;
|
|
39111
|
+
border-color: #ced3db;
|
|
39112
|
+
}
|
|
39113
|
+
.base-button--info.is-plain:hover, .base-button--info.is-plain:focus {
|
|
39114
|
+
background: #8590a6;
|
|
39115
|
+
border-color: #8590a6;
|
|
39116
|
+
color: #FFFFFF;
|
|
39117
|
+
}
|
|
39118
|
+
.base-button--info.is-plain:active {
|
|
39119
|
+
background: #788295;
|
|
39120
|
+
border-color: #788295;
|
|
39121
|
+
color: #FFFFFF;
|
|
39122
|
+
outline: none;
|
|
39123
|
+
}
|
|
39124
|
+
.base-button--info.is-plain.is-disabled, .base-button--info.is-plain.is-disabled:hover, .base-button--info.is-plain.is-disabled:focus, .base-button--info.is-plain.is-disabled:active {
|
|
39125
|
+
color: #b6bcca;
|
|
39126
|
+
background-color: #f3f4f6;
|
|
39127
|
+
border-color: #e7e9ed;
|
|
39128
|
+
}
|
|
39129
|
+
.base-button--medium {
|
|
39130
|
+
height: 36px;
|
|
39131
|
+
padding: 11px 20px;
|
|
39132
|
+
font-size: 14px;
|
|
39133
|
+
border-radius: 4px;
|
|
39134
|
+
}
|
|
39135
|
+
.base-button--medium.is-round {
|
|
39136
|
+
padding: 11px 20px;
|
|
39137
|
+
}
|
|
39138
|
+
.base-button--medium.is-circle {
|
|
39139
|
+
padding: 11px;
|
|
39140
|
+
}
|
|
39141
|
+
.base-button--small {
|
|
39142
|
+
height: 32px;
|
|
39143
|
+
padding: 10px 15px;
|
|
39144
|
+
font-size: 12px;
|
|
39145
|
+
border-radius: 3px;
|
|
39146
|
+
}
|
|
39147
|
+
.base-button--small.is-round {
|
|
39148
|
+
padding: 10px 15px;
|
|
39149
|
+
}
|
|
39150
|
+
.base-button--small.is-circle {
|
|
39151
|
+
padding: 10px;
|
|
39152
|
+
}
|
|
39153
|
+
.base-button--mini {
|
|
39154
|
+
height: 28px;
|
|
39155
|
+
padding: 0 15px;
|
|
39156
|
+
font-size: 12px;
|
|
39157
|
+
border-radius: 3px;
|
|
39158
|
+
}
|
|
39159
|
+
.base-button--mini.is-round {
|
|
39160
|
+
padding: 0 15px;
|
|
39161
|
+
}
|
|
39162
|
+
.base-button--mini.is-circle {
|
|
39163
|
+
padding: 8px;
|
|
39164
|
+
}
|
|
39165
|
+
.base-button--text {
|
|
39166
|
+
border-color: transparent;
|
|
39167
|
+
color: #2F3A91;
|
|
39168
|
+
background: transparent;
|
|
39169
|
+
padding-left: 0;
|
|
39170
|
+
padding-right: 0;
|
|
39171
|
+
}
|
|
39172
|
+
.base-button--text:hover, .base-button--text:focus {
|
|
39173
|
+
color: #5961a7;
|
|
39174
|
+
border-color: transparent;
|
|
39175
|
+
background-color: transparent;
|
|
39176
|
+
}
|
|
39177
|
+
.base-button--text:active {
|
|
39178
|
+
color: #2a3483;
|
|
39179
|
+
border-color: transparent;
|
|
39180
|
+
background-color: transparent;
|
|
39181
|
+
}
|
|
39182
|
+
.base-button--text.is-disabled, .base-button--text.is-disabled:hover, .base-button--text.is-disabled:focus {
|
|
39183
|
+
border-color: transparent;
|
|
39184
|
+
}
|
|
39185
|
+
.base-button-group {
|
|
39186
|
+
display: inline-block;
|
|
39187
|
+
vertical-align: middle;
|
|
39188
|
+
}
|
|
39189
|
+
.base-button-group::before,
|
|
39190
|
+
.base-button-group::after {
|
|
39191
|
+
display: table;
|
|
39192
|
+
content: "";
|
|
39193
|
+
}
|
|
39194
|
+
.base-button-group::after {
|
|
39195
|
+
clear: both;
|
|
39196
|
+
}
|
|
39197
|
+
.base-button-group > .base-button {
|
|
39198
|
+
float: left;
|
|
39199
|
+
position: relative;
|
|
39200
|
+
}
|
|
39201
|
+
.base-button-group > .base-button + .base-button {
|
|
39202
|
+
margin-left: 0;
|
|
39203
|
+
}
|
|
39204
|
+
.base-button-group > .base-button.is-disabled {
|
|
39205
|
+
z-index: 1;
|
|
39206
|
+
}
|
|
39207
|
+
.base-button-group > .base-button:first-child {
|
|
39208
|
+
border-top-right-radius: 0;
|
|
39209
|
+
border-bottom-right-radius: 0;
|
|
39210
|
+
}
|
|
39211
|
+
.base-button-group > .base-button:last-child {
|
|
39212
|
+
border-top-left-radius: 0;
|
|
39213
|
+
border-bottom-left-radius: 0;
|
|
39214
|
+
}
|
|
39215
|
+
.base-button-group > .base-button:first-child:last-child {
|
|
39216
|
+
border-top-right-radius: 4px;
|
|
39217
|
+
border-bottom-right-radius: 4px;
|
|
39218
|
+
border-top-left-radius: 4px;
|
|
39219
|
+
border-bottom-left-radius: 4px;
|
|
39220
|
+
}
|
|
39221
|
+
.base-button-group > .base-button:first-child:last-child.is-round {
|
|
39222
|
+
border-radius: 20px;
|
|
39223
|
+
}
|
|
39224
|
+
.base-button-group > .base-button:first-child:last-child.is-circle {
|
|
39225
|
+
border-radius: 50%;
|
|
39226
|
+
}
|
|
39227
|
+
.base-button-group > .base-button:not(:first-child):not(:last-child) {
|
|
39228
|
+
border-radius: 0;
|
|
39229
|
+
}
|
|
39230
|
+
.base-button-group > .base-button:not(:last-child) {
|
|
39231
|
+
margin-right: -1px;
|
|
39232
|
+
}
|
|
39233
|
+
.base-button-group > .base-button:hover, .base-button-group > .base-button:focus, .base-button-group > .base-button:active {
|
|
39234
|
+
z-index: 1;
|
|
39235
|
+
}
|
|
39236
|
+
.base-button-group > .base-button.is-active {
|
|
39237
|
+
z-index: 1;
|
|
39238
|
+
}
|
|
39239
|
+
.base-button-group > .base-dropdown > .base-button {
|
|
39240
|
+
border-top-left-radius: 0;
|
|
39241
|
+
border-bottom-left-radius: 0;
|
|
39242
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
39243
|
+
}
|
|
39244
|
+
.base-button-group .base-button--primary:first-child {
|
|
39245
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
39246
|
+
}
|
|
39247
|
+
.base-button-group .base-button--primary:last-child {
|
|
39248
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
39249
|
+
}
|
|
39250
|
+
.base-button-group .base-button--primary:not(:first-child):not(:last-child) {
|
|
39251
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
39252
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
39253
|
+
}
|
|
39254
|
+
.base-button-group .base-button--success:first-child {
|
|
39255
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
39256
|
+
}
|
|
39257
|
+
.base-button-group .base-button--success:last-child {
|
|
39258
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
39259
|
+
}
|
|
39260
|
+
.base-button-group .base-button--success:not(:first-child):not(:last-child) {
|
|
39261
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
39262
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
39263
|
+
}
|
|
39264
|
+
.base-button-group .base-button--warning:first-child {
|
|
39265
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
39266
|
+
}
|
|
39267
|
+
.base-button-group .base-button--warning:last-child {
|
|
39268
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
39269
|
+
}
|
|
39270
|
+
.base-button-group .base-button--warning:not(:first-child):not(:last-child) {
|
|
39271
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
39272
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
39273
|
+
}
|
|
39274
|
+
.base-button-group .base-button--danger:first-child {
|
|
39275
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
39276
|
+
}
|
|
39277
|
+
.base-button-group .base-button--danger:last-child {
|
|
39278
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
39279
|
+
}
|
|
39280
|
+
.base-button-group .base-button--danger:not(:first-child):not(:last-child) {
|
|
39281
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
39282
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
39283
|
+
}
|
|
39284
|
+
.base-button-group .base-button--info:first-child {
|
|
39285
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
39286
|
+
}
|
|
39287
|
+
.base-button-group .base-button--info:last-child {
|
|
39288
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
39289
|
+
}
|
|
39290
|
+
.base-button-group .base-button--info:not(:first-child):not(:last-child) {
|
|
39291
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
39292
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
39293
|
+
}
|
|
39294
|
+
.base-checkbox {
|
|
39295
|
+
color: #646464;
|
|
39296
|
+
font-weight: 500;
|
|
39297
|
+
font-size: 14px;
|
|
39298
|
+
position: relative;
|
|
39299
|
+
cursor: pointer;
|
|
39300
|
+
display: inline-block;
|
|
39301
|
+
white-space: nowrap;
|
|
39302
|
+
user-select: none;
|
|
39303
|
+
margin-right: 30px;
|
|
39304
|
+
}
|
|
39305
|
+
.base-checkbox.is-bordered {
|
|
39306
|
+
padding: 9px 20px 9px 10px;
|
|
39307
|
+
border-radius: 4px;
|
|
39308
|
+
border: 1px solid #DCDFE6;
|
|
39309
|
+
box-sizing: border-box;
|
|
39310
|
+
line-height: normal;
|
|
39311
|
+
height: 40px;
|
|
39312
|
+
}
|
|
39313
|
+
.base-checkbox.is-bordered.is-checked {
|
|
39314
|
+
border-color: #2F3A91;
|
|
39315
|
+
}
|
|
39316
|
+
.base-checkbox.is-bordered.is-disabled {
|
|
39317
|
+
border-color: #EBEEF5;
|
|
39318
|
+
cursor: not-allowed;
|
|
39319
|
+
}
|
|
39320
|
+
.base-checkbox.is-bordered + .base-checkbox.is-bordered {
|
|
39321
|
+
margin-left: 10px;
|
|
39322
|
+
}
|
|
39323
|
+
.base-checkbox.is-bordered.base-checkbox--medium {
|
|
39324
|
+
padding: 7px 20px 7px 10px;
|
|
39325
|
+
border-radius: 4px;
|
|
39326
|
+
height: 36px;
|
|
39327
|
+
}
|
|
39328
|
+
.base-checkbox.is-bordered.base-checkbox--medium .base-checkbox__label {
|
|
39329
|
+
line-height: 17px;
|
|
39330
|
+
font-size: 14px;
|
|
39331
|
+
}
|
|
39332
|
+
.base-checkbox.is-bordered.base-checkbox--medium .base-checkbox__inner {
|
|
39333
|
+
height: 14px;
|
|
39334
|
+
width: 14px;
|
|
39335
|
+
}
|
|
39336
|
+
.base-checkbox.is-bordered.base-checkbox--small {
|
|
39337
|
+
padding: 5px 15px 5px 10px;
|
|
39338
|
+
border-radius: 3px;
|
|
39339
|
+
height: 32px;
|
|
39340
|
+
}
|
|
39341
|
+
.base-checkbox.is-bordered.base-checkbox--small .base-checkbox__label {
|
|
39342
|
+
line-height: 15px;
|
|
39343
|
+
font-size: 12px;
|
|
39344
|
+
}
|
|
39345
|
+
.base-checkbox.is-bordered.base-checkbox--small .base-checkbox__inner {
|
|
39346
|
+
height: 12px;
|
|
39347
|
+
width: 12px;
|
|
39348
|
+
}
|
|
39349
|
+
.base-checkbox.is-bordered.base-checkbox--small .base-checkbox__inner::after {
|
|
39350
|
+
height: 6px;
|
|
39351
|
+
width: 2px;
|
|
39352
|
+
}
|
|
39353
|
+
.base-checkbox.is-bordered.base-checkbox--mini {
|
|
39354
|
+
padding: 3px 15px 3px 10px;
|
|
39355
|
+
border-radius: 3px;
|
|
39356
|
+
height: 28px;
|
|
39357
|
+
}
|
|
39358
|
+
.base-checkbox.is-bordered.base-checkbox--mini .base-checkbox__label {
|
|
39359
|
+
line-height: 12px;
|
|
39360
|
+
font-size: 12px;
|
|
39361
|
+
}
|
|
39362
|
+
.base-checkbox.is-bordered.base-checkbox--mini .base-checkbox__inner {
|
|
39363
|
+
height: 12px;
|
|
39364
|
+
width: 12px;
|
|
39365
|
+
}
|
|
39366
|
+
.base-checkbox.is-bordered.base-checkbox--mini .base-checkbox__inner::after {
|
|
39367
|
+
height: 6px;
|
|
39368
|
+
width: 2px;
|
|
39369
|
+
}
|
|
39370
|
+
.base-checkbox__input {
|
|
39371
|
+
white-space: nowrap;
|
|
39372
|
+
cursor: pointer;
|
|
39373
|
+
outline: none;
|
|
39374
|
+
display: inline-block;
|
|
39375
|
+
line-height: 1;
|
|
39376
|
+
position: relative;
|
|
39377
|
+
vertical-align: middle;
|
|
39378
|
+
margin-bottom: 1px;
|
|
39379
|
+
}
|
|
39380
|
+
.base-checkbox__input.is-disabled .base-checkbox__inner {
|
|
39381
|
+
background-color: #edf2fc;
|
|
39382
|
+
border-color: #DCDFE6;
|
|
39383
|
+
cursor: not-allowed;
|
|
39384
|
+
}
|
|
39385
|
+
.base-checkbox__input.is-disabled .base-checkbox__inner::after {
|
|
39386
|
+
cursor: not-allowed;
|
|
39387
|
+
border-color: #8590a6;
|
|
39388
|
+
}
|
|
39389
|
+
.base-checkbox__input.is-disabled .base-checkbox__inner + .base-checkbox__label {
|
|
39390
|
+
cursor: not-allowed;
|
|
39391
|
+
}
|
|
39392
|
+
.base-checkbox__input.is-disabled.is-checked .base-checkbox__inner {
|
|
39393
|
+
background-color: #DCDFE6;
|
|
39394
|
+
border-color: #DCDFE6;
|
|
39395
|
+
}
|
|
39396
|
+
.base-checkbox__input.is-disabled.is-checked .base-checkbox__inner::after {
|
|
39397
|
+
border-color: #FFFFFF;
|
|
39398
|
+
}
|
|
39399
|
+
.base-checkbox__input.is-disabled.is-indeterminate .base-checkbox__inner {
|
|
39400
|
+
background-color: #DCDFE6;
|
|
39401
|
+
border-color: #DCDFE6;
|
|
39402
|
+
}
|
|
39403
|
+
.base-checkbox__input.is-disabled.is-indeterminate .base-checkbox__inner::before {
|
|
39404
|
+
background-color: #FFFFFF;
|
|
39405
|
+
border-color: #FFFFFF;
|
|
39406
|
+
}
|
|
39407
|
+
.base-checkbox__input.is-disabled + span.base-checkbox__label {
|
|
39408
|
+
color: #8590a6;
|
|
39409
|
+
cursor: not-allowed;
|
|
39410
|
+
}
|
|
39411
|
+
.base-checkbox__input.is-checked .base-checkbox__inner {
|
|
39412
|
+
background-color: #2F3A91;
|
|
39413
|
+
border-color: #2F3A91;
|
|
39414
|
+
}
|
|
39415
|
+
.base-checkbox__input.is-checked .base-checkbox__inner::after {
|
|
39416
|
+
transform: rotate(45deg) scaleY(1);
|
|
39417
|
+
}
|
|
39418
|
+
.base-checkbox__input.is-checked + .base-checkbox__label {
|
|
39419
|
+
color: #2F3A91;
|
|
39420
|
+
}
|
|
39421
|
+
.base-checkbox__input.is-focus {
|
|
39422
|
+
|
|
39423
|
+
}
|
|
39424
|
+
.base-checkbox__input.is-focus .base-checkbox__inner {
|
|
39425
|
+
border-color: #2F3A91;
|
|
39426
|
+
}
|
|
39427
|
+
.base-checkbox__input.is-indeterminate .base-checkbox__inner {
|
|
39428
|
+
background-color: #2F3A91;
|
|
39429
|
+
border-color: #2F3A91;
|
|
39430
|
+
}
|
|
39431
|
+
.base-checkbox__input.is-indeterminate .base-checkbox__inner::before {
|
|
39432
|
+
content: "";
|
|
39433
|
+
position: absolute;
|
|
39434
|
+
display: block;
|
|
39435
|
+
background-color: #FFFFFF;
|
|
39436
|
+
height: 2px;
|
|
39437
|
+
transform: scale(0.5);
|
|
39438
|
+
left: 0;
|
|
39439
|
+
right: 0;
|
|
39440
|
+
top: 5px;
|
|
39441
|
+
}
|
|
39442
|
+
.base-checkbox__input.is-indeterminate .base-checkbox__inner::after {
|
|
39443
|
+
display: none;
|
|
39444
|
+
}
|
|
39445
|
+
.base-checkbox__inner {
|
|
39446
|
+
display: inline-block;
|
|
39447
|
+
position: relative;
|
|
39448
|
+
border: 1.5px solid #DCDFE6;
|
|
39449
|
+
border-radius: 2px;
|
|
39450
|
+
box-sizing: border-box;
|
|
39451
|
+
width: 16px;
|
|
39452
|
+
height: 16px;
|
|
39453
|
+
background-color: #FFFFFF;
|
|
39454
|
+
z-index: 1;
|
|
39455
|
+
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
39456
|
+
}
|
|
39457
|
+
.base-checkbox__inner:hover {
|
|
39458
|
+
border-color: #2F3A91;
|
|
39459
|
+
}
|
|
39460
|
+
.base-checkbox__inner::after {
|
|
39461
|
+
box-sizing: content-box;
|
|
39462
|
+
content: "";
|
|
39463
|
+
border: 1.5px solid #FFFFFF;
|
|
39464
|
+
border-left: 0;
|
|
39465
|
+
border-top: 0;
|
|
39466
|
+
height: 7px;
|
|
39467
|
+
left: 4px;
|
|
39468
|
+
position: absolute;
|
|
39469
|
+
top: 1px;
|
|
39470
|
+
transform: rotate(45deg) scaleY(0);
|
|
39471
|
+
width: 4px;
|
|
39472
|
+
transition: transform 0.15s ease-in 0.05s;
|
|
39473
|
+
transform-origin: center;
|
|
39474
|
+
}
|
|
39475
|
+
.base-checkbox__original {
|
|
39476
|
+
opacity: 0;
|
|
39477
|
+
outline: none;
|
|
39478
|
+
position: absolute;
|
|
39479
|
+
margin: 0;
|
|
39480
|
+
width: 0;
|
|
39481
|
+
height: 0;
|
|
39482
|
+
z-index: -1;
|
|
39483
|
+
}
|
|
39484
|
+
.base-checkbox__label {
|
|
39485
|
+
display: inline-block;
|
|
39486
|
+
padding-left: 8px;
|
|
39487
|
+
line-height: 19px;
|
|
39488
|
+
font-size: 14px;
|
|
39489
|
+
}
|
|
39490
|
+
.base-checkbox:last-of-type {
|
|
39491
|
+
margin-right: 0;
|
|
39492
|
+
}
|
|
39493
|
+
.base-checkbox-button {
|
|
39494
|
+
position: relative;
|
|
39495
|
+
display: inline-block;
|
|
39496
|
+
}
|
|
39497
|
+
.base-checkbox-button__inner {
|
|
39498
|
+
display: inline-block;
|
|
39499
|
+
line-height: 1;
|
|
39500
|
+
font-weight: 500;
|
|
39501
|
+
white-space: nowrap;
|
|
39502
|
+
vertical-align: middle;
|
|
39503
|
+
cursor: pointer;
|
|
39504
|
+
background: #FFFFFF;
|
|
39505
|
+
border: 1px solid #DCDFE6;
|
|
39506
|
+
border-left: 0;
|
|
39507
|
+
color: #646464;
|
|
39508
|
+
-webkit-appearance: none;
|
|
39509
|
+
text-align: center;
|
|
39510
|
+
box-sizing: border-box;
|
|
39511
|
+
outline: none;
|
|
39512
|
+
margin: 0;
|
|
39513
|
+
position: relative;
|
|
39514
|
+
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
39515
|
+
-moz-user-select: none;
|
|
39516
|
+
-webkit-user-select: none;
|
|
39517
|
+
-ms-user-select: none;
|
|
39518
|
+
padding: 0 20px;
|
|
39519
|
+
font-size: 14px;
|
|
39520
|
+
border-radius: 0;
|
|
39521
|
+
}
|
|
39522
|
+
.base-checkbox-button__inner.is-round {
|
|
39523
|
+
padding: 0 20px;
|
|
39524
|
+
}
|
|
39525
|
+
.base-checkbox-button__inner:hover {
|
|
39526
|
+
color: #2F3A91;
|
|
39527
|
+
}
|
|
39528
|
+
.base-checkbox-button__inner [class*=base-icon-] {
|
|
39529
|
+
line-height: 0.9;
|
|
39530
|
+
}
|
|
39531
|
+
.base-checkbox-button__inner [class*=base-icon-] + span {
|
|
39532
|
+
margin-left: 5px;
|
|
39533
|
+
}
|
|
39534
|
+
.base-checkbox-button__original {
|
|
39535
|
+
opacity: 0;
|
|
39536
|
+
outline: none;
|
|
39537
|
+
position: absolute;
|
|
39538
|
+
margin: 0;
|
|
39539
|
+
z-index: -1;
|
|
39540
|
+
}
|
|
39541
|
+
.base-checkbox-button.is-checked .base-checkbox-button__inner {
|
|
39542
|
+
color: #FFFFFF;
|
|
39543
|
+
background-color: #2F3A91;
|
|
39544
|
+
border-color: #2F3A91;
|
|
39545
|
+
box-shadow: -1px 0 0 0 #8289bd;
|
|
39546
|
+
}
|
|
39547
|
+
.base-checkbox-button.is-checked:first-child .base-checkbox-button__inner {
|
|
39548
|
+
border-left-color: #2F3A91;
|
|
39549
|
+
}
|
|
39550
|
+
.base-checkbox-button.is-disabled .base-checkbox-button__inner {
|
|
39551
|
+
color: #8590a6;
|
|
39552
|
+
cursor: not-allowed;
|
|
39553
|
+
background-image: none;
|
|
39554
|
+
background-color: #FFFFFF;
|
|
39555
|
+
border-color: #EBEEF5;
|
|
39556
|
+
box-shadow: none;
|
|
39557
|
+
}
|
|
39558
|
+
.base-checkbox-button.is-disabled:first-child .base-checkbox-button__inner {
|
|
39559
|
+
border-left-color: #EBEEF5;
|
|
39560
|
+
}
|
|
39561
|
+
.base-checkbox-button:first-child .base-checkbox-button__inner {
|
|
39562
|
+
border-left: 1px solid #DCDFE6;
|
|
39563
|
+
border-radius: 4px 0 0 4px;
|
|
39564
|
+
box-shadow: none !important;
|
|
39565
|
+
}
|
|
39566
|
+
.base-checkbox-button.is-focus .base-checkbox-button__inner {
|
|
39567
|
+
border-color: #2F3A91;
|
|
39568
|
+
}
|
|
39569
|
+
.base-checkbox-button:last-child .base-checkbox-button__inner {
|
|
39570
|
+
border-radius: 0 4px 4px 0;
|
|
39571
|
+
}
|
|
39572
|
+
.base-checkbox-button--medium .base-checkbox-button__inner {
|
|
39573
|
+
padding: 11px 20px;
|
|
39574
|
+
font-size: 14px;
|
|
39575
|
+
border-radius: 0;
|
|
39576
|
+
}
|
|
39577
|
+
.base-checkbox-button--medium .base-checkbox-button__inner.is-round {
|
|
39578
|
+
padding: 11px 20px;
|
|
39579
|
+
}
|
|
39580
|
+
.base-checkbox-button--small .base-checkbox-button__inner {
|
|
39581
|
+
padding: 10px 15px;
|
|
39582
|
+
font-size: 12px;
|
|
39583
|
+
border-radius: 0;
|
|
39584
|
+
}
|
|
39585
|
+
.base-checkbox-button--small .base-checkbox-button__inner.is-round {
|
|
39586
|
+
padding: 10px 15px;
|
|
39587
|
+
}
|
|
39588
|
+
.base-checkbox-button--mini .base-checkbox-button__inner {
|
|
39589
|
+
padding: 8px 15px;
|
|
39590
|
+
font-size: 12px;
|
|
39591
|
+
border-radius: 0;
|
|
39592
|
+
}
|
|
39593
|
+
.base-checkbox-button--mini .base-checkbox-button__inner.is-round {
|
|
39594
|
+
padding: 8px 15px;
|
|
39595
|
+
}
|
|
39596
|
+
.base-checkbox-group {
|
|
39597
|
+
font-size: 0;
|
|
39598
|
+
}
|
|
39599
|
+
|
|
39600
|
+
|
|
39601
|
+
|
|
39602
|
+
|
|
39603
|
+
|
|
39604
|
+
|
|
39605
|
+
|
|
39606
|
+
|
|
39607
|
+
|
|
39608
|
+
|
|
39609
|
+
|
|
39610
|
+
:export {
|
|
39611
|
+
primary: #2F3A91;
|
|
39612
|
+
success: #67C23A;
|
|
39613
|
+
warning: #FF791A;
|
|
39614
|
+
danger: #F1403C;
|
|
39615
|
+
info: #8590a6;
|
|
39616
|
+
}
|
|
39617
|
+
|
|
39618
|
+
|
|
39619
|
+
|
|
39620
|
+
|
|
39621
|
+
|
|
39622
|
+
|
|
39623
|
+
|
|
39624
|
+
|
|
39625
|
+
|
|
39626
|
+
|
|
39627
|
+
|
|
39628
|
+
|
|
39629
|
+
|
|
39630
|
+
|
|
39631
|
+
|
|
39632
|
+
|
|
39633
|
+
|
|
39634
|
+
|
|
39635
|
+
|
|
39636
|
+
|
|
39637
|
+
|
|
39638
|
+
|
|
39639
|
+
|
|
39640
|
+
|
|
39641
|
+
|
|
39642
|
+
|
|
39643
|
+
|
|
39644
|
+
|
|
39645
|
+
|
|
39646
|
+
|
|
39647
|
+
|
|
39648
|
+
|
|
39649
|
+
|
|
39650
|
+
|
|
39651
|
+
|
|
39652
|
+
|
|
39653
|
+
|
|
39654
|
+
|
|
39655
|
+
|
|
39656
|
+
|
|
39657
|
+
|
|
39658
|
+
|
|
39659
|
+
|
|
39660
|
+
|
|
39661
|
+
|
|
39662
|
+
|
|
39663
|
+
|
|
39664
|
+
|
|
39665
|
+
|
|
39666
|
+
|
|
39667
|
+
|
|
39668
|
+
|
|
39669
|
+
|
|
39670
|
+
|
|
39671
|
+
|
|
39672
|
+
|
|
39673
|
+
|
|
39674
|
+
|
|
39675
|
+
|
|
39676
|
+
|
|
39677
|
+
|
|
39678
|
+
|
|
39679
|
+
|
|
39680
|
+
|
|
39681
|
+
|
|
39682
|
+
|
|
39683
|
+
|
|
39684
|
+
|
|
39685
|
+
|
|
39686
|
+
|
|
39687
|
+
:export {
|
|
39688
|
+
primary: #2F3A91;
|
|
39689
|
+
success: #67C23A;
|
|
39690
|
+
warning: #FF791A;
|
|
39691
|
+
danger: #F1403C;
|
|
39692
|
+
info: #8590a6;
|
|
39693
|
+
}
|
|
39694
|
+
|
|
39695
|
+
|
|
39696
|
+
|
|
39697
|
+
|
|
39698
|
+
|
|
39699
|
+
|
|
39700
|
+
|
|
39701
|
+
|
|
39702
|
+
|
|
39703
|
+
|
|
39704
|
+
|
|
39705
|
+
|
|
39706
|
+
|
|
39707
|
+
|
|
39708
|
+
|
|
39709
|
+
|
|
39710
|
+
|
|
39711
|
+
|
|
39712
|
+
|
|
39713
|
+
|
|
39714
|
+
|
|
39715
|
+
|
|
39716
|
+
|
|
39717
|
+
|
|
39718
|
+
|
|
39719
|
+
|
|
39720
|
+
|
|
39721
|
+
|
|
39722
|
+
|
|
39723
|
+
|
|
39724
|
+
|
|
39725
|
+
|
|
39726
|
+
|
|
39727
|
+
|
|
39728
|
+
|
|
39729
|
+
|
|
39730
|
+
|
|
39731
|
+
|
|
39732
|
+
|
|
39733
|
+
|
|
39734
|
+
|
|
39735
|
+
|
|
39736
|
+
|
|
39737
|
+
|
|
39738
|
+
|
|
39739
|
+
|
|
39740
|
+
|
|
39741
|
+
|
|
39742
|
+
|
|
39743
|
+
|
|
39744
|
+
|
|
39745
|
+
|
|
39746
|
+
|
|
39747
|
+
|
|
39748
|
+
|
|
39749
|
+
.base-tag {
|
|
39750
|
+
background-color: #eaebf4;
|
|
39751
|
+
border-color: #d5d8e9;
|
|
39752
|
+
color: #2f3a91;
|
|
39753
|
+
font-weight: 500;
|
|
39754
|
+
display: inline-block;
|
|
39755
|
+
height: 32px;
|
|
39756
|
+
padding: 0 10px;
|
|
39757
|
+
line-height: 30px;
|
|
39758
|
+
font-size: 12px;
|
|
39759
|
+
color: #2F3A91;
|
|
39760
|
+
border-width: 1px;
|
|
39761
|
+
border-style: solid;
|
|
39762
|
+
border-radius: 4px;
|
|
39763
|
+
box-sizing: border-box;
|
|
39764
|
+
white-space: nowrap;
|
|
39765
|
+
}
|
|
39766
|
+
.base-tag.is-hit {
|
|
39767
|
+
border-color: #2F3A91;
|
|
39768
|
+
}
|
|
39769
|
+
.base-tag.is-round {
|
|
39770
|
+
border-radius: 20px;
|
|
39771
|
+
}
|
|
39772
|
+
.base-tag .base-tag__close {
|
|
39773
|
+
color: #2f3a91;
|
|
39774
|
+
}
|
|
39775
|
+
.base-tag .base-tag__close:hover {
|
|
39776
|
+
color: #FFFFFF;
|
|
39777
|
+
background-color: #2f3a91;
|
|
39778
|
+
}
|
|
39779
|
+
.base-tag.base-tag--info {
|
|
39780
|
+
background-color: #f3f4f6;
|
|
39781
|
+
border-color: #e7e9ed;
|
|
39782
|
+
color: #8590a6;
|
|
39783
|
+
}
|
|
39784
|
+
.base-tag.base-tag--info.is-hit {
|
|
39785
|
+
border-color: #8590a6;
|
|
39786
|
+
}
|
|
39787
|
+
.base-tag.base-tag--info .base-tag__close {
|
|
39788
|
+
color: #8590a6;
|
|
39789
|
+
}
|
|
39790
|
+
.base-tag.base-tag--info .base-tag__close:hover {
|
|
39791
|
+
color: #FFFFFF;
|
|
39792
|
+
background-color: #8590a6;
|
|
39793
|
+
}
|
|
39794
|
+
.base-tag.base-tag--success {
|
|
39795
|
+
background-color: #f0f9eb;
|
|
39796
|
+
border-color: #e1f3d8;
|
|
39797
|
+
color: #67c23a;
|
|
39798
|
+
}
|
|
39799
|
+
.base-tag.base-tag--success.is-hit {
|
|
39800
|
+
border-color: #67C23A;
|
|
39801
|
+
}
|
|
39802
|
+
.base-tag.base-tag--success .base-tag__close {
|
|
39803
|
+
color: #67c23a;
|
|
39804
|
+
}
|
|
39805
|
+
.base-tag.base-tag--success .base-tag__close:hover {
|
|
39806
|
+
color: #FFFFFF;
|
|
39807
|
+
background-color: #67c23a;
|
|
39808
|
+
}
|
|
39809
|
+
.base-tag.base-tag--warning {
|
|
39810
|
+
background-color: #fff2e8 !important;
|
|
39811
|
+
border-color: #ffe4d1 !important;
|
|
39812
|
+
color: #ff791a !important;
|
|
39813
|
+
}
|
|
39814
|
+
.base-tag.base-tag--warning.is-hit {
|
|
39815
|
+
border-color: #FF791A;
|
|
39816
|
+
}
|
|
39817
|
+
.base-tag.base-tag--warning .base-tag__close {
|
|
39818
|
+
color: #ff791a;
|
|
39819
|
+
}
|
|
39820
|
+
.base-tag.base-tag--warning .base-tag__close:hover {
|
|
39821
|
+
color: #FFFFFF;
|
|
39822
|
+
background-color: #ff791a;
|
|
39823
|
+
}
|
|
39824
|
+
.base-tag.base-tag--danger {
|
|
39825
|
+
background-color: #feecec;
|
|
39826
|
+
border-color: #fcd9d8;
|
|
39827
|
+
color: #f1403c;
|
|
39828
|
+
}
|
|
39829
|
+
.base-tag.base-tag--danger.is-hit {
|
|
39830
|
+
border-color: #F1403C;
|
|
39831
|
+
}
|
|
39832
|
+
.base-tag.base-tag--danger .base-tag__close {
|
|
39833
|
+
color: #f1403c;
|
|
39834
|
+
}
|
|
39835
|
+
.base-tag.base-tag--danger .base-tag__close:hover {
|
|
39836
|
+
color: #FFFFFF;
|
|
39837
|
+
background-color: #f1403c;
|
|
39838
|
+
}
|
|
39839
|
+
.base-tag .base-icon-close {
|
|
39840
|
+
border-radius: 50%;
|
|
39841
|
+
text-align: center;
|
|
39842
|
+
position: relative;
|
|
39843
|
+
cursor: pointer;
|
|
39844
|
+
font-size: 12px;
|
|
39845
|
+
height: 16px;
|
|
39846
|
+
width: 16px;
|
|
39847
|
+
line-height: 16px;
|
|
39848
|
+
vertical-align: middle;
|
|
39849
|
+
top: -1px;
|
|
39850
|
+
right: -5px;
|
|
39851
|
+
}
|
|
39852
|
+
.base-tag .base-icon-close::before {
|
|
39853
|
+
display: block;
|
|
39854
|
+
}
|
|
39855
|
+
.base-tag--dark {
|
|
39856
|
+
background-color: #2f3a91;
|
|
39857
|
+
border-color: #2f3a91;
|
|
39858
|
+
color: white;
|
|
39859
|
+
font-weight: 500;
|
|
39860
|
+
}
|
|
39861
|
+
.base-tag--dark.is-hit {
|
|
39862
|
+
border-color: #2F3A91;
|
|
39863
|
+
}
|
|
39864
|
+
.base-tag--dark.is-round {
|
|
39865
|
+
border-radius: 20px;
|
|
39866
|
+
}
|
|
39867
|
+
.base-tag--dark .base-tag__close {
|
|
39868
|
+
color: white;
|
|
39869
|
+
}
|
|
39870
|
+
.base-tag--dark .base-tag__close:hover {
|
|
39871
|
+
color: #FFFFFF;
|
|
39872
|
+
background-color: #5961a7;
|
|
39873
|
+
}
|
|
39874
|
+
.base-tag--dark.base-tag--info {
|
|
39875
|
+
background-color: #8590a6;
|
|
39876
|
+
border-color: #8590a6;
|
|
39877
|
+
color: white;
|
|
39878
|
+
}
|
|
39879
|
+
.base-tag--dark.base-tag--info.is-hit {
|
|
39880
|
+
border-color: #8590a6;
|
|
39881
|
+
}
|
|
39882
|
+
.base-tag--dark.base-tag--info .base-tag__close {
|
|
39883
|
+
color: white;
|
|
39884
|
+
}
|
|
39885
|
+
.base-tag--dark.base-tag--info .base-tag__close:hover {
|
|
39886
|
+
color: #FFFFFF;
|
|
39887
|
+
background-color: #9da6b8;
|
|
39888
|
+
}
|
|
39889
|
+
.base-tag--dark.base-tag--success {
|
|
39890
|
+
background-color: #67c23a;
|
|
39891
|
+
border-color: #67c23a;
|
|
39892
|
+
color: white;
|
|
39893
|
+
}
|
|
39894
|
+
.base-tag--dark.base-tag--success.is-hit {
|
|
39895
|
+
border-color: #67C23A;
|
|
39896
|
+
}
|
|
39897
|
+
.base-tag--dark.base-tag--success .base-tag__close {
|
|
39898
|
+
color: white;
|
|
39899
|
+
}
|
|
39900
|
+
.base-tag--dark.base-tag--success .base-tag__close:hover {
|
|
39901
|
+
color: #FFFFFF;
|
|
39902
|
+
background-color: #85ce61;
|
|
39903
|
+
}
|
|
39904
|
+
.base-tag--dark.base-tag--warning {
|
|
39905
|
+
background-color: #ff791a !important;
|
|
39906
|
+
border-color: #ff791a !important;
|
|
39907
|
+
color: white !important;
|
|
39908
|
+
}
|
|
39909
|
+
.base-tag--dark.base-tag--warning.is-hit {
|
|
39910
|
+
border-color: #FF791A;
|
|
39911
|
+
}
|
|
39912
|
+
.base-tag--dark.base-tag--warning .base-tag__close {
|
|
39913
|
+
color: white;
|
|
39914
|
+
}
|
|
39915
|
+
.base-tag--dark.base-tag--warning .base-tag__close:hover {
|
|
39916
|
+
color: #FFFFFF;
|
|
39917
|
+
background-color: #ff9448;
|
|
39918
|
+
}
|
|
39919
|
+
.base-tag--dark.base-tag--danger {
|
|
39920
|
+
background-color: #f1403c;
|
|
39921
|
+
border-color: #f1403c;
|
|
39922
|
+
color: white;
|
|
39923
|
+
}
|
|
39924
|
+
.base-tag--dark.base-tag--danger.is-hit {
|
|
39925
|
+
border-color: #F1403C;
|
|
39926
|
+
}
|
|
39927
|
+
.base-tag--dark.base-tag--danger .base-tag__close {
|
|
39928
|
+
color: white;
|
|
39929
|
+
}
|
|
39930
|
+
.base-tag--dark.base-tag--danger .base-tag__close:hover {
|
|
39931
|
+
color: #FFFFFF;
|
|
39932
|
+
background-color: #f46663;
|
|
39933
|
+
}
|
|
39934
|
+
.base-tag--plain {
|
|
39935
|
+
background-color: white;
|
|
39936
|
+
border-color: #acb0d3;
|
|
39937
|
+
color: #2f3a91;
|
|
39938
|
+
font-weight: 500;
|
|
39939
|
+
background-color: white !important;
|
|
39940
|
+
border-color: #acb0d3 !important;
|
|
39941
|
+
color: #2f3a91 !important;
|
|
39942
|
+
}
|
|
39943
|
+
.base-tag--plain.is-hit {
|
|
39944
|
+
border-color: #2F3A91;
|
|
39945
|
+
}
|
|
39946
|
+
.base-tag--plain.is-round {
|
|
39947
|
+
border-radius: 20px;
|
|
39948
|
+
}
|
|
39949
|
+
.base-tag--plain .base-tag__close {
|
|
39950
|
+
color: #2f3a91;
|
|
39951
|
+
}
|
|
39952
|
+
.base-tag--plain .base-tag__close:hover {
|
|
39953
|
+
color: #FFFFFF;
|
|
39954
|
+
background-color: #2f3a91;
|
|
39955
|
+
}
|
|
39956
|
+
.base-tag--plain.base-tag--info {
|
|
39957
|
+
background-color: white;
|
|
39958
|
+
border-color: #ced3db;
|
|
39959
|
+
color: #8590a6;
|
|
39960
|
+
}
|
|
39961
|
+
.base-tag--plain.base-tag--info.is-hit {
|
|
39962
|
+
border-color: #8590a6;
|
|
39963
|
+
}
|
|
39964
|
+
.base-tag--plain.base-tag--info .base-tag__close {
|
|
39965
|
+
color: #8590a6;
|
|
39966
|
+
}
|
|
39967
|
+
.base-tag--plain.base-tag--info .base-tag__close:hover {
|
|
39968
|
+
color: #FFFFFF;
|
|
39969
|
+
background-color: #8590a6;
|
|
39970
|
+
}
|
|
39971
|
+
.base-tag--plain.base-tag--success {
|
|
39972
|
+
background-color: white;
|
|
39973
|
+
border-color: #c2e7b0;
|
|
39974
|
+
color: #67c23a;
|
|
39975
|
+
}
|
|
39976
|
+
.base-tag--plain.base-tag--success.is-hit {
|
|
39977
|
+
border-color: #67C23A;
|
|
39978
|
+
}
|
|
39979
|
+
.base-tag--plain.base-tag--success .base-tag__close {
|
|
39980
|
+
color: #67c23a;
|
|
39981
|
+
}
|
|
39982
|
+
.base-tag--plain.base-tag--success .base-tag__close:hover {
|
|
39983
|
+
color: #FFFFFF;
|
|
39984
|
+
background-color: #67c23a;
|
|
39985
|
+
}
|
|
39986
|
+
.base-tag--plain.base-tag--warning {
|
|
39987
|
+
background-color: white !important;
|
|
39988
|
+
border-color: #ffc9a3 !important;
|
|
39989
|
+
color: #ff791a !important;
|
|
39990
|
+
}
|
|
39991
|
+
.base-tag--plain.base-tag--warning.is-hit {
|
|
39992
|
+
border-color: #FF791A;
|
|
39993
|
+
}
|
|
39994
|
+
.base-tag--plain.base-tag--warning .base-tag__close {
|
|
39995
|
+
color: #ff791a;
|
|
39996
|
+
}
|
|
39997
|
+
.base-tag--plain.base-tag--warning .base-tag__close:hover {
|
|
39998
|
+
color: #FFFFFF;
|
|
39999
|
+
background-color: #ff791a;
|
|
40000
|
+
}
|
|
40001
|
+
.base-tag--plain.base-tag--danger {
|
|
40002
|
+
background-color: white;
|
|
40003
|
+
border-color: #f9b3b1;
|
|
40004
|
+
color: #f1403c;
|
|
40005
|
+
}
|
|
40006
|
+
.base-tag--plain.base-tag--danger.is-hit {
|
|
40007
|
+
border-color: #F1403C;
|
|
40008
|
+
}
|
|
40009
|
+
.base-tag--plain.base-tag--danger .base-tag__close {
|
|
40010
|
+
color: #f1403c;
|
|
40011
|
+
}
|
|
40012
|
+
.base-tag--plain.base-tag--danger .base-tag__close:hover {
|
|
40013
|
+
color: #FFFFFF;
|
|
40014
|
+
background-color: #f1403c;
|
|
40015
|
+
}
|
|
40016
|
+
.base-tag--medium {
|
|
40017
|
+
height: 28px;
|
|
40018
|
+
line-height: 26px;
|
|
40019
|
+
}
|
|
40020
|
+
.base-tag--medium .base-icon-close {
|
|
40021
|
+
transform: scale(0.8);
|
|
40022
|
+
}
|
|
40023
|
+
.base-tag--small {
|
|
40024
|
+
height: 24px;
|
|
40025
|
+
padding: 0 8px;
|
|
40026
|
+
line-height: 22px;
|
|
40027
|
+
}
|
|
40028
|
+
.base-tag--small .base-icon-close {
|
|
40029
|
+
transform: scale(0.8);
|
|
40030
|
+
}
|
|
40031
|
+
.base-tag--mini {
|
|
40032
|
+
height: 20px;
|
|
40033
|
+
padding: 0 5px;
|
|
40034
|
+
line-height: 19px;
|
|
40035
|
+
}
|
|
40036
|
+
.base-tag--mini .base-icon-close {
|
|
40037
|
+
margin-left: -3px;
|
|
40038
|
+
transform: scale(0.7);
|
|
40039
|
+
}
|
|
40040
|
+
|
|
40041
|
+
|
|
40042
|
+
|
|
40043
|
+
|
|
40044
|
+
|
|
40045
|
+
|
|
40046
|
+
|
|
40047
|
+
|
|
40048
|
+
|
|
40049
|
+
|
|
40050
|
+
|
|
40051
|
+
:export {
|
|
40052
|
+
primary: #2F3A91;
|
|
40053
|
+
success: #67C23A;
|
|
40054
|
+
warning: #FF791A;
|
|
40055
|
+
danger: #F1403C;
|
|
40056
|
+
info: #8590a6;
|
|
40057
|
+
}
|
|
40058
|
+
|
|
40059
|
+
|
|
40060
|
+
|
|
40061
|
+
|
|
40062
|
+
|
|
40063
|
+
|
|
40064
|
+
|
|
40065
|
+
|
|
40066
|
+
|
|
40067
|
+
|
|
40068
|
+
|
|
40069
|
+
|
|
40070
|
+
|
|
40071
|
+
|
|
40072
|
+
|
|
40073
|
+
|
|
40074
|
+
|
|
40075
|
+
|
|
40076
|
+
|
|
40077
|
+
|
|
40078
|
+
|
|
40079
|
+
|
|
40080
|
+
|
|
40081
|
+
|
|
40082
|
+
|
|
40083
|
+
|
|
40084
|
+
|
|
40085
|
+
|
|
40086
|
+
|
|
40087
|
+
|
|
40088
|
+
|
|
40089
|
+
|
|
40090
|
+
|
|
40091
|
+
|
|
40092
|
+
|
|
40093
|
+
|
|
40094
|
+
|
|
40095
|
+
|
|
40096
|
+
|
|
40097
|
+
|
|
40098
|
+
|
|
40099
|
+
|
|
40100
|
+
|
|
40101
|
+
|
|
40102
|
+
|
|
40103
|
+
|
|
40104
|
+
|
|
40105
|
+
|
|
40106
|
+
|
|
40107
|
+
|
|
40108
|
+
|
|
40109
|
+
|
|
40110
|
+
|
|
40111
|
+
|
|
40112
|
+
|
|
40113
|
+
.base-table-column--selection .cell {
|
|
40114
|
+
padding-left: 14px;
|
|
40115
|
+
padding-right: 14px;
|
|
40116
|
+
}
|
|
40117
|
+
.base-table-filter {
|
|
40118
|
+
border: solid 1px #EBEEF5;
|
|
40119
|
+
border-radius: 2px;
|
|
40120
|
+
background-color: #FFFFFF;
|
|
40121
|
+
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
40122
|
+
box-sizing: border-box;
|
|
40123
|
+
margin: 2px 0;
|
|
40124
|
+
|
|
40125
|
+
}
|
|
40126
|
+
.base-table-filter__list {
|
|
40127
|
+
padding: 5px 0;
|
|
40128
|
+
margin: 0;
|
|
40129
|
+
list-style: none;
|
|
40130
|
+
min-width: 100px;
|
|
40131
|
+
}
|
|
40132
|
+
.base-table-filter__list-item {
|
|
40133
|
+
line-height: 36px;
|
|
40134
|
+
padding: 0 10px;
|
|
40135
|
+
cursor: pointer;
|
|
40136
|
+
font-size: 14px;
|
|
40137
|
+
}
|
|
40138
|
+
.base-table-filter__list-item:hover {
|
|
40139
|
+
background-color: #eaebf4;
|
|
40140
|
+
color: #5961a7;
|
|
40141
|
+
}
|
|
40142
|
+
.base-table-filter__list-item.is-active {
|
|
40143
|
+
background-color: #2F3A91;
|
|
40144
|
+
color: #FFFFFF;
|
|
40145
|
+
}
|
|
40146
|
+
.base-table-filter__content {
|
|
40147
|
+
min-width: 100px;
|
|
40148
|
+
}
|
|
40149
|
+
.base-table-filter__bottom {
|
|
40150
|
+
border-top: 1px solid #EBEEF5;
|
|
40151
|
+
padding: 8px;
|
|
40152
|
+
}
|
|
40153
|
+
.base-table-filter__bottom button {
|
|
40154
|
+
background: transparent;
|
|
40155
|
+
border: none;
|
|
40156
|
+
color: #646464;
|
|
40157
|
+
cursor: pointer;
|
|
40158
|
+
font-size: 13px;
|
|
40159
|
+
padding: 0 3px;
|
|
40160
|
+
}
|
|
40161
|
+
.base-table-filter__bottom button:hover {
|
|
40162
|
+
color: #2F3A91;
|
|
40163
|
+
}
|
|
40164
|
+
.base-table-filter__bottom button:focus {
|
|
40165
|
+
outline: none;
|
|
40166
|
+
}
|
|
40167
|
+
.base-table-filter__bottom button.is-disabled {
|
|
40168
|
+
color: #8590a6;
|
|
40169
|
+
cursor: not-allowed;
|
|
40170
|
+
}
|
|
40171
|
+
.base-table-filter__wrap {
|
|
40172
|
+
max-height: 280px;
|
|
40173
|
+
}
|
|
40174
|
+
.base-table-filter__checkbox-group {
|
|
40175
|
+
padding: 10px;
|
|
40176
|
+
}
|
|
40177
|
+
.base-table-filter__checkbox-group label.base-checkbox {
|
|
40178
|
+
display: block;
|
|
40179
|
+
margin-right: 5px;
|
|
40180
|
+
margin-bottom: 8px;
|
|
40181
|
+
margin-left: 5px;
|
|
40182
|
+
}
|
|
40183
|
+
.base-table-filter__checkbox-group .base-checkbox:last-child {
|
|
40184
|
+
margin-bottom: 0;
|
|
40185
|
+
}
|
|
40186
|
+
|
|
40187
|
+
|
|
40188
|
+
|
|
40189
|
+
|
|
40190
|
+
|
|
40191
|
+
|
|
40192
|
+
|
|
40193
|
+
|
|
40194
|
+
|
|
40195
|
+
|
|
40196
|
+
|
|
40197
|
+
:export {
|
|
40198
|
+
primary: #2F3A91;
|
|
40199
|
+
success: #67C23A;
|
|
40200
|
+
warning: #FF791A;
|
|
40201
|
+
danger: #F1403C;
|
|
40202
|
+
info: #8590a6;
|
|
40203
|
+
}
|
|
40204
|
+
|
|
40205
|
+
|
|
40206
|
+
|
|
40207
|
+
|
|
40208
|
+
|
|
40209
|
+
|
|
40210
|
+
|
|
40211
|
+
|
|
40212
|
+
|
|
40213
|
+
|
|
40214
|
+
|
|
40215
|
+
|
|
40216
|
+
|
|
40217
|
+
|
|
40218
|
+
|
|
40219
|
+
|
|
40220
|
+
|
|
40221
|
+
|
|
40222
|
+
|
|
40223
|
+
|
|
40224
|
+
|
|
40225
|
+
|
|
40226
|
+
|
|
40227
|
+
|
|
40228
|
+
|
|
40229
|
+
|
|
40230
|
+
|
|
40231
|
+
|
|
40232
|
+
|
|
40233
|
+
|
|
40234
|
+
|
|
40235
|
+
|
|
40236
|
+
|
|
40237
|
+
|
|
40238
|
+
|
|
40239
|
+
|
|
40240
|
+
|
|
40241
|
+
|
|
40242
|
+
|
|
40243
|
+
|
|
40244
|
+
|
|
40245
|
+
|
|
40246
|
+
|
|
40247
|
+
|
|
40248
|
+
|
|
40249
|
+
|
|
40250
|
+
|
|
40251
|
+
|
|
40252
|
+
|
|
40253
|
+
|
|
40254
|
+
|
|
40255
|
+
|
|
40256
|
+
|
|
40257
|
+
|
|
40258
|
+
|
|
40259
|
+
|
|
40260
|
+
|
|
40261
|
+
|
|
40262
|
+
|
|
40263
|
+
|
|
40264
|
+
|
|
40265
|
+
|
|
40266
|
+
|
|
40267
|
+
|
|
40268
|
+
|
|
40269
|
+
|
|
40270
|
+
|
|
40271
|
+
|
|
40272
|
+
|
|
40273
|
+
|
|
40274
|
+
:export {
|
|
40275
|
+
primary: #2F3A91;
|
|
40276
|
+
success: #67C23A;
|
|
40277
|
+
warning: #FF791A;
|
|
40278
|
+
danger: #F1403C;
|
|
40279
|
+
info: #8590a6;
|
|
40280
|
+
}
|
|
40281
|
+
|
|
40282
|
+
|
|
40283
|
+
|
|
40284
|
+
|
|
40285
|
+
|
|
40286
|
+
|
|
40287
|
+
|
|
40288
|
+
|
|
40289
|
+
|
|
40290
|
+
|
|
40291
|
+
|
|
40292
|
+
|
|
40293
|
+
|
|
40294
|
+
|
|
40295
|
+
|
|
40296
|
+
|
|
40297
|
+
|
|
40298
|
+
|
|
40299
|
+
|
|
40300
|
+
|
|
40301
|
+
|
|
40302
|
+
|
|
40303
|
+
|
|
40304
|
+
|
|
40305
|
+
|
|
40306
|
+
|
|
40307
|
+
|
|
40308
|
+
|
|
40309
|
+
|
|
40310
|
+
|
|
40311
|
+
|
|
40312
|
+
|
|
40313
|
+
|
|
40314
|
+
|
|
40315
|
+
|
|
40316
|
+
|
|
40317
|
+
|
|
40318
|
+
|
|
40319
|
+
|
|
40320
|
+
|
|
40321
|
+
|
|
40322
|
+
|
|
40323
|
+
|
|
40324
|
+
|
|
40325
|
+
|
|
40326
|
+
|
|
40327
|
+
|
|
40328
|
+
|
|
40329
|
+
|
|
40330
|
+
|
|
40331
|
+
|
|
40332
|
+
|
|
40333
|
+
|
|
40334
|
+
|
|
40335
|
+
|
|
40336
|
+
|
|
40337
|
+
|
|
40338
|
+
|
|
40339
|
+
|
|
40340
|
+
|
|
40341
|
+
|
|
40342
|
+
|
|
40343
|
+
|
|
40344
|
+
|
|
40345
|
+
|
|
40346
|
+
|
|
40347
|
+
:export {
|
|
40348
|
+
primary: #2F3A91;
|
|
40349
|
+
success: #67C23A;
|
|
40350
|
+
warning: #FF791A;
|
|
40351
|
+
danger: #F1403C;
|
|
40352
|
+
info: #8590a6;
|
|
40353
|
+
}
|
|
40354
|
+
|
|
40355
|
+
|
|
40356
|
+
|
|
40357
|
+
|
|
40358
|
+
|
|
40359
|
+
|
|
40360
|
+
|
|
40361
|
+
|
|
40362
|
+
|
|
40363
|
+
|
|
40364
|
+
|
|
40365
|
+
|
|
40366
|
+
|
|
40367
|
+
|
|
40368
|
+
|
|
40369
|
+
|
|
40370
|
+
|
|
40371
|
+
|
|
40372
|
+
|
|
40373
|
+
|
|
40374
|
+
|
|
40375
|
+
|
|
40376
|
+
|
|
40377
|
+
|
|
40378
|
+
|
|
40379
|
+
|
|
40380
|
+
|
|
40381
|
+
|
|
40382
|
+
|
|
40383
|
+
|
|
40384
|
+
|
|
40385
|
+
|
|
40386
|
+
|
|
40387
|
+
|
|
40388
|
+
|
|
40389
|
+
|
|
40390
|
+
|
|
40391
|
+
|
|
40392
|
+
|
|
40393
|
+
|
|
40394
|
+
|
|
40395
|
+
|
|
40396
|
+
|
|
40397
|
+
|
|
40398
|
+
|
|
40399
|
+
|
|
40400
|
+
|
|
40401
|
+
|
|
40402
|
+
|
|
40403
|
+
|
|
40404
|
+
|
|
40405
|
+
|
|
40406
|
+
|
|
40407
|
+
|
|
40408
|
+
|
|
40409
|
+
|
|
40410
|
+
|
|
40411
|
+
|
|
40412
|
+
|
|
40413
|
+
|
|
40414
|
+
|
|
40415
|
+
|
|
40416
|
+
|
|
40417
|
+
|
|
40418
|
+
|
|
40419
|
+
|
|
40420
|
+
|
|
40421
|
+
|
|
40422
|
+
|
|
40423
|
+
|
|
40424
|
+
:export {
|
|
40425
|
+
primary: #2F3A91;
|
|
40426
|
+
success: #67C23A;
|
|
40427
|
+
warning: #FF791A;
|
|
40428
|
+
danger: #F1403C;
|
|
40429
|
+
info: #8590a6;
|
|
40430
|
+
}
|
|
40431
|
+
|
|
40432
|
+
|
|
40433
|
+
|
|
40434
|
+
|
|
40435
|
+
|
|
40436
|
+
|
|
40437
|
+
|
|
40438
|
+
|
|
40439
|
+
|
|
40440
|
+
|
|
40441
|
+
|
|
40442
|
+
|
|
40443
|
+
|
|
40444
|
+
|
|
40445
|
+
|
|
40446
|
+
|
|
40447
|
+
|
|
40448
|
+
|
|
40449
|
+
|
|
40450
|
+
|
|
40451
|
+
|
|
40452
|
+
|
|
40453
|
+
|
|
40454
|
+
|
|
40455
|
+
|
|
40456
|
+
|
|
40457
|
+
|
|
40458
|
+
|
|
40459
|
+
|
|
40460
|
+
|
|
40461
|
+
|
|
40462
|
+
|
|
40463
|
+
|
|
40464
|
+
|
|
40465
|
+
|
|
40466
|
+
|
|
40467
|
+
|
|
40468
|
+
|
|
40469
|
+
|
|
40470
|
+
|
|
40471
|
+
|
|
40472
|
+
|
|
40473
|
+
|
|
40474
|
+
|
|
40475
|
+
|
|
40476
|
+
|
|
40477
|
+
|
|
40478
|
+
|
|
40479
|
+
|
|
40480
|
+
|
|
40481
|
+
|
|
40482
|
+
|
|
40483
|
+
|
|
40484
|
+
|
|
40485
|
+
|
|
40486
|
+
|
|
40487
|
+
|
|
40488
|
+
|
|
40489
|
+
|
|
40490
|
+
|
|
40491
|
+
|
|
40492
|
+
|
|
40493
|
+
|
|
40494
|
+
|
|
40495
|
+
|
|
40496
|
+
|
|
40497
|
+
:export {
|
|
40498
|
+
primary: #2F3A91;
|
|
40499
|
+
success: #67C23A;
|
|
40500
|
+
warning: #FF791A;
|
|
40501
|
+
danger: #F1403C;
|
|
40502
|
+
info: #8590a6;
|
|
40503
|
+
}
|
|
40504
|
+
|
|
40505
|
+
|
|
40506
|
+
|
|
40507
|
+
|
|
40508
|
+
|
|
40509
|
+
|
|
40510
|
+
|
|
40511
|
+
|
|
40512
|
+
|
|
40513
|
+
|
|
40514
|
+
|
|
40515
|
+
|
|
40516
|
+
|
|
40517
|
+
|
|
40518
|
+
|
|
40519
|
+
|
|
40520
|
+
|
|
40521
|
+
|
|
40522
|
+
|
|
40523
|
+
|
|
40524
|
+
|
|
40525
|
+
|
|
40526
|
+
|
|
40527
|
+
|
|
40528
|
+
|
|
40529
|
+
|
|
40530
|
+
|
|
40531
|
+
|
|
40532
|
+
|
|
40533
|
+
|
|
40534
|
+
|
|
40535
|
+
|
|
40536
|
+
|
|
40537
|
+
|
|
40538
|
+
|
|
40539
|
+
|
|
40540
|
+
|
|
40541
|
+
|
|
40542
|
+
|
|
40543
|
+
|
|
40544
|
+
|
|
40545
|
+
|
|
40546
|
+
|
|
40547
|
+
|
|
40548
|
+
|
|
40549
|
+
|
|
40550
|
+
|
|
40551
|
+
|
|
40552
|
+
|
|
40553
|
+
|
|
40554
|
+
|
|
40555
|
+
|
|
40556
|
+
|
|
40557
|
+
|
|
40558
|
+
|
|
40559
|
+
|
|
40560
|
+
|
|
40561
|
+
|
|
40562
|
+
|
|
40563
|
+
.base-button {
|
|
40564
|
+
display: inline-block;
|
|
40565
|
+
line-height: 1;
|
|
40566
|
+
white-space: nowrap;
|
|
40567
|
+
cursor: pointer;
|
|
40568
|
+
background: #FFFFFF;
|
|
40569
|
+
height: 40px;
|
|
40570
|
+
color: #646464;
|
|
40571
|
+
-webkit-appearance: none;
|
|
40572
|
+
text-align: center;
|
|
40573
|
+
box-sizing: border-box;
|
|
40574
|
+
outline: none;
|
|
40575
|
+
margin: 0;
|
|
40576
|
+
transition: 0.1s;
|
|
40577
|
+
font-weight: 500;
|
|
40578
|
+
-moz-user-select: none;
|
|
40579
|
+
-webkit-user-select: none;
|
|
40580
|
+
-ms-user-select: none;
|
|
40581
|
+
padding: 0 20px;
|
|
40582
|
+
font-size: 14px;
|
|
40583
|
+
border-radius: 4px;
|
|
40584
|
+
}
|
|
40585
|
+
.base-button + .base-button {
|
|
40586
|
+
margin-left: 10px;
|
|
40587
|
+
}
|
|
40588
|
+
.base-button.is-round {
|
|
40589
|
+
padding: 0 20px;
|
|
40590
|
+
}
|
|
40591
|
+
.base-button:hover, .base-button:focus {
|
|
40592
|
+
color: #2F3A91;
|
|
40593
|
+
border-color: #c1c4de;
|
|
40594
|
+
background-color: #eaebf4;
|
|
40595
|
+
}
|
|
40596
|
+
.base-button:active {
|
|
40597
|
+
color: #2a3483;
|
|
40598
|
+
border-color: #2a3483;
|
|
40599
|
+
outline: none;
|
|
40600
|
+
}
|
|
40601
|
+
.base-button::-moz-focus-inner {
|
|
40602
|
+
border: 0;
|
|
40603
|
+
}
|
|
40604
|
+
.base-button [class*=base-icon-] + span {
|
|
40605
|
+
margin-left: 5px;
|
|
40606
|
+
}
|
|
40607
|
+
.base-button.is-light {
|
|
40608
|
+
border: thin solid #8590a6;
|
|
40609
|
+
color: #8590a6;
|
|
40610
|
+
}
|
|
40611
|
+
.base-button.is-light:hover {
|
|
40612
|
+
background: rgba(133, 144, 166, 0.06) !important;
|
|
40613
|
+
border-color: #8590a6 !important;
|
|
40614
|
+
color: #8590a6 !important;
|
|
40615
|
+
}
|
|
40616
|
+
.base-button.is-light:focus, .base-button.is-light:active {
|
|
40617
|
+
background: rgba(133, 144, 166, 0.06) !important;
|
|
40618
|
+
border-color: #8590a6 !important;
|
|
40619
|
+
color: #8590a6 !important;
|
|
40620
|
+
outline: none;
|
|
40621
|
+
}
|
|
40622
|
+
.base-button.is-plain:hover {
|
|
40623
|
+
background: #F3F5F8;
|
|
40624
|
+
border-color: #F3F5F8;
|
|
40625
|
+
color: #646464;
|
|
40626
|
+
}
|
|
40627
|
+
.base-button.is-plain:focus, .base-button.is-plain:active {
|
|
40628
|
+
background: rgba(0, 0, 0, 0.06);
|
|
40629
|
+
border-color: rgba(0, 0, 0, 0.06);
|
|
40630
|
+
color: #121212;
|
|
40631
|
+
outline: none;
|
|
40632
|
+
}
|
|
40633
|
+
.base-button.is-plain i {
|
|
40634
|
+
font-weight: 600;
|
|
40635
|
+
}
|
|
40636
|
+
.base-button.is-active {
|
|
40637
|
+
color: #2a3483;
|
|
40638
|
+
border-color: #2a3483;
|
|
40639
|
+
}
|
|
40640
|
+
.base-button.is-disabled, .base-button.is-disabled:hover, .base-button.is-disabled:focus {
|
|
40641
|
+
color: #8590a6;
|
|
40642
|
+
cursor: not-allowed;
|
|
40643
|
+
background-image: none;
|
|
40644
|
+
background-color: #FFFFFF;
|
|
40645
|
+
border-color: #EBEEF5;
|
|
40646
|
+
}
|
|
40647
|
+
.base-button.is-disabled.base-button--text {
|
|
40648
|
+
background-color: transparent;
|
|
40649
|
+
}
|
|
40650
|
+
.base-button.is-disabled.is-plain, .base-button.is-disabled.is-plain:hover, .base-button.is-disabled.is-plain:focus {
|
|
40651
|
+
background-color: #FFFFFF;
|
|
40652
|
+
border-color: #EBEEF5;
|
|
40653
|
+
color: #8590a6;
|
|
40654
|
+
}
|
|
40655
|
+
.base-button.is-loading {
|
|
40656
|
+
position: relative;
|
|
40657
|
+
pointer-events: none;
|
|
40658
|
+
}
|
|
40659
|
+
.base-button.is-loading:before {
|
|
40660
|
+
pointer-events: none;
|
|
40661
|
+
content: "";
|
|
40662
|
+
position: absolute;
|
|
40663
|
+
left: -1px;
|
|
40664
|
+
top: -1px;
|
|
40665
|
+
right: -1px;
|
|
40666
|
+
bottom: -1px;
|
|
40667
|
+
border-radius: inherit;
|
|
40668
|
+
background-color: rgba(255, 255, 255, 0.35);
|
|
40669
|
+
}
|
|
40670
|
+
.base-button.is-round {
|
|
40671
|
+
border-radius: 20px;
|
|
40672
|
+
padding: 12px 23px;
|
|
40673
|
+
}
|
|
40674
|
+
.base-button.is-circle {
|
|
40675
|
+
border-radius: 50%;
|
|
40676
|
+
padding: 0;
|
|
40677
|
+
}
|
|
40678
|
+
.base-button--primary {
|
|
40679
|
+
color: #FFFFFF;
|
|
40680
|
+
background-color: #2F3A91;
|
|
40681
|
+
border-color: #2F3A91;
|
|
40682
|
+
}
|
|
40683
|
+
.base-button--primary:hover, .base-button--primary:focus {
|
|
40684
|
+
background: #5961a7 !important;
|
|
40685
|
+
border-color: #5961a7 !important;
|
|
40686
|
+
color: #FFFFFF !important;
|
|
40687
|
+
}
|
|
40688
|
+
.base-button--primary:active {
|
|
40689
|
+
background: #2a3483 !important;
|
|
40690
|
+
border-color: #2a3483 !important;
|
|
40691
|
+
color: #FFFFFF !important;
|
|
40692
|
+
outline: none !important;
|
|
40693
|
+
}
|
|
40694
|
+
.base-button--primary.is-active {
|
|
40695
|
+
background: #2a3483 !important;
|
|
40696
|
+
border-color: #2a3483 !important;
|
|
40697
|
+
color: #FFFFFF !important;
|
|
40698
|
+
}
|
|
40699
|
+
.base-button--primary.is-disabled, .base-button--primary.is-disabled:hover, .base-button--primary.is-disabled:focus, .base-button--primary.is-disabled:active {
|
|
40700
|
+
color: #FFFFFF !important;
|
|
40701
|
+
background-color: #979dc8 !important;
|
|
40702
|
+
border-color: #979dc8 !important;
|
|
40703
|
+
}
|
|
40704
|
+
.base-button--primary.is-plain {
|
|
40705
|
+
color: #2F3A91;
|
|
40706
|
+
background: #eaebf4;
|
|
40707
|
+
border-color: #acb0d3;
|
|
40708
|
+
}
|
|
40709
|
+
.base-button--primary.is-plain:hover, .base-button--primary.is-plain:focus {
|
|
40710
|
+
background: #2F3A91;
|
|
40711
|
+
border-color: #2F3A91;
|
|
40712
|
+
color: #FFFFFF;
|
|
40713
|
+
}
|
|
40714
|
+
.base-button--primary.is-plain:active {
|
|
40715
|
+
background: #2a3483;
|
|
40716
|
+
border-color: #2a3483;
|
|
40717
|
+
color: #FFFFFF;
|
|
40718
|
+
outline: none;
|
|
40719
|
+
}
|
|
40720
|
+
.base-button--primary.is-plain.is-disabled, .base-button--primary.is-plain.is-disabled:hover, .base-button--primary.is-plain.is-disabled:focus, .base-button--primary.is-plain.is-disabled:active {
|
|
40721
|
+
color: #8289bd;
|
|
40722
|
+
background-color: #eaebf4;
|
|
40723
|
+
border-color: #d5d8e9;
|
|
40724
|
+
}
|
|
40725
|
+
.base-button--primary.is-light {
|
|
40726
|
+
border-color: #2F3A91;
|
|
40727
|
+
color: #2F3A91;
|
|
40728
|
+
background-color: #FFFFFF;
|
|
40729
|
+
}
|
|
40730
|
+
.base-button--primary.is-light:hover {
|
|
40731
|
+
border-color: #2F3A91 !important;
|
|
40732
|
+
color: #2F3A91 !important;
|
|
40733
|
+
background: #eaebf4 !important;
|
|
40734
|
+
}
|
|
40735
|
+
.base-button--primary.is-light:focus, .base-button--primary.is-light:active {
|
|
40736
|
+
border-color: #2F3A91 !important;
|
|
40737
|
+
color: #2F3A91 !important;
|
|
40738
|
+
background: #eaebf4 !important;
|
|
40739
|
+
}
|
|
40740
|
+
.base-button--success {
|
|
40741
|
+
color: #FFFFFF;
|
|
40742
|
+
background-color: #67C23A;
|
|
40743
|
+
border-color: #67C23A;
|
|
40744
|
+
}
|
|
40745
|
+
.base-button--success:hover, .base-button--success:focus {
|
|
40746
|
+
background: #85ce61 !important;
|
|
40747
|
+
border-color: #85ce61 !important;
|
|
40748
|
+
color: #FFFFFF !important;
|
|
40749
|
+
}
|
|
40750
|
+
.base-button--success:active {
|
|
40751
|
+
background: #5daf34 !important;
|
|
40752
|
+
border-color: #5daf34 !important;
|
|
40753
|
+
color: #FFFFFF !important;
|
|
40754
|
+
outline: none !important;
|
|
40755
|
+
}
|
|
40756
|
+
.base-button--success.is-active {
|
|
40757
|
+
background: #5daf34 !important;
|
|
40758
|
+
border-color: #5daf34 !important;
|
|
40759
|
+
color: #FFFFFF !important;
|
|
40760
|
+
}
|
|
40761
|
+
.base-button--success.is-disabled, .base-button--success.is-disabled:hover, .base-button--success.is-disabled:focus, .base-button--success.is-disabled:active {
|
|
40762
|
+
color: #FFFFFF !important;
|
|
40763
|
+
background-color: #b3e19d !important;
|
|
40764
|
+
border-color: #b3e19d !important;
|
|
40765
|
+
}
|
|
40766
|
+
.base-button--success.is-plain {
|
|
40767
|
+
color: #67C23A;
|
|
40768
|
+
background: #f0f9eb;
|
|
40769
|
+
border-color: #c2e7b0;
|
|
40770
|
+
}
|
|
40771
|
+
.base-button--success.is-plain:hover, .base-button--success.is-plain:focus {
|
|
40772
|
+
background: #67C23A;
|
|
40773
|
+
border-color: #67C23A;
|
|
40774
|
+
color: #FFFFFF;
|
|
40775
|
+
}
|
|
40776
|
+
.base-button--success.is-plain:active {
|
|
40777
|
+
background: #5daf34;
|
|
40778
|
+
border-color: #5daf34;
|
|
40779
|
+
color: #FFFFFF;
|
|
40780
|
+
outline: none;
|
|
40781
|
+
}
|
|
40782
|
+
.base-button--success.is-plain.is-disabled, .base-button--success.is-plain.is-disabled:hover, .base-button--success.is-plain.is-disabled:focus, .base-button--success.is-plain.is-disabled:active {
|
|
40783
|
+
color: #a4da89;
|
|
40784
|
+
background-color: #f0f9eb;
|
|
40785
|
+
border-color: #e1f3d8;
|
|
40786
|
+
}
|
|
40787
|
+
.base-button--warning {
|
|
40788
|
+
color: #FFFFFF;
|
|
40789
|
+
background-color: #FF791A;
|
|
40790
|
+
border-color: #FF791A;
|
|
40791
|
+
}
|
|
40792
|
+
.base-button--warning:hover, .base-button--warning:focus {
|
|
40793
|
+
background: #ff9448 !important;
|
|
40794
|
+
border-color: #ff9448 !important;
|
|
40795
|
+
color: #FFFFFF !important;
|
|
40796
|
+
}
|
|
40797
|
+
.base-button--warning:active {
|
|
40798
|
+
background: #e66d17 !important;
|
|
40799
|
+
border-color: #e66d17 !important;
|
|
40800
|
+
color: #FFFFFF !important;
|
|
40801
|
+
outline: none !important;
|
|
40802
|
+
}
|
|
40803
|
+
.base-button--warning.is-active {
|
|
40804
|
+
background: #e66d17 !important;
|
|
40805
|
+
border-color: #e66d17 !important;
|
|
40806
|
+
color: #FFFFFF !important;
|
|
40807
|
+
}
|
|
40808
|
+
.base-button--warning.is-disabled, .base-button--warning.is-disabled:hover, .base-button--warning.is-disabled:focus, .base-button--warning.is-disabled:active {
|
|
40809
|
+
color: #FFFFFF !important;
|
|
40810
|
+
background-color: #ffbc8d !important;
|
|
40811
|
+
border-color: #ffbc8d !important;
|
|
40812
|
+
}
|
|
40813
|
+
.base-button--warning.is-plain {
|
|
40814
|
+
color: #FF791A;
|
|
40815
|
+
background: #fff2e8;
|
|
40816
|
+
border-color: #ffc9a3;
|
|
40817
|
+
}
|
|
40818
|
+
.base-button--warning.is-plain:hover, .base-button--warning.is-plain:focus {
|
|
40819
|
+
background: #FF791A;
|
|
40820
|
+
border-color: #FF791A;
|
|
40821
|
+
color: #FFFFFF;
|
|
40822
|
+
}
|
|
40823
|
+
.base-button--warning.is-plain:active {
|
|
40824
|
+
background: #e66d17;
|
|
40825
|
+
border-color: #e66d17;
|
|
40826
|
+
color: #FFFFFF;
|
|
40827
|
+
outline: none;
|
|
40828
|
+
}
|
|
40829
|
+
.base-button--warning.is-plain.is-disabled, .base-button--warning.is-plain.is-disabled:hover, .base-button--warning.is-plain.is-disabled:focus, .base-button--warning.is-plain.is-disabled:active {
|
|
40830
|
+
color: #ffaf76;
|
|
40831
|
+
background-color: #fff2e8;
|
|
40832
|
+
border-color: #ffe4d1;
|
|
40833
|
+
}
|
|
40834
|
+
.base-button--danger {
|
|
40835
|
+
color: #FFFFFF;
|
|
40836
|
+
background-color: #F1403C;
|
|
40837
|
+
border-color: #F1403C;
|
|
40838
|
+
}
|
|
40839
|
+
.base-button--danger:hover, .base-button--danger:focus {
|
|
40840
|
+
background: #f46663 !important;
|
|
40841
|
+
border-color: #f46663 !important;
|
|
40842
|
+
color: #FFFFFF !important;
|
|
40843
|
+
}
|
|
40844
|
+
.base-button--danger:active {
|
|
40845
|
+
background: #d93a36 !important;
|
|
40846
|
+
border-color: #d93a36 !important;
|
|
40847
|
+
color: #FFFFFF !important;
|
|
40848
|
+
outline: none !important;
|
|
40849
|
+
}
|
|
40850
|
+
.base-button--danger.is-active {
|
|
40851
|
+
background: #d93a36 !important;
|
|
40852
|
+
border-color: #d93a36 !important;
|
|
40853
|
+
color: #FFFFFF !important;
|
|
40854
|
+
}
|
|
40855
|
+
.base-button--danger.is-disabled, .base-button--danger.is-disabled:hover, .base-button--danger.is-disabled:focus, .base-button--danger.is-disabled:active {
|
|
40856
|
+
color: #FFFFFF !important;
|
|
40857
|
+
background-color: #f8a09e !important;
|
|
40858
|
+
border-color: #f8a09e !important;
|
|
40859
|
+
}
|
|
40860
|
+
.base-button--danger.is-plain {
|
|
40861
|
+
color: #F1403C;
|
|
40862
|
+
background: #feecec;
|
|
40863
|
+
border-color: #f9b3b1;
|
|
40864
|
+
}
|
|
40865
|
+
.base-button--danger.is-plain:hover, .base-button--danger.is-plain:focus {
|
|
40866
|
+
background: #F1403C;
|
|
40867
|
+
border-color: #F1403C;
|
|
40868
|
+
color: #FFFFFF;
|
|
40869
|
+
}
|
|
40870
|
+
.base-button--danger.is-plain:active {
|
|
40871
|
+
background: #d93a36;
|
|
40872
|
+
border-color: #d93a36;
|
|
40873
|
+
color: #FFFFFF;
|
|
40874
|
+
outline: none;
|
|
40875
|
+
}
|
|
40876
|
+
.base-button--danger.is-plain.is-disabled, .base-button--danger.is-plain.is-disabled:hover, .base-button--danger.is-plain.is-disabled:focus, .base-button--danger.is-plain.is-disabled:active {
|
|
40877
|
+
color: #f78c8a;
|
|
40878
|
+
background-color: #feecec;
|
|
40879
|
+
border-color: #fcd9d8;
|
|
40880
|
+
}
|
|
40881
|
+
.base-button--info {
|
|
40882
|
+
color: #FFFFFF;
|
|
40883
|
+
background-color: #8590a6;
|
|
40884
|
+
border-color: #8590a6;
|
|
40885
|
+
}
|
|
40886
|
+
.base-button--info:hover, .base-button--info:focus {
|
|
40887
|
+
background: #9da6b8 !important;
|
|
40888
|
+
border-color: #9da6b8 !important;
|
|
40889
|
+
color: #FFFFFF !important;
|
|
40890
|
+
}
|
|
40891
|
+
.base-button--info:active {
|
|
40892
|
+
background: #788295 !important;
|
|
40893
|
+
border-color: #788295 !important;
|
|
40894
|
+
color: #FFFFFF !important;
|
|
40895
|
+
outline: none !important;
|
|
40896
|
+
}
|
|
40897
|
+
.base-button--info.is-active {
|
|
40898
|
+
background: #788295 !important;
|
|
40899
|
+
border-color: #788295 !important;
|
|
40900
|
+
color: #FFFFFF !important;
|
|
40901
|
+
}
|
|
40902
|
+
.base-button--info.is-disabled, .base-button--info.is-disabled:hover, .base-button--info.is-disabled:focus, .base-button--info.is-disabled:active {
|
|
40903
|
+
color: #FFFFFF !important;
|
|
40904
|
+
background-color: #c2c8d3 !important;
|
|
40905
|
+
border-color: #c2c8d3 !important;
|
|
40906
|
+
}
|
|
40907
|
+
.base-button--info.is-plain {
|
|
40908
|
+
color: #8590a6;
|
|
40909
|
+
background: #f3f4f6;
|
|
40910
|
+
border-color: #ced3db;
|
|
40911
|
+
}
|
|
40912
|
+
.base-button--info.is-plain:hover, .base-button--info.is-plain:focus {
|
|
40913
|
+
background: #8590a6;
|
|
40914
|
+
border-color: #8590a6;
|
|
40915
|
+
color: #FFFFFF;
|
|
40916
|
+
}
|
|
40917
|
+
.base-button--info.is-plain:active {
|
|
40918
|
+
background: #788295;
|
|
40919
|
+
border-color: #788295;
|
|
40920
|
+
color: #FFFFFF;
|
|
40921
|
+
outline: none;
|
|
40922
|
+
}
|
|
40923
|
+
.base-button--info.is-plain.is-disabled, .base-button--info.is-plain.is-disabled:hover, .base-button--info.is-plain.is-disabled:focus, .base-button--info.is-plain.is-disabled:active {
|
|
40924
|
+
color: #b6bcca;
|
|
40925
|
+
background-color: #f3f4f6;
|
|
40926
|
+
border-color: #e7e9ed;
|
|
40927
|
+
}
|
|
40928
|
+
.base-button--medium {
|
|
40929
|
+
height: 36px;
|
|
40930
|
+
padding: 11px 20px;
|
|
40931
|
+
font-size: 14px;
|
|
40932
|
+
border-radius: 4px;
|
|
40933
|
+
}
|
|
40934
|
+
.base-button--medium.is-round {
|
|
40935
|
+
padding: 11px 20px;
|
|
40936
|
+
}
|
|
40937
|
+
.base-button--medium.is-circle {
|
|
40938
|
+
padding: 11px;
|
|
40939
|
+
}
|
|
40940
|
+
.base-button--small {
|
|
40941
|
+
height: 32px;
|
|
40942
|
+
padding: 10px 15px;
|
|
40943
|
+
font-size: 12px;
|
|
40944
|
+
border-radius: 3px;
|
|
40945
|
+
}
|
|
40946
|
+
.base-button--small.is-round {
|
|
40947
|
+
padding: 10px 15px;
|
|
40948
|
+
}
|
|
40949
|
+
.base-button--small.is-circle {
|
|
40950
|
+
padding: 10px;
|
|
40951
|
+
}
|
|
40952
|
+
.base-button--mini {
|
|
40953
|
+
height: 28px;
|
|
40954
|
+
padding: 0 15px;
|
|
40955
|
+
font-size: 12px;
|
|
40956
|
+
border-radius: 3px;
|
|
40957
|
+
}
|
|
40958
|
+
.base-button--mini.is-round {
|
|
40959
|
+
padding: 0 15px;
|
|
40960
|
+
}
|
|
40961
|
+
.base-button--mini.is-circle {
|
|
40962
|
+
padding: 8px;
|
|
40963
|
+
}
|
|
40964
|
+
.base-button--text {
|
|
40965
|
+
border-color: transparent;
|
|
40966
|
+
color: #2F3A91;
|
|
40967
|
+
background: transparent;
|
|
40968
|
+
padding-left: 0;
|
|
40969
|
+
padding-right: 0;
|
|
40970
|
+
}
|
|
40971
|
+
.base-button--text:hover, .base-button--text:focus {
|
|
40972
|
+
color: #5961a7;
|
|
40973
|
+
border-color: transparent;
|
|
40974
|
+
background-color: transparent;
|
|
40975
|
+
}
|
|
40976
|
+
.base-button--text:active {
|
|
40977
|
+
color: #2a3483;
|
|
40978
|
+
border-color: transparent;
|
|
40979
|
+
background-color: transparent;
|
|
40980
|
+
}
|
|
40981
|
+
.base-button--text.is-disabled, .base-button--text.is-disabled:hover, .base-button--text.is-disabled:focus {
|
|
40982
|
+
border-color: transparent;
|
|
40983
|
+
}
|
|
40984
|
+
.base-button-group {
|
|
40985
|
+
display: inline-block;
|
|
40986
|
+
vertical-align: middle;
|
|
40987
|
+
}
|
|
40988
|
+
.base-button-group::before,
|
|
40989
|
+
.base-button-group::after {
|
|
40990
|
+
display: table;
|
|
40991
|
+
content: "";
|
|
40992
|
+
}
|
|
40993
|
+
.base-button-group::after {
|
|
40994
|
+
clear: both;
|
|
40995
|
+
}
|
|
40996
|
+
.base-button-group > .base-button {
|
|
40997
|
+
float: left;
|
|
40998
|
+
position: relative;
|
|
40999
|
+
}
|
|
41000
|
+
.base-button-group > .base-button + .base-button {
|
|
41001
|
+
margin-left: 0;
|
|
41002
|
+
}
|
|
41003
|
+
.base-button-group > .base-button.is-disabled {
|
|
41004
|
+
z-index: 1;
|
|
41005
|
+
}
|
|
41006
|
+
.base-button-group > .base-button:first-child {
|
|
41007
|
+
border-top-right-radius: 0;
|
|
41008
|
+
border-bottom-right-radius: 0;
|
|
41009
|
+
}
|
|
41010
|
+
.base-button-group > .base-button:last-child {
|
|
41011
|
+
border-top-left-radius: 0;
|
|
41012
|
+
border-bottom-left-radius: 0;
|
|
41013
|
+
}
|
|
41014
|
+
.base-button-group > .base-button:first-child:last-child {
|
|
41015
|
+
border-top-right-radius: 4px;
|
|
41016
|
+
border-bottom-right-radius: 4px;
|
|
41017
|
+
border-top-left-radius: 4px;
|
|
41018
|
+
border-bottom-left-radius: 4px;
|
|
41019
|
+
}
|
|
41020
|
+
.base-button-group > .base-button:first-child:last-child.is-round {
|
|
41021
|
+
border-radius: 20px;
|
|
41022
|
+
}
|
|
41023
|
+
.base-button-group > .base-button:first-child:last-child.is-circle {
|
|
41024
|
+
border-radius: 50%;
|
|
41025
|
+
}
|
|
41026
|
+
.base-button-group > .base-button:not(:first-child):not(:last-child) {
|
|
41027
|
+
border-radius: 0;
|
|
41028
|
+
}
|
|
41029
|
+
.base-button-group > .base-button:not(:last-child) {
|
|
41030
|
+
margin-right: -1px;
|
|
41031
|
+
}
|
|
41032
|
+
.base-button-group > .base-button:hover, .base-button-group > .base-button:focus, .base-button-group > .base-button:active {
|
|
41033
|
+
z-index: 1;
|
|
41034
|
+
}
|
|
41035
|
+
.base-button-group > .base-button.is-active {
|
|
41036
|
+
z-index: 1;
|
|
41037
|
+
}
|
|
41038
|
+
.base-button-group > .base-dropdown > .base-button {
|
|
41039
|
+
border-top-left-radius: 0;
|
|
41040
|
+
border-bottom-left-radius: 0;
|
|
41041
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
41042
|
+
}
|
|
41043
|
+
.base-button-group .base-button--primary:first-child {
|
|
41044
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
41045
|
+
}
|
|
41046
|
+
.base-button-group .base-button--primary:last-child {
|
|
41047
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
41048
|
+
}
|
|
41049
|
+
.base-button-group .base-button--primary:not(:first-child):not(:last-child) {
|
|
41050
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
41051
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
41052
|
+
}
|
|
41053
|
+
.base-button-group .base-button--success:first-child {
|
|
41054
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
41055
|
+
}
|
|
41056
|
+
.base-button-group .base-button--success:last-child {
|
|
41057
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
41058
|
+
}
|
|
41059
|
+
.base-button-group .base-button--success:not(:first-child):not(:last-child) {
|
|
41060
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
41061
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
41062
|
+
}
|
|
41063
|
+
.base-button-group .base-button--warning:first-child {
|
|
41064
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
41065
|
+
}
|
|
41066
|
+
.base-button-group .base-button--warning:last-child {
|
|
41067
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
41068
|
+
}
|
|
41069
|
+
.base-button-group .base-button--warning:not(:first-child):not(:last-child) {
|
|
41070
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
41071
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
41072
|
+
}
|
|
41073
|
+
.base-button-group .base-button--danger:first-child {
|
|
41074
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
41075
|
+
}
|
|
41076
|
+
.base-button-group .base-button--danger:last-child {
|
|
41077
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
41078
|
+
}
|
|
41079
|
+
.base-button-group .base-button--danger:not(:first-child):not(:last-child) {
|
|
41080
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
41081
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
41082
|
+
}
|
|
41083
|
+
.base-button-group .base-button--info:first-child {
|
|
41084
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
41085
|
+
}
|
|
41086
|
+
.base-button-group .base-button--info:last-child {
|
|
41087
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
41088
|
+
}
|
|
41089
|
+
.base-button-group .base-button--info:not(:first-child):not(:last-child) {
|
|
41090
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
41091
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
41092
|
+
}
|
|
41093
|
+
.base-checkbox {
|
|
41094
|
+
color: #646464;
|
|
41095
|
+
font-weight: 500;
|
|
41096
|
+
font-size: 14px;
|
|
41097
|
+
position: relative;
|
|
41098
|
+
cursor: pointer;
|
|
41099
|
+
display: inline-block;
|
|
41100
|
+
white-space: nowrap;
|
|
41101
|
+
user-select: none;
|
|
41102
|
+
margin-right: 30px;
|
|
41103
|
+
}
|
|
41104
|
+
.base-checkbox.is-bordered {
|
|
41105
|
+
padding: 9px 20px 9px 10px;
|
|
41106
|
+
border-radius: 4px;
|
|
41107
|
+
border: 1px solid #DCDFE6;
|
|
41108
|
+
box-sizing: border-box;
|
|
41109
|
+
line-height: normal;
|
|
41110
|
+
height: 40px;
|
|
41111
|
+
}
|
|
41112
|
+
.base-checkbox.is-bordered.is-checked {
|
|
41113
|
+
border-color: #2F3A91;
|
|
41114
|
+
}
|
|
41115
|
+
.base-checkbox.is-bordered.is-disabled {
|
|
41116
|
+
border-color: #EBEEF5;
|
|
41117
|
+
cursor: not-allowed;
|
|
41118
|
+
}
|
|
41119
|
+
.base-checkbox.is-bordered + .base-checkbox.is-bordered {
|
|
41120
|
+
margin-left: 10px;
|
|
41121
|
+
}
|
|
41122
|
+
.base-checkbox.is-bordered.base-checkbox--medium {
|
|
41123
|
+
padding: 7px 20px 7px 10px;
|
|
41124
|
+
border-radius: 4px;
|
|
41125
|
+
height: 36px;
|
|
41126
|
+
}
|
|
41127
|
+
.base-checkbox.is-bordered.base-checkbox--medium .base-checkbox__label {
|
|
41128
|
+
line-height: 17px;
|
|
41129
|
+
font-size: 14px;
|
|
41130
|
+
}
|
|
41131
|
+
.base-checkbox.is-bordered.base-checkbox--medium .base-checkbox__inner {
|
|
41132
|
+
height: 14px;
|
|
41133
|
+
width: 14px;
|
|
41134
|
+
}
|
|
41135
|
+
.base-checkbox.is-bordered.base-checkbox--small {
|
|
41136
|
+
padding: 5px 15px 5px 10px;
|
|
41137
|
+
border-radius: 3px;
|
|
41138
|
+
height: 32px;
|
|
41139
|
+
}
|
|
41140
|
+
.base-checkbox.is-bordered.base-checkbox--small .base-checkbox__label {
|
|
41141
|
+
line-height: 15px;
|
|
41142
|
+
font-size: 12px;
|
|
41143
|
+
}
|
|
41144
|
+
.base-checkbox.is-bordered.base-checkbox--small .base-checkbox__inner {
|
|
41145
|
+
height: 12px;
|
|
41146
|
+
width: 12px;
|
|
41147
|
+
}
|
|
41148
|
+
.base-checkbox.is-bordered.base-checkbox--small .base-checkbox__inner::after {
|
|
41149
|
+
height: 6px;
|
|
41150
|
+
width: 2px;
|
|
41151
|
+
}
|
|
41152
|
+
.base-checkbox.is-bordered.base-checkbox--mini {
|
|
41153
|
+
padding: 3px 15px 3px 10px;
|
|
41154
|
+
border-radius: 3px;
|
|
41155
|
+
height: 28px;
|
|
41156
|
+
}
|
|
41157
|
+
.base-checkbox.is-bordered.base-checkbox--mini .base-checkbox__label {
|
|
41158
|
+
line-height: 12px;
|
|
41159
|
+
font-size: 12px;
|
|
41160
|
+
}
|
|
41161
|
+
.base-checkbox.is-bordered.base-checkbox--mini .base-checkbox__inner {
|
|
41162
|
+
height: 12px;
|
|
41163
|
+
width: 12px;
|
|
41164
|
+
}
|
|
41165
|
+
.base-checkbox.is-bordered.base-checkbox--mini .base-checkbox__inner::after {
|
|
41166
|
+
height: 6px;
|
|
41167
|
+
width: 2px;
|
|
41168
|
+
}
|
|
41169
|
+
.base-checkbox__input {
|
|
41170
|
+
white-space: nowrap;
|
|
41171
|
+
cursor: pointer;
|
|
41172
|
+
outline: none;
|
|
41173
|
+
display: inline-block;
|
|
41174
|
+
line-height: 1;
|
|
41175
|
+
position: relative;
|
|
41176
|
+
vertical-align: middle;
|
|
41177
|
+
margin-bottom: 1px;
|
|
41178
|
+
}
|
|
41179
|
+
.base-checkbox__input.is-disabled .base-checkbox__inner {
|
|
41180
|
+
background-color: #edf2fc;
|
|
41181
|
+
border-color: #DCDFE6;
|
|
41182
|
+
cursor: not-allowed;
|
|
41183
|
+
}
|
|
41184
|
+
.base-checkbox__input.is-disabled .base-checkbox__inner::after {
|
|
41185
|
+
cursor: not-allowed;
|
|
41186
|
+
border-color: #8590a6;
|
|
41187
|
+
}
|
|
41188
|
+
.base-checkbox__input.is-disabled .base-checkbox__inner + .base-checkbox__label {
|
|
41189
|
+
cursor: not-allowed;
|
|
41190
|
+
}
|
|
41191
|
+
.base-checkbox__input.is-disabled.is-checked .base-checkbox__inner {
|
|
41192
|
+
background-color: #DCDFE6;
|
|
41193
|
+
border-color: #DCDFE6;
|
|
41194
|
+
}
|
|
41195
|
+
.base-checkbox__input.is-disabled.is-checked .base-checkbox__inner::after {
|
|
41196
|
+
border-color: #FFFFFF;
|
|
41197
|
+
}
|
|
41198
|
+
.base-checkbox__input.is-disabled.is-indeterminate .base-checkbox__inner {
|
|
41199
|
+
background-color: #DCDFE6;
|
|
41200
|
+
border-color: #DCDFE6;
|
|
41201
|
+
}
|
|
41202
|
+
.base-checkbox__input.is-disabled.is-indeterminate .base-checkbox__inner::before {
|
|
41203
|
+
background-color: #FFFFFF;
|
|
41204
|
+
border-color: #FFFFFF;
|
|
41205
|
+
}
|
|
41206
|
+
.base-checkbox__input.is-disabled + span.base-checkbox__label {
|
|
41207
|
+
color: #8590a6;
|
|
41208
|
+
cursor: not-allowed;
|
|
41209
|
+
}
|
|
41210
|
+
.base-checkbox__input.is-checked .base-checkbox__inner {
|
|
41211
|
+
background-color: #2F3A91;
|
|
41212
|
+
border-color: #2F3A91;
|
|
41213
|
+
}
|
|
41214
|
+
.base-checkbox__input.is-checked .base-checkbox__inner::after {
|
|
41215
|
+
transform: rotate(45deg) scaleY(1);
|
|
41216
|
+
}
|
|
41217
|
+
.base-checkbox__input.is-checked + .base-checkbox__label {
|
|
41218
|
+
color: #2F3A91;
|
|
41219
|
+
}
|
|
41220
|
+
.base-checkbox__input.is-focus {
|
|
41221
|
+
|
|
41222
|
+
}
|
|
41223
|
+
.base-checkbox__input.is-focus .base-checkbox__inner {
|
|
41224
|
+
border-color: #2F3A91;
|
|
41225
|
+
}
|
|
41226
|
+
.base-checkbox__input.is-indeterminate .base-checkbox__inner {
|
|
41227
|
+
background-color: #2F3A91;
|
|
41228
|
+
border-color: #2F3A91;
|
|
41229
|
+
}
|
|
41230
|
+
.base-checkbox__input.is-indeterminate .base-checkbox__inner::before {
|
|
41231
|
+
content: "";
|
|
41232
|
+
position: absolute;
|
|
41233
|
+
display: block;
|
|
41234
|
+
background-color: #FFFFFF;
|
|
41235
|
+
height: 2px;
|
|
41236
|
+
transform: scale(0.5);
|
|
41237
|
+
left: 0;
|
|
41238
|
+
right: 0;
|
|
41239
|
+
top: 5px;
|
|
41240
|
+
}
|
|
41241
|
+
.base-checkbox__input.is-indeterminate .base-checkbox__inner::after {
|
|
41242
|
+
display: none;
|
|
41243
|
+
}
|
|
41244
|
+
.base-checkbox__inner {
|
|
41245
|
+
display: inline-block;
|
|
41246
|
+
position: relative;
|
|
41247
|
+
border: 1.5px solid #DCDFE6;
|
|
41248
|
+
border-radius: 2px;
|
|
41249
|
+
box-sizing: border-box;
|
|
41250
|
+
width: 16px;
|
|
41251
|
+
height: 16px;
|
|
41252
|
+
background-color: #FFFFFF;
|
|
41253
|
+
z-index: 1;
|
|
41254
|
+
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
41255
|
+
}
|
|
41256
|
+
.base-checkbox__inner:hover {
|
|
41257
|
+
border-color: #2F3A91;
|
|
41258
|
+
}
|
|
41259
|
+
.base-checkbox__inner::after {
|
|
41260
|
+
box-sizing: content-box;
|
|
41261
|
+
content: "";
|
|
41262
|
+
border: 1.5px solid #FFFFFF;
|
|
41263
|
+
border-left: 0;
|
|
41264
|
+
border-top: 0;
|
|
41265
|
+
height: 7px;
|
|
41266
|
+
left: 4px;
|
|
41267
|
+
position: absolute;
|
|
41268
|
+
top: 1px;
|
|
41269
|
+
transform: rotate(45deg) scaleY(0);
|
|
41270
|
+
width: 4px;
|
|
41271
|
+
transition: transform 0.15s ease-in 0.05s;
|
|
41272
|
+
transform-origin: center;
|
|
41273
|
+
}
|
|
41274
|
+
.base-checkbox__original {
|
|
41275
|
+
opacity: 0;
|
|
41276
|
+
outline: none;
|
|
41277
|
+
position: absolute;
|
|
41278
|
+
margin: 0;
|
|
41279
|
+
width: 0;
|
|
41280
|
+
height: 0;
|
|
41281
|
+
z-index: -1;
|
|
41282
|
+
}
|
|
41283
|
+
.base-checkbox__label {
|
|
41284
|
+
display: inline-block;
|
|
41285
|
+
padding-left: 8px;
|
|
41286
|
+
line-height: 19px;
|
|
41287
|
+
font-size: 14px;
|
|
41288
|
+
}
|
|
41289
|
+
.base-checkbox:last-of-type {
|
|
41290
|
+
margin-right: 0;
|
|
41291
|
+
}
|
|
41292
|
+
.base-checkbox-button {
|
|
41293
|
+
position: relative;
|
|
41294
|
+
display: inline-block;
|
|
41295
|
+
}
|
|
41296
|
+
.base-checkbox-button__inner {
|
|
41297
|
+
display: inline-block;
|
|
41298
|
+
line-height: 1;
|
|
41299
|
+
font-weight: 500;
|
|
41300
|
+
white-space: nowrap;
|
|
41301
|
+
vertical-align: middle;
|
|
41302
|
+
cursor: pointer;
|
|
41303
|
+
background: #FFFFFF;
|
|
41304
|
+
border: 1px solid #DCDFE6;
|
|
41305
|
+
border-left: 0;
|
|
41306
|
+
color: #646464;
|
|
41307
|
+
-webkit-appearance: none;
|
|
41308
|
+
text-align: center;
|
|
41309
|
+
box-sizing: border-box;
|
|
41310
|
+
outline: none;
|
|
41311
|
+
margin: 0;
|
|
41312
|
+
position: relative;
|
|
41313
|
+
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
41314
|
+
-moz-user-select: none;
|
|
41315
|
+
-webkit-user-select: none;
|
|
41316
|
+
-ms-user-select: none;
|
|
41317
|
+
padding: 0 20px;
|
|
41318
|
+
font-size: 14px;
|
|
41319
|
+
border-radius: 0;
|
|
41320
|
+
}
|
|
41321
|
+
.base-checkbox-button__inner.is-round {
|
|
41322
|
+
padding: 0 20px;
|
|
41323
|
+
}
|
|
41324
|
+
.base-checkbox-button__inner:hover {
|
|
41325
|
+
color: #2F3A91;
|
|
41326
|
+
}
|
|
41327
|
+
.base-checkbox-button__inner [class*=base-icon-] {
|
|
41328
|
+
line-height: 0.9;
|
|
41329
|
+
}
|
|
41330
|
+
.base-checkbox-button__inner [class*=base-icon-] + span {
|
|
41331
|
+
margin-left: 5px;
|
|
41332
|
+
}
|
|
41333
|
+
.base-checkbox-button__original {
|
|
41334
|
+
opacity: 0;
|
|
41335
|
+
outline: none;
|
|
41336
|
+
position: absolute;
|
|
41337
|
+
margin: 0;
|
|
41338
|
+
z-index: -1;
|
|
41339
|
+
}
|
|
41340
|
+
.base-checkbox-button.is-checked .base-checkbox-button__inner {
|
|
41341
|
+
color: #FFFFFF;
|
|
41342
|
+
background-color: #2F3A91;
|
|
41343
|
+
border-color: #2F3A91;
|
|
41344
|
+
box-shadow: -1px 0 0 0 #8289bd;
|
|
41345
|
+
}
|
|
41346
|
+
.base-checkbox-button.is-checked:first-child .base-checkbox-button__inner {
|
|
41347
|
+
border-left-color: #2F3A91;
|
|
41348
|
+
}
|
|
41349
|
+
.base-checkbox-button.is-disabled .base-checkbox-button__inner {
|
|
41350
|
+
color: #8590a6;
|
|
41351
|
+
cursor: not-allowed;
|
|
41352
|
+
background-image: none;
|
|
41353
|
+
background-color: #FFFFFF;
|
|
41354
|
+
border-color: #EBEEF5;
|
|
41355
|
+
box-shadow: none;
|
|
41356
|
+
}
|
|
41357
|
+
.base-checkbox-button.is-disabled:first-child .base-checkbox-button__inner {
|
|
41358
|
+
border-left-color: #EBEEF5;
|
|
41359
|
+
}
|
|
41360
|
+
.base-checkbox-button:first-child .base-checkbox-button__inner {
|
|
41361
|
+
border-left: 1px solid #DCDFE6;
|
|
41362
|
+
border-radius: 4px 0 0 4px;
|
|
41363
|
+
box-shadow: none !important;
|
|
41364
|
+
}
|
|
41365
|
+
.base-checkbox-button.is-focus .base-checkbox-button__inner {
|
|
41366
|
+
border-color: #2F3A91;
|
|
41367
|
+
}
|
|
41368
|
+
.base-checkbox-button:last-child .base-checkbox-button__inner {
|
|
41369
|
+
border-radius: 0 4px 4px 0;
|
|
41370
|
+
}
|
|
41371
|
+
.base-checkbox-button--medium .base-checkbox-button__inner {
|
|
41372
|
+
padding: 11px 20px;
|
|
41373
|
+
font-size: 14px;
|
|
41374
|
+
border-radius: 0;
|
|
41375
|
+
}
|
|
41376
|
+
.base-checkbox-button--medium .base-checkbox-button__inner.is-round {
|
|
41377
|
+
padding: 11px 20px;
|
|
41378
|
+
}
|
|
41379
|
+
.base-checkbox-button--small .base-checkbox-button__inner {
|
|
41380
|
+
padding: 10px 15px;
|
|
41381
|
+
font-size: 12px;
|
|
41382
|
+
border-radius: 0;
|
|
41383
|
+
}
|
|
41384
|
+
.base-checkbox-button--small .base-checkbox-button__inner.is-round {
|
|
41385
|
+
padding: 10px 15px;
|
|
41386
|
+
}
|
|
41387
|
+
.base-checkbox-button--mini .base-checkbox-button__inner {
|
|
41388
|
+
padding: 8px 15px;
|
|
41389
|
+
font-size: 12px;
|
|
41390
|
+
border-radius: 0;
|
|
41391
|
+
}
|
|
41392
|
+
.base-checkbox-button--mini .base-checkbox-button__inner.is-round {
|
|
41393
|
+
padding: 8px 15px;
|
|
41394
|
+
}
|
|
41395
|
+
.base-checkbox-group {
|
|
41396
|
+
font-size: 0;
|
|
41397
|
+
}
|
|
41398
|
+
|
|
41399
|
+
|
|
41400
|
+
|
|
41401
|
+
|
|
41402
|
+
|
|
41403
|
+
|
|
41404
|
+
|
|
41405
|
+
|
|
41406
|
+
|
|
41407
|
+
|
|
41408
|
+
|
|
41409
|
+
:export {
|
|
41410
|
+
primary: #2F3A91;
|
|
41411
|
+
success: #67C23A;
|
|
41412
|
+
warning: #FF791A;
|
|
41413
|
+
danger: #F1403C;
|
|
41414
|
+
info: #8590a6;
|
|
41415
|
+
}
|
|
41416
|
+
|
|
41417
|
+
|
|
41418
|
+
|
|
41419
|
+
|
|
41420
|
+
|
|
41421
|
+
|
|
41422
|
+
|
|
41423
|
+
|
|
41424
|
+
|
|
41425
|
+
|
|
41426
|
+
|
|
41427
|
+
|
|
41428
|
+
|
|
41429
|
+
|
|
41430
|
+
|
|
41431
|
+
|
|
41432
|
+
|
|
41433
|
+
|
|
41434
|
+
|
|
41435
|
+
|
|
41436
|
+
|
|
41437
|
+
|
|
41438
|
+
|
|
41439
|
+
|
|
41440
|
+
|
|
41441
|
+
|
|
41442
|
+
|
|
41443
|
+
|
|
41444
|
+
|
|
41445
|
+
|
|
41446
|
+
|
|
41447
|
+
|
|
41448
|
+
|
|
41449
|
+
|
|
41450
|
+
|
|
41451
|
+
|
|
41452
|
+
|
|
41453
|
+
|
|
41454
|
+
|
|
41455
|
+
|
|
41456
|
+
|
|
41457
|
+
|
|
41458
|
+
|
|
41459
|
+
|
|
41460
|
+
|
|
41461
|
+
|
|
41462
|
+
|
|
41463
|
+
|
|
41464
|
+
|
|
41465
|
+
|
|
41466
|
+
|
|
41467
|
+
|
|
41468
|
+
|
|
41469
|
+
|
|
41470
|
+
|
|
41471
|
+
|
|
41472
|
+
|
|
41473
|
+
|
|
41474
|
+
|
|
41475
|
+
|
|
41476
|
+
|
|
41477
|
+
|
|
41478
|
+
|
|
41479
|
+
|
|
41480
|
+
|
|
41481
|
+
|
|
41482
|
+
|
|
41483
|
+
|
|
41484
|
+
|
|
41485
|
+
|
|
41486
|
+
:export {
|
|
41487
|
+
primary: #2F3A91;
|
|
41488
|
+
success: #67C23A;
|
|
41489
|
+
warning: #FF791A;
|
|
41490
|
+
danger: #F1403C;
|
|
41491
|
+
info: #8590a6;
|
|
41492
|
+
}
|
|
41493
|
+
|
|
41494
|
+
|
|
41495
|
+
|
|
41496
|
+
|
|
41497
|
+
|
|
41498
|
+
|
|
41499
|
+
|
|
41500
|
+
|
|
41501
|
+
|
|
41502
|
+
|
|
41503
|
+
|
|
41504
|
+
|
|
41505
|
+
|
|
41506
|
+
|
|
41507
|
+
|
|
41508
|
+
|
|
41509
|
+
|
|
41510
|
+
|
|
41511
|
+
|
|
41512
|
+
|
|
41513
|
+
|
|
41514
|
+
|
|
41515
|
+
|
|
41516
|
+
|
|
41517
|
+
|
|
41518
|
+
|
|
41519
|
+
|
|
41520
|
+
|
|
41521
|
+
|
|
41522
|
+
|
|
41523
|
+
|
|
41524
|
+
|
|
41525
|
+
|
|
41526
|
+
|
|
41527
|
+
|
|
41528
|
+
|
|
41529
|
+
|
|
41530
|
+
|
|
41531
|
+
|
|
41532
|
+
|
|
41533
|
+
|
|
41534
|
+
|
|
41535
|
+
|
|
41536
|
+
|
|
41537
|
+
|
|
41538
|
+
|
|
41539
|
+
|
|
41540
|
+
|
|
41541
|
+
|
|
41542
|
+
|
|
41543
|
+
|
|
41544
|
+
|
|
41545
|
+
|
|
41546
|
+
|
|
41547
|
+
|
|
41548
|
+
.base-tag {
|
|
41549
|
+
background-color: #eaebf4;
|
|
41550
|
+
border-color: #d5d8e9;
|
|
41551
|
+
color: #2f3a91;
|
|
41552
|
+
font-weight: 500;
|
|
41553
|
+
display: inline-block;
|
|
41554
|
+
height: 32px;
|
|
41555
|
+
padding: 0 10px;
|
|
41556
|
+
line-height: 30px;
|
|
41557
|
+
font-size: 12px;
|
|
41558
|
+
color: #2F3A91;
|
|
41559
|
+
border-width: 1px;
|
|
41560
|
+
border-style: solid;
|
|
41561
|
+
border-radius: 4px;
|
|
41562
|
+
box-sizing: border-box;
|
|
41563
|
+
white-space: nowrap;
|
|
41564
|
+
}
|
|
41565
|
+
.base-tag.is-hit {
|
|
41566
|
+
border-color: #2F3A91;
|
|
41567
|
+
}
|
|
41568
|
+
.base-tag.is-round {
|
|
41569
|
+
border-radius: 20px;
|
|
41570
|
+
}
|
|
41571
|
+
.base-tag .base-tag__close {
|
|
41572
|
+
color: #2f3a91;
|
|
41573
|
+
}
|
|
41574
|
+
.base-tag .base-tag__close:hover {
|
|
41575
|
+
color: #FFFFFF;
|
|
41576
|
+
background-color: #2f3a91;
|
|
41577
|
+
}
|
|
41578
|
+
.base-tag.base-tag--info {
|
|
41579
|
+
background-color: #f3f4f6;
|
|
41580
|
+
border-color: #e7e9ed;
|
|
41581
|
+
color: #8590a6;
|
|
41582
|
+
}
|
|
41583
|
+
.base-tag.base-tag--info.is-hit {
|
|
41584
|
+
border-color: #8590a6;
|
|
41585
|
+
}
|
|
41586
|
+
.base-tag.base-tag--info .base-tag__close {
|
|
41587
|
+
color: #8590a6;
|
|
41588
|
+
}
|
|
41589
|
+
.base-tag.base-tag--info .base-tag__close:hover {
|
|
41590
|
+
color: #FFFFFF;
|
|
41591
|
+
background-color: #8590a6;
|
|
41592
|
+
}
|
|
41593
|
+
.base-tag.base-tag--success {
|
|
41594
|
+
background-color: #f0f9eb;
|
|
41595
|
+
border-color: #e1f3d8;
|
|
41596
|
+
color: #67c23a;
|
|
41597
|
+
}
|
|
41598
|
+
.base-tag.base-tag--success.is-hit {
|
|
41599
|
+
border-color: #67C23A;
|
|
41600
|
+
}
|
|
41601
|
+
.base-tag.base-tag--success .base-tag__close {
|
|
41602
|
+
color: #67c23a;
|
|
41603
|
+
}
|
|
41604
|
+
.base-tag.base-tag--success .base-tag__close:hover {
|
|
41605
|
+
color: #FFFFFF;
|
|
41606
|
+
background-color: #67c23a;
|
|
41607
|
+
}
|
|
41608
|
+
.base-tag.base-tag--warning {
|
|
41609
|
+
background-color: #fff2e8 !important;
|
|
41610
|
+
border-color: #ffe4d1 !important;
|
|
41611
|
+
color: #ff791a !important;
|
|
41612
|
+
}
|
|
41613
|
+
.base-tag.base-tag--warning.is-hit {
|
|
41614
|
+
border-color: #FF791A;
|
|
41615
|
+
}
|
|
41616
|
+
.base-tag.base-tag--warning .base-tag__close {
|
|
41617
|
+
color: #ff791a;
|
|
41618
|
+
}
|
|
41619
|
+
.base-tag.base-tag--warning .base-tag__close:hover {
|
|
41620
|
+
color: #FFFFFF;
|
|
41621
|
+
background-color: #ff791a;
|
|
41622
|
+
}
|
|
41623
|
+
.base-tag.base-tag--danger {
|
|
41624
|
+
background-color: #feecec;
|
|
41625
|
+
border-color: #fcd9d8;
|
|
41626
|
+
color: #f1403c;
|
|
41627
|
+
}
|
|
41628
|
+
.base-tag.base-tag--danger.is-hit {
|
|
41629
|
+
border-color: #F1403C;
|
|
41630
|
+
}
|
|
41631
|
+
.base-tag.base-tag--danger .base-tag__close {
|
|
41632
|
+
color: #f1403c;
|
|
41633
|
+
}
|
|
41634
|
+
.base-tag.base-tag--danger .base-tag__close:hover {
|
|
41635
|
+
color: #FFFFFF;
|
|
41636
|
+
background-color: #f1403c;
|
|
41637
|
+
}
|
|
41638
|
+
.base-tag .base-icon-close {
|
|
41639
|
+
border-radius: 50%;
|
|
41640
|
+
text-align: center;
|
|
41641
|
+
position: relative;
|
|
41642
|
+
cursor: pointer;
|
|
41643
|
+
font-size: 12px;
|
|
41644
|
+
height: 16px;
|
|
41645
|
+
width: 16px;
|
|
41646
|
+
line-height: 16px;
|
|
41647
|
+
vertical-align: middle;
|
|
41648
|
+
top: -1px;
|
|
41649
|
+
right: -5px;
|
|
41650
|
+
}
|
|
41651
|
+
.base-tag .base-icon-close::before {
|
|
41652
|
+
display: block;
|
|
41653
|
+
}
|
|
41654
|
+
.base-tag--dark {
|
|
41655
|
+
background-color: #2f3a91;
|
|
41656
|
+
border-color: #2f3a91;
|
|
41657
|
+
color: white;
|
|
41658
|
+
font-weight: 500;
|
|
41659
|
+
}
|
|
41660
|
+
.base-tag--dark.is-hit {
|
|
41661
|
+
border-color: #2F3A91;
|
|
41662
|
+
}
|
|
41663
|
+
.base-tag--dark.is-round {
|
|
41664
|
+
border-radius: 20px;
|
|
41665
|
+
}
|
|
41666
|
+
.base-tag--dark .base-tag__close {
|
|
41667
|
+
color: white;
|
|
41668
|
+
}
|
|
41669
|
+
.base-tag--dark .base-tag__close:hover {
|
|
41670
|
+
color: #FFFFFF;
|
|
41671
|
+
background-color: #5961a7;
|
|
41672
|
+
}
|
|
41673
|
+
.base-tag--dark.base-tag--info {
|
|
41674
|
+
background-color: #8590a6;
|
|
41675
|
+
border-color: #8590a6;
|
|
41676
|
+
color: white;
|
|
41677
|
+
}
|
|
41678
|
+
.base-tag--dark.base-tag--info.is-hit {
|
|
41679
|
+
border-color: #8590a6;
|
|
41680
|
+
}
|
|
41681
|
+
.base-tag--dark.base-tag--info .base-tag__close {
|
|
41682
|
+
color: white;
|
|
41683
|
+
}
|
|
41684
|
+
.base-tag--dark.base-tag--info .base-tag__close:hover {
|
|
41685
|
+
color: #FFFFFF;
|
|
41686
|
+
background-color: #9da6b8;
|
|
41687
|
+
}
|
|
41688
|
+
.base-tag--dark.base-tag--success {
|
|
41689
|
+
background-color: #67c23a;
|
|
41690
|
+
border-color: #67c23a;
|
|
41691
|
+
color: white;
|
|
41692
|
+
}
|
|
41693
|
+
.base-tag--dark.base-tag--success.is-hit {
|
|
41694
|
+
border-color: #67C23A;
|
|
41695
|
+
}
|
|
41696
|
+
.base-tag--dark.base-tag--success .base-tag__close {
|
|
41697
|
+
color: white;
|
|
41698
|
+
}
|
|
41699
|
+
.base-tag--dark.base-tag--success .base-tag__close:hover {
|
|
41700
|
+
color: #FFFFFF;
|
|
41701
|
+
background-color: #85ce61;
|
|
41702
|
+
}
|
|
41703
|
+
.base-tag--dark.base-tag--warning {
|
|
41704
|
+
background-color: #ff791a !important;
|
|
41705
|
+
border-color: #ff791a !important;
|
|
41706
|
+
color: white !important;
|
|
41707
|
+
}
|
|
41708
|
+
.base-tag--dark.base-tag--warning.is-hit {
|
|
41709
|
+
border-color: #FF791A;
|
|
41710
|
+
}
|
|
41711
|
+
.base-tag--dark.base-tag--warning .base-tag__close {
|
|
41712
|
+
color: white;
|
|
41713
|
+
}
|
|
41714
|
+
.base-tag--dark.base-tag--warning .base-tag__close:hover {
|
|
41715
|
+
color: #FFFFFF;
|
|
41716
|
+
background-color: #ff9448;
|
|
41717
|
+
}
|
|
41718
|
+
.base-tag--dark.base-tag--danger {
|
|
41719
|
+
background-color: #f1403c;
|
|
41720
|
+
border-color: #f1403c;
|
|
41721
|
+
color: white;
|
|
41722
|
+
}
|
|
41723
|
+
.base-tag--dark.base-tag--danger.is-hit {
|
|
41724
|
+
border-color: #F1403C;
|
|
41725
|
+
}
|
|
41726
|
+
.base-tag--dark.base-tag--danger .base-tag__close {
|
|
41727
|
+
color: white;
|
|
41728
|
+
}
|
|
41729
|
+
.base-tag--dark.base-tag--danger .base-tag__close:hover {
|
|
41730
|
+
color: #FFFFFF;
|
|
41731
|
+
background-color: #f46663;
|
|
41732
|
+
}
|
|
41733
|
+
.base-tag--plain {
|
|
41734
|
+
background-color: white;
|
|
41735
|
+
border-color: #acb0d3;
|
|
41736
|
+
color: #2f3a91;
|
|
41737
|
+
font-weight: 500;
|
|
41738
|
+
background-color: white !important;
|
|
41739
|
+
border-color: #acb0d3 !important;
|
|
41740
|
+
color: #2f3a91 !important;
|
|
41741
|
+
}
|
|
41742
|
+
.base-tag--plain.is-hit {
|
|
41743
|
+
border-color: #2F3A91;
|
|
41744
|
+
}
|
|
41745
|
+
.base-tag--plain.is-round {
|
|
41746
|
+
border-radius: 20px;
|
|
41747
|
+
}
|
|
41748
|
+
.base-tag--plain .base-tag__close {
|
|
41749
|
+
color: #2f3a91;
|
|
41750
|
+
}
|
|
41751
|
+
.base-tag--plain .base-tag__close:hover {
|
|
41752
|
+
color: #FFFFFF;
|
|
41753
|
+
background-color: #2f3a91;
|
|
41754
|
+
}
|
|
41755
|
+
.base-tag--plain.base-tag--info {
|
|
41756
|
+
background-color: white;
|
|
41757
|
+
border-color: #ced3db;
|
|
41758
|
+
color: #8590a6;
|
|
41759
|
+
}
|
|
41760
|
+
.base-tag--plain.base-tag--info.is-hit {
|
|
41761
|
+
border-color: #8590a6;
|
|
41762
|
+
}
|
|
41763
|
+
.base-tag--plain.base-tag--info .base-tag__close {
|
|
41764
|
+
color: #8590a6;
|
|
41765
|
+
}
|
|
41766
|
+
.base-tag--plain.base-tag--info .base-tag__close:hover {
|
|
41767
|
+
color: #FFFFFF;
|
|
41768
|
+
background-color: #8590a6;
|
|
41769
|
+
}
|
|
41770
|
+
.base-tag--plain.base-tag--success {
|
|
41771
|
+
background-color: white;
|
|
41772
|
+
border-color: #c2e7b0;
|
|
41773
|
+
color: #67c23a;
|
|
41774
|
+
}
|
|
41775
|
+
.base-tag--plain.base-tag--success.is-hit {
|
|
41776
|
+
border-color: #67C23A;
|
|
41777
|
+
}
|
|
41778
|
+
.base-tag--plain.base-tag--success .base-tag__close {
|
|
41779
|
+
color: #67c23a;
|
|
41780
|
+
}
|
|
41781
|
+
.base-tag--plain.base-tag--success .base-tag__close:hover {
|
|
41782
|
+
color: #FFFFFF;
|
|
41783
|
+
background-color: #67c23a;
|
|
41784
|
+
}
|
|
41785
|
+
.base-tag--plain.base-tag--warning {
|
|
41786
|
+
background-color: white !important;
|
|
41787
|
+
border-color: #ffc9a3 !important;
|
|
41788
|
+
color: #ff791a !important;
|
|
41789
|
+
}
|
|
41790
|
+
.base-tag--plain.base-tag--warning.is-hit {
|
|
41791
|
+
border-color: #FF791A;
|
|
41792
|
+
}
|
|
41793
|
+
.base-tag--plain.base-tag--warning .base-tag__close {
|
|
41794
|
+
color: #ff791a;
|
|
41795
|
+
}
|
|
41796
|
+
.base-tag--plain.base-tag--warning .base-tag__close:hover {
|
|
41797
|
+
color: #FFFFFF;
|
|
41798
|
+
background-color: #ff791a;
|
|
41799
|
+
}
|
|
41800
|
+
.base-tag--plain.base-tag--danger {
|
|
41801
|
+
background-color: white;
|
|
41802
|
+
border-color: #f9b3b1;
|
|
41803
|
+
color: #f1403c;
|
|
41804
|
+
}
|
|
41805
|
+
.base-tag--plain.base-tag--danger.is-hit {
|
|
41806
|
+
border-color: #F1403C;
|
|
41807
|
+
}
|
|
41808
|
+
.base-tag--plain.base-tag--danger .base-tag__close {
|
|
41809
|
+
color: #f1403c;
|
|
41810
|
+
}
|
|
41811
|
+
.base-tag--plain.base-tag--danger .base-tag__close:hover {
|
|
41812
|
+
color: #FFFFFF;
|
|
41813
|
+
background-color: #f1403c;
|
|
41814
|
+
}
|
|
41815
|
+
.base-tag--medium {
|
|
41816
|
+
height: 28px;
|
|
41817
|
+
line-height: 26px;
|
|
41818
|
+
}
|
|
41819
|
+
.base-tag--medium .base-icon-close {
|
|
41820
|
+
transform: scale(0.8);
|
|
41821
|
+
}
|
|
41822
|
+
.base-tag--small {
|
|
41823
|
+
height: 24px;
|
|
41824
|
+
padding: 0 8px;
|
|
41825
|
+
line-height: 22px;
|
|
41826
|
+
}
|
|
41827
|
+
.base-tag--small .base-icon-close {
|
|
41828
|
+
transform: scale(0.8);
|
|
41829
|
+
}
|
|
41830
|
+
.base-tag--mini {
|
|
41831
|
+
height: 20px;
|
|
41832
|
+
padding: 0 5px;
|
|
41833
|
+
line-height: 19px;
|
|
41834
|
+
}
|
|
41835
|
+
.base-tag--mini .base-icon-close {
|
|
41836
|
+
margin-left: -3px;
|
|
41837
|
+
transform: scale(0.7);
|
|
41838
|
+
}
|
|
41839
|
+
|
|
41840
|
+
|
|
41841
|
+
|
|
41842
|
+
|
|
41843
|
+
|
|
41844
|
+
|
|
41845
|
+
|
|
41846
|
+
|
|
41847
|
+
|
|
41848
|
+
|
|
41849
|
+
|
|
41850
|
+
:export {
|
|
41851
|
+
primary: #2F3A91;
|
|
41852
|
+
success: #67C23A;
|
|
41853
|
+
warning: #FF791A;
|
|
41854
|
+
danger: #F1403C;
|
|
41855
|
+
info: #8590a6;
|
|
41856
|
+
}
|
|
41857
|
+
|
|
41858
|
+
|
|
41859
|
+
|
|
41860
|
+
|
|
41861
|
+
|
|
41862
|
+
|
|
41863
|
+
|
|
41864
|
+
|
|
41865
|
+
|
|
41866
|
+
|
|
41867
|
+
|
|
41868
|
+
|
|
41869
|
+
|
|
41870
|
+
|
|
41871
|
+
|
|
41872
|
+
|
|
41873
|
+
|
|
41874
|
+
|
|
41875
|
+
|
|
41876
|
+
|
|
41877
|
+
|
|
41878
|
+
|
|
41879
|
+
|
|
41880
|
+
|
|
41881
|
+
|
|
41882
|
+
|
|
41883
|
+
|
|
41884
|
+
|
|
41885
|
+
|
|
41886
|
+
|
|
41887
|
+
|
|
41888
|
+
|
|
41889
|
+
|
|
41890
|
+
|
|
41891
|
+
|
|
41892
|
+
|
|
41893
|
+
|
|
41894
|
+
|
|
41895
|
+
|
|
41896
|
+
|
|
41897
|
+
|
|
41898
|
+
|
|
41899
|
+
|
|
41900
|
+
|
|
41901
|
+
|
|
41902
|
+
|
|
41903
|
+
|
|
41904
|
+
|
|
41905
|
+
|
|
41906
|
+
|
|
41907
|
+
|
|
41908
|
+
|
|
41909
|
+
|
|
41910
|
+
|
|
41911
|
+
|
|
41912
|
+
|
|
41913
|
+
|
|
41914
|
+
|
|
41915
|
+
|
|
41916
|
+
|
|
41917
|
+
|
|
41918
|
+
|
|
41919
|
+
|
|
41920
|
+
|
|
41921
|
+
|
|
41922
|
+
|
|
41923
|
+
|
|
41924
|
+
|
|
41925
|
+
|
|
41926
|
+
|
|
41927
|
+
:export {
|
|
41928
|
+
primary: #2F3A91;
|
|
41929
|
+
success: #67C23A;
|
|
41930
|
+
warning: #FF791A;
|
|
41931
|
+
danger: #F1403C;
|
|
41932
|
+
info: #8590a6;
|
|
41933
|
+
}
|
|
41934
|
+
|
|
41935
|
+
|
|
41936
|
+
|
|
41937
|
+
|
|
41938
|
+
|
|
41939
|
+
|
|
41940
|
+
|
|
41941
|
+
|
|
41942
|
+
|
|
41943
|
+
|
|
41944
|
+
|
|
41945
|
+
|
|
41946
|
+
|
|
41947
|
+
|
|
41948
|
+
|
|
41949
|
+
|
|
41950
|
+
|
|
41951
|
+
|
|
41952
|
+
|
|
41953
|
+
|
|
41954
|
+
|
|
41955
|
+
|
|
41956
|
+
|
|
41957
|
+
|
|
41958
|
+
|
|
41959
|
+
|
|
41960
|
+
|
|
41961
|
+
|
|
41962
|
+
|
|
41963
|
+
|
|
41964
|
+
|
|
41965
|
+
|
|
41966
|
+
|
|
41967
|
+
|
|
41968
|
+
|
|
41969
|
+
|
|
41970
|
+
|
|
41971
|
+
|
|
41972
|
+
|
|
41973
|
+
|
|
41974
|
+
|
|
41975
|
+
|
|
41976
|
+
|
|
41977
|
+
|
|
41978
|
+
|
|
41979
|
+
|
|
41980
|
+
|
|
41981
|
+
|
|
41982
|
+
|
|
41983
|
+
|
|
41984
|
+
|
|
41985
|
+
|
|
41986
|
+
|
|
41987
|
+
|
|
41988
|
+
|
|
41989
|
+
.base-tooltip:focus:not(.focusing), .base-tooltip:focus:hover {
|
|
41990
|
+
outline-width: 0;
|
|
41991
|
+
}
|
|
41992
|
+
.base-tooltip__popper {
|
|
41993
|
+
position: absolute;
|
|
41994
|
+
border-radius: 4px;
|
|
41995
|
+
z-index: 2000;
|
|
41996
|
+
min-width: 10px;
|
|
41997
|
+
word-wrap: break-word;
|
|
41998
|
+
font-size: 12px;
|
|
41999
|
+
line-height: 1.2;
|
|
42000
|
+
display: inline-block;
|
|
42001
|
+
padding: 8px 10px;
|
|
42002
|
+
text-transform: none;
|
|
42003
|
+
width: auto;
|
|
42004
|
+
pointer-events: none;
|
|
42005
|
+
opacity: 0.9;
|
|
42006
|
+
}
|
|
42007
|
+
.base-tooltip__popper .popper__arrow,
|
|
42008
|
+
.base-tooltip__popper .popper__arrow::after {
|
|
42009
|
+
position: absolute;
|
|
42010
|
+
display: block;
|
|
42011
|
+
width: 0;
|
|
42012
|
+
height: 0;
|
|
42013
|
+
border-color: transparent;
|
|
42014
|
+
border-style: solid;
|
|
42015
|
+
}
|
|
42016
|
+
.base-tooltip__popper .popper__arrow {
|
|
42017
|
+
border-width: 6px;
|
|
42018
|
+
}
|
|
42019
|
+
.base-tooltip__popper .popper__arrow::after {
|
|
42020
|
+
content: " ";
|
|
42021
|
+
border-width: 5px;
|
|
42022
|
+
}
|
|
42023
|
+
.base-tooltip__popper[x-placement^=top] {
|
|
42024
|
+
margin-bottom: 12px;
|
|
42025
|
+
}
|
|
42026
|
+
.base-tooltip__popper[x-placement^=top] .popper__arrow {
|
|
42027
|
+
bottom: -6px;
|
|
42028
|
+
border-top-color: rgba(97, 97, 97, 0.9);
|
|
42029
|
+
border-bottom-width: 0;
|
|
42030
|
+
}
|
|
42031
|
+
.base-tooltip__popper[x-placement^=top] .popper__arrow::after {
|
|
42032
|
+
bottom: 1px;
|
|
42033
|
+
margin-left: -5px;
|
|
42034
|
+
border-top-color: rgba(97, 97, 97, 0.9);
|
|
42035
|
+
border-bottom-width: 0;
|
|
42036
|
+
}
|
|
42037
|
+
.base-tooltip__popper[x-placement^=bottom] {
|
|
42038
|
+
margin-top: 12px;
|
|
42039
|
+
}
|
|
42040
|
+
.base-tooltip__popper[x-placement^=bottom] .popper__arrow {
|
|
42041
|
+
top: -6px;
|
|
42042
|
+
border-top-width: 0;
|
|
42043
|
+
border-bottom-color: rgba(97, 97, 97, 0.9);
|
|
42044
|
+
}
|
|
42045
|
+
.base-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
|
|
42046
|
+
top: 1px;
|
|
42047
|
+
margin-left: -5px;
|
|
42048
|
+
border-top-width: 0;
|
|
42049
|
+
border-bottom-color: rgba(97, 97, 97, 0.9);
|
|
42050
|
+
}
|
|
42051
|
+
.base-tooltip__popper[x-placement^=right] {
|
|
42052
|
+
margin-left: 12px;
|
|
42053
|
+
}
|
|
42054
|
+
.base-tooltip__popper[x-placement^=right] .popper__arrow {
|
|
42055
|
+
left: -6px;
|
|
42056
|
+
border-right-color: rgba(97, 97, 97, 0.9);
|
|
42057
|
+
border-left-width: 0;
|
|
42058
|
+
}
|
|
42059
|
+
.base-tooltip__popper[x-placement^=right] .popper__arrow::after {
|
|
42060
|
+
bottom: -5px;
|
|
42061
|
+
left: 1px;
|
|
42062
|
+
border-right-color: rgba(97, 97, 97, 0.9);
|
|
42063
|
+
border-left-width: 0;
|
|
42064
|
+
}
|
|
42065
|
+
.base-tooltip__popper[x-placement^=left] {
|
|
42066
|
+
margin-right: 12px;
|
|
42067
|
+
}
|
|
42068
|
+
.base-tooltip__popper[x-placement^=left] .popper__arrow {
|
|
42069
|
+
right: -6px;
|
|
42070
|
+
border-right-width: 0;
|
|
42071
|
+
border-left-color: rgba(97, 97, 97, 0.9);
|
|
42072
|
+
}
|
|
42073
|
+
.base-tooltip__popper[x-placement^=left] .popper__arrow::after {
|
|
42074
|
+
right: 1px;
|
|
42075
|
+
bottom: -5px;
|
|
42076
|
+
margin-left: -5px;
|
|
42077
|
+
border-right-width: 0;
|
|
42078
|
+
border-left-color: rgba(97, 97, 97, 0.9);
|
|
42079
|
+
}
|
|
42080
|
+
.base-tooltip__popper.is-dark {
|
|
42081
|
+
background: rgba(97, 97, 97, 0.9);
|
|
42082
|
+
color: #FFFFFF;
|
|
42083
|
+
}
|
|
42084
|
+
.base-tooltip__popper.is-light {
|
|
42085
|
+
background: #FFFFFF;
|
|
42086
|
+
border: 1px solid rgba(97, 97, 97, 0.9);
|
|
42087
|
+
}
|
|
42088
|
+
.base-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
|
|
42089
|
+
border-top-color: rgba(97, 97, 97, 0.9);
|
|
42090
|
+
}
|
|
42091
|
+
.base-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
|
|
42092
|
+
border-top-color: #FFFFFF;
|
|
42093
|
+
}
|
|
42094
|
+
.base-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
|
|
42095
|
+
border-bottom-color: rgba(97, 97, 97, 0.9);
|
|
42096
|
+
}
|
|
42097
|
+
.base-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
|
|
42098
|
+
border-bottom-color: #FFFFFF;
|
|
42099
|
+
}
|
|
42100
|
+
.base-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
|
|
42101
|
+
border-left-color: rgba(97, 97, 97, 0.9);
|
|
42102
|
+
}
|
|
42103
|
+
.base-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
|
|
42104
|
+
border-left-color: #FFFFFF;
|
|
42105
|
+
}
|
|
42106
|
+
.base-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
|
|
42107
|
+
border-right-color: rgba(97, 97, 97, 0.9);
|
|
42108
|
+
}
|
|
42109
|
+
.base-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
|
|
42110
|
+
border-right-color: #FFFFFF;
|
|
42111
|
+
}
|
|
42112
|
+
|
|
42113
|
+
|
|
42114
|
+
|
|
42115
|
+
|
|
42116
|
+
|
|
42117
|
+
|
|
42118
|
+
|
|
42119
|
+
|
|
42120
|
+
|
|
42121
|
+
|
|
42122
|
+
|
|
42123
|
+
:export {
|
|
42124
|
+
primary: #2F3A91;
|
|
42125
|
+
success: #67C23A;
|
|
42126
|
+
warning: #FF791A;
|
|
42127
|
+
danger: #F1403C;
|
|
42128
|
+
info: #8590a6;
|
|
42129
|
+
}
|
|
42130
|
+
|
|
42131
|
+
|
|
42132
|
+
|
|
42133
|
+
|
|
42134
|
+
|
|
42135
|
+
|
|
42136
|
+
|
|
42137
|
+
|
|
42138
|
+
|
|
42139
|
+
|
|
42140
|
+
|
|
42141
|
+
|
|
42142
|
+
|
|
42143
|
+
|
|
42144
|
+
|
|
42145
|
+
|
|
42146
|
+
|
|
42147
|
+
|
|
42148
|
+
|
|
42149
|
+
|
|
42150
|
+
|
|
42151
|
+
|
|
42152
|
+
|
|
42153
|
+
|
|
42154
|
+
|
|
42155
|
+
|
|
42156
|
+
|
|
42157
|
+
|
|
42158
|
+
|
|
42159
|
+
|
|
42160
|
+
|
|
42161
|
+
|
|
42162
|
+
|
|
42163
|
+
|
|
42164
|
+
|
|
42165
|
+
|
|
42166
|
+
|
|
42167
|
+
|
|
42168
|
+
|
|
42169
|
+
|
|
42170
|
+
|
|
42171
|
+
|
|
42172
|
+
|
|
42173
|
+
|
|
42174
|
+
|
|
42175
|
+
|
|
42176
|
+
|
|
42177
|
+
|
|
42178
|
+
|
|
42179
|
+
|
|
42180
|
+
|
|
42181
|
+
|
|
42182
|
+
|
|
42183
|
+
|
|
42184
|
+
|
|
42185
|
+
.base-table {
|
|
42186
|
+
position: relative;
|
|
42187
|
+
overflow: hidden;
|
|
42188
|
+
box-sizing: border-box;
|
|
42189
|
+
flex: 1;
|
|
42190
|
+
width: 100%;
|
|
42191
|
+
max-width: 100%;
|
|
42192
|
+
background-color: #FFFFFF;
|
|
42193
|
+
font-size: 14px;
|
|
42194
|
+
color: #646464;
|
|
42195
|
+
}
|
|
42196
|
+
.base-table__empty-block {
|
|
42197
|
+
min-height: 60px;
|
|
42198
|
+
text-align: center;
|
|
42199
|
+
width: 100%;
|
|
42200
|
+
display: flex;
|
|
42201
|
+
justify-content: center;
|
|
42202
|
+
align-items: center;
|
|
42203
|
+
}
|
|
42204
|
+
.base-table__empty-text {
|
|
42205
|
+
line-height: 60px;
|
|
42206
|
+
width: 50%;
|
|
42207
|
+
color: #8590a6;
|
|
42208
|
+
}
|
|
42209
|
+
.base-table__expand-column .cell {
|
|
42210
|
+
padding: 0;
|
|
42211
|
+
text-align: center;
|
|
42212
|
+
}
|
|
42213
|
+
.base-table__expand-icon {
|
|
42214
|
+
position: relative;
|
|
42215
|
+
cursor: pointer;
|
|
42216
|
+
color: #666;
|
|
42217
|
+
font-size: 12px;
|
|
42218
|
+
transition: transform 0.2s ease-in-out;
|
|
42219
|
+
height: 20px;
|
|
42220
|
+
}
|
|
42221
|
+
.base-table__expand-icon--expanded {
|
|
42222
|
+
transform: rotate(90deg);
|
|
42223
|
+
}
|
|
42224
|
+
.base-table__expand-icon > .base-icon {
|
|
42225
|
+
position: absolute;
|
|
42226
|
+
left: 50%;
|
|
42227
|
+
top: 50%;
|
|
42228
|
+
margin-left: -5px;
|
|
42229
|
+
margin-top: -5px;
|
|
42230
|
+
}
|
|
42231
|
+
.base-table__expanded-cell {
|
|
42232
|
+
background-color: #FFFFFF;
|
|
42233
|
+
}
|
|
42234
|
+
.base-table__expanded-cell[class*=cell] {
|
|
42235
|
+
padding: 20px 50px;
|
|
42236
|
+
}
|
|
42237
|
+
.base-table__expanded-cell:hover {
|
|
42238
|
+
background-color: transparent !important;
|
|
42239
|
+
}
|
|
42240
|
+
.base-table__placeholder {
|
|
42241
|
+
display: inline-block;
|
|
42242
|
+
width: 20px;
|
|
42243
|
+
}
|
|
42244
|
+
.base-table__append-wrapper {
|
|
42245
|
+
overflow: hidden;
|
|
42246
|
+
}
|
|
42247
|
+
.base-table--fit {
|
|
42248
|
+
border-right: 0;
|
|
42249
|
+
border-bottom: 0;
|
|
42250
|
+
}
|
|
42251
|
+
.base-table--fit .base-table__cell.gutter {
|
|
42252
|
+
border-right-width: 1px;
|
|
42253
|
+
}
|
|
42254
|
+
.base-table--scrollable-x .base-table__body-wrapper {
|
|
42255
|
+
overflow-x: auto;
|
|
42256
|
+
}
|
|
42257
|
+
.base-table--scrollable-y .base-table__body-wrapper {
|
|
42258
|
+
overflow-y: auto;
|
|
42259
|
+
}
|
|
42260
|
+
.base-table thead {
|
|
42261
|
+
color: #8590a6;
|
|
42262
|
+
font-weight: 500;
|
|
42263
|
+
}
|
|
42264
|
+
.base-table thead.is-group th.base-table__cell {
|
|
42265
|
+
background: #F3F5F8;
|
|
42266
|
+
}
|
|
42267
|
+
.base-table .base-table__cell {
|
|
42268
|
+
padding: 12px 0;
|
|
42269
|
+
min-width: 0;
|
|
42270
|
+
box-sizing: border-box;
|
|
42271
|
+
text-overflow: ellipsis;
|
|
42272
|
+
vertical-align: middle;
|
|
42273
|
+
position: relative;
|
|
42274
|
+
text-align: left;
|
|
42275
|
+
}
|
|
42276
|
+
.base-table .base-table__cell.is-center {
|
|
42277
|
+
text-align: center;
|
|
42278
|
+
}
|
|
42279
|
+
.base-table .base-table__cell.is-right {
|
|
42280
|
+
text-align: right;
|
|
42281
|
+
}
|
|
42282
|
+
.base-table .base-table__cell.gutter {
|
|
42283
|
+
width: 15px;
|
|
42284
|
+
border-right-width: 0;
|
|
42285
|
+
border-bottom-width: 0;
|
|
42286
|
+
padding: 0;
|
|
42287
|
+
}
|
|
42288
|
+
.base-table .base-table__cell.is-hidden > * {
|
|
42289
|
+
visibility: hidden;
|
|
42290
|
+
}
|
|
42291
|
+
.base-table--medium .base-table__cell {
|
|
42292
|
+
padding: 10px 0;
|
|
42293
|
+
}
|
|
42294
|
+
.base-table--small {
|
|
42295
|
+
font-size: 12px;
|
|
42296
|
+
}
|
|
42297
|
+
.base-table--small .base-table__cell {
|
|
42298
|
+
padding: 8px 0;
|
|
42299
|
+
}
|
|
42300
|
+
.base-table--mini {
|
|
42301
|
+
font-size: 12px;
|
|
42302
|
+
}
|
|
42303
|
+
.base-table--mini .base-table__cell {
|
|
42304
|
+
padding: 6px 0;
|
|
42305
|
+
}
|
|
42306
|
+
.base-table tr {
|
|
42307
|
+
background-color: #FFFFFF;
|
|
42308
|
+
}
|
|
42309
|
+
.base-table tr input[type=checkbox] {
|
|
42310
|
+
margin: 0;
|
|
42311
|
+
}
|
|
42312
|
+
.base-table th.base-table__cell.is-leaf,
|
|
42313
|
+
.base-table td.base-table__cell {
|
|
42314
|
+
border-bottom: 1px solid #EBEEF5;
|
|
42315
|
+
}
|
|
42316
|
+
.base-table th.base-table__cell.is-sortable {
|
|
42317
|
+
cursor: pointer;
|
|
42318
|
+
}
|
|
42319
|
+
.base-table th.base-table__cell {
|
|
42320
|
+
overflow: hidden;
|
|
42321
|
+
user-select: none;
|
|
42322
|
+
background-color: #FFFFFF;
|
|
42323
|
+
}
|
|
42324
|
+
.base-table th.base-table__cell > .cell {
|
|
42325
|
+
display: inline-block;
|
|
42326
|
+
box-sizing: border-box;
|
|
42327
|
+
position: relative;
|
|
42328
|
+
vertical-align: middle;
|
|
42329
|
+
padding-left: 10px;
|
|
42330
|
+
padding-right: 10px;
|
|
42331
|
+
width: 100%;
|
|
42332
|
+
}
|
|
42333
|
+
.base-table th.base-table__cell > .cell.highlight {
|
|
42334
|
+
color: #2F3A91;
|
|
42335
|
+
}
|
|
42336
|
+
.base-table th.base-table__cell.required > div::before {
|
|
42337
|
+
display: inline-block;
|
|
42338
|
+
content: "";
|
|
42339
|
+
width: 8px;
|
|
42340
|
+
height: 8px;
|
|
42341
|
+
border-radius: 50%;
|
|
42342
|
+
background: #ff4d51;
|
|
42343
|
+
margin-right: 5px;
|
|
42344
|
+
vertical-align: middle;
|
|
42345
|
+
}
|
|
42346
|
+
.base-table td.base-table__cell div {
|
|
42347
|
+
box-sizing: border-box;
|
|
42348
|
+
}
|
|
42349
|
+
.base-table td.base-table__cell.gutter {
|
|
42350
|
+
width: 0;
|
|
42351
|
+
}
|
|
42352
|
+
.base-table .cell {
|
|
42353
|
+
box-sizing: border-box;
|
|
42354
|
+
overflow: hidden;
|
|
42355
|
+
text-overflow: ellipsis;
|
|
42356
|
+
white-space: normal;
|
|
42357
|
+
word-break: break-all;
|
|
42358
|
+
line-height: 23px;
|
|
42359
|
+
padding-left: 10px;
|
|
42360
|
+
padding-right: 10px;
|
|
42361
|
+
}
|
|
42362
|
+
.base-table .cell.base-tooltip {
|
|
42363
|
+
white-space: nowrap;
|
|
42364
|
+
min-width: 50px;
|
|
42365
|
+
}
|
|
42366
|
+
.base-table--group, .base-table--border {
|
|
42367
|
+
border: 1px solid #EBEEF5;
|
|
42368
|
+
}
|
|
42369
|
+
.base-table::before, .base-table--group::after, .base-table--border::after {
|
|
42370
|
+
content: "";
|
|
42371
|
+
position: absolute;
|
|
42372
|
+
background-color: #EBEEF5;
|
|
42373
|
+
z-index: 1;
|
|
42374
|
+
}
|
|
42375
|
+
.base-table--group::after, .base-table--border::after {
|
|
42376
|
+
top: 0;
|
|
42377
|
+
right: 0;
|
|
42378
|
+
width: 1px;
|
|
42379
|
+
height: 100%;
|
|
42380
|
+
}
|
|
42381
|
+
.base-table::before {
|
|
42382
|
+
left: 0;
|
|
42383
|
+
bottom: 0;
|
|
42384
|
+
width: 100%;
|
|
42385
|
+
height: 1px;
|
|
42386
|
+
}
|
|
42387
|
+
.base-table--border {
|
|
42388
|
+
border-right: none;
|
|
42389
|
+
border-bottom: none;
|
|
42390
|
+
}
|
|
42391
|
+
.base-table--border.base-loading-parent--relative {
|
|
42392
|
+
border-color: transparent;
|
|
42393
|
+
}
|
|
42394
|
+
.base-table--border .base-table__cell {
|
|
42395
|
+
border-right: 1px solid #EBEEF5;
|
|
42396
|
+
}
|
|
42397
|
+
.base-table--border .base-table__cell:first-child .cell {
|
|
42398
|
+
padding-left: 10px;
|
|
42399
|
+
}
|
|
42400
|
+
.base-table--border th.base-table__cell.gutter:last-of-type {
|
|
42401
|
+
border-bottom: 1px solid #EBEEF5;
|
|
42402
|
+
border-bottom-width: 1px;
|
|
42403
|
+
}
|
|
42404
|
+
.base-table--border th.base-table__cell {
|
|
42405
|
+
border-bottom: 1px solid #EBEEF5;
|
|
42406
|
+
}
|
|
42407
|
+
.base-table--hidden {
|
|
42408
|
+
visibility: hidden;
|
|
42409
|
+
}
|
|
42410
|
+
.base-table__fixed, .base-table__fixed-right {
|
|
42411
|
+
position: absolute;
|
|
42412
|
+
top: 0;
|
|
42413
|
+
left: 0;
|
|
42414
|
+
overflow-x: hidden;
|
|
42415
|
+
overflow-y: hidden;
|
|
42416
|
+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
|
|
42417
|
+
}
|
|
42418
|
+
.base-table__fixed::before, .base-table__fixed-right::before {
|
|
42419
|
+
content: "";
|
|
42420
|
+
position: absolute;
|
|
42421
|
+
left: 0;
|
|
42422
|
+
bottom: 0;
|
|
42423
|
+
width: 100%;
|
|
42424
|
+
height: 1px;
|
|
42425
|
+
background-color: #EBEEF5;
|
|
42426
|
+
z-index: 4;
|
|
42427
|
+
}
|
|
42428
|
+
.base-table__fixed-right-patch {
|
|
42429
|
+
position: absolute;
|
|
42430
|
+
top: -1px;
|
|
42431
|
+
right: 0;
|
|
42432
|
+
background-color: #FFFFFF;
|
|
42433
|
+
border-bottom: 1px solid #EBEEF5;
|
|
42434
|
+
}
|
|
42435
|
+
.base-table__fixed-right {
|
|
42436
|
+
top: 0;
|
|
42437
|
+
left: auto;
|
|
42438
|
+
right: 0;
|
|
42439
|
+
}
|
|
42440
|
+
.base-table__fixed-right .base-table__fixed-header-wrapper,
|
|
42441
|
+
.base-table__fixed-right .base-table__fixed-body-wrapper,
|
|
42442
|
+
.base-table__fixed-right .base-table__fixed-footer-wrapper {
|
|
42443
|
+
left: auto;
|
|
42444
|
+
right: 0;
|
|
42445
|
+
}
|
|
42446
|
+
.base-table__fixed-header-wrapper {
|
|
42447
|
+
position: absolute;
|
|
42448
|
+
left: 0;
|
|
42449
|
+
top: 0;
|
|
42450
|
+
z-index: 3;
|
|
42451
|
+
}
|
|
42452
|
+
.base-table__fixed-footer-wrapper {
|
|
42453
|
+
position: absolute;
|
|
42454
|
+
left: 0;
|
|
42455
|
+
bottom: 0;
|
|
42456
|
+
z-index: 3;
|
|
42457
|
+
}
|
|
42458
|
+
.base-table__fixed-footer-wrapper tbody td.base-table__cell {
|
|
42459
|
+
border-top: 1px solid #EBEEF5;
|
|
42460
|
+
background-color: #F3F5F8;
|
|
42461
|
+
color: #646464;
|
|
42462
|
+
}
|
|
42463
|
+
.base-table__fixed-body-wrapper {
|
|
42464
|
+
position: absolute;
|
|
42465
|
+
left: 0;
|
|
42466
|
+
top: 37px;
|
|
42467
|
+
overflow: hidden;
|
|
42468
|
+
z-index: 3;
|
|
42469
|
+
}
|
|
42470
|
+
.base-table__header-wrapper, .base-table__body-wrapper, .base-table__footer-wrapper {
|
|
42471
|
+
width: 100%;
|
|
42472
|
+
}
|
|
42473
|
+
.base-table__footer-wrapper {
|
|
42474
|
+
margin-top: -1px;
|
|
42475
|
+
}
|
|
42476
|
+
.base-table__footer-wrapper td.base-table__cell {
|
|
42477
|
+
border-top: 1px solid #EBEEF5;
|
|
42478
|
+
}
|
|
42479
|
+
.base-table__header, .base-table__body, .base-table__footer {
|
|
42480
|
+
table-layout: fixed;
|
|
42481
|
+
border-collapse: separate;
|
|
42482
|
+
}
|
|
42483
|
+
.base-table__header-wrapper, .base-table__footer-wrapper {
|
|
42484
|
+
overflow: hidden;
|
|
42485
|
+
}
|
|
42486
|
+
.base-table__header-wrapper tbody td.base-table__cell, .base-table__footer-wrapper tbody td.base-table__cell {
|
|
42487
|
+
background-color: #F3F5F8;
|
|
42488
|
+
color: #646464;
|
|
42489
|
+
}
|
|
42490
|
+
.base-table__body-wrapper {
|
|
42491
|
+
overflow: hidden;
|
|
42492
|
+
position: relative;
|
|
42493
|
+
}
|
|
42494
|
+
.base-table__body-wrapper.is-scrolling-none ~ .base-table__fixed,
|
|
42495
|
+
.base-table__body-wrapper.is-scrolling-none ~ .base-table__fixed-right {
|
|
42496
|
+
box-shadow: none;
|
|
42497
|
+
}
|
|
42498
|
+
.base-table__body-wrapper.is-scrolling-left ~ .base-table__fixed {
|
|
42499
|
+
box-shadow: none;
|
|
42500
|
+
}
|
|
42501
|
+
.base-table__body-wrapper.is-scrolling-right ~ .base-table__fixed-right {
|
|
42502
|
+
box-shadow: none;
|
|
42503
|
+
}
|
|
42504
|
+
.base-table__body-wrapper .base-table--border.is-scrolling-right ~ .base-table__fixed-right {
|
|
42505
|
+
border-left: 1px solid #EBEEF5;
|
|
42506
|
+
}
|
|
42507
|
+
.base-table__body-wrapper .base-table--border.is-scrolling-left ~ .base-table__fixed {
|
|
42508
|
+
border-right: 1px solid #EBEEF5;
|
|
42509
|
+
}
|
|
42510
|
+
.base-table .caret-wrapper {
|
|
42511
|
+
display: inline-flex;
|
|
42512
|
+
flex-direction: column;
|
|
42513
|
+
align-items: center;
|
|
42514
|
+
height: 34px;
|
|
42515
|
+
width: 24px;
|
|
42516
|
+
vertical-align: middle;
|
|
42517
|
+
cursor: pointer;
|
|
42518
|
+
overflow: initial;
|
|
42519
|
+
position: relative;
|
|
42520
|
+
}
|
|
42521
|
+
.base-table .sort-caret {
|
|
42522
|
+
width: 0;
|
|
42523
|
+
height: 0;
|
|
42524
|
+
border: solid 5px transparent;
|
|
42525
|
+
position: absolute;
|
|
42526
|
+
left: 7px;
|
|
42527
|
+
}
|
|
42528
|
+
.base-table .sort-caret.ascending {
|
|
42529
|
+
border-bottom-color: #8590a6;
|
|
42530
|
+
top: 5px;
|
|
42531
|
+
}
|
|
42532
|
+
.base-table .sort-caret.descending {
|
|
42533
|
+
border-top-color: #8590a6;
|
|
42534
|
+
bottom: 7px;
|
|
42535
|
+
}
|
|
42536
|
+
.base-table .ascending .sort-caret.ascending {
|
|
42537
|
+
border-bottom-color: #2F3A91;
|
|
42538
|
+
}
|
|
42539
|
+
.base-table .descending .sort-caret.descending {
|
|
42540
|
+
border-top-color: #2F3A91;
|
|
42541
|
+
}
|
|
42542
|
+
.base-table .hidden-columns {
|
|
42543
|
+
visibility: hidden;
|
|
42544
|
+
position: absolute;
|
|
42545
|
+
z-index: -1;
|
|
42546
|
+
}
|
|
42547
|
+
.base-table--striped .base-table__body tr.base-table__row--striped td.base-table__cell {
|
|
42548
|
+
background: #FAFAFA;
|
|
42549
|
+
}
|
|
42550
|
+
.base-table--striped .base-table__body tr.base-table__row--striped.current-row td.base-table__cell {
|
|
42551
|
+
background-color: #eaebf4;
|
|
42552
|
+
}
|
|
42553
|
+
.base-table__body tr.hover-row > td.base-table__cell, .base-table__body tr.hover-row.current-row > td.base-table__cell, .base-table__body tr.hover-row.base-table__row--striped > td.base-table__cell, .base-table__body tr.hover-row.base-table__row--striped.current-row > td.base-table__cell {
|
|
42554
|
+
background-color: #F3F5F8;
|
|
42555
|
+
}
|
|
42556
|
+
.base-table__body tr.current-row > td.base-table__cell {
|
|
42557
|
+
background-color: #eaebf4;
|
|
42558
|
+
}
|
|
42559
|
+
.base-table__column-resize-proxy {
|
|
42560
|
+
position: absolute;
|
|
42561
|
+
left: 200px;
|
|
42562
|
+
top: 0;
|
|
42563
|
+
bottom: 0;
|
|
42564
|
+
width: 0;
|
|
42565
|
+
border-left: 1px solid #EBEEF5;
|
|
42566
|
+
z-index: 10;
|
|
42567
|
+
}
|
|
42568
|
+
.base-table__column-filter-trigger {
|
|
42569
|
+
display: inline-block;
|
|
42570
|
+
line-height: 34px;
|
|
42571
|
+
cursor: pointer;
|
|
42572
|
+
}
|
|
42573
|
+
.base-table__column-filter-trigger i {
|
|
42574
|
+
color: #8590a6;
|
|
42575
|
+
font-size: 12px;
|
|
42576
|
+
transform: scale(0.75);
|
|
42577
|
+
}
|
|
42578
|
+
.base-table--enable-row-transition .base-table__body td.base-table__cell {
|
|
42579
|
+
transition: background-color 0.25s ease;
|
|
42580
|
+
}
|
|
42581
|
+
.base-table--enable-row-hover .base-table__body tr:hover > td.base-table__cell {
|
|
42582
|
+
background-color: #F3F5F8;
|
|
42583
|
+
}
|
|
42584
|
+
.base-table--fluid-height .base-table__fixed,
|
|
42585
|
+
.base-table--fluid-height .base-table__fixed-right {
|
|
42586
|
+
bottom: 0;
|
|
42587
|
+
overflow: hidden;
|
|
42588
|
+
}
|
|
42589
|
+
.base-table [class*=base-table__row--level] .base-table__expand-icon {
|
|
42590
|
+
display: inline-block;
|
|
42591
|
+
width: 20px;
|
|
42592
|
+
line-height: 20px;
|
|
42593
|
+
height: 20px;
|
|
42594
|
+
text-align: center;
|
|
42595
|
+
margin-right: 3px;
|
|
42596
|
+
}
|
|
42597
|
+
|
|
42598
|
+
|
|
42599
|
+
|
|
42600
|
+
|
|
42601
|
+
|
|
42602
|
+
|
|
42603
|
+
|
|
42604
|
+
|
|
42605
|
+
|
|
42606
|
+
|
|
42607
|
+
|
|
42608
|
+
:export {
|
|
42609
|
+
primary: #2F3A91;
|
|
42610
|
+
success: #67C23A;
|
|
42611
|
+
warning: #FF791A;
|
|
42612
|
+
danger: #F1403C;
|
|
42613
|
+
info: #8590a6;
|
|
42614
|
+
}
|
|
42615
|
+
|
|
42616
|
+
|
|
42617
|
+
|
|
42618
|
+
|
|
42619
|
+
|
|
42620
|
+
|
|
42621
|
+
|
|
42622
|
+
|
|
42623
|
+
|
|
42624
|
+
|
|
42625
|
+
|
|
42626
|
+
|
|
42627
|
+
|
|
42628
|
+
|
|
42629
|
+
|
|
42630
|
+
|
|
42631
|
+
|
|
42632
|
+
|
|
42633
|
+
|
|
42634
|
+
|
|
42635
|
+
|
|
42636
|
+
|
|
42637
|
+
|
|
42638
|
+
|
|
42639
|
+
|
|
42640
|
+
|
|
42641
|
+
|
|
42642
|
+
|
|
42643
|
+
|
|
42644
|
+
|
|
42645
|
+
|
|
42646
|
+
|
|
42647
|
+
|
|
42648
|
+
|
|
42649
|
+
|
|
42650
|
+
|
|
42651
|
+
|
|
42652
|
+
|
|
42653
|
+
|
|
42654
|
+
|
|
42655
|
+
|
|
42656
|
+
|
|
42657
|
+
|
|
42658
|
+
|
|
42659
|
+
|
|
42660
|
+
|
|
42661
|
+
|
|
42662
|
+
|
|
42663
|
+
|
|
42664
|
+
|
|
42665
|
+
|
|
42666
|
+
|
|
42667
|
+
|
|
42668
|
+
|
|
42669
|
+
|
|
42670
|
+
|
|
42671
|
+
|
|
42672
|
+
|
|
42673
|
+
|
|
42674
|
+
|
|
42675
|
+
|
|
42676
|
+
|
|
42677
|
+
|
|
42678
|
+
|
|
42679
|
+
|
|
42680
|
+
|
|
42681
|
+
|
|
42682
|
+
|
|
42683
|
+
|
|
42684
|
+
|
|
42685
|
+
:export {
|
|
42686
|
+
primary: #2F3A91;
|
|
42687
|
+
success: #67C23A;
|
|
42688
|
+
warning: #FF791A;
|
|
42689
|
+
danger: #F1403C;
|
|
42690
|
+
info: #8590a6;
|
|
42691
|
+
}
|
|
42692
|
+
|
|
42693
|
+
|
|
42694
|
+
|
|
42695
|
+
|
|
42696
|
+
|
|
42697
|
+
|
|
42698
|
+
|
|
42699
|
+
|
|
42700
|
+
|
|
42701
|
+
|
|
42702
|
+
|
|
42703
|
+
|
|
42704
|
+
|
|
42705
|
+
|
|
42706
|
+
|
|
42707
|
+
|
|
42708
|
+
|
|
42709
|
+
|
|
42710
|
+
|
|
42711
|
+
|
|
42712
|
+
|
|
42713
|
+
|
|
42714
|
+
|
|
42715
|
+
|
|
42716
|
+
|
|
42717
|
+
|
|
42718
|
+
|
|
42719
|
+
|
|
42720
|
+
|
|
42721
|
+
|
|
42722
|
+
|
|
42723
|
+
|
|
42724
|
+
|
|
42725
|
+
|
|
42726
|
+
|
|
42727
|
+
|
|
42728
|
+
|
|
42729
|
+
|
|
42730
|
+
|
|
42731
|
+
|
|
42732
|
+
|
|
42733
|
+
|
|
42734
|
+
|
|
42735
|
+
|
|
42736
|
+
|
|
42737
|
+
|
|
42738
|
+
|
|
42739
|
+
|
|
42740
|
+
|
|
42741
|
+
|
|
42742
|
+
|
|
42743
|
+
|
|
42744
|
+
|
|
42745
|
+
|
|
42746
|
+
|
|
42747
|
+
.base-timeline {
|
|
42748
|
+
margin: 0;
|
|
42749
|
+
font-size: 14px;
|
|
42750
|
+
list-style: none;
|
|
42751
|
+
}
|
|
42752
|
+
.base-timeline .base-timeline-item:last-child .base-timeline-item__tail {
|
|
42753
|
+
display: none;
|
|
42754
|
+
}
|
|
42755
|
+
|
|
42756
|
+
|
|
42757
|
+
|
|
42758
|
+
|
|
42759
|
+
|
|
42760
|
+
|
|
42761
|
+
|
|
42762
|
+
|
|
42763
|
+
|
|
42764
|
+
|
|
42765
|
+
|
|
42766
|
+
:export {
|
|
42767
|
+
primary: #2F3A91;
|
|
42768
|
+
success: #67C23A;
|
|
42769
|
+
warning: #FF791A;
|
|
42770
|
+
danger: #F1403C;
|
|
42771
|
+
info: #8590a6;
|
|
42772
|
+
}
|
|
42773
|
+
|
|
42774
|
+
|
|
42775
|
+
|
|
42776
|
+
|
|
42777
|
+
|
|
42778
|
+
|
|
42779
|
+
|
|
42780
|
+
|
|
42781
|
+
|
|
42782
|
+
|
|
42783
|
+
|
|
42784
|
+
|
|
42785
|
+
|
|
42786
|
+
|
|
42787
|
+
|
|
42788
|
+
|
|
42789
|
+
|
|
42790
|
+
|
|
42791
|
+
|
|
42792
|
+
|
|
42793
|
+
|
|
42794
|
+
|
|
42795
|
+
|
|
42796
|
+
|
|
42797
|
+
|
|
42798
|
+
|
|
42799
|
+
|
|
42800
|
+
|
|
42801
|
+
|
|
42802
|
+
|
|
42803
|
+
|
|
42804
|
+
|
|
42805
|
+
|
|
42806
|
+
|
|
42807
|
+
|
|
42808
|
+
|
|
42809
|
+
|
|
42810
|
+
|
|
42811
|
+
|
|
42812
|
+
|
|
42813
|
+
|
|
42814
|
+
|
|
42815
|
+
|
|
42816
|
+
|
|
42817
|
+
|
|
42818
|
+
|
|
42819
|
+
|
|
42820
|
+
|
|
42821
|
+
|
|
42822
|
+
|
|
42823
|
+
|
|
42824
|
+
|
|
42825
|
+
|
|
42826
|
+
|
|
42827
|
+
|
|
42828
|
+
|
|
42829
|
+
|
|
42830
|
+
|
|
42831
|
+
|
|
42832
|
+
|
|
42833
|
+
|
|
42834
|
+
|
|
42835
|
+
|
|
42836
|
+
|
|
42837
|
+
|
|
42838
|
+
|
|
42839
|
+
|
|
42840
|
+
|
|
42841
|
+
|
|
42842
|
+
|
|
42843
|
+
:export {
|
|
42844
|
+
primary: #2F3A91;
|
|
42845
|
+
success: #67C23A;
|
|
42846
|
+
warning: #FF791A;
|
|
42847
|
+
danger: #F1403C;
|
|
42848
|
+
info: #8590a6;
|
|
42849
|
+
}
|
|
42850
|
+
|
|
42851
|
+
|
|
42852
|
+
|
|
42853
|
+
|
|
42854
|
+
|
|
42855
|
+
|
|
42856
|
+
|
|
42857
|
+
|
|
42858
|
+
|
|
42859
|
+
|
|
42860
|
+
|
|
42861
|
+
|
|
42862
|
+
|
|
42863
|
+
|
|
42864
|
+
|
|
42865
|
+
|
|
42866
|
+
|
|
42867
|
+
|
|
42868
|
+
|
|
42869
|
+
|
|
42870
|
+
|
|
42871
|
+
|
|
42872
|
+
|
|
42873
|
+
|
|
42874
|
+
|
|
42875
|
+
|
|
42876
|
+
|
|
42877
|
+
|
|
42878
|
+
|
|
42879
|
+
|
|
42880
|
+
|
|
42881
|
+
|
|
42882
|
+
|
|
42883
|
+
|
|
42884
|
+
|
|
42885
|
+
|
|
42886
|
+
|
|
42887
|
+
|
|
42888
|
+
|
|
42889
|
+
|
|
42890
|
+
|
|
42891
|
+
|
|
42892
|
+
|
|
42893
|
+
|
|
42894
|
+
|
|
42895
|
+
|
|
42896
|
+
|
|
42897
|
+
|
|
42898
|
+
|
|
42899
|
+
|
|
42900
|
+
|
|
42901
|
+
|
|
42902
|
+
|
|
42903
|
+
|
|
42904
|
+
|
|
42905
|
+
.base-timeline-item {
|
|
42906
|
+
position: relative;
|
|
42907
|
+
padding-bottom: 20px;
|
|
42908
|
+
}
|
|
42909
|
+
.base-timeline-item__wrapper {
|
|
42910
|
+
position: relative;
|
|
42911
|
+
padding-left: 28px;
|
|
42912
|
+
top: -3px;
|
|
42913
|
+
}
|
|
42914
|
+
.base-timeline-item__tail {
|
|
42915
|
+
position: absolute;
|
|
42916
|
+
left: 4px;
|
|
42917
|
+
height: 100%;
|
|
42918
|
+
border-left: 2px solid #E4E7ED;
|
|
42919
|
+
}
|
|
42920
|
+
.base-timeline-item__icon {
|
|
42921
|
+
color: #FFFFFF;
|
|
42922
|
+
font-size: 13px;
|
|
42923
|
+
}
|
|
42924
|
+
.base-timeline-item__node {
|
|
42925
|
+
position: absolute;
|
|
42926
|
+
background-color: #E4E7ED;
|
|
42927
|
+
border-radius: 50%;
|
|
42928
|
+
display: flex;
|
|
42929
|
+
justify-content: center;
|
|
42930
|
+
align-items: center;
|
|
42931
|
+
}
|
|
42932
|
+
.base-timeline-item__node--normal {
|
|
42933
|
+
left: -1px;
|
|
42934
|
+
width: 12px;
|
|
42935
|
+
height: 12px;
|
|
42936
|
+
}
|
|
42937
|
+
.base-timeline-item__node--large {
|
|
42938
|
+
left: -2px;
|
|
42939
|
+
width: 14px;
|
|
42940
|
+
height: 14px;
|
|
42941
|
+
}
|
|
42942
|
+
.base-timeline-item__node--primary {
|
|
42943
|
+
background-color: #2F3A91;
|
|
42944
|
+
}
|
|
42945
|
+
.base-timeline-item__node--success {
|
|
42946
|
+
background-color: #67C23A;
|
|
42947
|
+
}
|
|
42948
|
+
.base-timeline-item__node--warning {
|
|
42949
|
+
background-color: #FF791A;
|
|
42950
|
+
}
|
|
42951
|
+
.base-timeline-item__node--danger {
|
|
42952
|
+
background-color: #F1403C;
|
|
42953
|
+
}
|
|
42954
|
+
.base-timeline-item__node--info {
|
|
42955
|
+
background-color: #8590a6;
|
|
42956
|
+
}
|
|
42957
|
+
.base-timeline-item__dot {
|
|
42958
|
+
position: absolute;
|
|
42959
|
+
display: flex;
|
|
42960
|
+
justify-content: center;
|
|
42961
|
+
align-items: center;
|
|
42962
|
+
}
|
|
42963
|
+
.base-timeline-item__content {
|
|
42964
|
+
color: #121212;
|
|
42965
|
+
}
|
|
42966
|
+
.base-timeline-item__timestamp {
|
|
42967
|
+
color: #8590a6;
|
|
42968
|
+
line-height: 1;
|
|
42969
|
+
font-size: 13px;
|
|
42970
|
+
}
|
|
42971
|
+
.base-timeline-item__timestamp.is-top {
|
|
42972
|
+
margin-bottom: 8px;
|
|
42973
|
+
padding-top: 4px;
|
|
42974
|
+
}
|
|
42975
|
+
.base-timeline-item__timestamp.is-bottom {
|
|
42976
|
+
margin-top: 8px;
|
|
42977
|
+
}
|
|
42978
|
+
|
|
38388
42979
|
body {
|
|
38389
42980
|
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
|
|
38390
42981
|
font-size: 14px;
|