@zkwq/business 0.1.67 → 0.1.68
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/index.css +4246 -0
- package/dist/css/index.min.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +5 -2
- package/dist/index.min.css +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.umd.cjs +2 -2
- package/dist/index.umd.min.cjs +2 -2
- package/dist/scss/baseUI/style/index.scss +3 -1
- package/package.json +3 -3
package/dist/css/index.css
CHANGED
|
@@ -50091,6 +50091,4252 @@
|
|
|
50091
50091
|
overflow-wrap: break-word;
|
|
50092
50092
|
}
|
|
50093
50093
|
|
|
50094
|
+
|
|
50095
|
+
|
|
50096
|
+
|
|
50097
|
+
|
|
50098
|
+
|
|
50099
|
+
|
|
50100
|
+
|
|
50101
|
+
|
|
50102
|
+
|
|
50103
|
+
|
|
50104
|
+
:export {
|
|
50105
|
+
primary: #2F3A91;
|
|
50106
|
+
success: #67C23A;
|
|
50107
|
+
warning: #FF791A;
|
|
50108
|
+
danger: #F1403C;
|
|
50109
|
+
info: #8590a6;
|
|
50110
|
+
}
|
|
50111
|
+
|
|
50112
|
+
|
|
50113
|
+
|
|
50114
|
+
|
|
50115
|
+
|
|
50116
|
+
|
|
50117
|
+
|
|
50118
|
+
|
|
50119
|
+
|
|
50120
|
+
|
|
50121
|
+
|
|
50122
|
+
|
|
50123
|
+
|
|
50124
|
+
|
|
50125
|
+
|
|
50126
|
+
|
|
50127
|
+
|
|
50128
|
+
|
|
50129
|
+
|
|
50130
|
+
|
|
50131
|
+
|
|
50132
|
+
|
|
50133
|
+
|
|
50134
|
+
|
|
50135
|
+
|
|
50136
|
+
|
|
50137
|
+
|
|
50138
|
+
|
|
50139
|
+
|
|
50140
|
+
|
|
50141
|
+
|
|
50142
|
+
|
|
50143
|
+
|
|
50144
|
+
|
|
50145
|
+
|
|
50146
|
+
|
|
50147
|
+
|
|
50148
|
+
|
|
50149
|
+
|
|
50150
|
+
|
|
50151
|
+
|
|
50152
|
+
|
|
50153
|
+
|
|
50154
|
+
|
|
50155
|
+
|
|
50156
|
+
|
|
50157
|
+
|
|
50158
|
+
|
|
50159
|
+
|
|
50160
|
+
|
|
50161
|
+
|
|
50162
|
+
|
|
50163
|
+
|
|
50164
|
+
|
|
50165
|
+
|
|
50166
|
+
|
|
50167
|
+
|
|
50168
|
+
|
|
50169
|
+
|
|
50170
|
+
|
|
50171
|
+
|
|
50172
|
+
|
|
50173
|
+
|
|
50174
|
+
|
|
50175
|
+
|
|
50176
|
+
|
|
50177
|
+
|
|
50178
|
+
|
|
50179
|
+
|
|
50180
|
+
|
|
50181
|
+
|
|
50182
|
+
|
|
50183
|
+
:export {
|
|
50184
|
+
primary: #2F3A91;
|
|
50185
|
+
success: #67C23A;
|
|
50186
|
+
warning: #FF791A;
|
|
50187
|
+
danger: #F1403C;
|
|
50188
|
+
info: #8590a6;
|
|
50189
|
+
}
|
|
50190
|
+
|
|
50191
|
+
|
|
50192
|
+
|
|
50193
|
+
|
|
50194
|
+
|
|
50195
|
+
|
|
50196
|
+
|
|
50197
|
+
|
|
50198
|
+
|
|
50199
|
+
|
|
50200
|
+
|
|
50201
|
+
|
|
50202
|
+
|
|
50203
|
+
|
|
50204
|
+
|
|
50205
|
+
|
|
50206
|
+
|
|
50207
|
+
|
|
50208
|
+
|
|
50209
|
+
|
|
50210
|
+
|
|
50211
|
+
|
|
50212
|
+
|
|
50213
|
+
|
|
50214
|
+
|
|
50215
|
+
|
|
50216
|
+
|
|
50217
|
+
|
|
50218
|
+
|
|
50219
|
+
|
|
50220
|
+
|
|
50221
|
+
|
|
50222
|
+
|
|
50223
|
+
|
|
50224
|
+
|
|
50225
|
+
|
|
50226
|
+
|
|
50227
|
+
|
|
50228
|
+
|
|
50229
|
+
|
|
50230
|
+
|
|
50231
|
+
|
|
50232
|
+
|
|
50233
|
+
|
|
50234
|
+
|
|
50235
|
+
|
|
50236
|
+
|
|
50237
|
+
|
|
50238
|
+
|
|
50239
|
+
|
|
50240
|
+
|
|
50241
|
+
|
|
50242
|
+
|
|
50243
|
+
|
|
50244
|
+
|
|
50245
|
+
|
|
50246
|
+
|
|
50247
|
+
|
|
50248
|
+
|
|
50249
|
+
|
|
50250
|
+
|
|
50251
|
+
|
|
50252
|
+
|
|
50253
|
+
|
|
50254
|
+
|
|
50255
|
+
|
|
50256
|
+
|
|
50257
|
+
|
|
50258
|
+
:export {
|
|
50259
|
+
primary: #2F3A91;
|
|
50260
|
+
success: #67C23A;
|
|
50261
|
+
warning: #FF791A;
|
|
50262
|
+
danger: #F1403C;
|
|
50263
|
+
info: #8590a6;
|
|
50264
|
+
}
|
|
50265
|
+
|
|
50266
|
+
|
|
50267
|
+
|
|
50268
|
+
|
|
50269
|
+
|
|
50270
|
+
|
|
50271
|
+
|
|
50272
|
+
|
|
50273
|
+
|
|
50274
|
+
|
|
50275
|
+
|
|
50276
|
+
|
|
50277
|
+
|
|
50278
|
+
|
|
50279
|
+
|
|
50280
|
+
|
|
50281
|
+
|
|
50282
|
+
|
|
50283
|
+
|
|
50284
|
+
|
|
50285
|
+
|
|
50286
|
+
|
|
50287
|
+
|
|
50288
|
+
|
|
50289
|
+
|
|
50290
|
+
|
|
50291
|
+
|
|
50292
|
+
|
|
50293
|
+
|
|
50294
|
+
|
|
50295
|
+
|
|
50296
|
+
|
|
50297
|
+
|
|
50298
|
+
|
|
50299
|
+
|
|
50300
|
+
|
|
50301
|
+
|
|
50302
|
+
|
|
50303
|
+
|
|
50304
|
+
|
|
50305
|
+
|
|
50306
|
+
|
|
50307
|
+
|
|
50308
|
+
|
|
50309
|
+
|
|
50310
|
+
|
|
50311
|
+
|
|
50312
|
+
|
|
50313
|
+
|
|
50314
|
+
|
|
50315
|
+
|
|
50316
|
+
|
|
50317
|
+
|
|
50318
|
+
|
|
50319
|
+
|
|
50320
|
+
|
|
50321
|
+
|
|
50322
|
+
|
|
50323
|
+
|
|
50324
|
+
|
|
50325
|
+
|
|
50326
|
+
|
|
50327
|
+
|
|
50328
|
+
|
|
50329
|
+
|
|
50330
|
+
|
|
50331
|
+
|
|
50332
|
+
|
|
50333
|
+
|
|
50334
|
+
|
|
50335
|
+
|
|
50336
|
+
|
|
50337
|
+
:export {
|
|
50338
|
+
primary: #2F3A91;
|
|
50339
|
+
success: #67C23A;
|
|
50340
|
+
warning: #FF791A;
|
|
50341
|
+
danger: #F1403C;
|
|
50342
|
+
info: #8590a6;
|
|
50343
|
+
}
|
|
50344
|
+
|
|
50345
|
+
|
|
50346
|
+
|
|
50347
|
+
|
|
50348
|
+
|
|
50349
|
+
|
|
50350
|
+
|
|
50351
|
+
|
|
50352
|
+
|
|
50353
|
+
|
|
50354
|
+
|
|
50355
|
+
|
|
50356
|
+
|
|
50357
|
+
|
|
50358
|
+
|
|
50359
|
+
|
|
50360
|
+
|
|
50361
|
+
|
|
50362
|
+
|
|
50363
|
+
|
|
50364
|
+
|
|
50365
|
+
|
|
50366
|
+
|
|
50367
|
+
|
|
50368
|
+
|
|
50369
|
+
|
|
50370
|
+
|
|
50371
|
+
|
|
50372
|
+
|
|
50373
|
+
|
|
50374
|
+
|
|
50375
|
+
|
|
50376
|
+
|
|
50377
|
+
|
|
50378
|
+
|
|
50379
|
+
|
|
50380
|
+
|
|
50381
|
+
|
|
50382
|
+
|
|
50383
|
+
|
|
50384
|
+
|
|
50385
|
+
|
|
50386
|
+
|
|
50387
|
+
|
|
50388
|
+
|
|
50389
|
+
|
|
50390
|
+
|
|
50391
|
+
|
|
50392
|
+
|
|
50393
|
+
|
|
50394
|
+
|
|
50395
|
+
|
|
50396
|
+
|
|
50397
|
+
|
|
50398
|
+
|
|
50399
|
+
|
|
50400
|
+
|
|
50401
|
+
|
|
50402
|
+
|
|
50403
|
+
|
|
50404
|
+
|
|
50405
|
+
|
|
50406
|
+
|
|
50407
|
+
|
|
50408
|
+
|
|
50409
|
+
|
|
50410
|
+
|
|
50411
|
+
|
|
50412
|
+
:export {
|
|
50413
|
+
primary: #2F3A91;
|
|
50414
|
+
success: #67C23A;
|
|
50415
|
+
warning: #FF791A;
|
|
50416
|
+
danger: #F1403C;
|
|
50417
|
+
info: #8590a6;
|
|
50418
|
+
}
|
|
50419
|
+
|
|
50420
|
+
|
|
50421
|
+
|
|
50422
|
+
|
|
50423
|
+
|
|
50424
|
+
|
|
50425
|
+
|
|
50426
|
+
|
|
50427
|
+
|
|
50428
|
+
|
|
50429
|
+
|
|
50430
|
+
|
|
50431
|
+
|
|
50432
|
+
|
|
50433
|
+
|
|
50434
|
+
|
|
50435
|
+
|
|
50436
|
+
|
|
50437
|
+
|
|
50438
|
+
|
|
50439
|
+
|
|
50440
|
+
|
|
50441
|
+
|
|
50442
|
+
|
|
50443
|
+
|
|
50444
|
+
|
|
50445
|
+
|
|
50446
|
+
|
|
50447
|
+
|
|
50448
|
+
|
|
50449
|
+
|
|
50450
|
+
|
|
50451
|
+
|
|
50452
|
+
|
|
50453
|
+
|
|
50454
|
+
|
|
50455
|
+
|
|
50456
|
+
|
|
50457
|
+
|
|
50458
|
+
|
|
50459
|
+
|
|
50460
|
+
|
|
50461
|
+
|
|
50462
|
+
|
|
50463
|
+
|
|
50464
|
+
|
|
50465
|
+
|
|
50466
|
+
|
|
50467
|
+
|
|
50468
|
+
|
|
50469
|
+
|
|
50470
|
+
|
|
50471
|
+
|
|
50472
|
+
|
|
50473
|
+
|
|
50474
|
+
|
|
50475
|
+
|
|
50476
|
+
|
|
50477
|
+
|
|
50478
|
+
|
|
50479
|
+
|
|
50480
|
+
.base-button {
|
|
50481
|
+
display: inline-block;
|
|
50482
|
+
line-height: 1;
|
|
50483
|
+
white-space: nowrap;
|
|
50484
|
+
cursor: pointer;
|
|
50485
|
+
background: #FFFFFF;
|
|
50486
|
+
height: 40px;
|
|
50487
|
+
color: #646464;
|
|
50488
|
+
-webkit-appearance: none;
|
|
50489
|
+
text-align: center;
|
|
50490
|
+
box-sizing: border-box;
|
|
50491
|
+
outline: none;
|
|
50492
|
+
margin: 0;
|
|
50493
|
+
transition: 0.1s;
|
|
50494
|
+
font-weight: 500;
|
|
50495
|
+
-moz-user-select: none;
|
|
50496
|
+
-webkit-user-select: none;
|
|
50497
|
+
-ms-user-select: none;
|
|
50498
|
+
padding: 0 20px;
|
|
50499
|
+
font-size: 14px;
|
|
50500
|
+
border-radius: 4px;
|
|
50501
|
+
}
|
|
50502
|
+
.base-button + .base-button {
|
|
50503
|
+
margin-left: 10px;
|
|
50504
|
+
}
|
|
50505
|
+
.base-button.is-round {
|
|
50506
|
+
padding: 0 20px;
|
|
50507
|
+
}
|
|
50508
|
+
.base-button:hover, .base-button:focus {
|
|
50509
|
+
color: #2F3A91;
|
|
50510
|
+
border-color: #c1c4de;
|
|
50511
|
+
background-color: #eaebf4;
|
|
50512
|
+
}
|
|
50513
|
+
.base-button:active {
|
|
50514
|
+
color: #2a3483;
|
|
50515
|
+
border-color: #2a3483;
|
|
50516
|
+
outline: none;
|
|
50517
|
+
}
|
|
50518
|
+
.base-button::-moz-focus-inner {
|
|
50519
|
+
border: 0;
|
|
50520
|
+
}
|
|
50521
|
+
.base-button [class*=base-icon-] + span {
|
|
50522
|
+
margin-left: 5px;
|
|
50523
|
+
}
|
|
50524
|
+
.base-button.is-light {
|
|
50525
|
+
border: thin solid #8590a6;
|
|
50526
|
+
color: #8590a6;
|
|
50527
|
+
}
|
|
50528
|
+
.base-button.is-light:hover {
|
|
50529
|
+
background: rgba(133, 144, 166, 0.06) !important;
|
|
50530
|
+
border-color: #8590a6 !important;
|
|
50531
|
+
color: #8590a6 !important;
|
|
50532
|
+
}
|
|
50533
|
+
.base-button.is-light:focus, .base-button.is-light:active {
|
|
50534
|
+
background: rgba(133, 144, 166, 0.06) !important;
|
|
50535
|
+
border-color: #8590a6 !important;
|
|
50536
|
+
color: #8590a6 !important;
|
|
50537
|
+
outline: none;
|
|
50538
|
+
}
|
|
50539
|
+
.base-button.is-plain:hover {
|
|
50540
|
+
background: #F3F5F8;
|
|
50541
|
+
border-color: #F3F5F8;
|
|
50542
|
+
color: #646464;
|
|
50543
|
+
}
|
|
50544
|
+
.base-button.is-plain:focus, .base-button.is-plain:active {
|
|
50545
|
+
background: rgba(0, 0, 0, 0.06);
|
|
50546
|
+
border-color: rgba(0, 0, 0, 0.06);
|
|
50547
|
+
color: #121212;
|
|
50548
|
+
outline: none;
|
|
50549
|
+
}
|
|
50550
|
+
.base-button.is-plain i {
|
|
50551
|
+
font-weight: 600;
|
|
50552
|
+
}
|
|
50553
|
+
.base-button.is-active {
|
|
50554
|
+
color: #2a3483;
|
|
50555
|
+
border-color: #2a3483;
|
|
50556
|
+
}
|
|
50557
|
+
.base-button.is-disabled, .base-button.is-disabled:hover, .base-button.is-disabled:focus {
|
|
50558
|
+
color: #8590a6;
|
|
50559
|
+
cursor: not-allowed;
|
|
50560
|
+
background-image: none;
|
|
50561
|
+
background-color: #FFFFFF;
|
|
50562
|
+
border-color: #EBEEF5;
|
|
50563
|
+
}
|
|
50564
|
+
.base-button.is-disabled.base-button--text {
|
|
50565
|
+
background-color: transparent;
|
|
50566
|
+
}
|
|
50567
|
+
.base-button.is-disabled.is-plain, .base-button.is-disabled.is-plain:hover, .base-button.is-disabled.is-plain:focus {
|
|
50568
|
+
background-color: #FFFFFF;
|
|
50569
|
+
border-color: #EBEEF5;
|
|
50570
|
+
color: #8590a6;
|
|
50571
|
+
}
|
|
50572
|
+
.base-button.is-loading {
|
|
50573
|
+
position: relative;
|
|
50574
|
+
pointer-events: none;
|
|
50575
|
+
}
|
|
50576
|
+
.base-button.is-loading:before {
|
|
50577
|
+
pointer-events: none;
|
|
50578
|
+
content: "";
|
|
50579
|
+
position: absolute;
|
|
50580
|
+
left: -1px;
|
|
50581
|
+
top: -1px;
|
|
50582
|
+
right: -1px;
|
|
50583
|
+
bottom: -1px;
|
|
50584
|
+
border-radius: inherit;
|
|
50585
|
+
background-color: rgba(255, 255, 255, 0.35);
|
|
50586
|
+
}
|
|
50587
|
+
.base-button.is-round {
|
|
50588
|
+
border-radius: 20px;
|
|
50589
|
+
padding: 12px 23px;
|
|
50590
|
+
}
|
|
50591
|
+
.base-button.is-circle {
|
|
50592
|
+
border-radius: 50%;
|
|
50593
|
+
padding: 0;
|
|
50594
|
+
}
|
|
50595
|
+
.base-button--primary {
|
|
50596
|
+
color: #FFFFFF;
|
|
50597
|
+
background-color: #2F3A91;
|
|
50598
|
+
border-color: #2F3A91;
|
|
50599
|
+
}
|
|
50600
|
+
.base-button--primary:hover, .base-button--primary:focus {
|
|
50601
|
+
background: #5961a7 !important;
|
|
50602
|
+
border-color: #5961a7 !important;
|
|
50603
|
+
color: #FFFFFF !important;
|
|
50604
|
+
}
|
|
50605
|
+
.base-button--primary:active {
|
|
50606
|
+
background: #2a3483 !important;
|
|
50607
|
+
border-color: #2a3483 !important;
|
|
50608
|
+
color: #FFFFFF !important;
|
|
50609
|
+
outline: none !important;
|
|
50610
|
+
}
|
|
50611
|
+
.base-button--primary.is-active {
|
|
50612
|
+
background: #2a3483 !important;
|
|
50613
|
+
border-color: #2a3483 !important;
|
|
50614
|
+
color: #FFFFFF !important;
|
|
50615
|
+
}
|
|
50616
|
+
.base-button--primary.is-disabled, .base-button--primary.is-disabled:hover, .base-button--primary.is-disabled:focus, .base-button--primary.is-disabled:active {
|
|
50617
|
+
color: #FFFFFF !important;
|
|
50618
|
+
background-color: #979dc8 !important;
|
|
50619
|
+
border-color: #979dc8 !important;
|
|
50620
|
+
}
|
|
50621
|
+
.base-button--primary.is-plain {
|
|
50622
|
+
color: #2F3A91;
|
|
50623
|
+
background: #eaebf4;
|
|
50624
|
+
border-color: #acb0d3;
|
|
50625
|
+
}
|
|
50626
|
+
.base-button--primary.is-plain:hover, .base-button--primary.is-plain:focus {
|
|
50627
|
+
background: #2F3A91;
|
|
50628
|
+
border-color: #2F3A91;
|
|
50629
|
+
color: #FFFFFF;
|
|
50630
|
+
}
|
|
50631
|
+
.base-button--primary.is-plain:active {
|
|
50632
|
+
background: #2a3483;
|
|
50633
|
+
border-color: #2a3483;
|
|
50634
|
+
color: #FFFFFF;
|
|
50635
|
+
outline: none;
|
|
50636
|
+
}
|
|
50637
|
+
.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 {
|
|
50638
|
+
color: #8289bd;
|
|
50639
|
+
background-color: #eaebf4;
|
|
50640
|
+
border-color: #d5d8e9;
|
|
50641
|
+
}
|
|
50642
|
+
.base-button--primary.is-light {
|
|
50643
|
+
border-color: #2F3A91;
|
|
50644
|
+
color: #2F3A91;
|
|
50645
|
+
background-color: #FFFFFF;
|
|
50646
|
+
}
|
|
50647
|
+
.base-button--primary.is-light:hover {
|
|
50648
|
+
border-color: #2F3A91 !important;
|
|
50649
|
+
color: #2F3A91 !important;
|
|
50650
|
+
background: #eaebf4 !important;
|
|
50651
|
+
}
|
|
50652
|
+
.base-button--primary.is-light:focus, .base-button--primary.is-light:active {
|
|
50653
|
+
border-color: #2F3A91 !important;
|
|
50654
|
+
color: #2F3A91 !important;
|
|
50655
|
+
background: #eaebf4 !important;
|
|
50656
|
+
}
|
|
50657
|
+
.base-button--success {
|
|
50658
|
+
color: #FFFFFF;
|
|
50659
|
+
background-color: #67C23A;
|
|
50660
|
+
border-color: #67C23A;
|
|
50661
|
+
}
|
|
50662
|
+
.base-button--success:hover, .base-button--success:focus {
|
|
50663
|
+
background: #85ce61 !important;
|
|
50664
|
+
border-color: #85ce61 !important;
|
|
50665
|
+
color: #FFFFFF !important;
|
|
50666
|
+
}
|
|
50667
|
+
.base-button--success:active {
|
|
50668
|
+
background: #5daf34 !important;
|
|
50669
|
+
border-color: #5daf34 !important;
|
|
50670
|
+
color: #FFFFFF !important;
|
|
50671
|
+
outline: none !important;
|
|
50672
|
+
}
|
|
50673
|
+
.base-button--success.is-active {
|
|
50674
|
+
background: #5daf34 !important;
|
|
50675
|
+
border-color: #5daf34 !important;
|
|
50676
|
+
color: #FFFFFF !important;
|
|
50677
|
+
}
|
|
50678
|
+
.base-button--success.is-disabled, .base-button--success.is-disabled:hover, .base-button--success.is-disabled:focus, .base-button--success.is-disabled:active {
|
|
50679
|
+
color: #FFFFFF !important;
|
|
50680
|
+
background-color: #b3e19d !important;
|
|
50681
|
+
border-color: #b3e19d !important;
|
|
50682
|
+
}
|
|
50683
|
+
.base-button--success.is-plain {
|
|
50684
|
+
color: #67C23A;
|
|
50685
|
+
background: #f0f9eb;
|
|
50686
|
+
border-color: #c2e7b0;
|
|
50687
|
+
}
|
|
50688
|
+
.base-button--success.is-plain:hover, .base-button--success.is-plain:focus {
|
|
50689
|
+
background: #67C23A;
|
|
50690
|
+
border-color: #67C23A;
|
|
50691
|
+
color: #FFFFFF;
|
|
50692
|
+
}
|
|
50693
|
+
.base-button--success.is-plain:active {
|
|
50694
|
+
background: #5daf34;
|
|
50695
|
+
border-color: #5daf34;
|
|
50696
|
+
color: #FFFFFF;
|
|
50697
|
+
outline: none;
|
|
50698
|
+
}
|
|
50699
|
+
.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 {
|
|
50700
|
+
color: #a4da89;
|
|
50701
|
+
background-color: #f0f9eb;
|
|
50702
|
+
border-color: #e1f3d8;
|
|
50703
|
+
}
|
|
50704
|
+
.base-button--warning {
|
|
50705
|
+
color: #FFFFFF;
|
|
50706
|
+
background-color: #FF791A;
|
|
50707
|
+
border-color: #FF791A;
|
|
50708
|
+
}
|
|
50709
|
+
.base-button--warning:hover, .base-button--warning:focus {
|
|
50710
|
+
background: #ff9448 !important;
|
|
50711
|
+
border-color: #ff9448 !important;
|
|
50712
|
+
color: #FFFFFF !important;
|
|
50713
|
+
}
|
|
50714
|
+
.base-button--warning:active {
|
|
50715
|
+
background: #e66d17 !important;
|
|
50716
|
+
border-color: #e66d17 !important;
|
|
50717
|
+
color: #FFFFFF !important;
|
|
50718
|
+
outline: none !important;
|
|
50719
|
+
}
|
|
50720
|
+
.base-button--warning.is-active {
|
|
50721
|
+
background: #e66d17 !important;
|
|
50722
|
+
border-color: #e66d17 !important;
|
|
50723
|
+
color: #FFFFFF !important;
|
|
50724
|
+
}
|
|
50725
|
+
.base-button--warning.is-disabled, .base-button--warning.is-disabled:hover, .base-button--warning.is-disabled:focus, .base-button--warning.is-disabled:active {
|
|
50726
|
+
color: #FFFFFF !important;
|
|
50727
|
+
background-color: #ffbc8d !important;
|
|
50728
|
+
border-color: #ffbc8d !important;
|
|
50729
|
+
}
|
|
50730
|
+
.base-button--warning.is-plain {
|
|
50731
|
+
color: #FF791A;
|
|
50732
|
+
background: #fff2e8;
|
|
50733
|
+
border-color: #ffc9a3;
|
|
50734
|
+
}
|
|
50735
|
+
.base-button--warning.is-plain:hover, .base-button--warning.is-plain:focus {
|
|
50736
|
+
background: #FF791A;
|
|
50737
|
+
border-color: #FF791A;
|
|
50738
|
+
color: #FFFFFF;
|
|
50739
|
+
}
|
|
50740
|
+
.base-button--warning.is-plain:active {
|
|
50741
|
+
background: #e66d17;
|
|
50742
|
+
border-color: #e66d17;
|
|
50743
|
+
color: #FFFFFF;
|
|
50744
|
+
outline: none;
|
|
50745
|
+
}
|
|
50746
|
+
.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 {
|
|
50747
|
+
color: #ffaf76;
|
|
50748
|
+
background-color: #fff2e8;
|
|
50749
|
+
border-color: #ffe4d1;
|
|
50750
|
+
}
|
|
50751
|
+
.base-button--danger {
|
|
50752
|
+
color: #FFFFFF;
|
|
50753
|
+
background-color: #F1403C;
|
|
50754
|
+
border-color: #F1403C;
|
|
50755
|
+
}
|
|
50756
|
+
.base-button--danger:hover, .base-button--danger:focus {
|
|
50757
|
+
background: #f46663 !important;
|
|
50758
|
+
border-color: #f46663 !important;
|
|
50759
|
+
color: #FFFFFF !important;
|
|
50760
|
+
}
|
|
50761
|
+
.base-button--danger:active {
|
|
50762
|
+
background: #d93a36 !important;
|
|
50763
|
+
border-color: #d93a36 !important;
|
|
50764
|
+
color: #FFFFFF !important;
|
|
50765
|
+
outline: none !important;
|
|
50766
|
+
}
|
|
50767
|
+
.base-button--danger.is-active {
|
|
50768
|
+
background: #d93a36 !important;
|
|
50769
|
+
border-color: #d93a36 !important;
|
|
50770
|
+
color: #FFFFFF !important;
|
|
50771
|
+
}
|
|
50772
|
+
.base-button--danger.is-disabled, .base-button--danger.is-disabled:hover, .base-button--danger.is-disabled:focus, .base-button--danger.is-disabled:active {
|
|
50773
|
+
color: #FFFFFF !important;
|
|
50774
|
+
background-color: #f8a09e !important;
|
|
50775
|
+
border-color: #f8a09e !important;
|
|
50776
|
+
}
|
|
50777
|
+
.base-button--danger.is-plain {
|
|
50778
|
+
color: #F1403C;
|
|
50779
|
+
background: #feecec;
|
|
50780
|
+
border-color: #f9b3b1;
|
|
50781
|
+
}
|
|
50782
|
+
.base-button--danger.is-plain:hover, .base-button--danger.is-plain:focus {
|
|
50783
|
+
background: #F1403C;
|
|
50784
|
+
border-color: #F1403C;
|
|
50785
|
+
color: #FFFFFF;
|
|
50786
|
+
}
|
|
50787
|
+
.base-button--danger.is-plain:active {
|
|
50788
|
+
background: #d93a36;
|
|
50789
|
+
border-color: #d93a36;
|
|
50790
|
+
color: #FFFFFF;
|
|
50791
|
+
outline: none;
|
|
50792
|
+
}
|
|
50793
|
+
.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 {
|
|
50794
|
+
color: #f78c8a;
|
|
50795
|
+
background-color: #feecec;
|
|
50796
|
+
border-color: #fcd9d8;
|
|
50797
|
+
}
|
|
50798
|
+
.base-button--info {
|
|
50799
|
+
color: #FFFFFF;
|
|
50800
|
+
background-color: #8590a6;
|
|
50801
|
+
border-color: #8590a6;
|
|
50802
|
+
}
|
|
50803
|
+
.base-button--info:hover, .base-button--info:focus {
|
|
50804
|
+
background: #9da6b8 !important;
|
|
50805
|
+
border-color: #9da6b8 !important;
|
|
50806
|
+
color: #FFFFFF !important;
|
|
50807
|
+
}
|
|
50808
|
+
.base-button--info:active {
|
|
50809
|
+
background: #788295 !important;
|
|
50810
|
+
border-color: #788295 !important;
|
|
50811
|
+
color: #FFFFFF !important;
|
|
50812
|
+
outline: none !important;
|
|
50813
|
+
}
|
|
50814
|
+
.base-button--info.is-active {
|
|
50815
|
+
background: #788295 !important;
|
|
50816
|
+
border-color: #788295 !important;
|
|
50817
|
+
color: #FFFFFF !important;
|
|
50818
|
+
}
|
|
50819
|
+
.base-button--info.is-disabled, .base-button--info.is-disabled:hover, .base-button--info.is-disabled:focus, .base-button--info.is-disabled:active {
|
|
50820
|
+
color: #FFFFFF !important;
|
|
50821
|
+
background-color: #c2c8d3 !important;
|
|
50822
|
+
border-color: #c2c8d3 !important;
|
|
50823
|
+
}
|
|
50824
|
+
.base-button--info.is-plain {
|
|
50825
|
+
color: #8590a6;
|
|
50826
|
+
background: #f3f4f6;
|
|
50827
|
+
border-color: #ced3db;
|
|
50828
|
+
}
|
|
50829
|
+
.base-button--info.is-plain:hover, .base-button--info.is-plain:focus {
|
|
50830
|
+
background: #8590a6;
|
|
50831
|
+
border-color: #8590a6;
|
|
50832
|
+
color: #FFFFFF;
|
|
50833
|
+
}
|
|
50834
|
+
.base-button--info.is-plain:active {
|
|
50835
|
+
background: #788295;
|
|
50836
|
+
border-color: #788295;
|
|
50837
|
+
color: #FFFFFF;
|
|
50838
|
+
outline: none;
|
|
50839
|
+
}
|
|
50840
|
+
.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 {
|
|
50841
|
+
color: #b6bcca;
|
|
50842
|
+
background-color: #f3f4f6;
|
|
50843
|
+
border-color: #e7e9ed;
|
|
50844
|
+
}
|
|
50845
|
+
.base-button--medium {
|
|
50846
|
+
height: 36px;
|
|
50847
|
+
padding: 11px 20px;
|
|
50848
|
+
font-size: 14px;
|
|
50849
|
+
border-radius: 4px;
|
|
50850
|
+
}
|
|
50851
|
+
.base-button--medium.is-round {
|
|
50852
|
+
padding: 11px 20px;
|
|
50853
|
+
}
|
|
50854
|
+
.base-button--medium.is-circle {
|
|
50855
|
+
padding: 11px;
|
|
50856
|
+
}
|
|
50857
|
+
.base-button--small {
|
|
50858
|
+
height: 32px;
|
|
50859
|
+
padding: 10px 15px;
|
|
50860
|
+
font-size: 12px;
|
|
50861
|
+
border-radius: 3px;
|
|
50862
|
+
}
|
|
50863
|
+
.base-button--small.is-round {
|
|
50864
|
+
padding: 10px 15px;
|
|
50865
|
+
}
|
|
50866
|
+
.base-button--small.is-circle {
|
|
50867
|
+
padding: 10px;
|
|
50868
|
+
}
|
|
50869
|
+
.base-button--mini {
|
|
50870
|
+
height: 28px;
|
|
50871
|
+
padding: 0 15px;
|
|
50872
|
+
font-size: 12px;
|
|
50873
|
+
border-radius: 3px;
|
|
50874
|
+
}
|
|
50875
|
+
.base-button--mini.is-round {
|
|
50876
|
+
padding: 0 15px;
|
|
50877
|
+
}
|
|
50878
|
+
.base-button--mini.is-circle {
|
|
50879
|
+
padding: 8px;
|
|
50880
|
+
}
|
|
50881
|
+
.base-button--text {
|
|
50882
|
+
border-color: transparent;
|
|
50883
|
+
color: #2F3A91;
|
|
50884
|
+
background: transparent;
|
|
50885
|
+
padding-left: 0;
|
|
50886
|
+
padding-right: 0;
|
|
50887
|
+
}
|
|
50888
|
+
.base-button--text:hover, .base-button--text:focus {
|
|
50889
|
+
color: #5961a7;
|
|
50890
|
+
border-color: transparent;
|
|
50891
|
+
background-color: transparent;
|
|
50892
|
+
}
|
|
50893
|
+
.base-button--text:active {
|
|
50894
|
+
color: #2a3483;
|
|
50895
|
+
border-color: transparent;
|
|
50896
|
+
background-color: transparent;
|
|
50897
|
+
}
|
|
50898
|
+
.base-button--text.is-disabled, .base-button--text.is-disabled:hover, .base-button--text.is-disabled:focus {
|
|
50899
|
+
border-color: transparent;
|
|
50900
|
+
}
|
|
50901
|
+
.base-button-group {
|
|
50902
|
+
display: inline-block;
|
|
50903
|
+
vertical-align: middle;
|
|
50904
|
+
}
|
|
50905
|
+
.base-button-group::before,
|
|
50906
|
+
.base-button-group::after {
|
|
50907
|
+
display: table;
|
|
50908
|
+
content: "";
|
|
50909
|
+
}
|
|
50910
|
+
.base-button-group::after {
|
|
50911
|
+
clear: both;
|
|
50912
|
+
}
|
|
50913
|
+
.base-button-group > .base-button {
|
|
50914
|
+
float: left;
|
|
50915
|
+
position: relative;
|
|
50916
|
+
}
|
|
50917
|
+
.base-button-group > .base-button + .base-button {
|
|
50918
|
+
margin-left: 0;
|
|
50919
|
+
}
|
|
50920
|
+
.base-button-group > .base-button.is-disabled {
|
|
50921
|
+
z-index: 1;
|
|
50922
|
+
}
|
|
50923
|
+
.base-button-group > .base-button:first-child {
|
|
50924
|
+
border-top-right-radius: 0;
|
|
50925
|
+
border-bottom-right-radius: 0;
|
|
50926
|
+
}
|
|
50927
|
+
.base-button-group > .base-button:last-child {
|
|
50928
|
+
border-top-left-radius: 0;
|
|
50929
|
+
border-bottom-left-radius: 0;
|
|
50930
|
+
}
|
|
50931
|
+
.base-button-group > .base-button:first-child:last-child {
|
|
50932
|
+
border-top-right-radius: 4px;
|
|
50933
|
+
border-bottom-right-radius: 4px;
|
|
50934
|
+
border-top-left-radius: 4px;
|
|
50935
|
+
border-bottom-left-radius: 4px;
|
|
50936
|
+
}
|
|
50937
|
+
.base-button-group > .base-button:first-child:last-child.is-round {
|
|
50938
|
+
border-radius: 20px;
|
|
50939
|
+
}
|
|
50940
|
+
.base-button-group > .base-button:first-child:last-child.is-circle {
|
|
50941
|
+
border-radius: 50%;
|
|
50942
|
+
}
|
|
50943
|
+
.base-button-group > .base-button:not(:first-child):not(:last-child) {
|
|
50944
|
+
border-radius: 0;
|
|
50945
|
+
}
|
|
50946
|
+
.base-button-group > .base-button:not(:last-child) {
|
|
50947
|
+
margin-right: -1px;
|
|
50948
|
+
}
|
|
50949
|
+
.base-button-group > .base-button:hover, .base-button-group > .base-button:focus, .base-button-group > .base-button:active {
|
|
50950
|
+
z-index: 1;
|
|
50951
|
+
}
|
|
50952
|
+
.base-button-group > .base-button.is-active {
|
|
50953
|
+
z-index: 1;
|
|
50954
|
+
}
|
|
50955
|
+
.base-button-group > .base-dropdown > .base-button {
|
|
50956
|
+
border-top-left-radius: 0;
|
|
50957
|
+
border-bottom-left-radius: 0;
|
|
50958
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
50959
|
+
}
|
|
50960
|
+
.base-button-group .base-button--primary:first-child {
|
|
50961
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
50962
|
+
}
|
|
50963
|
+
.base-button-group .base-button--primary:last-child {
|
|
50964
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
50965
|
+
}
|
|
50966
|
+
.base-button-group .base-button--primary:not(:first-child):not(:last-child) {
|
|
50967
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
50968
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
50969
|
+
}
|
|
50970
|
+
.base-button-group .base-button--success:first-child {
|
|
50971
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
50972
|
+
}
|
|
50973
|
+
.base-button-group .base-button--success:last-child {
|
|
50974
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
50975
|
+
}
|
|
50976
|
+
.base-button-group .base-button--success:not(:first-child):not(:last-child) {
|
|
50977
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
50978
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
50979
|
+
}
|
|
50980
|
+
.base-button-group .base-button--warning:first-child {
|
|
50981
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
50982
|
+
}
|
|
50983
|
+
.base-button-group .base-button--warning:last-child {
|
|
50984
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
50985
|
+
}
|
|
50986
|
+
.base-button-group .base-button--warning:not(:first-child):not(:last-child) {
|
|
50987
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
50988
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
50989
|
+
}
|
|
50990
|
+
.base-button-group .base-button--danger:first-child {
|
|
50991
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
50992
|
+
}
|
|
50993
|
+
.base-button-group .base-button--danger:last-child {
|
|
50994
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
50995
|
+
}
|
|
50996
|
+
.base-button-group .base-button--danger:not(:first-child):not(:last-child) {
|
|
50997
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
50998
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
50999
|
+
}
|
|
51000
|
+
.base-button-group .base-button--info:first-child {
|
|
51001
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
51002
|
+
}
|
|
51003
|
+
.base-button-group .base-button--info:last-child {
|
|
51004
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
51005
|
+
}
|
|
51006
|
+
.base-button-group .base-button--info:not(:first-child):not(:last-child) {
|
|
51007
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
51008
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
51009
|
+
}
|
|
51010
|
+
.base-checkbox {
|
|
51011
|
+
color: #646464;
|
|
51012
|
+
font-weight: 500;
|
|
51013
|
+
font-size: 14px;
|
|
51014
|
+
position: relative;
|
|
51015
|
+
cursor: pointer;
|
|
51016
|
+
display: inline-block;
|
|
51017
|
+
white-space: nowrap;
|
|
51018
|
+
user-select: none;
|
|
51019
|
+
margin-right: 30px;
|
|
51020
|
+
}
|
|
51021
|
+
.base-checkbox.is-bordered {
|
|
51022
|
+
padding: 9px 20px 9px 10px;
|
|
51023
|
+
border-radius: 4px;
|
|
51024
|
+
border: 1px solid #DCDFE6;
|
|
51025
|
+
box-sizing: border-box;
|
|
51026
|
+
line-height: normal;
|
|
51027
|
+
height: 40px;
|
|
51028
|
+
}
|
|
51029
|
+
.base-checkbox.is-bordered.is-checked {
|
|
51030
|
+
border-color: #2F3A91;
|
|
51031
|
+
}
|
|
51032
|
+
.base-checkbox.is-bordered.is-disabled {
|
|
51033
|
+
border-color: #EBEEF5;
|
|
51034
|
+
cursor: not-allowed;
|
|
51035
|
+
}
|
|
51036
|
+
.base-checkbox.is-bordered + .base-checkbox.is-bordered {
|
|
51037
|
+
margin-left: 10px;
|
|
51038
|
+
}
|
|
51039
|
+
.base-checkbox.is-bordered.base-checkbox--medium {
|
|
51040
|
+
padding: 7px 20px 7px 10px;
|
|
51041
|
+
border-radius: 4px;
|
|
51042
|
+
height: 36px;
|
|
51043
|
+
}
|
|
51044
|
+
.base-checkbox.is-bordered.base-checkbox--medium .base-checkbox__label {
|
|
51045
|
+
line-height: 17px;
|
|
51046
|
+
font-size: 14px;
|
|
51047
|
+
}
|
|
51048
|
+
.base-checkbox.is-bordered.base-checkbox--medium .base-checkbox__inner {
|
|
51049
|
+
height: 14px;
|
|
51050
|
+
width: 14px;
|
|
51051
|
+
}
|
|
51052
|
+
.base-checkbox.is-bordered.base-checkbox--small {
|
|
51053
|
+
padding: 5px 15px 5px 10px;
|
|
51054
|
+
border-radius: 3px;
|
|
51055
|
+
height: 32px;
|
|
51056
|
+
}
|
|
51057
|
+
.base-checkbox.is-bordered.base-checkbox--small .base-checkbox__label {
|
|
51058
|
+
line-height: 15px;
|
|
51059
|
+
font-size: 12px;
|
|
51060
|
+
}
|
|
51061
|
+
.base-checkbox.is-bordered.base-checkbox--small .base-checkbox__inner {
|
|
51062
|
+
height: 12px;
|
|
51063
|
+
width: 12px;
|
|
51064
|
+
}
|
|
51065
|
+
.base-checkbox.is-bordered.base-checkbox--small .base-checkbox__inner::after {
|
|
51066
|
+
height: 6px;
|
|
51067
|
+
width: 2px;
|
|
51068
|
+
}
|
|
51069
|
+
.base-checkbox.is-bordered.base-checkbox--mini {
|
|
51070
|
+
padding: 3px 15px 3px 10px;
|
|
51071
|
+
border-radius: 3px;
|
|
51072
|
+
height: 28px;
|
|
51073
|
+
}
|
|
51074
|
+
.base-checkbox.is-bordered.base-checkbox--mini .base-checkbox__label {
|
|
51075
|
+
line-height: 12px;
|
|
51076
|
+
font-size: 12px;
|
|
51077
|
+
}
|
|
51078
|
+
.base-checkbox.is-bordered.base-checkbox--mini .base-checkbox__inner {
|
|
51079
|
+
height: 12px;
|
|
51080
|
+
width: 12px;
|
|
51081
|
+
}
|
|
51082
|
+
.base-checkbox.is-bordered.base-checkbox--mini .base-checkbox__inner::after {
|
|
51083
|
+
height: 6px;
|
|
51084
|
+
width: 2px;
|
|
51085
|
+
}
|
|
51086
|
+
.base-checkbox__input {
|
|
51087
|
+
white-space: nowrap;
|
|
51088
|
+
cursor: pointer;
|
|
51089
|
+
outline: none;
|
|
51090
|
+
display: inline-block;
|
|
51091
|
+
line-height: 1;
|
|
51092
|
+
position: relative;
|
|
51093
|
+
vertical-align: middle;
|
|
51094
|
+
margin-bottom: 1px;
|
|
51095
|
+
}
|
|
51096
|
+
.base-checkbox__input.is-disabled .base-checkbox__inner {
|
|
51097
|
+
background-color: #edf2fc;
|
|
51098
|
+
border-color: #DCDFE6;
|
|
51099
|
+
cursor: not-allowed;
|
|
51100
|
+
}
|
|
51101
|
+
.base-checkbox__input.is-disabled .base-checkbox__inner::after {
|
|
51102
|
+
cursor: not-allowed;
|
|
51103
|
+
border-color: #8590a6;
|
|
51104
|
+
}
|
|
51105
|
+
.base-checkbox__input.is-disabled .base-checkbox__inner + .base-checkbox__label {
|
|
51106
|
+
cursor: not-allowed;
|
|
51107
|
+
}
|
|
51108
|
+
.base-checkbox__input.is-disabled.is-checked .base-checkbox__inner {
|
|
51109
|
+
background-color: #DCDFE6;
|
|
51110
|
+
border-color: #DCDFE6;
|
|
51111
|
+
}
|
|
51112
|
+
.base-checkbox__input.is-disabled.is-checked .base-checkbox__inner::after {
|
|
51113
|
+
border-color: #FFFFFF;
|
|
51114
|
+
}
|
|
51115
|
+
.base-checkbox__input.is-disabled.is-indeterminate .base-checkbox__inner {
|
|
51116
|
+
background-color: #DCDFE6;
|
|
51117
|
+
border-color: #DCDFE6;
|
|
51118
|
+
}
|
|
51119
|
+
.base-checkbox__input.is-disabled.is-indeterminate .base-checkbox__inner::before {
|
|
51120
|
+
background-color: #FFFFFF;
|
|
51121
|
+
border-color: #FFFFFF;
|
|
51122
|
+
}
|
|
51123
|
+
.base-checkbox__input.is-disabled + span.base-checkbox__label {
|
|
51124
|
+
color: #8590a6;
|
|
51125
|
+
cursor: not-allowed;
|
|
51126
|
+
}
|
|
51127
|
+
.base-checkbox__input.is-checked .base-checkbox__inner {
|
|
51128
|
+
background-color: #2F3A91;
|
|
51129
|
+
border-color: #2F3A91;
|
|
51130
|
+
}
|
|
51131
|
+
.base-checkbox__input.is-checked .base-checkbox__inner::after {
|
|
51132
|
+
transform: rotate(45deg) scaleY(1);
|
|
51133
|
+
}
|
|
51134
|
+
.base-checkbox__input.is-checked + .base-checkbox__label {
|
|
51135
|
+
color: #2F3A91;
|
|
51136
|
+
}
|
|
51137
|
+
.base-checkbox__input.is-focus {
|
|
51138
|
+
|
|
51139
|
+
}
|
|
51140
|
+
.base-checkbox__input.is-focus .base-checkbox__inner {
|
|
51141
|
+
border-color: #2F3A91;
|
|
51142
|
+
}
|
|
51143
|
+
.base-checkbox__input.is-indeterminate .base-checkbox__inner {
|
|
51144
|
+
background-color: #2F3A91;
|
|
51145
|
+
border-color: #2F3A91;
|
|
51146
|
+
}
|
|
51147
|
+
.base-checkbox__input.is-indeterminate .base-checkbox__inner::before {
|
|
51148
|
+
content: "";
|
|
51149
|
+
position: absolute;
|
|
51150
|
+
display: block;
|
|
51151
|
+
background-color: #FFFFFF;
|
|
51152
|
+
height: 2px;
|
|
51153
|
+
transform: scale(0.5);
|
|
51154
|
+
left: 0;
|
|
51155
|
+
right: 0;
|
|
51156
|
+
top: 5px;
|
|
51157
|
+
}
|
|
51158
|
+
.base-checkbox__input.is-indeterminate .base-checkbox__inner::after {
|
|
51159
|
+
display: none;
|
|
51160
|
+
}
|
|
51161
|
+
.base-checkbox__inner {
|
|
51162
|
+
display: inline-block;
|
|
51163
|
+
position: relative;
|
|
51164
|
+
border: 1.5px solid #DCDFE6;
|
|
51165
|
+
border-radius: 2px;
|
|
51166
|
+
box-sizing: border-box;
|
|
51167
|
+
width: 16px;
|
|
51168
|
+
height: 16px;
|
|
51169
|
+
background-color: #FFFFFF;
|
|
51170
|
+
z-index: 1;
|
|
51171
|
+
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);
|
|
51172
|
+
}
|
|
51173
|
+
.base-checkbox__inner:hover {
|
|
51174
|
+
border-color: #2F3A91;
|
|
51175
|
+
}
|
|
51176
|
+
.base-checkbox__inner::after {
|
|
51177
|
+
box-sizing: content-box;
|
|
51178
|
+
content: "";
|
|
51179
|
+
border: 1.5px solid #FFFFFF;
|
|
51180
|
+
border-left: 0;
|
|
51181
|
+
border-top: 0;
|
|
51182
|
+
height: 7px;
|
|
51183
|
+
left: 4px;
|
|
51184
|
+
position: absolute;
|
|
51185
|
+
top: 1px;
|
|
51186
|
+
transform: rotate(45deg) scaleY(0);
|
|
51187
|
+
width: 4px;
|
|
51188
|
+
transition: transform 0.15s ease-in 0.05s;
|
|
51189
|
+
transform-origin: center;
|
|
51190
|
+
}
|
|
51191
|
+
.base-checkbox__original {
|
|
51192
|
+
opacity: 0;
|
|
51193
|
+
outline: none;
|
|
51194
|
+
position: absolute;
|
|
51195
|
+
margin: 0;
|
|
51196
|
+
width: 0;
|
|
51197
|
+
height: 0;
|
|
51198
|
+
z-index: -1;
|
|
51199
|
+
}
|
|
51200
|
+
.base-checkbox__label {
|
|
51201
|
+
display: inline-block;
|
|
51202
|
+
padding-left: 8px;
|
|
51203
|
+
line-height: 19px;
|
|
51204
|
+
font-size: 14px;
|
|
51205
|
+
}
|
|
51206
|
+
.base-checkbox:last-of-type {
|
|
51207
|
+
margin-right: 0;
|
|
51208
|
+
}
|
|
51209
|
+
.base-checkbox-button {
|
|
51210
|
+
position: relative;
|
|
51211
|
+
display: inline-block;
|
|
51212
|
+
}
|
|
51213
|
+
.base-checkbox-button__inner {
|
|
51214
|
+
display: inline-block;
|
|
51215
|
+
line-height: 1;
|
|
51216
|
+
font-weight: 500;
|
|
51217
|
+
white-space: nowrap;
|
|
51218
|
+
vertical-align: middle;
|
|
51219
|
+
cursor: pointer;
|
|
51220
|
+
background: #FFFFFF;
|
|
51221
|
+
border: 1px solid #DCDFE6;
|
|
51222
|
+
border-left: 0;
|
|
51223
|
+
color: #646464;
|
|
51224
|
+
-webkit-appearance: none;
|
|
51225
|
+
text-align: center;
|
|
51226
|
+
box-sizing: border-box;
|
|
51227
|
+
outline: none;
|
|
51228
|
+
margin: 0;
|
|
51229
|
+
position: relative;
|
|
51230
|
+
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
51231
|
+
-moz-user-select: none;
|
|
51232
|
+
-webkit-user-select: none;
|
|
51233
|
+
-ms-user-select: none;
|
|
51234
|
+
padding: 0 20px;
|
|
51235
|
+
font-size: 14px;
|
|
51236
|
+
border-radius: 0;
|
|
51237
|
+
}
|
|
51238
|
+
.base-checkbox-button__inner.is-round {
|
|
51239
|
+
padding: 0 20px;
|
|
51240
|
+
}
|
|
51241
|
+
.base-checkbox-button__inner:hover {
|
|
51242
|
+
color: #2F3A91;
|
|
51243
|
+
}
|
|
51244
|
+
.base-checkbox-button__inner [class*=base-icon-] {
|
|
51245
|
+
line-height: 0.9;
|
|
51246
|
+
}
|
|
51247
|
+
.base-checkbox-button__inner [class*=base-icon-] + span {
|
|
51248
|
+
margin-left: 5px;
|
|
51249
|
+
}
|
|
51250
|
+
.base-checkbox-button__original {
|
|
51251
|
+
opacity: 0;
|
|
51252
|
+
outline: none;
|
|
51253
|
+
position: absolute;
|
|
51254
|
+
margin: 0;
|
|
51255
|
+
z-index: -1;
|
|
51256
|
+
}
|
|
51257
|
+
.base-checkbox-button.is-checked .base-checkbox-button__inner {
|
|
51258
|
+
color: #FFFFFF;
|
|
51259
|
+
background-color: #2F3A91;
|
|
51260
|
+
border-color: #2F3A91;
|
|
51261
|
+
box-shadow: -1px 0 0 0 #8289bd;
|
|
51262
|
+
}
|
|
51263
|
+
.base-checkbox-button.is-checked:first-child .base-checkbox-button__inner {
|
|
51264
|
+
border-left-color: #2F3A91;
|
|
51265
|
+
}
|
|
51266
|
+
.base-checkbox-button.is-disabled .base-checkbox-button__inner {
|
|
51267
|
+
color: #8590a6;
|
|
51268
|
+
cursor: not-allowed;
|
|
51269
|
+
background-image: none;
|
|
51270
|
+
background-color: #FFFFFF;
|
|
51271
|
+
border-color: #EBEEF5;
|
|
51272
|
+
box-shadow: none;
|
|
51273
|
+
}
|
|
51274
|
+
.base-checkbox-button.is-disabled:first-child .base-checkbox-button__inner {
|
|
51275
|
+
border-left-color: #EBEEF5;
|
|
51276
|
+
}
|
|
51277
|
+
.base-checkbox-button:first-child .base-checkbox-button__inner {
|
|
51278
|
+
border-left: 1px solid #DCDFE6;
|
|
51279
|
+
border-radius: 4px 0 0 4px;
|
|
51280
|
+
box-shadow: none !important;
|
|
51281
|
+
}
|
|
51282
|
+
.base-checkbox-button.is-focus .base-checkbox-button__inner {
|
|
51283
|
+
border-color: #2F3A91;
|
|
51284
|
+
}
|
|
51285
|
+
.base-checkbox-button:last-child .base-checkbox-button__inner {
|
|
51286
|
+
border-radius: 0 4px 4px 0;
|
|
51287
|
+
}
|
|
51288
|
+
.base-checkbox-button--medium .base-checkbox-button__inner {
|
|
51289
|
+
padding: 11px 20px;
|
|
51290
|
+
font-size: 14px;
|
|
51291
|
+
border-radius: 0;
|
|
51292
|
+
}
|
|
51293
|
+
.base-checkbox-button--medium .base-checkbox-button__inner.is-round {
|
|
51294
|
+
padding: 11px 20px;
|
|
51295
|
+
}
|
|
51296
|
+
.base-checkbox-button--small .base-checkbox-button__inner {
|
|
51297
|
+
padding: 10px 15px;
|
|
51298
|
+
font-size: 12px;
|
|
51299
|
+
border-radius: 0;
|
|
51300
|
+
}
|
|
51301
|
+
.base-checkbox-button--small .base-checkbox-button__inner.is-round {
|
|
51302
|
+
padding: 10px 15px;
|
|
51303
|
+
}
|
|
51304
|
+
.base-checkbox-button--mini .base-checkbox-button__inner {
|
|
51305
|
+
padding: 8px 15px;
|
|
51306
|
+
font-size: 12px;
|
|
51307
|
+
border-radius: 0;
|
|
51308
|
+
}
|
|
51309
|
+
.base-checkbox-button--mini .base-checkbox-button__inner.is-round {
|
|
51310
|
+
padding: 8px 15px;
|
|
51311
|
+
}
|
|
51312
|
+
.base-checkbox-group {
|
|
51313
|
+
font-size: 0;
|
|
51314
|
+
}
|
|
51315
|
+
|
|
51316
|
+
|
|
51317
|
+
|
|
51318
|
+
|
|
51319
|
+
|
|
51320
|
+
|
|
51321
|
+
|
|
51322
|
+
|
|
51323
|
+
|
|
51324
|
+
|
|
51325
|
+
|
|
51326
|
+
:export {
|
|
51327
|
+
primary: #2F3A91;
|
|
51328
|
+
success: #67C23A;
|
|
51329
|
+
warning: #FF791A;
|
|
51330
|
+
danger: #F1403C;
|
|
51331
|
+
info: #8590a6;
|
|
51332
|
+
}
|
|
51333
|
+
|
|
51334
|
+
|
|
51335
|
+
|
|
51336
|
+
|
|
51337
|
+
|
|
51338
|
+
|
|
51339
|
+
|
|
51340
|
+
|
|
51341
|
+
|
|
51342
|
+
|
|
51343
|
+
|
|
51344
|
+
|
|
51345
|
+
|
|
51346
|
+
|
|
51347
|
+
|
|
51348
|
+
|
|
51349
|
+
|
|
51350
|
+
|
|
51351
|
+
|
|
51352
|
+
|
|
51353
|
+
|
|
51354
|
+
|
|
51355
|
+
|
|
51356
|
+
|
|
51357
|
+
|
|
51358
|
+
|
|
51359
|
+
|
|
51360
|
+
|
|
51361
|
+
|
|
51362
|
+
|
|
51363
|
+
|
|
51364
|
+
|
|
51365
|
+
|
|
51366
|
+
|
|
51367
|
+
|
|
51368
|
+
|
|
51369
|
+
|
|
51370
|
+
|
|
51371
|
+
|
|
51372
|
+
|
|
51373
|
+
|
|
51374
|
+
|
|
51375
|
+
|
|
51376
|
+
|
|
51377
|
+
|
|
51378
|
+
|
|
51379
|
+
|
|
51380
|
+
|
|
51381
|
+
|
|
51382
|
+
|
|
51383
|
+
|
|
51384
|
+
|
|
51385
|
+
|
|
51386
|
+
|
|
51387
|
+
|
|
51388
|
+
|
|
51389
|
+
|
|
51390
|
+
|
|
51391
|
+
|
|
51392
|
+
|
|
51393
|
+
|
|
51394
|
+
|
|
51395
|
+
|
|
51396
|
+
|
|
51397
|
+
|
|
51398
|
+
|
|
51399
|
+
|
|
51400
|
+
|
|
51401
|
+
|
|
51402
|
+
|
|
51403
|
+
|
|
51404
|
+
|
|
51405
|
+
:export {
|
|
51406
|
+
primary: #2F3A91;
|
|
51407
|
+
success: #67C23A;
|
|
51408
|
+
warning: #FF791A;
|
|
51409
|
+
danger: #F1403C;
|
|
51410
|
+
info: #8590a6;
|
|
51411
|
+
}
|
|
51412
|
+
|
|
51413
|
+
|
|
51414
|
+
|
|
51415
|
+
|
|
51416
|
+
|
|
51417
|
+
|
|
51418
|
+
|
|
51419
|
+
|
|
51420
|
+
|
|
51421
|
+
|
|
51422
|
+
|
|
51423
|
+
|
|
51424
|
+
|
|
51425
|
+
|
|
51426
|
+
|
|
51427
|
+
|
|
51428
|
+
|
|
51429
|
+
|
|
51430
|
+
|
|
51431
|
+
|
|
51432
|
+
|
|
51433
|
+
|
|
51434
|
+
|
|
51435
|
+
|
|
51436
|
+
|
|
51437
|
+
|
|
51438
|
+
|
|
51439
|
+
|
|
51440
|
+
|
|
51441
|
+
|
|
51442
|
+
|
|
51443
|
+
|
|
51444
|
+
|
|
51445
|
+
|
|
51446
|
+
|
|
51447
|
+
|
|
51448
|
+
|
|
51449
|
+
|
|
51450
|
+
|
|
51451
|
+
|
|
51452
|
+
|
|
51453
|
+
|
|
51454
|
+
|
|
51455
|
+
|
|
51456
|
+
|
|
51457
|
+
|
|
51458
|
+
|
|
51459
|
+
|
|
51460
|
+
|
|
51461
|
+
|
|
51462
|
+
|
|
51463
|
+
|
|
51464
|
+
|
|
51465
|
+
|
|
51466
|
+
|
|
51467
|
+
|
|
51468
|
+
|
|
51469
|
+
.base-tag {
|
|
51470
|
+
background-color: #eaebf4;
|
|
51471
|
+
border-color: #d5d8e9;
|
|
51472
|
+
color: #2f3a91;
|
|
51473
|
+
font-weight: 500;
|
|
51474
|
+
display: inline-block;
|
|
51475
|
+
height: 32px;
|
|
51476
|
+
padding: 0 10px;
|
|
51477
|
+
line-height: 30px;
|
|
51478
|
+
font-size: 12px;
|
|
51479
|
+
color: #2F3A91;
|
|
51480
|
+
border-width: 1px;
|
|
51481
|
+
border-style: solid;
|
|
51482
|
+
border-radius: 4px;
|
|
51483
|
+
box-sizing: border-box;
|
|
51484
|
+
white-space: nowrap;
|
|
51485
|
+
}
|
|
51486
|
+
.base-tag.is-hit {
|
|
51487
|
+
border-color: #2F3A91;
|
|
51488
|
+
}
|
|
51489
|
+
.base-tag.is-round {
|
|
51490
|
+
border-radius: 20px;
|
|
51491
|
+
}
|
|
51492
|
+
.base-tag .base-tag__close {
|
|
51493
|
+
color: #2f3a91;
|
|
51494
|
+
}
|
|
51495
|
+
.base-tag .base-tag__close:hover {
|
|
51496
|
+
color: #FFFFFF;
|
|
51497
|
+
background-color: #2f3a91;
|
|
51498
|
+
}
|
|
51499
|
+
.base-tag.base-tag--info {
|
|
51500
|
+
background-color: #f3f4f6;
|
|
51501
|
+
border-color: #e7e9ed;
|
|
51502
|
+
color: #8590a6;
|
|
51503
|
+
}
|
|
51504
|
+
.base-tag.base-tag--info.is-hit {
|
|
51505
|
+
border-color: #8590a6;
|
|
51506
|
+
}
|
|
51507
|
+
.base-tag.base-tag--info .base-tag__close {
|
|
51508
|
+
color: #8590a6;
|
|
51509
|
+
}
|
|
51510
|
+
.base-tag.base-tag--info .base-tag__close:hover {
|
|
51511
|
+
color: #FFFFFF;
|
|
51512
|
+
background-color: #8590a6;
|
|
51513
|
+
}
|
|
51514
|
+
.base-tag.base-tag--success {
|
|
51515
|
+
background-color: #f0f9eb;
|
|
51516
|
+
border-color: #e1f3d8;
|
|
51517
|
+
color: #67c23a;
|
|
51518
|
+
}
|
|
51519
|
+
.base-tag.base-tag--success.is-hit {
|
|
51520
|
+
border-color: #67C23A;
|
|
51521
|
+
}
|
|
51522
|
+
.base-tag.base-tag--success .base-tag__close {
|
|
51523
|
+
color: #67c23a;
|
|
51524
|
+
}
|
|
51525
|
+
.base-tag.base-tag--success .base-tag__close:hover {
|
|
51526
|
+
color: #FFFFFF;
|
|
51527
|
+
background-color: #67c23a;
|
|
51528
|
+
}
|
|
51529
|
+
.base-tag.base-tag--warning {
|
|
51530
|
+
background-color: #fff2e8 !important;
|
|
51531
|
+
border-color: #ffe4d1 !important;
|
|
51532
|
+
color: #ff791a !important;
|
|
51533
|
+
}
|
|
51534
|
+
.base-tag.base-tag--warning.is-hit {
|
|
51535
|
+
border-color: #FF791A;
|
|
51536
|
+
}
|
|
51537
|
+
.base-tag.base-tag--warning .base-tag__close {
|
|
51538
|
+
color: #ff791a;
|
|
51539
|
+
}
|
|
51540
|
+
.base-tag.base-tag--warning .base-tag__close:hover {
|
|
51541
|
+
color: #FFFFFF;
|
|
51542
|
+
background-color: #ff791a;
|
|
51543
|
+
}
|
|
51544
|
+
.base-tag.base-tag--danger {
|
|
51545
|
+
background-color: #feecec;
|
|
51546
|
+
border-color: #fcd9d8;
|
|
51547
|
+
color: #f1403c;
|
|
51548
|
+
}
|
|
51549
|
+
.base-tag.base-tag--danger.is-hit {
|
|
51550
|
+
border-color: #F1403C;
|
|
51551
|
+
}
|
|
51552
|
+
.base-tag.base-tag--danger .base-tag__close {
|
|
51553
|
+
color: #f1403c;
|
|
51554
|
+
}
|
|
51555
|
+
.base-tag.base-tag--danger .base-tag__close:hover {
|
|
51556
|
+
color: #FFFFFF;
|
|
51557
|
+
background-color: #f1403c;
|
|
51558
|
+
}
|
|
51559
|
+
.base-tag .base-icon-close {
|
|
51560
|
+
border-radius: 50%;
|
|
51561
|
+
text-align: center;
|
|
51562
|
+
position: relative;
|
|
51563
|
+
cursor: pointer;
|
|
51564
|
+
font-size: 12px;
|
|
51565
|
+
height: 16px;
|
|
51566
|
+
width: 16px;
|
|
51567
|
+
line-height: 16px;
|
|
51568
|
+
vertical-align: middle;
|
|
51569
|
+
top: -1px;
|
|
51570
|
+
right: -5px;
|
|
51571
|
+
}
|
|
51572
|
+
.base-tag .base-icon-close::before {
|
|
51573
|
+
display: block;
|
|
51574
|
+
}
|
|
51575
|
+
.base-tag--dark {
|
|
51576
|
+
background-color: #2f3a91;
|
|
51577
|
+
border-color: #2f3a91;
|
|
51578
|
+
color: white;
|
|
51579
|
+
font-weight: 500;
|
|
51580
|
+
}
|
|
51581
|
+
.base-tag--dark.is-hit {
|
|
51582
|
+
border-color: #2F3A91;
|
|
51583
|
+
}
|
|
51584
|
+
.base-tag--dark.is-round {
|
|
51585
|
+
border-radius: 20px;
|
|
51586
|
+
}
|
|
51587
|
+
.base-tag--dark .base-tag__close {
|
|
51588
|
+
color: white;
|
|
51589
|
+
}
|
|
51590
|
+
.base-tag--dark .base-tag__close:hover {
|
|
51591
|
+
color: #FFFFFF;
|
|
51592
|
+
background-color: #5961a7;
|
|
51593
|
+
}
|
|
51594
|
+
.base-tag--dark.base-tag--info {
|
|
51595
|
+
background-color: #8590a6;
|
|
51596
|
+
border-color: #8590a6;
|
|
51597
|
+
color: white;
|
|
51598
|
+
}
|
|
51599
|
+
.base-tag--dark.base-tag--info.is-hit {
|
|
51600
|
+
border-color: #8590a6;
|
|
51601
|
+
}
|
|
51602
|
+
.base-tag--dark.base-tag--info .base-tag__close {
|
|
51603
|
+
color: white;
|
|
51604
|
+
}
|
|
51605
|
+
.base-tag--dark.base-tag--info .base-tag__close:hover {
|
|
51606
|
+
color: #FFFFFF;
|
|
51607
|
+
background-color: #9da6b8;
|
|
51608
|
+
}
|
|
51609
|
+
.base-tag--dark.base-tag--success {
|
|
51610
|
+
background-color: #67c23a;
|
|
51611
|
+
border-color: #67c23a;
|
|
51612
|
+
color: white;
|
|
51613
|
+
}
|
|
51614
|
+
.base-tag--dark.base-tag--success.is-hit {
|
|
51615
|
+
border-color: #67C23A;
|
|
51616
|
+
}
|
|
51617
|
+
.base-tag--dark.base-tag--success .base-tag__close {
|
|
51618
|
+
color: white;
|
|
51619
|
+
}
|
|
51620
|
+
.base-tag--dark.base-tag--success .base-tag__close:hover {
|
|
51621
|
+
color: #FFFFFF;
|
|
51622
|
+
background-color: #85ce61;
|
|
51623
|
+
}
|
|
51624
|
+
.base-tag--dark.base-tag--warning {
|
|
51625
|
+
background-color: #ff791a !important;
|
|
51626
|
+
border-color: #ff791a !important;
|
|
51627
|
+
color: white !important;
|
|
51628
|
+
}
|
|
51629
|
+
.base-tag--dark.base-tag--warning.is-hit {
|
|
51630
|
+
border-color: #FF791A;
|
|
51631
|
+
}
|
|
51632
|
+
.base-tag--dark.base-tag--warning .base-tag__close {
|
|
51633
|
+
color: white;
|
|
51634
|
+
}
|
|
51635
|
+
.base-tag--dark.base-tag--warning .base-tag__close:hover {
|
|
51636
|
+
color: #FFFFFF;
|
|
51637
|
+
background-color: #ff9448;
|
|
51638
|
+
}
|
|
51639
|
+
.base-tag--dark.base-tag--danger {
|
|
51640
|
+
background-color: #f1403c;
|
|
51641
|
+
border-color: #f1403c;
|
|
51642
|
+
color: white;
|
|
51643
|
+
}
|
|
51644
|
+
.base-tag--dark.base-tag--danger.is-hit {
|
|
51645
|
+
border-color: #F1403C;
|
|
51646
|
+
}
|
|
51647
|
+
.base-tag--dark.base-tag--danger .base-tag__close {
|
|
51648
|
+
color: white;
|
|
51649
|
+
}
|
|
51650
|
+
.base-tag--dark.base-tag--danger .base-tag__close:hover {
|
|
51651
|
+
color: #FFFFFF;
|
|
51652
|
+
background-color: #f46663;
|
|
51653
|
+
}
|
|
51654
|
+
.base-tag--plain {
|
|
51655
|
+
background-color: white;
|
|
51656
|
+
border-color: #acb0d3;
|
|
51657
|
+
color: #2f3a91;
|
|
51658
|
+
font-weight: 500;
|
|
51659
|
+
background-color: white !important;
|
|
51660
|
+
border-color: #acb0d3 !important;
|
|
51661
|
+
color: #2f3a91 !important;
|
|
51662
|
+
}
|
|
51663
|
+
.base-tag--plain.is-hit {
|
|
51664
|
+
border-color: #2F3A91;
|
|
51665
|
+
}
|
|
51666
|
+
.base-tag--plain.is-round {
|
|
51667
|
+
border-radius: 20px;
|
|
51668
|
+
}
|
|
51669
|
+
.base-tag--plain .base-tag__close {
|
|
51670
|
+
color: #2f3a91;
|
|
51671
|
+
}
|
|
51672
|
+
.base-tag--plain .base-tag__close:hover {
|
|
51673
|
+
color: #FFFFFF;
|
|
51674
|
+
background-color: #2f3a91;
|
|
51675
|
+
}
|
|
51676
|
+
.base-tag--plain.base-tag--info {
|
|
51677
|
+
background-color: white;
|
|
51678
|
+
border-color: #ced3db;
|
|
51679
|
+
color: #8590a6;
|
|
51680
|
+
}
|
|
51681
|
+
.base-tag--plain.base-tag--info.is-hit {
|
|
51682
|
+
border-color: #8590a6;
|
|
51683
|
+
}
|
|
51684
|
+
.base-tag--plain.base-tag--info .base-tag__close {
|
|
51685
|
+
color: #8590a6;
|
|
51686
|
+
}
|
|
51687
|
+
.base-tag--plain.base-tag--info .base-tag__close:hover {
|
|
51688
|
+
color: #FFFFFF;
|
|
51689
|
+
background-color: #8590a6;
|
|
51690
|
+
}
|
|
51691
|
+
.base-tag--plain.base-tag--success {
|
|
51692
|
+
background-color: white;
|
|
51693
|
+
border-color: #c2e7b0;
|
|
51694
|
+
color: #67c23a;
|
|
51695
|
+
}
|
|
51696
|
+
.base-tag--plain.base-tag--success.is-hit {
|
|
51697
|
+
border-color: #67C23A;
|
|
51698
|
+
}
|
|
51699
|
+
.base-tag--plain.base-tag--success .base-tag__close {
|
|
51700
|
+
color: #67c23a;
|
|
51701
|
+
}
|
|
51702
|
+
.base-tag--plain.base-tag--success .base-tag__close:hover {
|
|
51703
|
+
color: #FFFFFF;
|
|
51704
|
+
background-color: #67c23a;
|
|
51705
|
+
}
|
|
51706
|
+
.base-tag--plain.base-tag--warning {
|
|
51707
|
+
background-color: white !important;
|
|
51708
|
+
border-color: #ffc9a3 !important;
|
|
51709
|
+
color: #ff791a !important;
|
|
51710
|
+
}
|
|
51711
|
+
.base-tag--plain.base-tag--warning.is-hit {
|
|
51712
|
+
border-color: #FF791A;
|
|
51713
|
+
}
|
|
51714
|
+
.base-tag--plain.base-tag--warning .base-tag__close {
|
|
51715
|
+
color: #ff791a;
|
|
51716
|
+
}
|
|
51717
|
+
.base-tag--plain.base-tag--warning .base-tag__close:hover {
|
|
51718
|
+
color: #FFFFFF;
|
|
51719
|
+
background-color: #ff791a;
|
|
51720
|
+
}
|
|
51721
|
+
.base-tag--plain.base-tag--danger {
|
|
51722
|
+
background-color: white;
|
|
51723
|
+
border-color: #f9b3b1;
|
|
51724
|
+
color: #f1403c;
|
|
51725
|
+
}
|
|
51726
|
+
.base-tag--plain.base-tag--danger.is-hit {
|
|
51727
|
+
border-color: #F1403C;
|
|
51728
|
+
}
|
|
51729
|
+
.base-tag--plain.base-tag--danger .base-tag__close {
|
|
51730
|
+
color: #f1403c;
|
|
51731
|
+
}
|
|
51732
|
+
.base-tag--plain.base-tag--danger .base-tag__close:hover {
|
|
51733
|
+
color: #FFFFFF;
|
|
51734
|
+
background-color: #f1403c;
|
|
51735
|
+
}
|
|
51736
|
+
.base-tag--medium {
|
|
51737
|
+
height: 28px;
|
|
51738
|
+
line-height: 26px;
|
|
51739
|
+
}
|
|
51740
|
+
.base-tag--medium .base-icon-close {
|
|
51741
|
+
transform: scale(0.8);
|
|
51742
|
+
}
|
|
51743
|
+
.base-tag--small {
|
|
51744
|
+
height: 24px;
|
|
51745
|
+
padding: 0 8px;
|
|
51746
|
+
line-height: 22px;
|
|
51747
|
+
}
|
|
51748
|
+
.base-tag--small .base-icon-close {
|
|
51749
|
+
transform: scale(0.8);
|
|
51750
|
+
}
|
|
51751
|
+
.base-tag--mini {
|
|
51752
|
+
height: 20px;
|
|
51753
|
+
padding: 0 5px;
|
|
51754
|
+
line-height: 19px;
|
|
51755
|
+
}
|
|
51756
|
+
.base-tag--mini .base-icon-close {
|
|
51757
|
+
margin-left: -3px;
|
|
51758
|
+
transform: scale(0.7);
|
|
51759
|
+
}
|
|
51760
|
+
|
|
51761
|
+
|
|
51762
|
+
|
|
51763
|
+
|
|
51764
|
+
|
|
51765
|
+
|
|
51766
|
+
|
|
51767
|
+
|
|
51768
|
+
|
|
51769
|
+
|
|
51770
|
+
|
|
51771
|
+
:export {
|
|
51772
|
+
primary: #2F3A91;
|
|
51773
|
+
success: #67C23A;
|
|
51774
|
+
warning: #FF791A;
|
|
51775
|
+
danger: #F1403C;
|
|
51776
|
+
info: #8590a6;
|
|
51777
|
+
}
|
|
51778
|
+
|
|
51779
|
+
|
|
51780
|
+
|
|
51781
|
+
|
|
51782
|
+
|
|
51783
|
+
|
|
51784
|
+
|
|
51785
|
+
|
|
51786
|
+
|
|
51787
|
+
|
|
51788
|
+
|
|
51789
|
+
|
|
51790
|
+
|
|
51791
|
+
|
|
51792
|
+
|
|
51793
|
+
|
|
51794
|
+
|
|
51795
|
+
|
|
51796
|
+
|
|
51797
|
+
|
|
51798
|
+
|
|
51799
|
+
|
|
51800
|
+
|
|
51801
|
+
|
|
51802
|
+
|
|
51803
|
+
|
|
51804
|
+
|
|
51805
|
+
|
|
51806
|
+
|
|
51807
|
+
|
|
51808
|
+
|
|
51809
|
+
|
|
51810
|
+
|
|
51811
|
+
|
|
51812
|
+
|
|
51813
|
+
|
|
51814
|
+
|
|
51815
|
+
|
|
51816
|
+
|
|
51817
|
+
|
|
51818
|
+
|
|
51819
|
+
|
|
51820
|
+
|
|
51821
|
+
|
|
51822
|
+
|
|
51823
|
+
|
|
51824
|
+
|
|
51825
|
+
|
|
51826
|
+
|
|
51827
|
+
|
|
51828
|
+
|
|
51829
|
+
|
|
51830
|
+
|
|
51831
|
+
|
|
51832
|
+
|
|
51833
|
+
|
|
51834
|
+
|
|
51835
|
+
|
|
51836
|
+
|
|
51837
|
+
|
|
51838
|
+
|
|
51839
|
+
|
|
51840
|
+
|
|
51841
|
+
|
|
51842
|
+
|
|
51843
|
+
|
|
51844
|
+
|
|
51845
|
+
|
|
51846
|
+
|
|
51847
|
+
|
|
51848
|
+
|
|
51849
|
+
|
|
51850
|
+
:export {
|
|
51851
|
+
primary: #2F3A91;
|
|
51852
|
+
success: #67C23A;
|
|
51853
|
+
warning: #FF791A;
|
|
51854
|
+
danger: #F1403C;
|
|
51855
|
+
info: #8590a6;
|
|
51856
|
+
}
|
|
51857
|
+
|
|
51858
|
+
|
|
51859
|
+
|
|
51860
|
+
|
|
51861
|
+
|
|
51862
|
+
|
|
51863
|
+
|
|
51864
|
+
|
|
51865
|
+
|
|
51866
|
+
|
|
51867
|
+
|
|
51868
|
+
|
|
51869
|
+
|
|
51870
|
+
|
|
51871
|
+
|
|
51872
|
+
|
|
51873
|
+
|
|
51874
|
+
|
|
51875
|
+
|
|
51876
|
+
|
|
51877
|
+
|
|
51878
|
+
|
|
51879
|
+
|
|
51880
|
+
|
|
51881
|
+
|
|
51882
|
+
|
|
51883
|
+
|
|
51884
|
+
|
|
51885
|
+
|
|
51886
|
+
|
|
51887
|
+
|
|
51888
|
+
|
|
51889
|
+
|
|
51890
|
+
|
|
51891
|
+
|
|
51892
|
+
|
|
51893
|
+
|
|
51894
|
+
|
|
51895
|
+
|
|
51896
|
+
|
|
51897
|
+
|
|
51898
|
+
|
|
51899
|
+
|
|
51900
|
+
|
|
51901
|
+
|
|
51902
|
+
|
|
51903
|
+
|
|
51904
|
+
|
|
51905
|
+
|
|
51906
|
+
|
|
51907
|
+
|
|
51908
|
+
|
|
51909
|
+
|
|
51910
|
+
|
|
51911
|
+
|
|
51912
|
+
|
|
51913
|
+
|
|
51914
|
+
.base-tooltip:focus:not(.focusing), .base-tooltip:focus:hover {
|
|
51915
|
+
outline-width: 0;
|
|
51916
|
+
}
|
|
51917
|
+
.base-tooltip__popper {
|
|
51918
|
+
position: absolute;
|
|
51919
|
+
border-radius: 4px;
|
|
51920
|
+
z-index: 2000;
|
|
51921
|
+
min-width: 10px;
|
|
51922
|
+
word-wrap: break-word;
|
|
51923
|
+
font-size: 12px;
|
|
51924
|
+
line-height: 1.2;
|
|
51925
|
+
display: inline-block;
|
|
51926
|
+
padding: 8px 10px;
|
|
51927
|
+
text-transform: none;
|
|
51928
|
+
width: auto;
|
|
51929
|
+
pointer-events: none;
|
|
51930
|
+
opacity: 0.9;
|
|
51931
|
+
}
|
|
51932
|
+
.base-tooltip__popper .popper__arrow,
|
|
51933
|
+
.base-tooltip__popper .popper__arrow::after {
|
|
51934
|
+
position: absolute;
|
|
51935
|
+
display: block;
|
|
51936
|
+
width: 0;
|
|
51937
|
+
height: 0;
|
|
51938
|
+
border-color: transparent;
|
|
51939
|
+
border-style: solid;
|
|
51940
|
+
}
|
|
51941
|
+
.base-tooltip__popper .popper__arrow {
|
|
51942
|
+
border-width: 6px;
|
|
51943
|
+
}
|
|
51944
|
+
.base-tooltip__popper .popper__arrow::after {
|
|
51945
|
+
content: " ";
|
|
51946
|
+
border-width: 5px;
|
|
51947
|
+
}
|
|
51948
|
+
.base-tooltip__popper[x-placement^=top] {
|
|
51949
|
+
margin-bottom: 12px;
|
|
51950
|
+
}
|
|
51951
|
+
.base-tooltip__popper[x-placement^=top] .popper__arrow {
|
|
51952
|
+
bottom: -6px;
|
|
51953
|
+
border-top-color: rgba(97, 97, 97, 0.9);
|
|
51954
|
+
border-bottom-width: 0;
|
|
51955
|
+
}
|
|
51956
|
+
.base-tooltip__popper[x-placement^=top] .popper__arrow::after {
|
|
51957
|
+
bottom: 1px;
|
|
51958
|
+
margin-left: -5px;
|
|
51959
|
+
border-top-color: rgba(97, 97, 97, 0.9);
|
|
51960
|
+
border-bottom-width: 0;
|
|
51961
|
+
}
|
|
51962
|
+
.base-tooltip__popper[x-placement^=bottom] {
|
|
51963
|
+
margin-top: 12px;
|
|
51964
|
+
}
|
|
51965
|
+
.base-tooltip__popper[x-placement^=bottom] .popper__arrow {
|
|
51966
|
+
top: -6px;
|
|
51967
|
+
border-top-width: 0;
|
|
51968
|
+
border-bottom-color: rgba(97, 97, 97, 0.9);
|
|
51969
|
+
}
|
|
51970
|
+
.base-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
|
|
51971
|
+
top: 1px;
|
|
51972
|
+
margin-left: -5px;
|
|
51973
|
+
border-top-width: 0;
|
|
51974
|
+
border-bottom-color: rgba(97, 97, 97, 0.9);
|
|
51975
|
+
}
|
|
51976
|
+
.base-tooltip__popper[x-placement^=right] {
|
|
51977
|
+
margin-left: 12px;
|
|
51978
|
+
}
|
|
51979
|
+
.base-tooltip__popper[x-placement^=right] .popper__arrow {
|
|
51980
|
+
left: -6px;
|
|
51981
|
+
border-right-color: rgba(97, 97, 97, 0.9);
|
|
51982
|
+
border-left-width: 0;
|
|
51983
|
+
}
|
|
51984
|
+
.base-tooltip__popper[x-placement^=right] .popper__arrow::after {
|
|
51985
|
+
bottom: -5px;
|
|
51986
|
+
left: 1px;
|
|
51987
|
+
border-right-color: rgba(97, 97, 97, 0.9);
|
|
51988
|
+
border-left-width: 0;
|
|
51989
|
+
}
|
|
51990
|
+
.base-tooltip__popper[x-placement^=left] {
|
|
51991
|
+
margin-right: 12px;
|
|
51992
|
+
}
|
|
51993
|
+
.base-tooltip__popper[x-placement^=left] .popper__arrow {
|
|
51994
|
+
right: -6px;
|
|
51995
|
+
border-right-width: 0;
|
|
51996
|
+
border-left-color: rgba(97, 97, 97, 0.9);
|
|
51997
|
+
}
|
|
51998
|
+
.base-tooltip__popper[x-placement^=left] .popper__arrow::after {
|
|
51999
|
+
right: 1px;
|
|
52000
|
+
bottom: -5px;
|
|
52001
|
+
margin-left: -5px;
|
|
52002
|
+
border-right-width: 0;
|
|
52003
|
+
border-left-color: rgba(97, 97, 97, 0.9);
|
|
52004
|
+
}
|
|
52005
|
+
.base-tooltip__popper.is-dark {
|
|
52006
|
+
background: rgba(97, 97, 97, 0.9);
|
|
52007
|
+
color: #FFFFFF;
|
|
52008
|
+
}
|
|
52009
|
+
.base-tooltip__popper.is-light {
|
|
52010
|
+
background: #FFFFFF;
|
|
52011
|
+
border: 1px solid rgba(97, 97, 97, 0.9);
|
|
52012
|
+
}
|
|
52013
|
+
.base-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
|
|
52014
|
+
border-top-color: rgba(97, 97, 97, 0.9);
|
|
52015
|
+
}
|
|
52016
|
+
.base-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
|
|
52017
|
+
border-top-color: #FFFFFF;
|
|
52018
|
+
}
|
|
52019
|
+
.base-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
|
|
52020
|
+
border-bottom-color: rgba(97, 97, 97, 0.9);
|
|
52021
|
+
}
|
|
52022
|
+
.base-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
|
|
52023
|
+
border-bottom-color: #FFFFFF;
|
|
52024
|
+
}
|
|
52025
|
+
.base-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
|
|
52026
|
+
border-left-color: rgba(97, 97, 97, 0.9);
|
|
52027
|
+
}
|
|
52028
|
+
.base-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
|
|
52029
|
+
border-left-color: #FFFFFF;
|
|
52030
|
+
}
|
|
52031
|
+
.base-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
|
|
52032
|
+
border-right-color: rgba(97, 97, 97, 0.9);
|
|
52033
|
+
}
|
|
52034
|
+
.base-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
|
|
52035
|
+
border-right-color: #FFFFFF;
|
|
52036
|
+
}
|
|
52037
|
+
|
|
52038
|
+
|
|
52039
|
+
|
|
52040
|
+
|
|
52041
|
+
|
|
52042
|
+
|
|
52043
|
+
|
|
52044
|
+
|
|
52045
|
+
|
|
52046
|
+
|
|
52047
|
+
|
|
52048
|
+
:export {
|
|
52049
|
+
primary: #2F3A91;
|
|
52050
|
+
success: #67C23A;
|
|
52051
|
+
warning: #FF791A;
|
|
52052
|
+
danger: #F1403C;
|
|
52053
|
+
info: #8590a6;
|
|
52054
|
+
}
|
|
52055
|
+
|
|
52056
|
+
|
|
52057
|
+
|
|
52058
|
+
|
|
52059
|
+
|
|
52060
|
+
|
|
52061
|
+
|
|
52062
|
+
|
|
52063
|
+
|
|
52064
|
+
|
|
52065
|
+
|
|
52066
|
+
|
|
52067
|
+
|
|
52068
|
+
|
|
52069
|
+
|
|
52070
|
+
|
|
52071
|
+
|
|
52072
|
+
|
|
52073
|
+
|
|
52074
|
+
|
|
52075
|
+
|
|
52076
|
+
|
|
52077
|
+
|
|
52078
|
+
|
|
52079
|
+
|
|
52080
|
+
|
|
52081
|
+
|
|
52082
|
+
|
|
52083
|
+
|
|
52084
|
+
|
|
52085
|
+
|
|
52086
|
+
|
|
52087
|
+
|
|
52088
|
+
|
|
52089
|
+
|
|
52090
|
+
|
|
52091
|
+
|
|
52092
|
+
|
|
52093
|
+
|
|
52094
|
+
|
|
52095
|
+
|
|
52096
|
+
|
|
52097
|
+
|
|
52098
|
+
|
|
52099
|
+
|
|
52100
|
+
|
|
52101
|
+
|
|
52102
|
+
|
|
52103
|
+
|
|
52104
|
+
|
|
52105
|
+
|
|
52106
|
+
|
|
52107
|
+
|
|
52108
|
+
|
|
52109
|
+
|
|
52110
|
+
|
|
52111
|
+
|
|
52112
|
+
.base-table {
|
|
52113
|
+
position: relative;
|
|
52114
|
+
overflow: hidden;
|
|
52115
|
+
box-sizing: border-box;
|
|
52116
|
+
flex: 1;
|
|
52117
|
+
width: 100%;
|
|
52118
|
+
max-width: 100%;
|
|
52119
|
+
background-color: #FFFFFF;
|
|
52120
|
+
font-size: 14px;
|
|
52121
|
+
color: #646464;
|
|
52122
|
+
}
|
|
52123
|
+
.base-table__empty-block {
|
|
52124
|
+
min-height: 60px;
|
|
52125
|
+
text-align: center;
|
|
52126
|
+
width: 100%;
|
|
52127
|
+
display: flex;
|
|
52128
|
+
justify-content: center;
|
|
52129
|
+
align-items: center;
|
|
52130
|
+
}
|
|
52131
|
+
.base-table__empty-text {
|
|
52132
|
+
line-height: 60px;
|
|
52133
|
+
width: 50%;
|
|
52134
|
+
color: #8590a6;
|
|
52135
|
+
}
|
|
52136
|
+
.base-table__expand-column .cell {
|
|
52137
|
+
padding: 0;
|
|
52138
|
+
text-align: center;
|
|
52139
|
+
}
|
|
52140
|
+
.base-table__expand-icon {
|
|
52141
|
+
position: relative;
|
|
52142
|
+
cursor: pointer;
|
|
52143
|
+
color: #666;
|
|
52144
|
+
font-size: 12px;
|
|
52145
|
+
transition: transform 0.2s ease-in-out;
|
|
52146
|
+
height: 20px;
|
|
52147
|
+
}
|
|
52148
|
+
.base-table__expand-icon--expanded {
|
|
52149
|
+
transform: rotate(90deg);
|
|
52150
|
+
}
|
|
52151
|
+
.base-table__expand-icon > .base-icon {
|
|
52152
|
+
position: absolute;
|
|
52153
|
+
left: 50%;
|
|
52154
|
+
top: 50%;
|
|
52155
|
+
margin-left: -5px;
|
|
52156
|
+
margin-top: -5px;
|
|
52157
|
+
}
|
|
52158
|
+
.base-table__expanded-cell {
|
|
52159
|
+
background-color: #FFFFFF;
|
|
52160
|
+
}
|
|
52161
|
+
.base-table__expanded-cell[class*=cell] {
|
|
52162
|
+
padding: 20px 50px;
|
|
52163
|
+
}
|
|
52164
|
+
.base-table__expanded-cell:hover {
|
|
52165
|
+
background-color: transparent !important;
|
|
52166
|
+
}
|
|
52167
|
+
.base-table__placeholder {
|
|
52168
|
+
display: inline-block;
|
|
52169
|
+
width: 20px;
|
|
52170
|
+
}
|
|
52171
|
+
.base-table__append-wrapper {
|
|
52172
|
+
overflow: hidden;
|
|
52173
|
+
}
|
|
52174
|
+
.base-table--fit {
|
|
52175
|
+
border-right: 0;
|
|
52176
|
+
border-bottom: 0;
|
|
52177
|
+
}
|
|
52178
|
+
.base-table--fit .base-table__cell.gutter {
|
|
52179
|
+
border-right-width: 1px;
|
|
52180
|
+
}
|
|
52181
|
+
.base-table--scrollable-x .base-table__body-wrapper {
|
|
52182
|
+
overflow-x: auto;
|
|
52183
|
+
}
|
|
52184
|
+
.base-table--scrollable-y .base-table__body-wrapper {
|
|
52185
|
+
overflow-y: auto;
|
|
52186
|
+
}
|
|
52187
|
+
.base-table thead {
|
|
52188
|
+
color: #8590a6;
|
|
52189
|
+
font-weight: 500;
|
|
52190
|
+
}
|
|
52191
|
+
.base-table thead.is-group th.base-table__cell {
|
|
52192
|
+
background: #F3F5F8;
|
|
52193
|
+
}
|
|
52194
|
+
.base-table .base-table__cell {
|
|
52195
|
+
padding: 12px 0;
|
|
52196
|
+
min-width: 0;
|
|
52197
|
+
box-sizing: border-box;
|
|
52198
|
+
text-overflow: ellipsis;
|
|
52199
|
+
vertical-align: middle;
|
|
52200
|
+
position: relative;
|
|
52201
|
+
text-align: left;
|
|
52202
|
+
}
|
|
52203
|
+
.base-table .base-table__cell.is-center {
|
|
52204
|
+
text-align: center;
|
|
52205
|
+
}
|
|
52206
|
+
.base-table .base-table__cell.is-right {
|
|
52207
|
+
text-align: right;
|
|
52208
|
+
}
|
|
52209
|
+
.base-table .base-table__cell.gutter {
|
|
52210
|
+
width: 15px;
|
|
52211
|
+
border-right-width: 0;
|
|
52212
|
+
border-bottom-width: 0;
|
|
52213
|
+
padding: 0;
|
|
52214
|
+
}
|
|
52215
|
+
.base-table .base-table__cell.is-hidden > * {
|
|
52216
|
+
visibility: hidden;
|
|
52217
|
+
}
|
|
52218
|
+
.base-table--medium .base-table__cell {
|
|
52219
|
+
padding: 10px 0;
|
|
52220
|
+
}
|
|
52221
|
+
.base-table--small {
|
|
52222
|
+
font-size: 12px;
|
|
52223
|
+
}
|
|
52224
|
+
.base-table--small .base-table__cell {
|
|
52225
|
+
padding: 8px 0;
|
|
52226
|
+
}
|
|
52227
|
+
.base-table--mini {
|
|
52228
|
+
font-size: 12px;
|
|
52229
|
+
}
|
|
52230
|
+
.base-table--mini .base-table__cell {
|
|
52231
|
+
padding: 6px 0;
|
|
52232
|
+
}
|
|
52233
|
+
.base-table tr {
|
|
52234
|
+
background-color: #FFFFFF;
|
|
52235
|
+
}
|
|
52236
|
+
.base-table tr input[type=checkbox] {
|
|
52237
|
+
margin: 0;
|
|
52238
|
+
}
|
|
52239
|
+
.base-table th.base-table__cell.is-leaf,
|
|
52240
|
+
.base-table td.base-table__cell {
|
|
52241
|
+
border-bottom: 1px solid #EBEEF5;
|
|
52242
|
+
}
|
|
52243
|
+
.base-table th.base-table__cell.is-sortable {
|
|
52244
|
+
cursor: pointer;
|
|
52245
|
+
}
|
|
52246
|
+
.base-table th.base-table__cell {
|
|
52247
|
+
overflow: hidden;
|
|
52248
|
+
user-select: none;
|
|
52249
|
+
background-color: #FFFFFF;
|
|
52250
|
+
}
|
|
52251
|
+
.base-table th.base-table__cell > .cell {
|
|
52252
|
+
display: inline-block;
|
|
52253
|
+
box-sizing: border-box;
|
|
52254
|
+
position: relative;
|
|
52255
|
+
vertical-align: middle;
|
|
52256
|
+
padding-left: 10px;
|
|
52257
|
+
padding-right: 10px;
|
|
52258
|
+
width: 100%;
|
|
52259
|
+
}
|
|
52260
|
+
.base-table th.base-table__cell > .cell.highlight {
|
|
52261
|
+
color: #2F3A91;
|
|
52262
|
+
}
|
|
52263
|
+
.base-table th.base-table__cell.required > div::before {
|
|
52264
|
+
display: inline-block;
|
|
52265
|
+
content: "";
|
|
52266
|
+
width: 8px;
|
|
52267
|
+
height: 8px;
|
|
52268
|
+
border-radius: 50%;
|
|
52269
|
+
background: #ff4d51;
|
|
52270
|
+
margin-right: 5px;
|
|
52271
|
+
vertical-align: middle;
|
|
52272
|
+
}
|
|
52273
|
+
.base-table td.base-table__cell div {
|
|
52274
|
+
box-sizing: border-box;
|
|
52275
|
+
}
|
|
52276
|
+
.base-table td.base-table__cell.gutter {
|
|
52277
|
+
width: 0;
|
|
52278
|
+
}
|
|
52279
|
+
.base-table .cell {
|
|
52280
|
+
box-sizing: border-box;
|
|
52281
|
+
overflow: hidden;
|
|
52282
|
+
text-overflow: ellipsis;
|
|
52283
|
+
white-space: normal;
|
|
52284
|
+
word-break: break-all;
|
|
52285
|
+
line-height: 23px;
|
|
52286
|
+
padding-left: 10px;
|
|
52287
|
+
padding-right: 10px;
|
|
52288
|
+
}
|
|
52289
|
+
.base-table .cell.base-tooltip {
|
|
52290
|
+
white-space: nowrap;
|
|
52291
|
+
min-width: 50px;
|
|
52292
|
+
}
|
|
52293
|
+
.base-table--group, .base-table--border {
|
|
52294
|
+
border: 1px solid #EBEEF5;
|
|
52295
|
+
}
|
|
52296
|
+
.base-table--group::after, .base-table--border::after, .base-table::before {
|
|
52297
|
+
content: "";
|
|
52298
|
+
position: absolute;
|
|
52299
|
+
background-color: #EBEEF5;
|
|
52300
|
+
z-index: 1;
|
|
52301
|
+
}
|
|
52302
|
+
.base-table--group::after, .base-table--border::after {
|
|
52303
|
+
top: 0;
|
|
52304
|
+
right: 0;
|
|
52305
|
+
width: 1px;
|
|
52306
|
+
height: 100%;
|
|
52307
|
+
}
|
|
52308
|
+
.base-table::before {
|
|
52309
|
+
left: 0;
|
|
52310
|
+
bottom: 0;
|
|
52311
|
+
width: 100%;
|
|
52312
|
+
height: 1px;
|
|
52313
|
+
}
|
|
52314
|
+
.base-table--border {
|
|
52315
|
+
border-right: none;
|
|
52316
|
+
border-bottom: none;
|
|
52317
|
+
}
|
|
52318
|
+
.base-table--border.base-loading-parent--relative {
|
|
52319
|
+
border-color: transparent;
|
|
52320
|
+
}
|
|
52321
|
+
.base-table--border .base-table__cell {
|
|
52322
|
+
border-right: 1px solid #EBEEF5;
|
|
52323
|
+
}
|
|
52324
|
+
.base-table--border .base-table__cell:first-child .cell {
|
|
52325
|
+
padding-left: 10px;
|
|
52326
|
+
}
|
|
52327
|
+
.base-table--border th.base-table__cell.gutter:last-of-type {
|
|
52328
|
+
border-bottom: 1px solid #EBEEF5;
|
|
52329
|
+
border-bottom-width: 1px;
|
|
52330
|
+
}
|
|
52331
|
+
.base-table--border th.base-table__cell {
|
|
52332
|
+
border-bottom: 1px solid #EBEEF5;
|
|
52333
|
+
}
|
|
52334
|
+
.base-table--hidden {
|
|
52335
|
+
visibility: hidden;
|
|
52336
|
+
}
|
|
52337
|
+
.base-table__fixed, .base-table__fixed-right {
|
|
52338
|
+
position: absolute;
|
|
52339
|
+
top: 0;
|
|
52340
|
+
left: 0;
|
|
52341
|
+
overflow-x: hidden;
|
|
52342
|
+
overflow-y: hidden;
|
|
52343
|
+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
|
|
52344
|
+
}
|
|
52345
|
+
.base-table__fixed::before, .base-table__fixed-right::before {
|
|
52346
|
+
content: "";
|
|
52347
|
+
position: absolute;
|
|
52348
|
+
left: 0;
|
|
52349
|
+
bottom: 0;
|
|
52350
|
+
width: 100%;
|
|
52351
|
+
height: 1px;
|
|
52352
|
+
background-color: #EBEEF5;
|
|
52353
|
+
z-index: 4;
|
|
52354
|
+
}
|
|
52355
|
+
.base-table__fixed-right-patch {
|
|
52356
|
+
position: absolute;
|
|
52357
|
+
top: -1px;
|
|
52358
|
+
right: 0;
|
|
52359
|
+
background-color: #FFFFFF;
|
|
52360
|
+
border-bottom: 1px solid #EBEEF5;
|
|
52361
|
+
}
|
|
52362
|
+
.base-table__fixed-right {
|
|
52363
|
+
top: 0;
|
|
52364
|
+
left: auto;
|
|
52365
|
+
right: 0;
|
|
52366
|
+
}
|
|
52367
|
+
.base-table__fixed-right .base-table__fixed-header-wrapper,
|
|
52368
|
+
.base-table__fixed-right .base-table__fixed-body-wrapper,
|
|
52369
|
+
.base-table__fixed-right .base-table__fixed-footer-wrapper {
|
|
52370
|
+
left: auto;
|
|
52371
|
+
right: 0;
|
|
52372
|
+
}
|
|
52373
|
+
.base-table__fixed-header-wrapper {
|
|
52374
|
+
position: absolute;
|
|
52375
|
+
left: 0;
|
|
52376
|
+
top: 0;
|
|
52377
|
+
z-index: 3;
|
|
52378
|
+
}
|
|
52379
|
+
.base-table__fixed-footer-wrapper {
|
|
52380
|
+
position: absolute;
|
|
52381
|
+
left: 0;
|
|
52382
|
+
bottom: 0;
|
|
52383
|
+
z-index: 3;
|
|
52384
|
+
}
|
|
52385
|
+
.base-table__fixed-footer-wrapper tbody td.base-table__cell {
|
|
52386
|
+
border-top: 1px solid #EBEEF5;
|
|
52387
|
+
background-color: #F3F5F8;
|
|
52388
|
+
color: #646464;
|
|
52389
|
+
}
|
|
52390
|
+
.base-table__fixed-body-wrapper {
|
|
52391
|
+
position: absolute;
|
|
52392
|
+
left: 0;
|
|
52393
|
+
top: 37px;
|
|
52394
|
+
overflow: hidden;
|
|
52395
|
+
z-index: 3;
|
|
52396
|
+
}
|
|
52397
|
+
.base-table__header-wrapper, .base-table__body-wrapper, .base-table__footer-wrapper {
|
|
52398
|
+
width: 100%;
|
|
52399
|
+
}
|
|
52400
|
+
.base-table__footer-wrapper {
|
|
52401
|
+
margin-top: -1px;
|
|
52402
|
+
}
|
|
52403
|
+
.base-table__footer-wrapper td.base-table__cell {
|
|
52404
|
+
border-top: 1px solid #EBEEF5;
|
|
52405
|
+
}
|
|
52406
|
+
.base-table__header, .base-table__body, .base-table__footer {
|
|
52407
|
+
table-layout: fixed;
|
|
52408
|
+
border-collapse: separate;
|
|
52409
|
+
}
|
|
52410
|
+
.base-table__header-wrapper, .base-table__footer-wrapper {
|
|
52411
|
+
overflow: hidden;
|
|
52412
|
+
}
|
|
52413
|
+
.base-table__header-wrapper tbody td.base-table__cell, .base-table__footer-wrapper tbody td.base-table__cell {
|
|
52414
|
+
background-color: #F3F5F8;
|
|
52415
|
+
color: #646464;
|
|
52416
|
+
}
|
|
52417
|
+
.base-table__body-wrapper {
|
|
52418
|
+
overflow: hidden;
|
|
52419
|
+
position: relative;
|
|
52420
|
+
}
|
|
52421
|
+
.base-table__body-wrapper.is-scrolling-none ~ .base-table__fixed,
|
|
52422
|
+
.base-table__body-wrapper.is-scrolling-none ~ .base-table__fixed-right {
|
|
52423
|
+
box-shadow: none;
|
|
52424
|
+
}
|
|
52425
|
+
.base-table__body-wrapper.is-scrolling-left ~ .base-table__fixed {
|
|
52426
|
+
box-shadow: none;
|
|
52427
|
+
}
|
|
52428
|
+
.base-table__body-wrapper.is-scrolling-right ~ .base-table__fixed-right {
|
|
52429
|
+
box-shadow: none;
|
|
52430
|
+
}
|
|
52431
|
+
.base-table__body-wrapper .base-table--border.is-scrolling-right ~ .base-table__fixed-right {
|
|
52432
|
+
border-left: 1px solid #EBEEF5;
|
|
52433
|
+
}
|
|
52434
|
+
.base-table__body-wrapper .base-table--border.is-scrolling-left ~ .base-table__fixed {
|
|
52435
|
+
border-right: 1px solid #EBEEF5;
|
|
52436
|
+
}
|
|
52437
|
+
.base-table .caret-wrapper {
|
|
52438
|
+
display: inline-flex;
|
|
52439
|
+
flex-direction: column;
|
|
52440
|
+
align-items: center;
|
|
52441
|
+
height: 34px;
|
|
52442
|
+
width: 24px;
|
|
52443
|
+
vertical-align: middle;
|
|
52444
|
+
cursor: pointer;
|
|
52445
|
+
overflow: initial;
|
|
52446
|
+
position: relative;
|
|
52447
|
+
}
|
|
52448
|
+
.base-table .sort-caret {
|
|
52449
|
+
width: 0;
|
|
52450
|
+
height: 0;
|
|
52451
|
+
border: solid 5px transparent;
|
|
52452
|
+
position: absolute;
|
|
52453
|
+
left: 7px;
|
|
52454
|
+
}
|
|
52455
|
+
.base-table .sort-caret.ascending {
|
|
52456
|
+
border-bottom-color: #8590a6;
|
|
52457
|
+
top: 5px;
|
|
52458
|
+
}
|
|
52459
|
+
.base-table .sort-caret.descending {
|
|
52460
|
+
border-top-color: #8590a6;
|
|
52461
|
+
bottom: 7px;
|
|
52462
|
+
}
|
|
52463
|
+
.base-table .ascending .sort-caret.ascending {
|
|
52464
|
+
border-bottom-color: #2F3A91;
|
|
52465
|
+
}
|
|
52466
|
+
.base-table .descending .sort-caret.descending {
|
|
52467
|
+
border-top-color: #2F3A91;
|
|
52468
|
+
}
|
|
52469
|
+
.base-table .hidden-columns {
|
|
52470
|
+
visibility: hidden;
|
|
52471
|
+
position: absolute;
|
|
52472
|
+
z-index: -1;
|
|
52473
|
+
}
|
|
52474
|
+
.base-table--striped .base-table__body tr.base-table__row--striped td.base-table__cell {
|
|
52475
|
+
background: #FAFAFA;
|
|
52476
|
+
}
|
|
52477
|
+
.base-table--striped .base-table__body tr.base-table__row--striped.current-row td.base-table__cell {
|
|
52478
|
+
background-color: #eaebf4;
|
|
52479
|
+
}
|
|
52480
|
+
.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 {
|
|
52481
|
+
background-color: #F3F5F8;
|
|
52482
|
+
}
|
|
52483
|
+
.base-table__body tr.current-row > td.base-table__cell {
|
|
52484
|
+
background-color: #eaebf4;
|
|
52485
|
+
}
|
|
52486
|
+
.base-table__column-resize-proxy {
|
|
52487
|
+
position: absolute;
|
|
52488
|
+
left: 200px;
|
|
52489
|
+
top: 0;
|
|
52490
|
+
bottom: 0;
|
|
52491
|
+
width: 0;
|
|
52492
|
+
border-left: 1px solid #EBEEF5;
|
|
52493
|
+
z-index: 10;
|
|
52494
|
+
}
|
|
52495
|
+
.base-table__column-filter-trigger {
|
|
52496
|
+
display: inline-block;
|
|
52497
|
+
line-height: 34px;
|
|
52498
|
+
cursor: pointer;
|
|
52499
|
+
}
|
|
52500
|
+
.base-table__column-filter-trigger i {
|
|
52501
|
+
color: #8590a6;
|
|
52502
|
+
font-size: 12px;
|
|
52503
|
+
transform: scale(0.75);
|
|
52504
|
+
}
|
|
52505
|
+
.base-table--enable-row-transition .base-table__body td.base-table__cell {
|
|
52506
|
+
transition: background-color 0.25s ease;
|
|
52507
|
+
}
|
|
52508
|
+
.base-table--enable-row-hover .base-table__body tr:hover > td.base-table__cell {
|
|
52509
|
+
background-color: #F3F5F8;
|
|
52510
|
+
}
|
|
52511
|
+
.base-table--fluid-height .base-table__fixed,
|
|
52512
|
+
.base-table--fluid-height .base-table__fixed-right {
|
|
52513
|
+
bottom: 0;
|
|
52514
|
+
overflow: hidden;
|
|
52515
|
+
}
|
|
52516
|
+
.base-table [class*=base-table__row--level] .base-table__expand-icon {
|
|
52517
|
+
display: inline-block;
|
|
52518
|
+
width: 20px;
|
|
52519
|
+
line-height: 20px;
|
|
52520
|
+
height: 20px;
|
|
52521
|
+
text-align: center;
|
|
52522
|
+
margin-right: 3px;
|
|
52523
|
+
}
|
|
52524
|
+
|
|
52525
|
+
|
|
52526
|
+
|
|
52527
|
+
|
|
52528
|
+
|
|
52529
|
+
|
|
52530
|
+
|
|
52531
|
+
|
|
52532
|
+
|
|
52533
|
+
|
|
52534
|
+
|
|
52535
|
+
:export {
|
|
52536
|
+
primary: #2F3A91;
|
|
52537
|
+
success: #67C23A;
|
|
52538
|
+
warning: #FF791A;
|
|
52539
|
+
danger: #F1403C;
|
|
52540
|
+
info: #8590a6;
|
|
52541
|
+
}
|
|
52542
|
+
|
|
52543
|
+
|
|
52544
|
+
|
|
52545
|
+
|
|
52546
|
+
|
|
52547
|
+
|
|
52548
|
+
|
|
52549
|
+
|
|
52550
|
+
|
|
52551
|
+
|
|
52552
|
+
|
|
52553
|
+
|
|
52554
|
+
|
|
52555
|
+
|
|
52556
|
+
|
|
52557
|
+
|
|
52558
|
+
|
|
52559
|
+
|
|
52560
|
+
|
|
52561
|
+
|
|
52562
|
+
|
|
52563
|
+
|
|
52564
|
+
|
|
52565
|
+
|
|
52566
|
+
|
|
52567
|
+
|
|
52568
|
+
|
|
52569
|
+
|
|
52570
|
+
|
|
52571
|
+
|
|
52572
|
+
|
|
52573
|
+
|
|
52574
|
+
|
|
52575
|
+
|
|
52576
|
+
|
|
52577
|
+
|
|
52578
|
+
|
|
52579
|
+
|
|
52580
|
+
|
|
52581
|
+
|
|
52582
|
+
|
|
52583
|
+
|
|
52584
|
+
|
|
52585
|
+
|
|
52586
|
+
|
|
52587
|
+
|
|
52588
|
+
|
|
52589
|
+
|
|
52590
|
+
|
|
52591
|
+
|
|
52592
|
+
|
|
52593
|
+
|
|
52594
|
+
|
|
52595
|
+
|
|
52596
|
+
|
|
52597
|
+
|
|
52598
|
+
|
|
52599
|
+
|
|
52600
|
+
|
|
52601
|
+
|
|
52602
|
+
|
|
52603
|
+
|
|
52604
|
+
|
|
52605
|
+
|
|
52606
|
+
|
|
52607
|
+
|
|
52608
|
+
|
|
52609
|
+
|
|
52610
|
+
|
|
52611
|
+
|
|
52612
|
+
|
|
52613
|
+
|
|
52614
|
+
:export {
|
|
52615
|
+
primary: #2F3A91;
|
|
52616
|
+
success: #67C23A;
|
|
52617
|
+
warning: #FF791A;
|
|
52618
|
+
danger: #F1403C;
|
|
52619
|
+
info: #8590a6;
|
|
52620
|
+
}
|
|
52621
|
+
|
|
52622
|
+
|
|
52623
|
+
|
|
52624
|
+
|
|
52625
|
+
|
|
52626
|
+
|
|
52627
|
+
|
|
52628
|
+
|
|
52629
|
+
|
|
52630
|
+
|
|
52631
|
+
|
|
52632
|
+
|
|
52633
|
+
|
|
52634
|
+
|
|
52635
|
+
|
|
52636
|
+
|
|
52637
|
+
|
|
52638
|
+
|
|
52639
|
+
|
|
52640
|
+
|
|
52641
|
+
|
|
52642
|
+
|
|
52643
|
+
|
|
52644
|
+
|
|
52645
|
+
|
|
52646
|
+
|
|
52647
|
+
|
|
52648
|
+
|
|
52649
|
+
|
|
52650
|
+
|
|
52651
|
+
|
|
52652
|
+
|
|
52653
|
+
|
|
52654
|
+
|
|
52655
|
+
|
|
52656
|
+
|
|
52657
|
+
|
|
52658
|
+
|
|
52659
|
+
|
|
52660
|
+
|
|
52661
|
+
|
|
52662
|
+
|
|
52663
|
+
|
|
52664
|
+
|
|
52665
|
+
|
|
52666
|
+
|
|
52667
|
+
|
|
52668
|
+
|
|
52669
|
+
|
|
52670
|
+
|
|
52671
|
+
|
|
52672
|
+
|
|
52673
|
+
|
|
52674
|
+
|
|
52675
|
+
|
|
52676
|
+
|
|
52677
|
+
|
|
52678
|
+
|
|
52679
|
+
|
|
52680
|
+
|
|
52681
|
+
|
|
52682
|
+
|
|
52683
|
+
|
|
52684
|
+
|
|
52685
|
+
|
|
52686
|
+
|
|
52687
|
+
|
|
52688
|
+
|
|
52689
|
+
:export {
|
|
52690
|
+
primary: #2F3A91;
|
|
52691
|
+
success: #67C23A;
|
|
52692
|
+
warning: #FF791A;
|
|
52693
|
+
danger: #F1403C;
|
|
52694
|
+
info: #8590a6;
|
|
52695
|
+
}
|
|
52696
|
+
|
|
52697
|
+
|
|
52698
|
+
|
|
52699
|
+
|
|
52700
|
+
|
|
52701
|
+
|
|
52702
|
+
|
|
52703
|
+
|
|
52704
|
+
|
|
52705
|
+
|
|
52706
|
+
|
|
52707
|
+
|
|
52708
|
+
|
|
52709
|
+
|
|
52710
|
+
|
|
52711
|
+
|
|
52712
|
+
|
|
52713
|
+
|
|
52714
|
+
|
|
52715
|
+
|
|
52716
|
+
|
|
52717
|
+
|
|
52718
|
+
|
|
52719
|
+
|
|
52720
|
+
|
|
52721
|
+
|
|
52722
|
+
|
|
52723
|
+
|
|
52724
|
+
|
|
52725
|
+
|
|
52726
|
+
|
|
52727
|
+
|
|
52728
|
+
|
|
52729
|
+
|
|
52730
|
+
|
|
52731
|
+
|
|
52732
|
+
|
|
52733
|
+
|
|
52734
|
+
|
|
52735
|
+
|
|
52736
|
+
|
|
52737
|
+
|
|
52738
|
+
|
|
52739
|
+
|
|
52740
|
+
|
|
52741
|
+
|
|
52742
|
+
|
|
52743
|
+
|
|
52744
|
+
|
|
52745
|
+
|
|
52746
|
+
|
|
52747
|
+
|
|
52748
|
+
|
|
52749
|
+
|
|
52750
|
+
|
|
52751
|
+
|
|
52752
|
+
|
|
52753
|
+
|
|
52754
|
+
|
|
52755
|
+
|
|
52756
|
+
|
|
52757
|
+
|
|
52758
|
+
|
|
52759
|
+
|
|
52760
|
+
|
|
52761
|
+
|
|
52762
|
+
|
|
52763
|
+
|
|
52764
|
+
|
|
52765
|
+
|
|
52766
|
+
|
|
52767
|
+
|
|
52768
|
+
:export {
|
|
52769
|
+
primary: #2F3A91;
|
|
52770
|
+
success: #67C23A;
|
|
52771
|
+
warning: #FF791A;
|
|
52772
|
+
danger: #F1403C;
|
|
52773
|
+
info: #8590a6;
|
|
52774
|
+
}
|
|
52775
|
+
|
|
52776
|
+
|
|
52777
|
+
|
|
52778
|
+
|
|
52779
|
+
|
|
52780
|
+
|
|
52781
|
+
|
|
52782
|
+
|
|
52783
|
+
|
|
52784
|
+
|
|
52785
|
+
|
|
52786
|
+
|
|
52787
|
+
|
|
52788
|
+
|
|
52789
|
+
|
|
52790
|
+
|
|
52791
|
+
|
|
52792
|
+
|
|
52793
|
+
|
|
52794
|
+
|
|
52795
|
+
|
|
52796
|
+
|
|
52797
|
+
|
|
52798
|
+
|
|
52799
|
+
|
|
52800
|
+
|
|
52801
|
+
|
|
52802
|
+
|
|
52803
|
+
|
|
52804
|
+
|
|
52805
|
+
|
|
52806
|
+
|
|
52807
|
+
|
|
52808
|
+
|
|
52809
|
+
|
|
52810
|
+
|
|
52811
|
+
|
|
52812
|
+
|
|
52813
|
+
|
|
52814
|
+
|
|
52815
|
+
|
|
52816
|
+
|
|
52817
|
+
|
|
52818
|
+
|
|
52819
|
+
|
|
52820
|
+
|
|
52821
|
+
|
|
52822
|
+
|
|
52823
|
+
|
|
52824
|
+
|
|
52825
|
+
|
|
52826
|
+
|
|
52827
|
+
|
|
52828
|
+
|
|
52829
|
+
|
|
52830
|
+
|
|
52831
|
+
|
|
52832
|
+
|
|
52833
|
+
|
|
52834
|
+
|
|
52835
|
+
|
|
52836
|
+
|
|
52837
|
+
|
|
52838
|
+
|
|
52839
|
+
|
|
52840
|
+
|
|
52841
|
+
|
|
52842
|
+
|
|
52843
|
+
:export {
|
|
52844
|
+
primary: #2F3A91;
|
|
52845
|
+
success: #67C23A;
|
|
52846
|
+
warning: #FF791A;
|
|
52847
|
+
danger: #F1403C;
|
|
52848
|
+
info: #8590a6;
|
|
52849
|
+
}
|
|
52850
|
+
|
|
52851
|
+
|
|
52852
|
+
|
|
52853
|
+
|
|
52854
|
+
|
|
52855
|
+
|
|
52856
|
+
|
|
52857
|
+
|
|
52858
|
+
|
|
52859
|
+
|
|
52860
|
+
|
|
52861
|
+
|
|
52862
|
+
|
|
52863
|
+
|
|
52864
|
+
|
|
52865
|
+
|
|
52866
|
+
|
|
52867
|
+
|
|
52868
|
+
|
|
52869
|
+
|
|
52870
|
+
|
|
52871
|
+
|
|
52872
|
+
|
|
52873
|
+
|
|
52874
|
+
|
|
52875
|
+
|
|
52876
|
+
|
|
52877
|
+
|
|
52878
|
+
|
|
52879
|
+
|
|
52880
|
+
|
|
52881
|
+
|
|
52882
|
+
|
|
52883
|
+
|
|
52884
|
+
|
|
52885
|
+
|
|
52886
|
+
|
|
52887
|
+
|
|
52888
|
+
|
|
52889
|
+
|
|
52890
|
+
|
|
52891
|
+
|
|
52892
|
+
|
|
52893
|
+
|
|
52894
|
+
|
|
52895
|
+
|
|
52896
|
+
|
|
52897
|
+
|
|
52898
|
+
|
|
52899
|
+
|
|
52900
|
+
|
|
52901
|
+
|
|
52902
|
+
|
|
52903
|
+
|
|
52904
|
+
|
|
52905
|
+
|
|
52906
|
+
|
|
52907
|
+
|
|
52908
|
+
|
|
52909
|
+
|
|
52910
|
+
|
|
52911
|
+
.base-button {
|
|
52912
|
+
display: inline-block;
|
|
52913
|
+
line-height: 1;
|
|
52914
|
+
white-space: nowrap;
|
|
52915
|
+
cursor: pointer;
|
|
52916
|
+
background: #FFFFFF;
|
|
52917
|
+
height: 40px;
|
|
52918
|
+
color: #646464;
|
|
52919
|
+
-webkit-appearance: none;
|
|
52920
|
+
text-align: center;
|
|
52921
|
+
box-sizing: border-box;
|
|
52922
|
+
outline: none;
|
|
52923
|
+
margin: 0;
|
|
52924
|
+
transition: 0.1s;
|
|
52925
|
+
font-weight: 500;
|
|
52926
|
+
-moz-user-select: none;
|
|
52927
|
+
-webkit-user-select: none;
|
|
52928
|
+
-ms-user-select: none;
|
|
52929
|
+
padding: 0 20px;
|
|
52930
|
+
font-size: 14px;
|
|
52931
|
+
border-radius: 4px;
|
|
52932
|
+
}
|
|
52933
|
+
.base-button + .base-button {
|
|
52934
|
+
margin-left: 10px;
|
|
52935
|
+
}
|
|
52936
|
+
.base-button.is-round {
|
|
52937
|
+
padding: 0 20px;
|
|
52938
|
+
}
|
|
52939
|
+
.base-button:hover, .base-button:focus {
|
|
52940
|
+
color: #2F3A91;
|
|
52941
|
+
border-color: #c1c4de;
|
|
52942
|
+
background-color: #eaebf4;
|
|
52943
|
+
}
|
|
52944
|
+
.base-button:active {
|
|
52945
|
+
color: #2a3483;
|
|
52946
|
+
border-color: #2a3483;
|
|
52947
|
+
outline: none;
|
|
52948
|
+
}
|
|
52949
|
+
.base-button::-moz-focus-inner {
|
|
52950
|
+
border: 0;
|
|
52951
|
+
}
|
|
52952
|
+
.base-button [class*=base-icon-] + span {
|
|
52953
|
+
margin-left: 5px;
|
|
52954
|
+
}
|
|
52955
|
+
.base-button.is-light {
|
|
52956
|
+
border: thin solid #8590a6;
|
|
52957
|
+
color: #8590a6;
|
|
52958
|
+
}
|
|
52959
|
+
.base-button.is-light:hover {
|
|
52960
|
+
background: rgba(133, 144, 166, 0.06) !important;
|
|
52961
|
+
border-color: #8590a6 !important;
|
|
52962
|
+
color: #8590a6 !important;
|
|
52963
|
+
}
|
|
52964
|
+
.base-button.is-light:focus, .base-button.is-light:active {
|
|
52965
|
+
background: rgba(133, 144, 166, 0.06) !important;
|
|
52966
|
+
border-color: #8590a6 !important;
|
|
52967
|
+
color: #8590a6 !important;
|
|
52968
|
+
outline: none;
|
|
52969
|
+
}
|
|
52970
|
+
.base-button.is-plain:hover {
|
|
52971
|
+
background: #F3F5F8;
|
|
52972
|
+
border-color: #F3F5F8;
|
|
52973
|
+
color: #646464;
|
|
52974
|
+
}
|
|
52975
|
+
.base-button.is-plain:focus, .base-button.is-plain:active {
|
|
52976
|
+
background: rgba(0, 0, 0, 0.06);
|
|
52977
|
+
border-color: rgba(0, 0, 0, 0.06);
|
|
52978
|
+
color: #121212;
|
|
52979
|
+
outline: none;
|
|
52980
|
+
}
|
|
52981
|
+
.base-button.is-plain i {
|
|
52982
|
+
font-weight: 600;
|
|
52983
|
+
}
|
|
52984
|
+
.base-button.is-active {
|
|
52985
|
+
color: #2a3483;
|
|
52986
|
+
border-color: #2a3483;
|
|
52987
|
+
}
|
|
52988
|
+
.base-button.is-disabled, .base-button.is-disabled:hover, .base-button.is-disabled:focus {
|
|
52989
|
+
color: #8590a6;
|
|
52990
|
+
cursor: not-allowed;
|
|
52991
|
+
background-image: none;
|
|
52992
|
+
background-color: #FFFFFF;
|
|
52993
|
+
border-color: #EBEEF5;
|
|
52994
|
+
}
|
|
52995
|
+
.base-button.is-disabled.base-button--text {
|
|
52996
|
+
background-color: transparent;
|
|
52997
|
+
}
|
|
52998
|
+
.base-button.is-disabled.is-plain, .base-button.is-disabled.is-plain:hover, .base-button.is-disabled.is-plain:focus {
|
|
52999
|
+
background-color: #FFFFFF;
|
|
53000
|
+
border-color: #EBEEF5;
|
|
53001
|
+
color: #8590a6;
|
|
53002
|
+
}
|
|
53003
|
+
.base-button.is-loading {
|
|
53004
|
+
position: relative;
|
|
53005
|
+
pointer-events: none;
|
|
53006
|
+
}
|
|
53007
|
+
.base-button.is-loading:before {
|
|
53008
|
+
pointer-events: none;
|
|
53009
|
+
content: "";
|
|
53010
|
+
position: absolute;
|
|
53011
|
+
left: -1px;
|
|
53012
|
+
top: -1px;
|
|
53013
|
+
right: -1px;
|
|
53014
|
+
bottom: -1px;
|
|
53015
|
+
border-radius: inherit;
|
|
53016
|
+
background-color: rgba(255, 255, 255, 0.35);
|
|
53017
|
+
}
|
|
53018
|
+
.base-button.is-round {
|
|
53019
|
+
border-radius: 20px;
|
|
53020
|
+
padding: 12px 23px;
|
|
53021
|
+
}
|
|
53022
|
+
.base-button.is-circle {
|
|
53023
|
+
border-radius: 50%;
|
|
53024
|
+
padding: 0;
|
|
53025
|
+
}
|
|
53026
|
+
.base-button--primary {
|
|
53027
|
+
color: #FFFFFF;
|
|
53028
|
+
background-color: #2F3A91;
|
|
53029
|
+
border-color: #2F3A91;
|
|
53030
|
+
}
|
|
53031
|
+
.base-button--primary:hover, .base-button--primary:focus {
|
|
53032
|
+
background: #5961a7 !important;
|
|
53033
|
+
border-color: #5961a7 !important;
|
|
53034
|
+
color: #FFFFFF !important;
|
|
53035
|
+
}
|
|
53036
|
+
.base-button--primary:active {
|
|
53037
|
+
background: #2a3483 !important;
|
|
53038
|
+
border-color: #2a3483 !important;
|
|
53039
|
+
color: #FFFFFF !important;
|
|
53040
|
+
outline: none !important;
|
|
53041
|
+
}
|
|
53042
|
+
.base-button--primary.is-active {
|
|
53043
|
+
background: #2a3483 !important;
|
|
53044
|
+
border-color: #2a3483 !important;
|
|
53045
|
+
color: #FFFFFF !important;
|
|
53046
|
+
}
|
|
53047
|
+
.base-button--primary.is-disabled, .base-button--primary.is-disabled:hover, .base-button--primary.is-disabled:focus, .base-button--primary.is-disabled:active {
|
|
53048
|
+
color: #FFFFFF !important;
|
|
53049
|
+
background-color: #979dc8 !important;
|
|
53050
|
+
border-color: #979dc8 !important;
|
|
53051
|
+
}
|
|
53052
|
+
.base-button--primary.is-plain {
|
|
53053
|
+
color: #2F3A91;
|
|
53054
|
+
background: #eaebf4;
|
|
53055
|
+
border-color: #acb0d3;
|
|
53056
|
+
}
|
|
53057
|
+
.base-button--primary.is-plain:hover, .base-button--primary.is-plain:focus {
|
|
53058
|
+
background: #2F3A91;
|
|
53059
|
+
border-color: #2F3A91;
|
|
53060
|
+
color: #FFFFFF;
|
|
53061
|
+
}
|
|
53062
|
+
.base-button--primary.is-plain:active {
|
|
53063
|
+
background: #2a3483;
|
|
53064
|
+
border-color: #2a3483;
|
|
53065
|
+
color: #FFFFFF;
|
|
53066
|
+
outline: none;
|
|
53067
|
+
}
|
|
53068
|
+
.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 {
|
|
53069
|
+
color: #8289bd;
|
|
53070
|
+
background-color: #eaebf4;
|
|
53071
|
+
border-color: #d5d8e9;
|
|
53072
|
+
}
|
|
53073
|
+
.base-button--primary.is-light {
|
|
53074
|
+
border-color: #2F3A91;
|
|
53075
|
+
color: #2F3A91;
|
|
53076
|
+
background-color: #FFFFFF;
|
|
53077
|
+
}
|
|
53078
|
+
.base-button--primary.is-light:hover {
|
|
53079
|
+
border-color: #2F3A91 !important;
|
|
53080
|
+
color: #2F3A91 !important;
|
|
53081
|
+
background: #eaebf4 !important;
|
|
53082
|
+
}
|
|
53083
|
+
.base-button--primary.is-light:focus, .base-button--primary.is-light:active {
|
|
53084
|
+
border-color: #2F3A91 !important;
|
|
53085
|
+
color: #2F3A91 !important;
|
|
53086
|
+
background: #eaebf4 !important;
|
|
53087
|
+
}
|
|
53088
|
+
.base-button--success {
|
|
53089
|
+
color: #FFFFFF;
|
|
53090
|
+
background-color: #67C23A;
|
|
53091
|
+
border-color: #67C23A;
|
|
53092
|
+
}
|
|
53093
|
+
.base-button--success:hover, .base-button--success:focus {
|
|
53094
|
+
background: #85ce61 !important;
|
|
53095
|
+
border-color: #85ce61 !important;
|
|
53096
|
+
color: #FFFFFF !important;
|
|
53097
|
+
}
|
|
53098
|
+
.base-button--success:active {
|
|
53099
|
+
background: #5daf34 !important;
|
|
53100
|
+
border-color: #5daf34 !important;
|
|
53101
|
+
color: #FFFFFF !important;
|
|
53102
|
+
outline: none !important;
|
|
53103
|
+
}
|
|
53104
|
+
.base-button--success.is-active {
|
|
53105
|
+
background: #5daf34 !important;
|
|
53106
|
+
border-color: #5daf34 !important;
|
|
53107
|
+
color: #FFFFFF !important;
|
|
53108
|
+
}
|
|
53109
|
+
.base-button--success.is-disabled, .base-button--success.is-disabled:hover, .base-button--success.is-disabled:focus, .base-button--success.is-disabled:active {
|
|
53110
|
+
color: #FFFFFF !important;
|
|
53111
|
+
background-color: #b3e19d !important;
|
|
53112
|
+
border-color: #b3e19d !important;
|
|
53113
|
+
}
|
|
53114
|
+
.base-button--success.is-plain {
|
|
53115
|
+
color: #67C23A;
|
|
53116
|
+
background: #f0f9eb;
|
|
53117
|
+
border-color: #c2e7b0;
|
|
53118
|
+
}
|
|
53119
|
+
.base-button--success.is-plain:hover, .base-button--success.is-plain:focus {
|
|
53120
|
+
background: #67C23A;
|
|
53121
|
+
border-color: #67C23A;
|
|
53122
|
+
color: #FFFFFF;
|
|
53123
|
+
}
|
|
53124
|
+
.base-button--success.is-plain:active {
|
|
53125
|
+
background: #5daf34;
|
|
53126
|
+
border-color: #5daf34;
|
|
53127
|
+
color: #FFFFFF;
|
|
53128
|
+
outline: none;
|
|
53129
|
+
}
|
|
53130
|
+
.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 {
|
|
53131
|
+
color: #a4da89;
|
|
53132
|
+
background-color: #f0f9eb;
|
|
53133
|
+
border-color: #e1f3d8;
|
|
53134
|
+
}
|
|
53135
|
+
.base-button--warning {
|
|
53136
|
+
color: #FFFFFF;
|
|
53137
|
+
background-color: #FF791A;
|
|
53138
|
+
border-color: #FF791A;
|
|
53139
|
+
}
|
|
53140
|
+
.base-button--warning:hover, .base-button--warning:focus {
|
|
53141
|
+
background: #ff9448 !important;
|
|
53142
|
+
border-color: #ff9448 !important;
|
|
53143
|
+
color: #FFFFFF !important;
|
|
53144
|
+
}
|
|
53145
|
+
.base-button--warning:active {
|
|
53146
|
+
background: #e66d17 !important;
|
|
53147
|
+
border-color: #e66d17 !important;
|
|
53148
|
+
color: #FFFFFF !important;
|
|
53149
|
+
outline: none !important;
|
|
53150
|
+
}
|
|
53151
|
+
.base-button--warning.is-active {
|
|
53152
|
+
background: #e66d17 !important;
|
|
53153
|
+
border-color: #e66d17 !important;
|
|
53154
|
+
color: #FFFFFF !important;
|
|
53155
|
+
}
|
|
53156
|
+
.base-button--warning.is-disabled, .base-button--warning.is-disabled:hover, .base-button--warning.is-disabled:focus, .base-button--warning.is-disabled:active {
|
|
53157
|
+
color: #FFFFFF !important;
|
|
53158
|
+
background-color: #ffbc8d !important;
|
|
53159
|
+
border-color: #ffbc8d !important;
|
|
53160
|
+
}
|
|
53161
|
+
.base-button--warning.is-plain {
|
|
53162
|
+
color: #FF791A;
|
|
53163
|
+
background: #fff2e8;
|
|
53164
|
+
border-color: #ffc9a3;
|
|
53165
|
+
}
|
|
53166
|
+
.base-button--warning.is-plain:hover, .base-button--warning.is-plain:focus {
|
|
53167
|
+
background: #FF791A;
|
|
53168
|
+
border-color: #FF791A;
|
|
53169
|
+
color: #FFFFFF;
|
|
53170
|
+
}
|
|
53171
|
+
.base-button--warning.is-plain:active {
|
|
53172
|
+
background: #e66d17;
|
|
53173
|
+
border-color: #e66d17;
|
|
53174
|
+
color: #FFFFFF;
|
|
53175
|
+
outline: none;
|
|
53176
|
+
}
|
|
53177
|
+
.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 {
|
|
53178
|
+
color: #ffaf76;
|
|
53179
|
+
background-color: #fff2e8;
|
|
53180
|
+
border-color: #ffe4d1;
|
|
53181
|
+
}
|
|
53182
|
+
.base-button--danger {
|
|
53183
|
+
color: #FFFFFF;
|
|
53184
|
+
background-color: #F1403C;
|
|
53185
|
+
border-color: #F1403C;
|
|
53186
|
+
}
|
|
53187
|
+
.base-button--danger:hover, .base-button--danger:focus {
|
|
53188
|
+
background: #f46663 !important;
|
|
53189
|
+
border-color: #f46663 !important;
|
|
53190
|
+
color: #FFFFFF !important;
|
|
53191
|
+
}
|
|
53192
|
+
.base-button--danger:active {
|
|
53193
|
+
background: #d93a36 !important;
|
|
53194
|
+
border-color: #d93a36 !important;
|
|
53195
|
+
color: #FFFFFF !important;
|
|
53196
|
+
outline: none !important;
|
|
53197
|
+
}
|
|
53198
|
+
.base-button--danger.is-active {
|
|
53199
|
+
background: #d93a36 !important;
|
|
53200
|
+
border-color: #d93a36 !important;
|
|
53201
|
+
color: #FFFFFF !important;
|
|
53202
|
+
}
|
|
53203
|
+
.base-button--danger.is-disabled, .base-button--danger.is-disabled:hover, .base-button--danger.is-disabled:focus, .base-button--danger.is-disabled:active {
|
|
53204
|
+
color: #FFFFFF !important;
|
|
53205
|
+
background-color: #f8a09e !important;
|
|
53206
|
+
border-color: #f8a09e !important;
|
|
53207
|
+
}
|
|
53208
|
+
.base-button--danger.is-plain {
|
|
53209
|
+
color: #F1403C;
|
|
53210
|
+
background: #feecec;
|
|
53211
|
+
border-color: #f9b3b1;
|
|
53212
|
+
}
|
|
53213
|
+
.base-button--danger.is-plain:hover, .base-button--danger.is-plain:focus {
|
|
53214
|
+
background: #F1403C;
|
|
53215
|
+
border-color: #F1403C;
|
|
53216
|
+
color: #FFFFFF;
|
|
53217
|
+
}
|
|
53218
|
+
.base-button--danger.is-plain:active {
|
|
53219
|
+
background: #d93a36;
|
|
53220
|
+
border-color: #d93a36;
|
|
53221
|
+
color: #FFFFFF;
|
|
53222
|
+
outline: none;
|
|
53223
|
+
}
|
|
53224
|
+
.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 {
|
|
53225
|
+
color: #f78c8a;
|
|
53226
|
+
background-color: #feecec;
|
|
53227
|
+
border-color: #fcd9d8;
|
|
53228
|
+
}
|
|
53229
|
+
.base-button--info {
|
|
53230
|
+
color: #FFFFFF;
|
|
53231
|
+
background-color: #8590a6;
|
|
53232
|
+
border-color: #8590a6;
|
|
53233
|
+
}
|
|
53234
|
+
.base-button--info:hover, .base-button--info:focus {
|
|
53235
|
+
background: #9da6b8 !important;
|
|
53236
|
+
border-color: #9da6b8 !important;
|
|
53237
|
+
color: #FFFFFF !important;
|
|
53238
|
+
}
|
|
53239
|
+
.base-button--info:active {
|
|
53240
|
+
background: #788295 !important;
|
|
53241
|
+
border-color: #788295 !important;
|
|
53242
|
+
color: #FFFFFF !important;
|
|
53243
|
+
outline: none !important;
|
|
53244
|
+
}
|
|
53245
|
+
.base-button--info.is-active {
|
|
53246
|
+
background: #788295 !important;
|
|
53247
|
+
border-color: #788295 !important;
|
|
53248
|
+
color: #FFFFFF !important;
|
|
53249
|
+
}
|
|
53250
|
+
.base-button--info.is-disabled, .base-button--info.is-disabled:hover, .base-button--info.is-disabled:focus, .base-button--info.is-disabled:active {
|
|
53251
|
+
color: #FFFFFF !important;
|
|
53252
|
+
background-color: #c2c8d3 !important;
|
|
53253
|
+
border-color: #c2c8d3 !important;
|
|
53254
|
+
}
|
|
53255
|
+
.base-button--info.is-plain {
|
|
53256
|
+
color: #8590a6;
|
|
53257
|
+
background: #f3f4f6;
|
|
53258
|
+
border-color: #ced3db;
|
|
53259
|
+
}
|
|
53260
|
+
.base-button--info.is-plain:hover, .base-button--info.is-plain:focus {
|
|
53261
|
+
background: #8590a6;
|
|
53262
|
+
border-color: #8590a6;
|
|
53263
|
+
color: #FFFFFF;
|
|
53264
|
+
}
|
|
53265
|
+
.base-button--info.is-plain:active {
|
|
53266
|
+
background: #788295;
|
|
53267
|
+
border-color: #788295;
|
|
53268
|
+
color: #FFFFFF;
|
|
53269
|
+
outline: none;
|
|
53270
|
+
}
|
|
53271
|
+
.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 {
|
|
53272
|
+
color: #b6bcca;
|
|
53273
|
+
background-color: #f3f4f6;
|
|
53274
|
+
border-color: #e7e9ed;
|
|
53275
|
+
}
|
|
53276
|
+
.base-button--medium {
|
|
53277
|
+
height: 36px;
|
|
53278
|
+
padding: 11px 20px;
|
|
53279
|
+
font-size: 14px;
|
|
53280
|
+
border-radius: 4px;
|
|
53281
|
+
}
|
|
53282
|
+
.base-button--medium.is-round {
|
|
53283
|
+
padding: 11px 20px;
|
|
53284
|
+
}
|
|
53285
|
+
.base-button--medium.is-circle {
|
|
53286
|
+
padding: 11px;
|
|
53287
|
+
}
|
|
53288
|
+
.base-button--small {
|
|
53289
|
+
height: 32px;
|
|
53290
|
+
padding: 10px 15px;
|
|
53291
|
+
font-size: 12px;
|
|
53292
|
+
border-radius: 3px;
|
|
53293
|
+
}
|
|
53294
|
+
.base-button--small.is-round {
|
|
53295
|
+
padding: 10px 15px;
|
|
53296
|
+
}
|
|
53297
|
+
.base-button--small.is-circle {
|
|
53298
|
+
padding: 10px;
|
|
53299
|
+
}
|
|
53300
|
+
.base-button--mini {
|
|
53301
|
+
height: 28px;
|
|
53302
|
+
padding: 0 15px;
|
|
53303
|
+
font-size: 12px;
|
|
53304
|
+
border-radius: 3px;
|
|
53305
|
+
}
|
|
53306
|
+
.base-button--mini.is-round {
|
|
53307
|
+
padding: 0 15px;
|
|
53308
|
+
}
|
|
53309
|
+
.base-button--mini.is-circle {
|
|
53310
|
+
padding: 8px;
|
|
53311
|
+
}
|
|
53312
|
+
.base-button--text {
|
|
53313
|
+
border-color: transparent;
|
|
53314
|
+
color: #2F3A91;
|
|
53315
|
+
background: transparent;
|
|
53316
|
+
padding-left: 0;
|
|
53317
|
+
padding-right: 0;
|
|
53318
|
+
}
|
|
53319
|
+
.base-button--text:hover, .base-button--text:focus {
|
|
53320
|
+
color: #5961a7;
|
|
53321
|
+
border-color: transparent;
|
|
53322
|
+
background-color: transparent;
|
|
53323
|
+
}
|
|
53324
|
+
.base-button--text:active {
|
|
53325
|
+
color: #2a3483;
|
|
53326
|
+
border-color: transparent;
|
|
53327
|
+
background-color: transparent;
|
|
53328
|
+
}
|
|
53329
|
+
.base-button--text.is-disabled, .base-button--text.is-disabled:hover, .base-button--text.is-disabled:focus {
|
|
53330
|
+
border-color: transparent;
|
|
53331
|
+
}
|
|
53332
|
+
.base-button-group {
|
|
53333
|
+
display: inline-block;
|
|
53334
|
+
vertical-align: middle;
|
|
53335
|
+
}
|
|
53336
|
+
.base-button-group::before,
|
|
53337
|
+
.base-button-group::after {
|
|
53338
|
+
display: table;
|
|
53339
|
+
content: "";
|
|
53340
|
+
}
|
|
53341
|
+
.base-button-group::after {
|
|
53342
|
+
clear: both;
|
|
53343
|
+
}
|
|
53344
|
+
.base-button-group > .base-button {
|
|
53345
|
+
float: left;
|
|
53346
|
+
position: relative;
|
|
53347
|
+
}
|
|
53348
|
+
.base-button-group > .base-button + .base-button {
|
|
53349
|
+
margin-left: 0;
|
|
53350
|
+
}
|
|
53351
|
+
.base-button-group > .base-button.is-disabled {
|
|
53352
|
+
z-index: 1;
|
|
53353
|
+
}
|
|
53354
|
+
.base-button-group > .base-button:first-child {
|
|
53355
|
+
border-top-right-radius: 0;
|
|
53356
|
+
border-bottom-right-radius: 0;
|
|
53357
|
+
}
|
|
53358
|
+
.base-button-group > .base-button:last-child {
|
|
53359
|
+
border-top-left-radius: 0;
|
|
53360
|
+
border-bottom-left-radius: 0;
|
|
53361
|
+
}
|
|
53362
|
+
.base-button-group > .base-button:first-child:last-child {
|
|
53363
|
+
border-top-right-radius: 4px;
|
|
53364
|
+
border-bottom-right-radius: 4px;
|
|
53365
|
+
border-top-left-radius: 4px;
|
|
53366
|
+
border-bottom-left-radius: 4px;
|
|
53367
|
+
}
|
|
53368
|
+
.base-button-group > .base-button:first-child:last-child.is-round {
|
|
53369
|
+
border-radius: 20px;
|
|
53370
|
+
}
|
|
53371
|
+
.base-button-group > .base-button:first-child:last-child.is-circle {
|
|
53372
|
+
border-radius: 50%;
|
|
53373
|
+
}
|
|
53374
|
+
.base-button-group > .base-button:not(:first-child):not(:last-child) {
|
|
53375
|
+
border-radius: 0;
|
|
53376
|
+
}
|
|
53377
|
+
.base-button-group > .base-button:not(:last-child) {
|
|
53378
|
+
margin-right: -1px;
|
|
53379
|
+
}
|
|
53380
|
+
.base-button-group > .base-button:hover, .base-button-group > .base-button:focus, .base-button-group > .base-button:active {
|
|
53381
|
+
z-index: 1;
|
|
53382
|
+
}
|
|
53383
|
+
.base-button-group > .base-button.is-active {
|
|
53384
|
+
z-index: 1;
|
|
53385
|
+
}
|
|
53386
|
+
.base-button-group > .base-dropdown > .base-button {
|
|
53387
|
+
border-top-left-radius: 0;
|
|
53388
|
+
border-bottom-left-radius: 0;
|
|
53389
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
53390
|
+
}
|
|
53391
|
+
.base-button-group .base-button--primary:first-child {
|
|
53392
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
53393
|
+
}
|
|
53394
|
+
.base-button-group .base-button--primary:last-child {
|
|
53395
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
53396
|
+
}
|
|
53397
|
+
.base-button-group .base-button--primary:not(:first-child):not(:last-child) {
|
|
53398
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
53399
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
53400
|
+
}
|
|
53401
|
+
.base-button-group .base-button--success:first-child {
|
|
53402
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
53403
|
+
}
|
|
53404
|
+
.base-button-group .base-button--success:last-child {
|
|
53405
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
53406
|
+
}
|
|
53407
|
+
.base-button-group .base-button--success:not(:first-child):not(:last-child) {
|
|
53408
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
53409
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
53410
|
+
}
|
|
53411
|
+
.base-button-group .base-button--warning:first-child {
|
|
53412
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
53413
|
+
}
|
|
53414
|
+
.base-button-group .base-button--warning:last-child {
|
|
53415
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
53416
|
+
}
|
|
53417
|
+
.base-button-group .base-button--warning:not(:first-child):not(:last-child) {
|
|
53418
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
53419
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
53420
|
+
}
|
|
53421
|
+
.base-button-group .base-button--danger:first-child {
|
|
53422
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
53423
|
+
}
|
|
53424
|
+
.base-button-group .base-button--danger:last-child {
|
|
53425
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
53426
|
+
}
|
|
53427
|
+
.base-button-group .base-button--danger:not(:first-child):not(:last-child) {
|
|
53428
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
53429
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
53430
|
+
}
|
|
53431
|
+
.base-button-group .base-button--info:first-child {
|
|
53432
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
53433
|
+
}
|
|
53434
|
+
.base-button-group .base-button--info:last-child {
|
|
53435
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
53436
|
+
}
|
|
53437
|
+
.base-button-group .base-button--info:not(:first-child):not(:last-child) {
|
|
53438
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
53439
|
+
border-right-color: rgba(255, 255, 255, 0.5);
|
|
53440
|
+
}
|
|
53441
|
+
.base-checkbox {
|
|
53442
|
+
color: #646464;
|
|
53443
|
+
font-weight: 500;
|
|
53444
|
+
font-size: 14px;
|
|
53445
|
+
position: relative;
|
|
53446
|
+
cursor: pointer;
|
|
53447
|
+
display: inline-block;
|
|
53448
|
+
white-space: nowrap;
|
|
53449
|
+
user-select: none;
|
|
53450
|
+
margin-right: 30px;
|
|
53451
|
+
}
|
|
53452
|
+
.base-checkbox.is-bordered {
|
|
53453
|
+
padding: 9px 20px 9px 10px;
|
|
53454
|
+
border-radius: 4px;
|
|
53455
|
+
border: 1px solid #DCDFE6;
|
|
53456
|
+
box-sizing: border-box;
|
|
53457
|
+
line-height: normal;
|
|
53458
|
+
height: 40px;
|
|
53459
|
+
}
|
|
53460
|
+
.base-checkbox.is-bordered.is-checked {
|
|
53461
|
+
border-color: #2F3A91;
|
|
53462
|
+
}
|
|
53463
|
+
.base-checkbox.is-bordered.is-disabled {
|
|
53464
|
+
border-color: #EBEEF5;
|
|
53465
|
+
cursor: not-allowed;
|
|
53466
|
+
}
|
|
53467
|
+
.base-checkbox.is-bordered + .base-checkbox.is-bordered {
|
|
53468
|
+
margin-left: 10px;
|
|
53469
|
+
}
|
|
53470
|
+
.base-checkbox.is-bordered.base-checkbox--medium {
|
|
53471
|
+
padding: 7px 20px 7px 10px;
|
|
53472
|
+
border-radius: 4px;
|
|
53473
|
+
height: 36px;
|
|
53474
|
+
}
|
|
53475
|
+
.base-checkbox.is-bordered.base-checkbox--medium .base-checkbox__label {
|
|
53476
|
+
line-height: 17px;
|
|
53477
|
+
font-size: 14px;
|
|
53478
|
+
}
|
|
53479
|
+
.base-checkbox.is-bordered.base-checkbox--medium .base-checkbox__inner {
|
|
53480
|
+
height: 14px;
|
|
53481
|
+
width: 14px;
|
|
53482
|
+
}
|
|
53483
|
+
.base-checkbox.is-bordered.base-checkbox--small {
|
|
53484
|
+
padding: 5px 15px 5px 10px;
|
|
53485
|
+
border-radius: 3px;
|
|
53486
|
+
height: 32px;
|
|
53487
|
+
}
|
|
53488
|
+
.base-checkbox.is-bordered.base-checkbox--small .base-checkbox__label {
|
|
53489
|
+
line-height: 15px;
|
|
53490
|
+
font-size: 12px;
|
|
53491
|
+
}
|
|
53492
|
+
.base-checkbox.is-bordered.base-checkbox--small .base-checkbox__inner {
|
|
53493
|
+
height: 12px;
|
|
53494
|
+
width: 12px;
|
|
53495
|
+
}
|
|
53496
|
+
.base-checkbox.is-bordered.base-checkbox--small .base-checkbox__inner::after {
|
|
53497
|
+
height: 6px;
|
|
53498
|
+
width: 2px;
|
|
53499
|
+
}
|
|
53500
|
+
.base-checkbox.is-bordered.base-checkbox--mini {
|
|
53501
|
+
padding: 3px 15px 3px 10px;
|
|
53502
|
+
border-radius: 3px;
|
|
53503
|
+
height: 28px;
|
|
53504
|
+
}
|
|
53505
|
+
.base-checkbox.is-bordered.base-checkbox--mini .base-checkbox__label {
|
|
53506
|
+
line-height: 12px;
|
|
53507
|
+
font-size: 12px;
|
|
53508
|
+
}
|
|
53509
|
+
.base-checkbox.is-bordered.base-checkbox--mini .base-checkbox__inner {
|
|
53510
|
+
height: 12px;
|
|
53511
|
+
width: 12px;
|
|
53512
|
+
}
|
|
53513
|
+
.base-checkbox.is-bordered.base-checkbox--mini .base-checkbox__inner::after {
|
|
53514
|
+
height: 6px;
|
|
53515
|
+
width: 2px;
|
|
53516
|
+
}
|
|
53517
|
+
.base-checkbox__input {
|
|
53518
|
+
white-space: nowrap;
|
|
53519
|
+
cursor: pointer;
|
|
53520
|
+
outline: none;
|
|
53521
|
+
display: inline-block;
|
|
53522
|
+
line-height: 1;
|
|
53523
|
+
position: relative;
|
|
53524
|
+
vertical-align: middle;
|
|
53525
|
+
margin-bottom: 1px;
|
|
53526
|
+
}
|
|
53527
|
+
.base-checkbox__input.is-disabled .base-checkbox__inner {
|
|
53528
|
+
background-color: #edf2fc;
|
|
53529
|
+
border-color: #DCDFE6;
|
|
53530
|
+
cursor: not-allowed;
|
|
53531
|
+
}
|
|
53532
|
+
.base-checkbox__input.is-disabled .base-checkbox__inner::after {
|
|
53533
|
+
cursor: not-allowed;
|
|
53534
|
+
border-color: #8590a6;
|
|
53535
|
+
}
|
|
53536
|
+
.base-checkbox__input.is-disabled .base-checkbox__inner + .base-checkbox__label {
|
|
53537
|
+
cursor: not-allowed;
|
|
53538
|
+
}
|
|
53539
|
+
.base-checkbox__input.is-disabled.is-checked .base-checkbox__inner {
|
|
53540
|
+
background-color: #DCDFE6;
|
|
53541
|
+
border-color: #DCDFE6;
|
|
53542
|
+
}
|
|
53543
|
+
.base-checkbox__input.is-disabled.is-checked .base-checkbox__inner::after {
|
|
53544
|
+
border-color: #FFFFFF;
|
|
53545
|
+
}
|
|
53546
|
+
.base-checkbox__input.is-disabled.is-indeterminate .base-checkbox__inner {
|
|
53547
|
+
background-color: #DCDFE6;
|
|
53548
|
+
border-color: #DCDFE6;
|
|
53549
|
+
}
|
|
53550
|
+
.base-checkbox__input.is-disabled.is-indeterminate .base-checkbox__inner::before {
|
|
53551
|
+
background-color: #FFFFFF;
|
|
53552
|
+
border-color: #FFFFFF;
|
|
53553
|
+
}
|
|
53554
|
+
.base-checkbox__input.is-disabled + span.base-checkbox__label {
|
|
53555
|
+
color: #8590a6;
|
|
53556
|
+
cursor: not-allowed;
|
|
53557
|
+
}
|
|
53558
|
+
.base-checkbox__input.is-checked .base-checkbox__inner {
|
|
53559
|
+
background-color: #2F3A91;
|
|
53560
|
+
border-color: #2F3A91;
|
|
53561
|
+
}
|
|
53562
|
+
.base-checkbox__input.is-checked .base-checkbox__inner::after {
|
|
53563
|
+
transform: rotate(45deg) scaleY(1);
|
|
53564
|
+
}
|
|
53565
|
+
.base-checkbox__input.is-checked + .base-checkbox__label {
|
|
53566
|
+
color: #2F3A91;
|
|
53567
|
+
}
|
|
53568
|
+
.base-checkbox__input.is-focus {
|
|
53569
|
+
|
|
53570
|
+
}
|
|
53571
|
+
.base-checkbox__input.is-focus .base-checkbox__inner {
|
|
53572
|
+
border-color: #2F3A91;
|
|
53573
|
+
}
|
|
53574
|
+
.base-checkbox__input.is-indeterminate .base-checkbox__inner {
|
|
53575
|
+
background-color: #2F3A91;
|
|
53576
|
+
border-color: #2F3A91;
|
|
53577
|
+
}
|
|
53578
|
+
.base-checkbox__input.is-indeterminate .base-checkbox__inner::before {
|
|
53579
|
+
content: "";
|
|
53580
|
+
position: absolute;
|
|
53581
|
+
display: block;
|
|
53582
|
+
background-color: #FFFFFF;
|
|
53583
|
+
height: 2px;
|
|
53584
|
+
transform: scale(0.5);
|
|
53585
|
+
left: 0;
|
|
53586
|
+
right: 0;
|
|
53587
|
+
top: 5px;
|
|
53588
|
+
}
|
|
53589
|
+
.base-checkbox__input.is-indeterminate .base-checkbox__inner::after {
|
|
53590
|
+
display: none;
|
|
53591
|
+
}
|
|
53592
|
+
.base-checkbox__inner {
|
|
53593
|
+
display: inline-block;
|
|
53594
|
+
position: relative;
|
|
53595
|
+
border: 1.5px solid #DCDFE6;
|
|
53596
|
+
border-radius: 2px;
|
|
53597
|
+
box-sizing: border-box;
|
|
53598
|
+
width: 16px;
|
|
53599
|
+
height: 16px;
|
|
53600
|
+
background-color: #FFFFFF;
|
|
53601
|
+
z-index: 1;
|
|
53602
|
+
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);
|
|
53603
|
+
}
|
|
53604
|
+
.base-checkbox__inner:hover {
|
|
53605
|
+
border-color: #2F3A91;
|
|
53606
|
+
}
|
|
53607
|
+
.base-checkbox__inner::after {
|
|
53608
|
+
box-sizing: content-box;
|
|
53609
|
+
content: "";
|
|
53610
|
+
border: 1.5px solid #FFFFFF;
|
|
53611
|
+
border-left: 0;
|
|
53612
|
+
border-top: 0;
|
|
53613
|
+
height: 7px;
|
|
53614
|
+
left: 4px;
|
|
53615
|
+
position: absolute;
|
|
53616
|
+
top: 1px;
|
|
53617
|
+
transform: rotate(45deg) scaleY(0);
|
|
53618
|
+
width: 4px;
|
|
53619
|
+
transition: transform 0.15s ease-in 0.05s;
|
|
53620
|
+
transform-origin: center;
|
|
53621
|
+
}
|
|
53622
|
+
.base-checkbox__original {
|
|
53623
|
+
opacity: 0;
|
|
53624
|
+
outline: none;
|
|
53625
|
+
position: absolute;
|
|
53626
|
+
margin: 0;
|
|
53627
|
+
width: 0;
|
|
53628
|
+
height: 0;
|
|
53629
|
+
z-index: -1;
|
|
53630
|
+
}
|
|
53631
|
+
.base-checkbox__label {
|
|
53632
|
+
display: inline-block;
|
|
53633
|
+
padding-left: 8px;
|
|
53634
|
+
line-height: 19px;
|
|
53635
|
+
font-size: 14px;
|
|
53636
|
+
}
|
|
53637
|
+
.base-checkbox:last-of-type {
|
|
53638
|
+
margin-right: 0;
|
|
53639
|
+
}
|
|
53640
|
+
.base-checkbox-button {
|
|
53641
|
+
position: relative;
|
|
53642
|
+
display: inline-block;
|
|
53643
|
+
}
|
|
53644
|
+
.base-checkbox-button__inner {
|
|
53645
|
+
display: inline-block;
|
|
53646
|
+
line-height: 1;
|
|
53647
|
+
font-weight: 500;
|
|
53648
|
+
white-space: nowrap;
|
|
53649
|
+
vertical-align: middle;
|
|
53650
|
+
cursor: pointer;
|
|
53651
|
+
background: #FFFFFF;
|
|
53652
|
+
border: 1px solid #DCDFE6;
|
|
53653
|
+
border-left: 0;
|
|
53654
|
+
color: #646464;
|
|
53655
|
+
-webkit-appearance: none;
|
|
53656
|
+
text-align: center;
|
|
53657
|
+
box-sizing: border-box;
|
|
53658
|
+
outline: none;
|
|
53659
|
+
margin: 0;
|
|
53660
|
+
position: relative;
|
|
53661
|
+
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
53662
|
+
-moz-user-select: none;
|
|
53663
|
+
-webkit-user-select: none;
|
|
53664
|
+
-ms-user-select: none;
|
|
53665
|
+
padding: 0 20px;
|
|
53666
|
+
font-size: 14px;
|
|
53667
|
+
border-radius: 0;
|
|
53668
|
+
}
|
|
53669
|
+
.base-checkbox-button__inner.is-round {
|
|
53670
|
+
padding: 0 20px;
|
|
53671
|
+
}
|
|
53672
|
+
.base-checkbox-button__inner:hover {
|
|
53673
|
+
color: #2F3A91;
|
|
53674
|
+
}
|
|
53675
|
+
.base-checkbox-button__inner [class*=base-icon-] {
|
|
53676
|
+
line-height: 0.9;
|
|
53677
|
+
}
|
|
53678
|
+
.base-checkbox-button__inner [class*=base-icon-] + span {
|
|
53679
|
+
margin-left: 5px;
|
|
53680
|
+
}
|
|
53681
|
+
.base-checkbox-button__original {
|
|
53682
|
+
opacity: 0;
|
|
53683
|
+
outline: none;
|
|
53684
|
+
position: absolute;
|
|
53685
|
+
margin: 0;
|
|
53686
|
+
z-index: -1;
|
|
53687
|
+
}
|
|
53688
|
+
.base-checkbox-button.is-checked .base-checkbox-button__inner {
|
|
53689
|
+
color: #FFFFFF;
|
|
53690
|
+
background-color: #2F3A91;
|
|
53691
|
+
border-color: #2F3A91;
|
|
53692
|
+
box-shadow: -1px 0 0 0 #8289bd;
|
|
53693
|
+
}
|
|
53694
|
+
.base-checkbox-button.is-checked:first-child .base-checkbox-button__inner {
|
|
53695
|
+
border-left-color: #2F3A91;
|
|
53696
|
+
}
|
|
53697
|
+
.base-checkbox-button.is-disabled .base-checkbox-button__inner {
|
|
53698
|
+
color: #8590a6;
|
|
53699
|
+
cursor: not-allowed;
|
|
53700
|
+
background-image: none;
|
|
53701
|
+
background-color: #FFFFFF;
|
|
53702
|
+
border-color: #EBEEF5;
|
|
53703
|
+
box-shadow: none;
|
|
53704
|
+
}
|
|
53705
|
+
.base-checkbox-button.is-disabled:first-child .base-checkbox-button__inner {
|
|
53706
|
+
border-left-color: #EBEEF5;
|
|
53707
|
+
}
|
|
53708
|
+
.base-checkbox-button:first-child .base-checkbox-button__inner {
|
|
53709
|
+
border-left: 1px solid #DCDFE6;
|
|
53710
|
+
border-radius: 4px 0 0 4px;
|
|
53711
|
+
box-shadow: none !important;
|
|
53712
|
+
}
|
|
53713
|
+
.base-checkbox-button.is-focus .base-checkbox-button__inner {
|
|
53714
|
+
border-color: #2F3A91;
|
|
53715
|
+
}
|
|
53716
|
+
.base-checkbox-button:last-child .base-checkbox-button__inner {
|
|
53717
|
+
border-radius: 0 4px 4px 0;
|
|
53718
|
+
}
|
|
53719
|
+
.base-checkbox-button--medium .base-checkbox-button__inner {
|
|
53720
|
+
padding: 11px 20px;
|
|
53721
|
+
font-size: 14px;
|
|
53722
|
+
border-radius: 0;
|
|
53723
|
+
}
|
|
53724
|
+
.base-checkbox-button--medium .base-checkbox-button__inner.is-round {
|
|
53725
|
+
padding: 11px 20px;
|
|
53726
|
+
}
|
|
53727
|
+
.base-checkbox-button--small .base-checkbox-button__inner {
|
|
53728
|
+
padding: 10px 15px;
|
|
53729
|
+
font-size: 12px;
|
|
53730
|
+
border-radius: 0;
|
|
53731
|
+
}
|
|
53732
|
+
.base-checkbox-button--small .base-checkbox-button__inner.is-round {
|
|
53733
|
+
padding: 10px 15px;
|
|
53734
|
+
}
|
|
53735
|
+
.base-checkbox-button--mini .base-checkbox-button__inner {
|
|
53736
|
+
padding: 8px 15px;
|
|
53737
|
+
font-size: 12px;
|
|
53738
|
+
border-radius: 0;
|
|
53739
|
+
}
|
|
53740
|
+
.base-checkbox-button--mini .base-checkbox-button__inner.is-round {
|
|
53741
|
+
padding: 8px 15px;
|
|
53742
|
+
}
|
|
53743
|
+
.base-checkbox-group {
|
|
53744
|
+
font-size: 0;
|
|
53745
|
+
}
|
|
53746
|
+
|
|
53747
|
+
|
|
53748
|
+
|
|
53749
|
+
|
|
53750
|
+
|
|
53751
|
+
|
|
53752
|
+
|
|
53753
|
+
|
|
53754
|
+
|
|
53755
|
+
|
|
53756
|
+
|
|
53757
|
+
:export {
|
|
53758
|
+
primary: #2F3A91;
|
|
53759
|
+
success: #67C23A;
|
|
53760
|
+
warning: #FF791A;
|
|
53761
|
+
danger: #F1403C;
|
|
53762
|
+
info: #8590a6;
|
|
53763
|
+
}
|
|
53764
|
+
|
|
53765
|
+
|
|
53766
|
+
|
|
53767
|
+
|
|
53768
|
+
|
|
53769
|
+
|
|
53770
|
+
|
|
53771
|
+
|
|
53772
|
+
|
|
53773
|
+
|
|
53774
|
+
|
|
53775
|
+
|
|
53776
|
+
|
|
53777
|
+
|
|
53778
|
+
|
|
53779
|
+
|
|
53780
|
+
|
|
53781
|
+
|
|
53782
|
+
|
|
53783
|
+
|
|
53784
|
+
|
|
53785
|
+
|
|
53786
|
+
|
|
53787
|
+
|
|
53788
|
+
|
|
53789
|
+
|
|
53790
|
+
|
|
53791
|
+
|
|
53792
|
+
|
|
53793
|
+
|
|
53794
|
+
|
|
53795
|
+
|
|
53796
|
+
|
|
53797
|
+
|
|
53798
|
+
|
|
53799
|
+
|
|
53800
|
+
|
|
53801
|
+
|
|
53802
|
+
|
|
53803
|
+
|
|
53804
|
+
|
|
53805
|
+
|
|
53806
|
+
|
|
53807
|
+
|
|
53808
|
+
|
|
53809
|
+
|
|
53810
|
+
|
|
53811
|
+
|
|
53812
|
+
|
|
53813
|
+
|
|
53814
|
+
|
|
53815
|
+
|
|
53816
|
+
|
|
53817
|
+
|
|
53818
|
+
|
|
53819
|
+
|
|
53820
|
+
|
|
53821
|
+
|
|
53822
|
+
|
|
53823
|
+
|
|
53824
|
+
|
|
53825
|
+
|
|
53826
|
+
|
|
53827
|
+
|
|
53828
|
+
|
|
53829
|
+
|
|
53830
|
+
|
|
53831
|
+
|
|
53832
|
+
|
|
53833
|
+
|
|
53834
|
+
|
|
53835
|
+
|
|
53836
|
+
:export {
|
|
53837
|
+
primary: #2F3A91;
|
|
53838
|
+
success: #67C23A;
|
|
53839
|
+
warning: #FF791A;
|
|
53840
|
+
danger: #F1403C;
|
|
53841
|
+
info: #8590a6;
|
|
53842
|
+
}
|
|
53843
|
+
|
|
53844
|
+
|
|
53845
|
+
|
|
53846
|
+
|
|
53847
|
+
|
|
53848
|
+
|
|
53849
|
+
|
|
53850
|
+
|
|
53851
|
+
|
|
53852
|
+
|
|
53853
|
+
|
|
53854
|
+
|
|
53855
|
+
|
|
53856
|
+
|
|
53857
|
+
|
|
53858
|
+
|
|
53859
|
+
|
|
53860
|
+
|
|
53861
|
+
|
|
53862
|
+
|
|
53863
|
+
|
|
53864
|
+
|
|
53865
|
+
|
|
53866
|
+
|
|
53867
|
+
|
|
53868
|
+
|
|
53869
|
+
|
|
53870
|
+
|
|
53871
|
+
|
|
53872
|
+
|
|
53873
|
+
|
|
53874
|
+
|
|
53875
|
+
|
|
53876
|
+
|
|
53877
|
+
|
|
53878
|
+
|
|
53879
|
+
|
|
53880
|
+
|
|
53881
|
+
|
|
53882
|
+
|
|
53883
|
+
|
|
53884
|
+
|
|
53885
|
+
|
|
53886
|
+
|
|
53887
|
+
|
|
53888
|
+
|
|
53889
|
+
|
|
53890
|
+
|
|
53891
|
+
|
|
53892
|
+
|
|
53893
|
+
|
|
53894
|
+
|
|
53895
|
+
|
|
53896
|
+
|
|
53897
|
+
|
|
53898
|
+
|
|
53899
|
+
|
|
53900
|
+
.base-tag {
|
|
53901
|
+
background-color: #eaebf4;
|
|
53902
|
+
border-color: #d5d8e9;
|
|
53903
|
+
color: #2f3a91;
|
|
53904
|
+
font-weight: 500;
|
|
53905
|
+
display: inline-block;
|
|
53906
|
+
height: 32px;
|
|
53907
|
+
padding: 0 10px;
|
|
53908
|
+
line-height: 30px;
|
|
53909
|
+
font-size: 12px;
|
|
53910
|
+
color: #2F3A91;
|
|
53911
|
+
border-width: 1px;
|
|
53912
|
+
border-style: solid;
|
|
53913
|
+
border-radius: 4px;
|
|
53914
|
+
box-sizing: border-box;
|
|
53915
|
+
white-space: nowrap;
|
|
53916
|
+
}
|
|
53917
|
+
.base-tag.is-hit {
|
|
53918
|
+
border-color: #2F3A91;
|
|
53919
|
+
}
|
|
53920
|
+
.base-tag.is-round {
|
|
53921
|
+
border-radius: 20px;
|
|
53922
|
+
}
|
|
53923
|
+
.base-tag .base-tag__close {
|
|
53924
|
+
color: #2f3a91;
|
|
53925
|
+
}
|
|
53926
|
+
.base-tag .base-tag__close:hover {
|
|
53927
|
+
color: #FFFFFF;
|
|
53928
|
+
background-color: #2f3a91;
|
|
53929
|
+
}
|
|
53930
|
+
.base-tag.base-tag--info {
|
|
53931
|
+
background-color: #f3f4f6;
|
|
53932
|
+
border-color: #e7e9ed;
|
|
53933
|
+
color: #8590a6;
|
|
53934
|
+
}
|
|
53935
|
+
.base-tag.base-tag--info.is-hit {
|
|
53936
|
+
border-color: #8590a6;
|
|
53937
|
+
}
|
|
53938
|
+
.base-tag.base-tag--info .base-tag__close {
|
|
53939
|
+
color: #8590a6;
|
|
53940
|
+
}
|
|
53941
|
+
.base-tag.base-tag--info .base-tag__close:hover {
|
|
53942
|
+
color: #FFFFFF;
|
|
53943
|
+
background-color: #8590a6;
|
|
53944
|
+
}
|
|
53945
|
+
.base-tag.base-tag--success {
|
|
53946
|
+
background-color: #f0f9eb;
|
|
53947
|
+
border-color: #e1f3d8;
|
|
53948
|
+
color: #67c23a;
|
|
53949
|
+
}
|
|
53950
|
+
.base-tag.base-tag--success.is-hit {
|
|
53951
|
+
border-color: #67C23A;
|
|
53952
|
+
}
|
|
53953
|
+
.base-tag.base-tag--success .base-tag__close {
|
|
53954
|
+
color: #67c23a;
|
|
53955
|
+
}
|
|
53956
|
+
.base-tag.base-tag--success .base-tag__close:hover {
|
|
53957
|
+
color: #FFFFFF;
|
|
53958
|
+
background-color: #67c23a;
|
|
53959
|
+
}
|
|
53960
|
+
.base-tag.base-tag--warning {
|
|
53961
|
+
background-color: #fff2e8 !important;
|
|
53962
|
+
border-color: #ffe4d1 !important;
|
|
53963
|
+
color: #ff791a !important;
|
|
53964
|
+
}
|
|
53965
|
+
.base-tag.base-tag--warning.is-hit {
|
|
53966
|
+
border-color: #FF791A;
|
|
53967
|
+
}
|
|
53968
|
+
.base-tag.base-tag--warning .base-tag__close {
|
|
53969
|
+
color: #ff791a;
|
|
53970
|
+
}
|
|
53971
|
+
.base-tag.base-tag--warning .base-tag__close:hover {
|
|
53972
|
+
color: #FFFFFF;
|
|
53973
|
+
background-color: #ff791a;
|
|
53974
|
+
}
|
|
53975
|
+
.base-tag.base-tag--danger {
|
|
53976
|
+
background-color: #feecec;
|
|
53977
|
+
border-color: #fcd9d8;
|
|
53978
|
+
color: #f1403c;
|
|
53979
|
+
}
|
|
53980
|
+
.base-tag.base-tag--danger.is-hit {
|
|
53981
|
+
border-color: #F1403C;
|
|
53982
|
+
}
|
|
53983
|
+
.base-tag.base-tag--danger .base-tag__close {
|
|
53984
|
+
color: #f1403c;
|
|
53985
|
+
}
|
|
53986
|
+
.base-tag.base-tag--danger .base-tag__close:hover {
|
|
53987
|
+
color: #FFFFFF;
|
|
53988
|
+
background-color: #f1403c;
|
|
53989
|
+
}
|
|
53990
|
+
.base-tag .base-icon-close {
|
|
53991
|
+
border-radius: 50%;
|
|
53992
|
+
text-align: center;
|
|
53993
|
+
position: relative;
|
|
53994
|
+
cursor: pointer;
|
|
53995
|
+
font-size: 12px;
|
|
53996
|
+
height: 16px;
|
|
53997
|
+
width: 16px;
|
|
53998
|
+
line-height: 16px;
|
|
53999
|
+
vertical-align: middle;
|
|
54000
|
+
top: -1px;
|
|
54001
|
+
right: -5px;
|
|
54002
|
+
}
|
|
54003
|
+
.base-tag .base-icon-close::before {
|
|
54004
|
+
display: block;
|
|
54005
|
+
}
|
|
54006
|
+
.base-tag--dark {
|
|
54007
|
+
background-color: #2f3a91;
|
|
54008
|
+
border-color: #2f3a91;
|
|
54009
|
+
color: white;
|
|
54010
|
+
font-weight: 500;
|
|
54011
|
+
}
|
|
54012
|
+
.base-tag--dark.is-hit {
|
|
54013
|
+
border-color: #2F3A91;
|
|
54014
|
+
}
|
|
54015
|
+
.base-tag--dark.is-round {
|
|
54016
|
+
border-radius: 20px;
|
|
54017
|
+
}
|
|
54018
|
+
.base-tag--dark .base-tag__close {
|
|
54019
|
+
color: white;
|
|
54020
|
+
}
|
|
54021
|
+
.base-tag--dark .base-tag__close:hover {
|
|
54022
|
+
color: #FFFFFF;
|
|
54023
|
+
background-color: #5961a7;
|
|
54024
|
+
}
|
|
54025
|
+
.base-tag--dark.base-tag--info {
|
|
54026
|
+
background-color: #8590a6;
|
|
54027
|
+
border-color: #8590a6;
|
|
54028
|
+
color: white;
|
|
54029
|
+
}
|
|
54030
|
+
.base-tag--dark.base-tag--info.is-hit {
|
|
54031
|
+
border-color: #8590a6;
|
|
54032
|
+
}
|
|
54033
|
+
.base-tag--dark.base-tag--info .base-tag__close {
|
|
54034
|
+
color: white;
|
|
54035
|
+
}
|
|
54036
|
+
.base-tag--dark.base-tag--info .base-tag__close:hover {
|
|
54037
|
+
color: #FFFFFF;
|
|
54038
|
+
background-color: #9da6b8;
|
|
54039
|
+
}
|
|
54040
|
+
.base-tag--dark.base-tag--success {
|
|
54041
|
+
background-color: #67c23a;
|
|
54042
|
+
border-color: #67c23a;
|
|
54043
|
+
color: white;
|
|
54044
|
+
}
|
|
54045
|
+
.base-tag--dark.base-tag--success.is-hit {
|
|
54046
|
+
border-color: #67C23A;
|
|
54047
|
+
}
|
|
54048
|
+
.base-tag--dark.base-tag--success .base-tag__close {
|
|
54049
|
+
color: white;
|
|
54050
|
+
}
|
|
54051
|
+
.base-tag--dark.base-tag--success .base-tag__close:hover {
|
|
54052
|
+
color: #FFFFFF;
|
|
54053
|
+
background-color: #85ce61;
|
|
54054
|
+
}
|
|
54055
|
+
.base-tag--dark.base-tag--warning {
|
|
54056
|
+
background-color: #ff791a !important;
|
|
54057
|
+
border-color: #ff791a !important;
|
|
54058
|
+
color: white !important;
|
|
54059
|
+
}
|
|
54060
|
+
.base-tag--dark.base-tag--warning.is-hit {
|
|
54061
|
+
border-color: #FF791A;
|
|
54062
|
+
}
|
|
54063
|
+
.base-tag--dark.base-tag--warning .base-tag__close {
|
|
54064
|
+
color: white;
|
|
54065
|
+
}
|
|
54066
|
+
.base-tag--dark.base-tag--warning .base-tag__close:hover {
|
|
54067
|
+
color: #FFFFFF;
|
|
54068
|
+
background-color: #ff9448;
|
|
54069
|
+
}
|
|
54070
|
+
.base-tag--dark.base-tag--danger {
|
|
54071
|
+
background-color: #f1403c;
|
|
54072
|
+
border-color: #f1403c;
|
|
54073
|
+
color: white;
|
|
54074
|
+
}
|
|
54075
|
+
.base-tag--dark.base-tag--danger.is-hit {
|
|
54076
|
+
border-color: #F1403C;
|
|
54077
|
+
}
|
|
54078
|
+
.base-tag--dark.base-tag--danger .base-tag__close {
|
|
54079
|
+
color: white;
|
|
54080
|
+
}
|
|
54081
|
+
.base-tag--dark.base-tag--danger .base-tag__close:hover {
|
|
54082
|
+
color: #FFFFFF;
|
|
54083
|
+
background-color: #f46663;
|
|
54084
|
+
}
|
|
54085
|
+
.base-tag--plain {
|
|
54086
|
+
background-color: white;
|
|
54087
|
+
border-color: #acb0d3;
|
|
54088
|
+
color: #2f3a91;
|
|
54089
|
+
font-weight: 500;
|
|
54090
|
+
background-color: white !important;
|
|
54091
|
+
border-color: #acb0d3 !important;
|
|
54092
|
+
color: #2f3a91 !important;
|
|
54093
|
+
}
|
|
54094
|
+
.base-tag--plain.is-hit {
|
|
54095
|
+
border-color: #2F3A91;
|
|
54096
|
+
}
|
|
54097
|
+
.base-tag--plain.is-round {
|
|
54098
|
+
border-radius: 20px;
|
|
54099
|
+
}
|
|
54100
|
+
.base-tag--plain .base-tag__close {
|
|
54101
|
+
color: #2f3a91;
|
|
54102
|
+
}
|
|
54103
|
+
.base-tag--plain .base-tag__close:hover {
|
|
54104
|
+
color: #FFFFFF;
|
|
54105
|
+
background-color: #2f3a91;
|
|
54106
|
+
}
|
|
54107
|
+
.base-tag--plain.base-tag--info {
|
|
54108
|
+
background-color: white;
|
|
54109
|
+
border-color: #ced3db;
|
|
54110
|
+
color: #8590a6;
|
|
54111
|
+
}
|
|
54112
|
+
.base-tag--plain.base-tag--info.is-hit {
|
|
54113
|
+
border-color: #8590a6;
|
|
54114
|
+
}
|
|
54115
|
+
.base-tag--plain.base-tag--info .base-tag__close {
|
|
54116
|
+
color: #8590a6;
|
|
54117
|
+
}
|
|
54118
|
+
.base-tag--plain.base-tag--info .base-tag__close:hover {
|
|
54119
|
+
color: #FFFFFF;
|
|
54120
|
+
background-color: #8590a6;
|
|
54121
|
+
}
|
|
54122
|
+
.base-tag--plain.base-tag--success {
|
|
54123
|
+
background-color: white;
|
|
54124
|
+
border-color: #c2e7b0;
|
|
54125
|
+
color: #67c23a;
|
|
54126
|
+
}
|
|
54127
|
+
.base-tag--plain.base-tag--success.is-hit {
|
|
54128
|
+
border-color: #67C23A;
|
|
54129
|
+
}
|
|
54130
|
+
.base-tag--plain.base-tag--success .base-tag__close {
|
|
54131
|
+
color: #67c23a;
|
|
54132
|
+
}
|
|
54133
|
+
.base-tag--plain.base-tag--success .base-tag__close:hover {
|
|
54134
|
+
color: #FFFFFF;
|
|
54135
|
+
background-color: #67c23a;
|
|
54136
|
+
}
|
|
54137
|
+
.base-tag--plain.base-tag--warning {
|
|
54138
|
+
background-color: white !important;
|
|
54139
|
+
border-color: #ffc9a3 !important;
|
|
54140
|
+
color: #ff791a !important;
|
|
54141
|
+
}
|
|
54142
|
+
.base-tag--plain.base-tag--warning.is-hit {
|
|
54143
|
+
border-color: #FF791A;
|
|
54144
|
+
}
|
|
54145
|
+
.base-tag--plain.base-tag--warning .base-tag__close {
|
|
54146
|
+
color: #ff791a;
|
|
54147
|
+
}
|
|
54148
|
+
.base-tag--plain.base-tag--warning .base-tag__close:hover {
|
|
54149
|
+
color: #FFFFFF;
|
|
54150
|
+
background-color: #ff791a;
|
|
54151
|
+
}
|
|
54152
|
+
.base-tag--plain.base-tag--danger {
|
|
54153
|
+
background-color: white;
|
|
54154
|
+
border-color: #f9b3b1;
|
|
54155
|
+
color: #f1403c;
|
|
54156
|
+
}
|
|
54157
|
+
.base-tag--plain.base-tag--danger.is-hit {
|
|
54158
|
+
border-color: #F1403C;
|
|
54159
|
+
}
|
|
54160
|
+
.base-tag--plain.base-tag--danger .base-tag__close {
|
|
54161
|
+
color: #f1403c;
|
|
54162
|
+
}
|
|
54163
|
+
.base-tag--plain.base-tag--danger .base-tag__close:hover {
|
|
54164
|
+
color: #FFFFFF;
|
|
54165
|
+
background-color: #f1403c;
|
|
54166
|
+
}
|
|
54167
|
+
.base-tag--medium {
|
|
54168
|
+
height: 28px;
|
|
54169
|
+
line-height: 26px;
|
|
54170
|
+
}
|
|
54171
|
+
.base-tag--medium .base-icon-close {
|
|
54172
|
+
transform: scale(0.8);
|
|
54173
|
+
}
|
|
54174
|
+
.base-tag--small {
|
|
54175
|
+
height: 24px;
|
|
54176
|
+
padding: 0 8px;
|
|
54177
|
+
line-height: 22px;
|
|
54178
|
+
}
|
|
54179
|
+
.base-tag--small .base-icon-close {
|
|
54180
|
+
transform: scale(0.8);
|
|
54181
|
+
}
|
|
54182
|
+
.base-tag--mini {
|
|
54183
|
+
height: 20px;
|
|
54184
|
+
padding: 0 5px;
|
|
54185
|
+
line-height: 19px;
|
|
54186
|
+
}
|
|
54187
|
+
.base-tag--mini .base-icon-close {
|
|
54188
|
+
margin-left: -3px;
|
|
54189
|
+
transform: scale(0.7);
|
|
54190
|
+
}
|
|
54191
|
+
|
|
54192
|
+
|
|
54193
|
+
|
|
54194
|
+
|
|
54195
|
+
|
|
54196
|
+
|
|
54197
|
+
|
|
54198
|
+
|
|
54199
|
+
|
|
54200
|
+
|
|
54201
|
+
|
|
54202
|
+
:export {
|
|
54203
|
+
primary: #2F3A91;
|
|
54204
|
+
success: #67C23A;
|
|
54205
|
+
warning: #FF791A;
|
|
54206
|
+
danger: #F1403C;
|
|
54207
|
+
info: #8590a6;
|
|
54208
|
+
}
|
|
54209
|
+
|
|
54210
|
+
|
|
54211
|
+
|
|
54212
|
+
|
|
54213
|
+
|
|
54214
|
+
|
|
54215
|
+
|
|
54216
|
+
|
|
54217
|
+
|
|
54218
|
+
|
|
54219
|
+
|
|
54220
|
+
|
|
54221
|
+
|
|
54222
|
+
|
|
54223
|
+
|
|
54224
|
+
|
|
54225
|
+
|
|
54226
|
+
|
|
54227
|
+
|
|
54228
|
+
|
|
54229
|
+
|
|
54230
|
+
|
|
54231
|
+
|
|
54232
|
+
|
|
54233
|
+
|
|
54234
|
+
|
|
54235
|
+
|
|
54236
|
+
|
|
54237
|
+
|
|
54238
|
+
|
|
54239
|
+
|
|
54240
|
+
|
|
54241
|
+
|
|
54242
|
+
|
|
54243
|
+
|
|
54244
|
+
|
|
54245
|
+
|
|
54246
|
+
|
|
54247
|
+
|
|
54248
|
+
|
|
54249
|
+
|
|
54250
|
+
|
|
54251
|
+
|
|
54252
|
+
|
|
54253
|
+
|
|
54254
|
+
|
|
54255
|
+
|
|
54256
|
+
|
|
54257
|
+
|
|
54258
|
+
|
|
54259
|
+
|
|
54260
|
+
|
|
54261
|
+
|
|
54262
|
+
|
|
54263
|
+
|
|
54264
|
+
|
|
54265
|
+
|
|
54266
|
+
.base-table-column--selection .cell {
|
|
54267
|
+
padding-left: 14px;
|
|
54268
|
+
padding-right: 14px;
|
|
54269
|
+
}
|
|
54270
|
+
.base-table-filter {
|
|
54271
|
+
border: solid 1px #EBEEF5;
|
|
54272
|
+
border-radius: 2px;
|
|
54273
|
+
background-color: #FFFFFF;
|
|
54274
|
+
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
54275
|
+
box-sizing: border-box;
|
|
54276
|
+
margin: 2px 0;
|
|
54277
|
+
|
|
54278
|
+
}
|
|
54279
|
+
.base-table-filter__list {
|
|
54280
|
+
padding: 5px 0;
|
|
54281
|
+
margin: 0;
|
|
54282
|
+
list-style: none;
|
|
54283
|
+
min-width: 100px;
|
|
54284
|
+
}
|
|
54285
|
+
.base-table-filter__list-item {
|
|
54286
|
+
line-height: 36px;
|
|
54287
|
+
padding: 0 10px;
|
|
54288
|
+
cursor: pointer;
|
|
54289
|
+
font-size: 14px;
|
|
54290
|
+
}
|
|
54291
|
+
.base-table-filter__list-item:hover {
|
|
54292
|
+
background-color: #eaebf4;
|
|
54293
|
+
color: #5961a7;
|
|
54294
|
+
}
|
|
54295
|
+
.base-table-filter__list-item.is-active {
|
|
54296
|
+
background-color: #2F3A91;
|
|
54297
|
+
color: #FFFFFF;
|
|
54298
|
+
}
|
|
54299
|
+
.base-table-filter__content {
|
|
54300
|
+
min-width: 100px;
|
|
54301
|
+
}
|
|
54302
|
+
.base-table-filter__bottom {
|
|
54303
|
+
border-top: 1px solid #EBEEF5;
|
|
54304
|
+
padding: 8px;
|
|
54305
|
+
}
|
|
54306
|
+
.base-table-filter__bottom button {
|
|
54307
|
+
background: transparent;
|
|
54308
|
+
border: none;
|
|
54309
|
+
color: #646464;
|
|
54310
|
+
cursor: pointer;
|
|
54311
|
+
font-size: 13px;
|
|
54312
|
+
padding: 0 3px;
|
|
54313
|
+
}
|
|
54314
|
+
.base-table-filter__bottom button:hover {
|
|
54315
|
+
color: #2F3A91;
|
|
54316
|
+
}
|
|
54317
|
+
.base-table-filter__bottom button:focus {
|
|
54318
|
+
outline: none;
|
|
54319
|
+
}
|
|
54320
|
+
.base-table-filter__bottom button.is-disabled {
|
|
54321
|
+
color: #8590a6;
|
|
54322
|
+
cursor: not-allowed;
|
|
54323
|
+
}
|
|
54324
|
+
.base-table-filter__wrap {
|
|
54325
|
+
max-height: 280px;
|
|
54326
|
+
}
|
|
54327
|
+
.base-table-filter__checkbox-group {
|
|
54328
|
+
padding: 10px;
|
|
54329
|
+
}
|
|
54330
|
+
.base-table-filter__checkbox-group label.base-checkbox {
|
|
54331
|
+
display: block;
|
|
54332
|
+
margin-right: 5px;
|
|
54333
|
+
margin-bottom: 8px;
|
|
54334
|
+
margin-left: 5px;
|
|
54335
|
+
}
|
|
54336
|
+
.base-table-filter__checkbox-group .base-checkbox:last-child {
|
|
54337
|
+
margin-bottom: 0;
|
|
54338
|
+
}
|
|
54339
|
+
|
|
50094
54340
|
:root {
|
|
50095
54341
|
--base-ui-primary: #2F3A91;
|
|
50096
54342
|
--base-ui-primary-F-0: #444e9c;
|