forstok-ui-lib 5.4.7 → 5.4.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,1119 @@
1
+ .rc-calendar {
2
+ box-sizing: border-box;
3
+ }
4
+ .rc-calendar * {
5
+ box-sizing: border-box;
6
+ }
7
+ .rc-calendar-hidden {
8
+ display: none;
9
+ }
10
+ .rc-calendar-input-wrap {
11
+ position: relative;
12
+ padding: 6px;
13
+ border-bottom: 1px solid #e9e9e9;
14
+ }
15
+ .rc-calendar-input-wrap:after {
16
+ content: '';
17
+ clear: both;
18
+ }
19
+ .rc-calendar-date-input-wrap {
20
+ overflow: hidden;
21
+ }
22
+ .rc-calendar-time-picker {
23
+ position: absolute;
24
+ width: 100%;
25
+ top: 34px;
26
+ background-color: white;
27
+ height: 217px;
28
+ }
29
+ .rc-calendar-time-picker-panel {
30
+ width: 100%;
31
+ position: relative;
32
+ }
33
+ .rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {
34
+ display: none;
35
+ }
36
+ .rc-calendar-time-picker-panel .rc-time-picker-panel-inner {
37
+ border: none;
38
+ box-shadow: none;
39
+ }
40
+ .rc-calendar-time-picker-panel .rc-time-picker-panel-select {
41
+ width: 84px;
42
+ max-height: 217px;
43
+ }
44
+ .rc-calendar-time-picker-panel .rc-time-picker-panel-select li {
45
+ text-align: center;
46
+ padding: 0;
47
+ }
48
+ .rc-calendar-time-picker-wrap {
49
+ float: left;
50
+ width: 100%;
51
+ }
52
+ .rc-calendar-time-picker-wrap .rc-time-picker {
53
+ width: 100%;
54
+ }
55
+ .rc-calendar-time-picker-wrap .rc-time-picker-input {
56
+ padding: 0;
57
+ border: 1px solid transparent;
58
+ outline: 0;
59
+ height: 22px;
60
+ }
61
+ .rc-calendar-time-picker-wrap .rc-time-picker-icon {
62
+ display: none;
63
+ }
64
+ .rc-calendar-input {
65
+ border: 1px solid transparent;
66
+ width: 100%;
67
+ color: #666;
68
+ cursor: text;
69
+ line-height: 1.5;
70
+ outline: 0;
71
+ height: 22px;
72
+ }
73
+ .rc-calendar-input-invalid {
74
+ border-color: red;
75
+ }
76
+ .rc-calendar-clear-btn {
77
+ z-index: 9999;
78
+ position: absolute;
79
+ right: 6px;
80
+ cursor: pointer;
81
+ overflow: hidden;
82
+ width: 20px;
83
+ height: 20px;
84
+ text-align: center;
85
+ line-height: 20px;
86
+ top: 6px;
87
+ margin: 0;
88
+ }
89
+ .rc-calendar-clear-btn:after {
90
+ content: "x";
91
+ font-size: 12px;
92
+ color: #aaa;
93
+ display: inline-block;
94
+ line-height: 1;
95
+ width: 20px;
96
+ transition: color 0.3s ease;
97
+ }
98
+ .rc-calendar-clear-btn:hover:after {
99
+ color: #666;
100
+ }
101
+ .rc-calendar-picker {
102
+ position: absolute;
103
+ left: -9999px;
104
+ top: -9999px;
105
+ z-index: 1000;
106
+ }
107
+ .rc-calendar-picker-hidden {
108
+ display: none;
109
+ }
110
+ .rc-calendar-picker-slide-up-enter {
111
+ animation-duration: .3s;
112
+ animation-fill-mode: both;
113
+ transform-origin: 0 0;
114
+ display: block !important;
115
+ opacity: 0;
116
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
117
+ animation-play-state: paused;
118
+ }
119
+ .rc-calendar-picker-slide-up-appear {
120
+ animation-duration: .3s;
121
+ animation-fill-mode: both;
122
+ transform-origin: 0 0;
123
+ display: block !important;
124
+ opacity: 0;
125
+ animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
126
+ animation-play-state: paused;
127
+ }
128
+ .rc-calendar-picker-slide-up-leave {
129
+ animation-duration: .3s;
130
+ animation-fill-mode: both;
131
+ transform-origin: 0 0;
132
+ display: block !important;
133
+ opacity: 1;
134
+ animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
135
+ animation-play-state: paused;
136
+ }
137
+ .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,
138
+ .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight,
139
+ .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,
140
+ .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight {
141
+ animation-name: rcDropdownSlideUpIn;
142
+ animation-play-state: running;
143
+ }
144
+ .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,
145
+ .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight,
146
+ .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,
147
+ .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight {
148
+ animation-name: rcDropdownSlideDownIn;
149
+ animation-play-state: running;
150
+ }
151
+ .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,
152
+ .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
153
+ animation-name: rcDropdownSlideUpOut;
154
+ animation-play-state: running;
155
+ }
156
+ .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,
157
+ .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
158
+ animation-name: rcDropdownSlideDownOut;
159
+ animation-play-state: running;
160
+ }
161
+ @keyframes rcDropdownSlideUpIn {
162
+ 0% {
163
+ opacity: 0;
164
+ transform-origin: 0% 0%;
165
+ transform: scaleY(0);
166
+ }
167
+ 100% {
168
+ opacity: 1;
169
+ transform-origin: 0% 0%;
170
+ transform: scaleY(1);
171
+ }
172
+ }
173
+ @keyframes rcDropdownSlideUpOut {
174
+ 0% {
175
+ opacity: 1;
176
+ transform-origin: 0% 0%;
177
+ transform: scaleY(1);
178
+ }
179
+ 100% {
180
+ opacity: 0;
181
+ transform-origin: 0% 0%;
182
+ transform: scaleY(0);
183
+ }
184
+ }
185
+ @keyframes rcDropdownSlideDownIn {
186
+ 0% {
187
+ opacity: 0;
188
+ transform-origin: 100% 100%;
189
+ transform: scaleY(0);
190
+ }
191
+ 100% {
192
+ opacity: 1;
193
+ transform-origin: 100% 100%;
194
+ transform: scaleY(1);
195
+ }
196
+ }
197
+ @keyframes rcDropdownSlideDownOut {
198
+ 0% {
199
+ opacity: 1;
200
+ transform-origin: 100% 100%;
201
+ transform: scaleY(1);
202
+ }
203
+ 100% {
204
+ opacity: 0;
205
+ transform-origin: 100% 100%;
206
+ transform: scaleY(0);
207
+ }
208
+ }
209
+ .rc-calendar {
210
+ position: relative;
211
+ outline: none;
212
+ font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
213
+ width: 253px;
214
+ list-style: none;
215
+ font-size: 12px;
216
+ text-align: left;
217
+ background-color: #fff;
218
+ border-radius: 3px;
219
+ box-shadow: 0 1px 5px #ccc;
220
+ background-clip: padding-box;
221
+ border: 1px solid #ccc;
222
+ line-height: 1.5;
223
+ }
224
+ .rc-calendar-date-panel,
225
+ .rc-calendar-panel {
226
+ position: relative;
227
+ outline: none;
228
+ }
229
+ .rc-calendar-week-number {
230
+ width: 286px;
231
+ }
232
+ .rc-calendar-week-number-cell {
233
+ text-align: center;
234
+ }
235
+ .rc-calendar-header {
236
+ padding: 0 10px;
237
+ height: 34px;
238
+ line-height: 30px;
239
+ text-align: center;
240
+ -moz-user-select: none;
241
+ -ms-user-select: none;
242
+ user-select: none;
243
+ -webkit-user-select: none;
244
+ border-bottom: 1px solid #ccc;
245
+ }
246
+ .rc-calendar-header > a {
247
+ font-weight: bold;
248
+ display: inline-block;
249
+ padding: 0px 5px;
250
+ line-height: 34px;
251
+ text-align: center;
252
+ width: 30px;
253
+ }
254
+ .rc-calendar-header > a:hover {
255
+ cursor: pointer;
256
+ color: #23c0fa;
257
+ }
258
+ .rc-calendar-header .rc-calendar-prev-month-btn {
259
+ position: absolute;
260
+ left: 25px;
261
+ }
262
+ .rc-calendar-header .rc-calendar-prev-month-btn:after {
263
+ content: '‹';
264
+ }
265
+ .rc-calendar-header .rc-calendar-next-month-btn {
266
+ position: absolute;
267
+ right: 25px;
268
+ }
269
+ .rc-calendar-header .rc-calendar-next-month-btn:after {
270
+ content: '›';
271
+ }
272
+ .rc-calendar-year-select,
273
+ .rc-calendar-month-select,
274
+ .rc-calendar-day-select {
275
+ display: inline-block;
276
+ font-size: 12px;
277
+ font-weight: bold;
278
+ color: #666;
279
+ padding: 0 8px;
280
+ line-height: 34px;
281
+ }
282
+ .rc-calendar-year-select:hover,
283
+ .rc-calendar-month-select:hover,
284
+ .rc-calendar-day-select:hover {
285
+ cursor: pointer;
286
+ color: #23c0fa;
287
+ }
288
+ .rc-calendar-year-select.rc-calendar-time-status:hover,
289
+ .rc-calendar-month-select.rc-calendar-time-status:hover,
290
+ .rc-calendar-day-select.rc-calendar-time-status:hover {
291
+ cursor: pointer;
292
+ color: #666;
293
+ }
294
+ .rc-calendar-prev-month-btn,
295
+ .rc-calendar-next-month-btn,
296
+ .rc-calendar-prev-year-btn,
297
+ .rc-calendar-next-year-btn {
298
+ position: absolute;
299
+ top: 0;
300
+ cursor: pointer;
301
+ color: #999;
302
+ font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
303
+ padding: 0 5px;
304
+ font-size: 16px;
305
+ display: inline-block;
306
+ line-height: 34px;
307
+ }
308
+ .rc-calendar-prev-month-btn:hover,
309
+ .rc-calendar-next-month-btn:hover,
310
+ .rc-calendar-prev-year-btn:hover,
311
+ .rc-calendar-next-year-btn:hover {
312
+ color: #23c0fa;
313
+ }
314
+ .rc-calendar-next-year-btn {
315
+ right: 0;
316
+ }
317
+ .rc-calendar-next-year-btn:after {
318
+ content: '»';
319
+ }
320
+ .rc-calendar-prev-year-btn {
321
+ left: 0;
322
+ }
323
+ .rc-calendar-prev-year-btn:after {
324
+ content: '«';
325
+ }
326
+ .rc-calendar-body {
327
+ padding: 9px 10px 10px;
328
+ height: 217px;
329
+ }
330
+ .rc-calendar table {
331
+ border-collapse: collapse;
332
+ max-width: 100%;
333
+ background-color: transparent;
334
+ width: 100%;
335
+ }
336
+ .rc-calendar table,
337
+ .rc-calendar td,
338
+ .rc-calendar th,
339
+ .rc-calendar td {
340
+ border: none;
341
+ }
342
+ .rc-calendar-table {
343
+ border-spacing: 0;
344
+ margin-bottom: 0;
345
+ }
346
+ .rc-calendar-column-header {
347
+ line-height: 18px;
348
+ padding: 6px 0;
349
+ width: 33px;
350
+ text-align: center;
351
+ }
352
+ .rc-calendar-column-header .rc-calendar-column-header-inner {
353
+ display: block;
354
+ font-weight: normal;
355
+ }
356
+ .rc-calendar-week-number-header .rc-calendar-column-header-inner {
357
+ display: none;
358
+ }
359
+ .rc-calendar-cell {
360
+ padding: 1px 0;
361
+ }
362
+ .rc-calendar-date {
363
+ display: block;
364
+ margin: 0 auto;
365
+ color: #666;
366
+ border-radius: 4px 4px;
367
+ width: 26px;
368
+ height: 26px;
369
+ padding: 0;
370
+ background: transparent;
371
+ line-height: 26px;
372
+ text-align: center;
373
+ }
374
+ .rc-calendar-date:hover {
375
+ background: #ebfaff;
376
+ cursor: pointer;
377
+ }
378
+ .rc-calendar-selected-day .rc-calendar-date {
379
+ background: #d9f4fe;
380
+ }
381
+ .rc-calendar-selected-date .rc-calendar-date {
382
+ background: #3fc7fa;
383
+ color: #fff;
384
+ }
385
+ .rc-calendar-selected-date .rc-calendar-date:hover {
386
+ background: #3fc7fa;
387
+ }
388
+ .rc-calendar-today .rc-calendar-date {
389
+ border: 1px solid #3fc7fa;
390
+ }
391
+ .rc-calendar-disabled-cell .rc-calendar-date {
392
+ cursor: not-allowed;
393
+ color: #bcbcbc;
394
+ background: #f3f3f3;
395
+ border-radius: 0;
396
+ width: auto;
397
+ }
398
+ .rc-calendar-disabled-cell .rc-calendar-date:hover {
399
+ background: #f3f3f3;
400
+ }
401
+ .rc-calendar-disabled-cell-first-of-row .rc-calendar-date {
402
+ border-top-left-radius: 4px;
403
+ border-bottom-left-radius: 4px;
404
+ }
405
+ .rc-calendar-disabled-cell-last-of-row .rc-calendar-date {
406
+ border-top-right-radius: 4px;
407
+ border-bottom-right-radius: 4px;
408
+ }
409
+ .rc-calendar-last-month-cell .rc-calendar-date,
410
+ .rc-calendar-next-month-btn-day .rc-calendar-date {
411
+ color: #bbb;
412
+ }
413
+ .rc-calendar-footer {
414
+ border-top: 1px solid #ccc;
415
+ padding: 10px 0;
416
+ text-align: center;
417
+ position: relative;
418
+ }
419
+ .rc-calendar-footer .rc-time-picker {
420
+ width: 90px;
421
+ }
422
+ .rc-calendar-footer .rc-time-picker-input {
423
+ height: 24px;
424
+ }
425
+ .rc-calendar-footer-show-ok {
426
+ text-align: right;
427
+ }
428
+ .rc-calendar-footer-show-ok .rc-calendar-footer-btn {
429
+ padding-right: 12px;
430
+ }
431
+ .rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {
432
+ margin-left: 0;
433
+ padding: 0 12px;
434
+ }
435
+ .rc-calendar-footer-show-ok .rc-calendar-today-btn {
436
+ float: left;
437
+ padding-left: 12px;
438
+ }
439
+ .rc-calendar-footer-btn {
440
+ margin-top: 2px;
441
+ }
442
+ .rc-calendar-footer-btn:after {
443
+ content: 'x';
444
+ height: 0;
445
+ font-size: 0;
446
+ overflow: hidden;
447
+ clear: both;
448
+ }
449
+ .rc-calendar-time-picker-btn {
450
+ margin-left: 10px;
451
+ }
452
+ .rc-calendar-today-btn,
453
+ .rc-calendar-ok-btn,
454
+ .rc-calendar-time-picker-btn {
455
+ display: inline-block;
456
+ text-align: center;
457
+ color: #f46830;
458
+ }
459
+ .rc-calendar-today-btn:hover,
460
+ .rc-calendar-ok-btn:hover,
461
+ .rc-calendar-time-picker-btn:hover {
462
+ cursor: pointer;
463
+ color: #23c0fa;
464
+ }
465
+ .rc-calendar-today-btn-disabled,
466
+ .rc-calendar-ok-btn-disabled,
467
+ .rc-calendar-time-picker-btn-disabled {
468
+ color: #bbb;
469
+ }
470
+ .rc-calendar-today-btn-disabled:hover,
471
+ .rc-calendar-ok-btn-disabled:hover,
472
+ .rc-calendar-time-picker-btn-disabled:hover {
473
+ color: #bbb;
474
+ }
475
+ .rc-calendar-today-btn {
476
+ padding-left: 10px;
477
+ }
478
+ .rc-calendar-time-input {
479
+ height: 25px;
480
+ position: relative;
481
+ display: inline-block;
482
+ margin: 0 0;
483
+ padding: 4px 10px;
484
+ border-radius: 6px 6px;
485
+ border: 1px solid #d9d9d9;
486
+ background-color: #ffffff;
487
+ color: #666;
488
+ line-height: 1.5;
489
+ transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
490
+ width: 40px;
491
+ }
492
+ .rc-calendar-time-input:hover {
493
+ border-color: #23c0fa;
494
+ }
495
+ .rc-calendar-time-input:focus {
496
+ border-color: #23c0fa;
497
+ box-shadow: 0 0 3px #23c0fa;
498
+ }
499
+ .rc-calendar-time-panel {
500
+ left: 0;
501
+ top: 0;
502
+ bottom: 0;
503
+ right: 0;
504
+ background: #ffffff;
505
+ z-index: 10;
506
+ position: absolute;
507
+ outline: none;
508
+ }
509
+ .rc-calendar-time-panel-header {
510
+ padding: 0 10px;
511
+ height: 34px;
512
+ line-height: 34px;
513
+ position: relative;
514
+ text-align: center;
515
+ -moz-user-select: none;
516
+ -ms-user-select: none;
517
+ user-select: none;
518
+ -webkit-user-select: none;
519
+ border-bottom: 1px solid #ccc;
520
+ }
521
+ .rc-calendar-time-panel-body {
522
+ padding: 9px 10px 10px;
523
+ }
524
+ .rc-calendar-time-panel-title {
525
+ width: 180px;
526
+ font-weight: bold;
527
+ display: inline-block;
528
+ padding: 4px 5px;
529
+ text-align: center;
530
+ height: 30px;
531
+ line-height: 22px;
532
+ border-radius: 4px;
533
+ }
534
+ .rc-calendar-time-panel-table {
535
+ table-layout: fixed;
536
+ width: 100%;
537
+ height: 255px;
538
+ border-collapse: separate;
539
+ }
540
+ .rc-calendar-time-panel-cell {
541
+ text-align: center;
542
+ height: 42px;
543
+ vertical-align: middle;
544
+ }
545
+ .rc-calendar-time-panel-time {
546
+ line-height: 26px;
547
+ display: block;
548
+ border-radius: 4px;
549
+ width: 26px;
550
+ margin: 0 auto;
551
+ }
552
+ .rc-calendar-time-panel-time:hover {
553
+ background: #ebfaff;
554
+ cursor: pointer;
555
+ }
556
+ .rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time {
557
+ background: #3fc7fa;
558
+ color: #fff;
559
+ }
560
+ .rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
561
+ background: #3fc7fa;
562
+ color: #fff;
563
+ }
564
+ .rc-calendar-month-panel {
565
+ left: 0;
566
+ top: 0;
567
+ bottom: 0;
568
+ right: 0;
569
+ background: #ffffff;
570
+ z-index: 10;
571
+ position: absolute;
572
+ outline: none;
573
+ }
574
+ .rc-calendar-month-panel > div {
575
+ height: 100%;
576
+ display: -ms-flexbox;
577
+ display: flex;
578
+ -ms-flex-direction: column;
579
+ flex-direction: column;
580
+ }
581
+ .rc-calendar-month-panel-hidden {
582
+ display: none;
583
+ }
584
+ .rc-calendar-month-panel-header {
585
+ padding: 0 10px;
586
+ height: 34px;
587
+ line-height: 30px;
588
+ position: relative;
589
+ text-align: center;
590
+ -moz-user-select: none;
591
+ -ms-user-select: none;
592
+ user-select: none;
593
+ -webkit-user-select: none;
594
+ border-bottom: 1px solid #ccc;
595
+ }
596
+ .rc-calendar-month-panel-header > a {
597
+ font-weight: bold;
598
+ display: inline-block;
599
+ padding: 4px 5px;
600
+ text-align: center;
601
+ width: 30px;
602
+ }
603
+ .rc-calendar-month-panel-header > a:hover {
604
+ cursor: pointer;
605
+ color: #23c0fa;
606
+ }
607
+ .rc-calendar-month-panel-prev-year-btn,
608
+ .rc-calendar-month-panel-next-year-btn {
609
+ position: absolute;
610
+ top: 0;
611
+ }
612
+ .rc-calendar-month-panel-next-year-btn:after {
613
+ content: '»';
614
+ }
615
+ .rc-calendar-month-panel-prev-year-btn {
616
+ -webkit-user-select: none;
617
+ -moz-user-select: none;
618
+ -ms-user-select: none;
619
+ user-select: none;
620
+ left: 0;
621
+ }
622
+ .rc-calendar-month-panel-prev-year-btn:after {
623
+ content: '«';
624
+ }
625
+ .rc-calendar-month-panel .rc-calendar-month-panel-year-select {
626
+ width: 180px;
627
+ }
628
+ .rc-calendar-month-panel-year-select-arrow {
629
+ display: none;
630
+ }
631
+ .rc-calendar-month-panel-next-year-btn {
632
+ -webkit-user-select: none;
633
+ -moz-user-select: none;
634
+ -ms-user-select: none;
635
+ user-select: none;
636
+ right: 0;
637
+ }
638
+ .rc-calendar-month-panel-body {
639
+ -ms-flex: 1;
640
+ flex: 1;
641
+ padding: 9px 10px 10px;
642
+ }
643
+ .rc-calendar-month-panel-footer {
644
+ border-top: 1px solid #ccc;
645
+ line-height: 38px;
646
+ }
647
+ .rc-calendar-month-panel-table {
648
+ table-layout: fixed;
649
+ width: 100%;
650
+ height: 100%;
651
+ border-collapse: separate;
652
+ }
653
+ .rc-calendar-month-panel-cell {
654
+ text-align: center;
655
+ }
656
+ .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
657
+ display: block;
658
+ width: 46px;
659
+ margin: 0 auto;
660
+ color: #666;
661
+ border-radius: 4px 4px;
662
+ height: 36px;
663
+ padding: 0;
664
+ background: transparent;
665
+ line-height: 36px;
666
+ text-align: center;
667
+ }
668
+ .rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
669
+ background: #ebfaff;
670
+ cursor: pointer;
671
+ }
672
+ .rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
673
+ color: #bfbfbf;
674
+ }
675
+ .rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
676
+ background: white;
677
+ cursor: not-allowed;
678
+ }
679
+ .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
680
+ background: #3fc7fa;
681
+ color: #fff;
682
+ }
683
+ .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
684
+ background: #3fc7fa;
685
+ color: #fff;
686
+ }
687
+ .rc-calendar-month-header-wrap {
688
+ position: relative;
689
+ height: 308px;
690
+ }
691
+ .rc-calendar-year-panel {
692
+ left: 0;
693
+ top: 0;
694
+ bottom: 0;
695
+ right: 0;
696
+ background: #ffffff;
697
+ z-index: 10;
698
+ position: absolute;
699
+ outline: none;
700
+ }
701
+ .rc-calendar-year-panel > div {
702
+ height: 100%;
703
+ display: -ms-flexbox;
704
+ display: flex;
705
+ -ms-flex-direction: column;
706
+ flex-direction: column;
707
+ }
708
+ .rc-calendar-year-panel-hidden {
709
+ display: none;
710
+ }
711
+ .rc-calendar-year-panel-header {
712
+ padding: 0 10px;
713
+ height: 34px;
714
+ line-height: 30px;
715
+ position: relative;
716
+ text-align: center;
717
+ -moz-user-select: none;
718
+ -ms-user-select: none;
719
+ user-select: none;
720
+ -webkit-user-select: none;
721
+ border-bottom: 1px solid #ccc;
722
+ }
723
+ .rc-calendar-year-panel-header > a {
724
+ font-weight: bold;
725
+ display: inline-block;
726
+ padding: 4px 5px;
727
+ text-align: center;
728
+ width: 30px;
729
+ }
730
+ .rc-calendar-year-panel-header > a:hover {
731
+ cursor: pointer;
732
+ color: #23c0fa;
733
+ }
734
+ .rc-calendar-year-panel-prev-decade-btn,
735
+ .rc-calendar-year-panel-next-decade-btn {
736
+ position: absolute;
737
+ top: 0;
738
+ }
739
+ .rc-calendar-year-panel-next-decade-btn:after {
740
+ content: '»';
741
+ }
742
+ .rc-calendar-year-panel-prev-decade-btn {
743
+ -webkit-user-select: none;
744
+ -moz-user-select: none;
745
+ -ms-user-select: none;
746
+ user-select: none;
747
+ left: 0;
748
+ }
749
+ .rc-calendar-year-panel-prev-decade-btn:after {
750
+ content: '«';
751
+ }
752
+ .rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
753
+ width: 180px;
754
+ }
755
+ .rc-calendar-year-panel-decade-select-arrow {
756
+ display: none;
757
+ }
758
+ .rc-calendar-year-panel-next-decade-btn {
759
+ -webkit-user-select: none;
760
+ -moz-user-select: none;
761
+ -ms-user-select: none;
762
+ user-select: none;
763
+ right: 0;
764
+ }
765
+ .rc-calendar-year-panel-body {
766
+ -ms-flex: 1;
767
+ flex: 1;
768
+ padding: 9px 10px 10px;
769
+ }
770
+ .rc-calendar-year-panel-footer {
771
+ border-top: 1px solid #ccc;
772
+ line-height: 38px;
773
+ }
774
+ .rc-calendar-year-panel-table {
775
+ table-layout: fixed;
776
+ width: 100%;
777
+ height: 100%;
778
+ border-collapse: separate;
779
+ }
780
+ .rc-calendar-year-panel-cell {
781
+ text-align: center;
782
+ }
783
+ .rc-calendar-year-panel-year {
784
+ display: block;
785
+ width: 46px;
786
+ margin: 0 auto;
787
+ color: #666;
788
+ border-radius: 4px 4px;
789
+ height: 36px;
790
+ padding: 0;
791
+ background: transparent;
792
+ line-height: 36px;
793
+ text-align: center;
794
+ }
795
+ .rc-calendar-year-panel-year:hover {
796
+ background: #ebfaff;
797
+ cursor: pointer;
798
+ }
799
+ .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
800
+ background: #3fc7fa;
801
+ color: #fff;
802
+ }
803
+ .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
804
+ background: #3fc7fa;
805
+ color: #fff;
806
+ }
807
+ .rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,
808
+ .rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
809
+ -moz-user-select: none;
810
+ -ms-user-select: none;
811
+ user-select: none;
812
+ -webkit-user-select: none;
813
+ color: rgba(0, 0, 0, 0.25);
814
+ }
815
+ .rc-calendar-decade-panel {
816
+ left: 0;
817
+ top: 0;
818
+ bottom: 0;
819
+ right: 0;
820
+ background: #ffffff;
821
+ z-index: 10;
822
+ position: absolute;
823
+ outline: none;
824
+ display: -ms-flexbox;
825
+ display: flex;
826
+ -ms-flex-direction: column;
827
+ flex-direction: column;
828
+ }
829
+ .rc-calendar-decade-panel-hidden {
830
+ display: none;
831
+ }
832
+ .rc-calendar-decade-panel-header {
833
+ padding: 0 10px;
834
+ height: 34px;
835
+ line-height: 34px;
836
+ position: relative;
837
+ text-align: center;
838
+ -moz-user-select: none;
839
+ -ms-user-select: none;
840
+ user-select: none;
841
+ -webkit-user-select: none;
842
+ border-bottom: 1px solid #ccc;
843
+ }
844
+ .rc-calendar-decade-panel-header > a {
845
+ font-weight: bold;
846
+ display: inline-block;
847
+ padding: 1px 5px;
848
+ text-align: center;
849
+ width: 30px;
850
+ }
851
+ .rc-calendar-decade-panel-header > a:hover {
852
+ cursor: pointer;
853
+ color: #23c0fa;
854
+ }
855
+ .rc-calendar-decade-panel-prev-century-btn,
856
+ .rc-calendar-decade-panel-next-century-btn {
857
+ position: absolute;
858
+ top: 0;
859
+ }
860
+ .rc-calendar-decade-panel-next-century-btn:after {
861
+ content: '»';
862
+ }
863
+ .rc-calendar-decade-panel-prev-century-btn {
864
+ -webkit-user-select: none;
865
+ -moz-user-select: none;
866
+ -ms-user-select: none;
867
+ user-select: none;
868
+ left: 0;
869
+ }
870
+ .rc-calendar-decade-panel-prev-century-btn:after {
871
+ content: '«';
872
+ }
873
+ .rc-calendar-decade-panel-next-century-btn {
874
+ -webkit-user-select: none;
875
+ -moz-user-select: none;
876
+ -ms-user-select: none;
877
+ user-select: none;
878
+ right: 0;
879
+ }
880
+ .rc-calendar-decade-panel-body {
881
+ -ms-flex: 1;
882
+ flex: 1;
883
+ padding: 9px 10px 10px;
884
+ }
885
+ .rc-calendar-decade-panel-footer {
886
+ border-top: 1px solid #ccc;
887
+ line-height: 38px;
888
+ }
889
+ .rc-calendar-decade-panel-table {
890
+ table-layout: fixed;
891
+ width: 100%;
892
+ height: 100%;
893
+ border-collapse: separate;
894
+ }
895
+ .rc-calendar-decade-panel-cell {
896
+ text-align: center;
897
+ }
898
+ .rc-calendar-decade-panel-decade {
899
+ display: block;
900
+ margin: 0 auto;
901
+ color: #666;
902
+ border-radius: 4px 4px;
903
+ height: 36px;
904
+ padding: 0;
905
+ background: transparent;
906
+ line-height: 36px;
907
+ text-align: center;
908
+ }
909
+ .rc-calendar-decade-panel-decade:hover {
910
+ background: #ebfaff;
911
+ cursor: pointer;
912
+ }
913
+ .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
914
+ background: #3fc7fa;
915
+ color: #fff;
916
+ }
917
+ .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
918
+ background: #3fc7fa;
919
+ color: #fff;
920
+ }
921
+ .rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,
922
+ .rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
923
+ -moz-user-select: none;
924
+ -ms-user-select: none;
925
+ user-select: none;
926
+ -webkit-user-select: none;
927
+ color: rgba(0, 0, 0, 0.25);
928
+ }
929
+ .rc-calendar-range {
930
+ width: 502px;
931
+ overflow: hidden;
932
+ }
933
+ .rc-calendar-range-part {
934
+ width: 250px;
935
+ position: relative;
936
+ }
937
+ .rc-calendar-range-part .rc-calendar-time-picker {
938
+ top: 69px;
939
+ }
940
+ .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
941
+ width: 77px;
942
+ }
943
+ .rc-calendar-range-left {
944
+ float: left;
945
+ }
946
+ .rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
947
+ border-right: 1px solid #e9e9e9;
948
+ }
949
+ .rc-calendar-range-right {
950
+ float: right;
951
+ }
952
+ .rc-calendar-range-right .rc-calendar-time-picker-panel {
953
+ left: 21px;
954
+ }
955
+ .rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
956
+ border-left: 1px solid #e9e9e9;
957
+ }
958
+ .rc-calendar-range-middle {
959
+ position: absolute;
960
+ margin-left: -10px;
961
+ text-align: center;
962
+ height: 35px;
963
+ line-height: 35px;
964
+ }
965
+ .rc-calendar-range .rc-calendar-date-panel::after {
966
+ content: ".";
967
+ display: block;
968
+ height: 0;
969
+ clear: both;
970
+ visibility: hidden;
971
+ }
972
+ .rc-calendar-range .rc-calendar-input-wrap {
973
+ height: 35px;
974
+ }
975
+ .rc-calendar-range .rc-calendar-input,
976
+ .rc-calendar-range .rc-time-picker-input {
977
+ padding: 1px 7px;
978
+ height: 22px;
979
+ }
980
+ .rc-calendar-range .rc-calendar-body,
981
+ .rc-calendar-range .rc-calendar-decade-panel-body,
982
+ .rc-calendar-range .rc-calendar-year-panel-body,
983
+ .rc-calendar-range .rc-calendar-month-panel-body {
984
+ border-bottom: 1px solid #e9e9e9;
985
+ }
986
+ .rc-calendar-range.rc-calendar-week-number {
987
+ width: 574px;
988
+ }
989
+ .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {
990
+ width: 286px;
991
+ }
992
+ .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {
993
+ top: 69px;
994
+ }
995
+ .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
996
+ width: 89px;
997
+ }
998
+ .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {
999
+ left: 36px;
1000
+ }
1001
+ .rc-calendar-range .rc-calendar-year-panel,
1002
+ .rc-calendar-range .rc-calendar-month-panel,
1003
+ .rc-calendar-range .rc-calendar-decade-panel {
1004
+ top: 35px;
1005
+ }
1006
+ .rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {
1007
+ top: 0;
1008
+ }
1009
+ .rc-calendar-range .rc-calendar-decade-panel-table,
1010
+ .rc-calendar-range .rc-calendar-year-panel-table,
1011
+ .rc-calendar-range .rc-calendar-month-panel-table {
1012
+ height: 198px;
1013
+ }
1014
+ .rc-calendar-range .rc-calendar-in-range-cell {
1015
+ background: #ebf4f8;
1016
+ border-radius: 0;
1017
+ }
1018
+ .rc-calendar-range-bottom {
1019
+ text-align: right;
1020
+ }
1021
+ .rc-calendar-range .rc-calendar-footer {
1022
+ border-top: none;
1023
+ padding: 0;
1024
+ }
1025
+ .rc-calendar-range .rc-calendar-footer-btn {
1026
+ padding: 10px 12px 10px 0;
1027
+ }
1028
+ .rc-calendar-range .rc-calendar-ok-btn {
1029
+ position: static;
1030
+ }
1031
+ .rc-calendar-range .rc-calendar-today-btn {
1032
+ float: left;
1033
+ }
1034
+ .rc-calendar-full {
1035
+ width: 275px;
1036
+ }
1037
+ .rc-calendar-full-header {
1038
+ padding: 5px 10px;
1039
+ text-align: center;
1040
+ -moz-user-select: none;
1041
+ -ms-user-select: none;
1042
+ user-select: none;
1043
+ -webkit-user-select: none;
1044
+ border-bottom: 1px solid #ccc;
1045
+ overflow: hidden;
1046
+ }
1047
+ .rc-calendar-full-header-month-select,
1048
+ .rc-calendar-full-header-year-select {
1049
+ width: 70px;
1050
+ float: right;
1051
+ margin-right: 5px;
1052
+ }
1053
+ .rc-calendar-full-header-switcher {
1054
+ float: right;
1055
+ display: inline-block;
1056
+ }
1057
+ .rc-calendar-full-header-switcher-normal:hover {
1058
+ border-color: #23c0fa;
1059
+ box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
1060
+ cursor: pointer;
1061
+ }
1062
+ .rc-calendar-full-header-switcher-focus {
1063
+ border-color: #3fc7fa;
1064
+ background-color: #3fc7fa;
1065
+ color: #fff;
1066
+ }
1067
+ .rc-calendar-full-header-switcher > span {
1068
+ float: left;
1069
+ height: 28px;
1070
+ line-height: 24px;
1071
+ border: 1px solid #d9d9d9;
1072
+ padding: 0 10px;
1073
+ color: #666;
1074
+ }
1075
+ .rc-calendar-full-header-switcher > span:first-child {
1076
+ border-top-left-radius: 4px;
1077
+ border-bottom-left-radius: 4px;
1078
+ border-right: none;
1079
+ }
1080
+ .rc-calendar-full-header-switcher > span:last-child {
1081
+ border-top-right-radius: 4px;
1082
+ border-bottom-right-radius: 4px;
1083
+ border-left: none;
1084
+ }
1085
+ .rc-calendar-fullscreen {
1086
+ width: auto;
1087
+ }
1088
+ .rc-calendar-fullscreen .rc-calendar-full-header {
1089
+ border-bottom: none;
1090
+ }
1091
+ .rc-calendar-fullscreen .rc-calendar-column-header {
1092
+ text-align: right;
1093
+ padding-right: 12px;
1094
+ }
1095
+ .rc-calendar-fullscreen .rc-calendar-cell {
1096
+ padding: 0;
1097
+ }
1098
+ .rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,
1099
+ .rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
1100
+ display: block;
1101
+ height: 116px;
1102
+ width: auto;
1103
+ border-radius: 0;
1104
+ margin: 0 4px;
1105
+ border: none;
1106
+ border-top: 2px solid #eee;
1107
+ text-align: right;
1108
+ padding-right: 8px;
1109
+ }
1110
+ .rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date,
1111
+ .rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
1112
+ background-color: #ebfaff;
1113
+ color: #666;
1114
+ }
1115
+ .rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date,
1116
+ .rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
1117
+ border-top-color: #3FC7FA;
1118
+ color: #3FC7FA;
1119
+ }