UNPKG

57.7 kBCSSView Raw
1/* FormGroup */
2/* Navlayout */
3/* FormGroup */
4/* Navlayout */
5/* FormGroup */
6/* Navlayout */
7@font-face {
8 font-family: "uf";
9 src: url("//design.yonyoucloud.com/static/iconfont/iconfont.eot");
10 /* IE9*/
11 src: url("//design.yonyoucloud.com/static/iconfont/iconfont.eot") format("embedded-opentype"), url("//design.yonyoucloud.com/static/iconfont/iconfont.woff") format("woff"), url("//design.yonyoucloud.com/static/iconfont/iconfont.ttf") format("truetype"), url("//design.yonyoucloud.com/static/iconfont/iconfont.svg") format("svg");
12 /* iOS 4.1- */ }
13
14.uf {
15 font-family: "uf" !important;
16 font-size: 16px;
17 font-style: normal;
18 -webkit-font-smoothing: antialiased;
19 -moz-osx-font-smoothing: grayscale; }
20
21.uf-wechat:before {
22 content: "\3488"; }
23
24.uf-add-c-o:before {
25 content: "\e601"; }
26
27.uf-search:before {
28 content: "\e603"; }
29
30.uf-histogram-arrow-up:before {
31 content: "\e633"; }
32
33.uf-close-bold:before {
34 content: "\e602"; }
35
36.uf-umbrella:before {
37 content: "\e63b"; }
38
39.uf-qq:before {
40 content: "\e694"; }
41
42.uf-4square-3:before {
43 content: "\e63d"; }
44
45.uf-send:before {
46 content: "\e63f"; }
47
48.uf-map:before {
49 content: "\e66c"; }
50
51.uf-9square-2:before {
52 content: "\e63e"; }
53
54.uf-navmenu:before {
55 content: "\e614"; }
56
57.uf-pc-2:before {
58 content: "\e644"; }
59
60.uf-search-light-2:before {
61 content: "\e627"; }
62
63.uf-check-s-2:before {
64 content: "\e66e"; }
65
66.uf-pencil:before {
67 content: "\e69b"; }
68
69.uf-repeat:before {
70 content: "\e634"; }
71
72.uf-security-2:before {
73 content: "\e6a5"; }
74
75.uf-lexi:before {
76 content: "\e643"; }
77
78.uf-pencil-s:before {
79 content: "\e77d"; }
80
81.uf-del:before {
82 content: "\e654"; }
83
84.uf-bi-o:before {
85 content: "\e641"; }
86
87.uf-pencil-c:before {
88 content: "\e6e6"; }
89
90.uf-qrcode:before {
91 content: "\e661"; }
92
93.uf-rmb-c-o:before {
94 content: "\e645"; }
95
96.uf-search-c-o:before {
97 content: "\e659"; }
98
99.uf-bell:before {
100 content: "\e60c"; }
101
102.uf-pass-3:before {
103 content: "\e649"; }
104
105.uf-treearrow-down:before {
106 content: "\e608"; }
107
108.uf-training:before {
109 content: "\e617"; }
110
111.uf-group-2:before {
112 content: "\e64c"; }
113
114.uf-zoom-in:before {
115 content: "\e906"; }
116
117.uf-security-o:before {
118 content: "\e7ac"; }
119
120.uf-baojia-c:before {
121 content: "\e64d"; }
122
123.uf-rulerpen:before {
124 content: "\e623"; }
125
126.uf-erpsearch:before {
127 content: "\e64e"; }
128
129.uf-group-o:before {
130 content: "\e6a8"; }
131
132.uf-cloud-o-updown:before {
133 content: "\e725"; }
134
135.uf-close-c-o:before {
136 content: "\e625"; }
137
138.uf-add-s:before {
139 content: "\e620"; }
140
141.uf-pc:before {
142 content: "\e6e8"; }
143
144.uf-rain:before {
145 content: "\e771"; }
146
147.uf-nodata:before {
148 content: "\e64f"; }
149
150.uf-close-c:before {
151 content: "\e66b"; }
152
153.uf-bohui-s-o:before {
154 content: "\e65f"; }
155
156.uf-cloud:before {
157 content: "\e772"; }
158
159.uf-bag-s:before {
160 content: "\e650"; }
161
162.uf-table-2:before {
163 content: "\e95f"; }
164
165.uf-anglearrowpointingtoright:before {
166 content: "\e61e"; }
167
168.uf-exc-c-o:before {
169 content: "\e615"; }
170
171.uf-group:before {
172 content: "\e651"; }
173
174.uf-personin-o:before {
175 content: "\e8d3"; }
176
177.uf-calendar:before {
178 content: "\e646"; }
179
180.uf-add-s-o:before {
181 content: "\e604"; }
182
183.uf-sync-c-o:before {
184 content: "\e655"; }
185
186.uf-grid:before {
187 content: "\e657"; }
188
189.uf-anglepointingtoleft:before {
190 content: "\e624"; }
191
192.uf-activate-3:before {
193 content: "\e65b"; }
194
195.uf-caven:before {
196 content: "\e663"; }
197
198.uf-back:before {
199 content: "\e6e3"; }
200
201.uf-pass-2:before {
202 content: "\e65d"; }
203
204.uf-reduce-s-o:before {
205 content: "\e719"; }
206
207.uf-area:before {
208 content: "\e6ea"; }
209
210.uf-flag:before {
211 content: "\e65e"; }
212
213.uf-box-o-2:before {
214 content: "\e610"; }
215
216.uf-arrow-s-o-down:before {
217 content: "\e660"; }
218
219.uf-arrow-s-o-up:before {
220 content: "\e662"; }
221
222.uf-building:before {
223 content: "\e6ee"; }
224
225.uf-tapp:before {
226 content: "\e773"; }
227
228.uf-treefolder:before {
229 content: "\e628"; }
230
231.uf-advice:before {
232 content: "\e6cf"; }
233
234.uf-2collayout:before {
235 content: "\e618"; }
236
237.uf-check-s:before {
238 content: "\e672"; }
239
240.uf-sign:before {
241 content: "\e67a"; }
242
243.uf-listsearch:before {
244 content: "\e67c"; }
245
246.uf-gridcaretarrowup:before {
247 content: "\e636"; }
248
249.uf-eye-c-o:before {
250 content: "\e67e"; }
251
252.uf-check-c-o:before {
253 content: "\e6ef"; }
254
255.uf-seal:before {
256 content: "\e67f"; }
257
258.uf-erpbox:before {
259 content: "\e6ae"; }
260
261.uf-rulerpen-o:before {
262 content: "\e62e"; }
263
264.uf-role:before {
265 content: "\e7c2"; }
266
267.uf-exc-c-2:before {
268 content: "\e675"; }
269
270.uf-pad:before {
271 content: "\e6bd"; }
272
273.uf-treefolder-closed:before {
274 content: "\e688"; }
275
276.uf-reduce-c-o:before {
277 content: "\e635"; }
278
279.uf-pass-s-o:before {
280 content: "\e682"; }
281
282.uf-setting:before {
283 content: "\e683"; }
284
285.uf-close-s:before {
286 content: "\e76a"; }
287
288.uf-map-o:before {
289 content: "\e665"; }
290
291.uf-move:before {
292 content: "\e68b"; }
293
294.uf-2arrow-down:before {
295 content: "\e606"; }
296
297.uf-2arrow-right:before {
298 content: "\e60b"; }
299
300.uf-arrow-c-o-left:before {
301 content: "\e684"; }
302
303.uf-plus:before {
304 content: "\e763"; }
305
306.uf-arrow-c-o-right:before {
307 content: "\e685"; }
308
309.uf-arrow-c-o-down:before {
310 content: "\e687"; }
311
312.uf-list-s-o:before {
313 content: "\e746"; }
314
315.uf-cloud-o-down:before {
316 content: "\e673"; }
317
318.uf-nodata-2:before {
319 content: "\e68c"; }
320
321.uf-file-s:before {
322 content: "\e642"; }
323
324.uf-2arrow-up:before {
325 content: "\e607"; }
326
327.uf-notification:before {
328 content: "\e9cc"; }
329
330.uf-piechart:before {
331 content: "\e6f0"; }
332
333.uf-cloud-o-up:before {
334 content: "\e6ac"; }
335
336.uf-close:before {
337 content: "\e76b"; }
338
339.uf-correct:before {
340 content: "\e677"; }
341
342.uf-histogram-s-o-2:before {
343 content: "\e6fa"; }
344
345.uf-4square-2:before {
346 content: "\e691"; }
347
348.uf-sunny:before {
349 content: "\e774"; }
350
351.uf-link:before {
352 content: "\e6fe"; }
353
354.uf-eye:before {
355 content: "\e692"; }
356
357.uf-eye-o:before {
358 content: "\e69c"; }
359
360.uf-qian:before {
361 content: "\e69e"; }
362
363.uf-widgetab:before {
364 content: "\e6f2"; }
365
366.uf-rmb-s:before {
367 content: "\e6a0"; }
368
369.uf-link-off:before {
370 content: "\e6ff"; }
371
372.uf-shang-s:before {
373 content: "\e6a1"; }
374
375.uf-xia-s:before {
376 content: "\e6a6"; }
377
378.uf-box-2:before {
379 content: "\e616"; }
380
381.uf-pass-o:before {
382 content: "\e6a7"; }
383
384.uf-arrow-down:before {
385 content: "\e609"; }
386
387.uf-arrow-right:before {
388 content: "\e611"; }
389
390.uf-arrow-left:before {
391 content: "\e612"; }
392
393.uf-box:before {
394 content: "\e613"; }
395
396.uf-triangle-right:before {
397 content: "\e61c"; }
398
399.uf-histogram-s-o:before {
400 content: "\e626"; }
401
402.uf-book:before {
403 content: "\e62a"; }
404
405.uf-bookmark-o:before {
406 content: "\e631"; }
407
408.uf-leaf:before {
409 content: "\e62d"; }
410
411.uf-bullseye:before {
412 content: "\e632"; }
413
414.uf-calendarpageempty:before {
415 content: "\e647"; }
416
417.uf-gridcaretdown:before {
418 content: "\e637"; }
419
420.uf-triangle-up:before {
421 content: "\e638"; }
422
423.uf-triangle-down:before {
424 content: "\e639"; }
425
426.uf-cloud-down:before {
427 content: "\e64a"; }
428
429.uf-cloud-up:before {
430 content: "\e64b"; }
431
432.uf-bubble:before {
433 content: "\e652"; }
434
435.uf-bubble-o:before {
436 content: "\e653"; }
437
438.uf-copy:before {
439 content: "\e65a"; }
440
441.uf-correct-2:before {
442 content: "\e658"; }
443
444.uf-2arrow-left:before {
445 content: "\e664"; }
446
447.uf-arrow-down-2:before {
448 content: "\e667"; }
449
450.uf-download:before {
451 content: "\e669"; }
452
453.uf-earth:before {
454 content: "\e66d"; }
455
456.uf-mail-o:before {
457 content: "\e66f"; }
458
459.uf-mail:before {
460 content: "\e670"; }
461
462.uf-exc:before {
463 content: "\e674"; }
464
465.uf-externallink:before {
466 content: "\e676"; }
467
468.uf-video:before {
469 content: "\e67b"; }
470
471.uf-films:before {
472 content: "\e680"; }
473
474.uf-folder:before {
475 content: "\e689"; }
476
477.uf-folder-o:before {
478 content: "\e68a"; }
479
480.uf-fontselectioneditor:before {
481 content: "\e68d"; }
482
483.uf-4square:before {
484 content: "\e68e"; }
485
486.uf-gift:before {
487 content: "\e693"; }
488
489.uf-github-c:before {
490 content: "\e695"; }
491
492.uf-github-s:before {
493 content: "\e696"; }
494
495.uf-heart-o:before {
496 content: "\e6a3"; }
497
498.uf-heart:before {
499 content: "\e6a4"; }
500
501.uf-home:before {
502 content: "\e6a2"; }
503
504.uf-i-c-2:before {
505 content: "\e6aa"; }
506
507.uf-i:before {
508 content: "\e6ab"; }
509
510.uf-triangle-left:before {
511 content: "\e6b0"; }
512
513.uf-symlist:before {
514 content: "\e6be"; }
515
516.uf-arrow-left-2:before {
517 content: "\e6bf"; }
518
519.uf-arrow-right-2:before {
520 content: "\e6c0"; }
521
522.uf-arrow-up-2:before {
523 content: "\e6c1"; }
524
525.uf-reduce-c:before {
526 content: "\e6cb"; }
527
528.uf-reduce-s:before {
529 content: "\e6cc"; }
530
531.uf-minus:before {
532 content: "\e6ce"; }
533
534.uf-mobile:before {
535 content: "\e6e0"; }
536
537.uf-bell-o:before {
538 content: "\e6d4"; }
539
540.uf-9square:before {
541 content: "\e6d5"; }
542
543.uf-numlist:before {
544 content: "\e6dd"; }
545
546.uf-folderopen-o:before {
547 content: "\e6d7"; }
548
549.uf-treefolderopen:before {
550 content: "\e6d8"; }
551
552.uf-mac:before {
553 content: "\e6ed"; }
554
555.uf-camera:before {
556 content: "\e6e4"; }
557
558.uf-picture:before {
559 content: "\e6e5"; }
560
561.uf-play:before {
562 content: "\e6eb"; }
563
564.uf-play-o:before {
565 content: "\e6ec"; }
566
567.uf-qm-c:before {
568 content: "\e6f4"; }
569
570.uf-qm:before {
571 content: "\e6f5"; }
572
573.uf-navmenu-light:before {
574 content: "\e6fd"; }
575
576.uf-settings:before {
577 content: "\e70c"; }
578
579.uf-cart:before {
580 content: "\e711"; }
581
582.uf-histogram:before {
583 content: "\e714"; }
584
585.uf-finetune:before {
586 content: "\e71a"; }
587
588.uf-sortup:before {
589 content: "\e71b"; }
590
591.uf-sortdown:before {
592 content: "\e71c"; }
593
594.uf-sort19:before {
595 content: "\e71d"; }
596
597.uf-sort91:before {
598 content: "\e71f"; }
599
600.uf-za:before {
601 content: "\e721"; }
602
603.uf-star-o:before {
604 content: "\e726"; }
605
606.uf-star-2:before {
607 content: "\e727"; }
608
609.uf-star:before {
610 content: "\e728"; }
611
612.uf-luggage:before {
613 content: "\e72d"; }
614
615.uf-table:before {
616 content: "\e730"; }
617
618.uf-tel:before {
619 content: "\e734"; }
620
621.uf-tel-s:before {
622 content: "\e735"; }
623
624.uf-terminal:before {
625 content: "\e736"; }
626
627.uf-file:before {
628 content: "\e738"; }
629
630.uf-file-o:before {
631 content: "\e739"; }
632
633.uf-3dot-h:before {
634 content: "\e73c"; }
635
636.uf-time-c-o:before {
637 content: "\e742"; }
638
639.uf-upload:before {
640 content: "\e750"; }
641
642.uf-3dot-v:before {
643 content: "\e753"; }
644
645.uf-rmb:before {
646 content: "\e757"; }
647
648.uf-arrow-c-o-up:before {
649 content: "\e6a9"; }
650
651.uf-reject-2:before {
652 content: "\e6ad"; }
653
654.uf-barcode:before {
655 content: "\e7fc"; }
656
657.uf-zoom-out:before {
658 content: "\e686"; }
659
660.uf-exc-t-o:before {
661 content: "\e60a"; }
662
663.uf-pass:before {
664 content: "\e6b1"; }
665
666.uf-flow:before {
667 content: "\e6b2"; }
668
669.uf-add-c:before {
670 content: "\e61a"; }
671
672.uf-arrow-c-o-right-2:before {
673 content: "\e6b3"; }
674
675.uf-shelf-on:before {
676 content: "\e6b4"; }
677
678.uf-shelf-off:before {
679 content: "\e6b5"; }
680
681.uf-file-o-2:before {
682 content: "\e60f"; }
683
684.uf-truck-o:before {
685 content: "\e6b6"; }
686
687.uf-super:before {
688 content: "\e62c"; }
689
690.uf-equipment:before {
691 content: "\e630"; }
692
693.uf-arrow-c-o-left-2:before {
694 content: "\e6b8"; }
695
696.uf-files-o:before {
697 content: "\e6fc"; }
698
699.uf-cloud-o:before {
700 content: "\e6ba"; }
701
702.uf-rmb-s-o-2:before {
703 content: "\e6bb"; }
704
705.uf-3dot-c-o:before {
706 content: "\e6f3"; }
707
708.uf-dafeng:before {
709 content: "\e775"; }
710
711.uf-baoxue:before {
712 content: "\e776"; }
713
714.uf-bingbao:before {
715 content: "\e777"; }
716
717.uf-fengbao:before {
718 content: "\e778"; }
719
720.uf-xiaoyu:before {
721 content: "\e779"; }
722
723.uf-zhenxue:before {
724 content: "\e77a"; }
725
726.uf-zhongyu:before {
727 content: "\e77b"; }
728
729.uf-es:before {
730 content: "\e747"; }
731
732.uf-flow-o-2:before {
733 content: "\e6bc"; }
734
735.uf-activate-2:before {
736 content: "\e6c2"; }
737
738.uf-flow-o:before {
739 content: "\e6c3"; }
740
741.uf-bulb-2:before {
742 content: "\e63a"; }
743
744.uf-mi-c:before {
745 content: "\e62f"; }
746
747.uf-top-up:before {
748 content: "\e668"; }
749
750.uf-creditcard:before {
751 content: "\e8b4"; }
752
753.uf-align-center:before {
754 content: "\e8b9"; }
755
756.uf-align-justify:before {
757 content: "\e8ba"; }
758
759.uf-align-left:before {
760 content: "\e8bb"; }
761
762.uf-align-right:before {
763 content: "\e8bc"; }
764
765.uf-ju-c-o:before {
766 content: "\e6c4"; }
767
768.uf-truck:before {
769 content: "\e990"; }
770
771.uf-setting-c-o:before {
772 content: "\e6c5"; }
773
774.uf-users-o:before {
775 content: "\e91b"; }
776
777.uf-bag-s-o:before {
778 content: "\e6c6"; }
779
780.uf-cai-s:before {
781 content: "\e6c7"; }
782
783.uf-listcheck:before {
784 content: "\e6c8"; }
785
786.uf-users:before {
787 content: "\e794"; }
788
789.uf-i-c:before {
790 content: "\e6cd"; }
791
792.uf-building-o:before {
793 content: "\e6f6"; }
794
795.uf-rmb-s-o:before {
796 content: "\e6d0"; }
797
798.uf-reject:before {
799 content: "\e6d1"; }
800
801.uf-9dot:before {
802 content: "\e6f7"; }
803
804.uf-loadingstate:before {
805 content: "\e600"; }
806
807.uf-gateway:before {
808 content: "\e6d3"; }
809
810.uf-ticket-s-o:before {
811 content: "\e6d6"; }
812
813.uf-userset:before {
814 content: "\e6f8"; }
815
816.uf-puzzle-o:before {
817 content: "\e648"; }
818
819.uf-box-o:before {
820 content: "\e6d9"; }
821
822.uf-bulb:before {
823 content: "\e6da"; }
824
825.uf-exc-t:before {
826 content: "\e61b"; }
827
828.uf-rmb-c:before {
829 content: "\e6db"; }
830
831.uf-table-s-o:before {
832 content: "\e759"; }
833
834.uf-umbrella-o:before {
835 content: "\e6dc"; }
836
837.uf-dropbox:before {
838 content: "\e69d"; }
839
840.uf-search-light:before {
841 content: "\e622"; }
842
843.uf-cart-o:before {
844 content: "\e8c4"; }
845
846.uf-kero-col:before {
847 content: "\e8c7"; }
848
849.uf-uba-col:before {
850 content: "\e8c8"; }
851
852.uf-tinperzc-col:before {
853 content: "\e8c9"; }
854
855.uf-tinperzch-col:before {
856 content: "\e8ca"; }
857
858.uf-iuap-col:before {
859 content: "\e8cb"; }
860
861.uf-iuapdesign-col:before {
862 content: "\e8cc"; }
863
864.uf-bee-col:before {
865 content: "\e8cd"; }
866
867.uf-neoui-col:before {
868 content: "\e8ce"; }
869
870.uf-sparrow-col:before {
871 content: "\e8cf"; }
872
873.uf-tinpercn-col:before {
874 content: "\e8d0"; }
875
876.uf-tinperen-col:before {
877 content: "\e8d1"; }
878
879.uf-arrow-up:before {
880 content: "\e8d2"; }
881
882.uf-mailsym:before {
883 content: "\e605"; }
884
885.uf-print:before {
886 content: "\e60e"; }
887
888.uf-ticket-3:before {
889 content: "\e619"; }
890
891.uf-loan:before {
892 content: "\e61f"; }
893
894.uf-ticket-2:before {
895 content: "\e629"; }
896
897.uf-offwork:before {
898 content: "\e62b"; }
899
900.uf-todolist:before {
901 content: "\e640"; }
902
903.uf-personin:before {
904 content: "\e66a"; }
905
906.uf-ticket:before {
907 content: "\e671"; }
908
909.uf-linechart:before {
910 content: "\e6fb"; }
911
912.uf-4leaf:before {
913 content: "\e6de"; }
914
915.uf-listset:before {
916 content: "\e6df"; }
917
918.uf-qi-c-o:before {
919 content: "\e621"; }
920
921.uf-exc-c:before {
922 content: "\e61d"; }
923
924.uf-code:before {
925 content: "\e656"; }
926
927.uf-plug-o:before {
928 content: "\e60d"; }
929
930.uf-search-s:before {
931 content: "\e991"; }
932
933.uf-treeadd:before {
934 content: "\e992"; }
935
936.uf-mi:before {
937 content: "\e993"; }
938
939.uf-treeline-copy:before {
940 content: "\e994"; }
941
942.uf-listwithdots:before {
943 content: "\e9cd"; }
944
945.uf-gridlogo:before {
946 content: "\e900"; }
947
948.uf-magnifyingglass:before {
949 content: "\e9ce"; }
950
951.uf-anglearrowdown:before {
952 content: "\e9cf"; }
953
954.uf-yongyouyunchnen:before {
955 content: "\e98d"; }
956
957.uf-yycloud:before {
958 content: "\e68f"; }
959
960.uf-funnel-o:before {
961 content: "\e63c"; }
962
963.uf-filter:before {
964 content: "\e9d0"; }
965
966.uf-filterno:before {
967 content: "\e9d1"; }
968
969.uf-clean:before {
970 content: "\e9d2"; }
971
972.uf-save:before {
973 content: "\e9d3"; }
974
975.uf-export:before {
976 content: "\e9d4"; }
977
978.uf-import:before {
979 content: "\e9d5"; }
980
981.uf-stop-c:before {
982 content: "\e9d6"; }
983
984.uf-rubber:before {
985 content: "\e9d7"; }
986
987.uf-bediting:before {
988 content: "\e9d8"; }
989
990.uf-maxmize:before {
991 content: "\e9d9"; }
992
993.uf-minimize:before {
994 content: "\e9da"; }
995
996.uf-globe:before {
997 content: "\e9db"; }
998
999.uf-yybs:before {
1000 content: "\e9dc"; }
1001
1002.uf-iuap5:before {
1003 content: "\e9dd"; }
1004
1005.uf-iuap5c:before {
1006 content: "\e9ff"; }
1007
1008.uf-qingkong:before {
1009 content: "\e666"; }
1010
1011.uf-location:before {
1012 content: "\e78b"; }
1013
1014.u-form-control {
1015 position: relative;
1016 display: inline-block;
1017 padding: 0 12px;
1018 width: 100%;
1019 height: 32px;
1020 cursor: text;
1021 font-size: 14px;
1022 line-height: 1.5;
1023 color: #424242;
1024 background-color: #fff;
1025 background-image: none;
1026 border: 1px solid rgb(165, 173, 186);
1027 border-radius: 3px;
1028 transition: all .3s; }
1029 .u-form-control:focus {
1030 border-color: #66afe9;
1031 outline: 0; }
1032 .u-form-control::-ms-clear, .u-form-control ::-ms-reveal {
1033 display: none; }
1034 .u-form-control-prefix-suffix {
1035 padding: 0 30px; }
1036
1037.u-form-control[disabled] {
1038 background: #F7F9FB;
1039 border-color: #DFE1E6;
1040 color: #909090;
1041 cursor: not-allowed; }
1042
1043.u-form-control.lg {
1044 height: 40px;
1045 font-size: 14px; }
1046
1047.u-form-control.sm {
1048 font-size: 12px;
1049 height: 26px; }
1050
1051.u-form-control-search-wrapper {
1052 position: absolute;
1053 top: 0;
1054 left: 0;
1055 height: 28px;
1056 padding: 4px;
1057 width: 100%; }
1058 .u-form-control-search-wrapper .u-form-control-search-action {
1059 color: #ccc;
1060 position: absolute;
1061 top: 2px;
1062 right: 2px;
1063 width: 32px;
1064 height: 32px;
1065 line-height: 32px;
1066 text-align: center;
1067 font-size: 14px;
1068 text-decoration: none; }
1069 .u-form-control-search-wrapper .u-form-control-search-action .uf {
1070 transition: all .3s;
1071 font-size: 12px;
1072 color: #ccc; }
1073 .u-form-control-search-wrapper .u-form-control-search-action .uf.uf-search:before {
1074 content: "\e603"; }
1075
1076.u-form-control-affix-wrapper {
1077 position: relative;
1078 display: inline-block;
1079 width: 100%; }
1080 .u-form-control-affix-wrapper .u-form-control-prefix, .u-form-control-affix-wrapper .u-form-control-suffix {
1081 position: absolute;
1082 top: 50%;
1083 -webkit-transform: translateY(-50%);
1084 -ms-transform: translateY(-50%);
1085 transform: translateY(-50%);
1086 z-index: 2;
1087 line-height: 0;
1088 right: 7px;
1089 color: rgba(0, 0, 0, 0.65); }
1090 .u-form-control-affix-wrapper .u-form-control-suffix.has-close {
1091 cursor: pointer;
1092 right: 0;
1093 padding-right: 7px; }
1094 .u-form-control-affix-wrapper .u-form-control-simple-prefix, .u-form-control-affix-wrapper .u-form-control-simple-suffix {
1095 position: absolute;
1096 top: 60%;
1097 -webkit-transform: translateY(-50%);
1098 -ms-transform: translateY(-50%);
1099 transform: translateY(-50%);
1100 z-index: 2;
1101 line-height: 0;
1102 color: rgba(0, 0, 0, 0.65);
1103 width: 30px;
1104 text-align: center;
1105 font-size: 12px; }
1106 .u-form-control-affix-wrapper .u-form-control-simple-prefix {
1107 left: 0; }
1108 .u-form-control-affix-wrapper .u-form-control-simple-suffix {
1109 right: 0; }
1110
1111.u-form-control-close .uf-close-c {
1112 opacity: 0;
1113 transition: .3s all; }
1114
1115.u-form-control-close:hover .uf-close-c {
1116 opacity: 1; }
1117
1118.u-form-control.rc-textarea {
1119 min-height: 32px;
1120 transition: all .3s,height 0s; }
1121
1122/* FormGroup */
1123/* Navlayout */
1124/* FormGroup */
1125/* Navlayout */
1126.u-input-group-addon {
1127 padding: 6px 12px;
1128 font-size: 14px;
1129 font-weight: 400;
1130 line-height: 1;
1131 color: #505F79;
1132 text-align: center;
1133 background-color: #eee;
1134 border: 1px solid rgb(165, 173, 186);
1135 border-radius: 3px;
1136 width: 1%;
1137 white-space: nowrap;
1138 vertical-align: middle;
1139 display: table-cell; }
1140 .u-input-group-addon:last-child {
1141 border-left: 0;
1142 border-top-left-radius: 0;
1143 border-bottom-left-radius: 0; }
1144 .u-input-group-addon:first-child {
1145 border-right: 0;
1146 border-bottom-right-radius: 0;
1147 border-top-right-radius: 0; }
1148
1149/* FormGroup */
1150/* Navlayout */
1151.u-input-group-addon {
1152 font-size: 14px; }
1153
1154.u-input-group-btn {
1155 font-size: 0;
1156 white-space: nowrap;
1157 position: relative;
1158 width: 1%;
1159 vertical-align: middle;
1160 display: table-cell; }
1161 .u-input-group-btn .u-button {
1162 position: relative; }
1163
1164.u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group > button, .u-input-group-btn:first-child > .dropdown-toggle, .u-input-group-btn:last-child > .btn-group:not(:last-child) > button, .u-input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle) {
1165 border-bottom-right-radius: 0;
1166 border-top-right-radius: 0; }
1167
1168.u-input-group-btn:first-child > .btn-group:not(:first-child) > button, .u-input-group-btn:first-child > button:not(:first-child), .u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group > button, .u-input-group-btn:last-child > .dropdown-toggle {
1169 border-bottom-left-radius: 0;
1170 border-top-left-radius: 0; }
1171
1172.u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group {
1173 margin-left: -1px; }
1174
1175.u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group {
1176 margin-right: -1px; }
1177
1178.u-input-group {
1179 position: relative;
1180 display: table;
1181 border-collapse: separate; }
1182 .u-input-group .u-input-group-btn .u-button {
1183 border: 1px solid rgb(165, 173, 186);
1184 height: 32px;
1185 line-height: 1.3; }
1186 .u-input-group .u-form-control {
1187 position: relative;
1188 float: left;
1189 width: 100%;
1190 margin-bottom: 0;
1191 display: table-cell; }
1192 .u-input-group .u-form-control:first-child {
1193 border-bottom-right-radius: 0;
1194 border-top-right-radius: 0; }
1195 .u-input-group .u-form-control:last-child {
1196 border-bottom-left-radius: 0;
1197 border-top-left-radius: 0; }
1198 .u-input-group .u-form-control:not(:first-child):not(:last-child) {
1199 border-radius: 0; }
1200 .u-input-group.simple .u-form-control {
1201 border-radius: 3px; }
1202 .u-input-group.simple .u-input-group-btn {
1203 position: absolute;
1204 top: 4px;
1205 bottom: 0;
1206 right: 6px;
1207 min-width: 20px; }
1208 .u-input-group.simple .u-form-control:not(:last-child) {
1209 padding-right: 23px; }
1210
1211.rc-calendar {
1212 box-sizing: border-box;
1213 color: #212121; }
1214
1215.rc-calendar * {
1216 box-sizing: border-box; }
1217
1218.rc-calendar-hidden {
1219 display: none; }
1220
1221.rc-calendar-input-wrap {
1222 position: relative;
1223 padding: 6px;
1224 border-bottom: 1px solid #DFE1E6; }
1225
1226.rc-calendar-input-wrap:after {
1227 content: '';
1228 clear: both; }
1229
1230.rc-calendar-date-input-wrap {
1231 overflow: hidden; }
1232
1233.rc-calendar-time-picker {
1234 position: absolute;
1235 width: 100%;
1236 top: 34px;
1237 background-color: white;
1238 height: 217px; }
1239
1240.rc-calendar-time-picker-panel {
1241 width: 100%;
1242 position: relative; }
1243
1244.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {
1245 display: none; }
1246
1247.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {
1248 border: none;
1249 box-shadow: none; }
1250
1251.rc-calendar-time-picker-panel .rc-time-picker-panel-select {
1252 max-height: 217px; }
1253
1254.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {
1255 text-align: center;
1256 padding: 0;
1257 outline: none; }
1258
1259.rc-calendar-time-picker-panel .time-split-3 {
1260 width: 100%; }
1261 .rc-calendar-time-picker-panel .time-split-3 .rc-time-picker-panel-combobox {
1262 width: 100%; }
1263 .rc-calendar-time-picker-panel .time-split-3 .rc-time-picker-panel-combobox .rc-time-picker-panel-select {
1264 width: 33%; }
1265
1266.rc-calendar-time-picker-panel .time-split-2 {
1267 width: 100%; }
1268 .rc-calendar-time-picker-panel .time-split-2 .rc-time-picker-panel-combobox {
1269 width: 100%; }
1270 .rc-calendar-time-picker-panel .time-split-2 .rc-time-picker-panel-combobox .rc-time-picker-panel-select {
1271 width: 50%; }
1272
1273.rc-calendar-time-picker-panel .time-split-1 {
1274 width: 100%; }
1275 .rc-calendar-time-picker-panel .time-split-1 .rc-time-picker-panel-combobox {
1276 width: 100%; }
1277 .rc-calendar-time-picker-panel .time-split-1 .rc-time-picker-panel-combobox .rc-time-picker-panel-select {
1278 width: 100%; }
1279
1280.rc-calendar-time-picker-wrap {
1281 float: left;
1282 width: 100%; }
1283
1284.rc-calendar-time-picker-wrap .rc-time-picker {
1285 width: 100%; }
1286
1287.rc-calendar-time-picker-wrap .rc-time-picker-input {
1288 padding: 0;
1289 border: 1px solid transparent;
1290 outline: 0;
1291 height: 22px; }
1292
1293.rc-calendar-time-picker-wrap .rc-time-picker-icon {
1294 display: none; }
1295
1296.rc-calendar-input {
1297 border: 1px solid transparent;
1298 width: 100%;
1299 color: #212121;
1300 cursor: text;
1301 line-height: 1.5;
1302 outline: 0;
1303 height: 22px; }
1304 .rc-calendar-input::-ms-clear {
1305 display: none; }
1306
1307.rc-calendar-input-invalid {
1308 border-color: red; }
1309
1310.rc-calendar-clear-btn {
1311 z-index: 9999;
1312 position: absolute;
1313 right: 6px;
1314 cursor: pointer;
1315 overflow: hidden;
1316 width: 20px;
1317 height: 20px;
1318 text-align: center;
1319 line-height: 20px;
1320 top: 6px;
1321 margin: 0; }
1322
1323.rc-calendar-clear-btn.uf {
1324 color: #424242;
1325 opacity: .7; }
1326
1327.rc-calendar-picker {
1328 position: absolute;
1329 left: -9999px;
1330 top: -9999px;
1331 z-index: 1000; }
1332
1333.rc-calendar-picker-hidden {
1334 display: none; }
1335
1336.rc-calendar-picker-slide-up-enter {
1337 animation-duration: .3s;
1338 animation-fill-mode: both;
1339 transform-origin: 0 0;
1340 display: block !important;
1341 opacity: 0;
1342 animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1343 animation-play-state: paused; }
1344
1345.rc-calendar-picker-slide-up-appear {
1346 animation-duration: .3s;
1347 animation-fill-mode: both;
1348 transform-origin: 0 0;
1349 display: block !important;
1350 opacity: 0;
1351 animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
1352 animation-play-state: paused; }
1353
1354.rc-calendar-picker-slide-up-leave {
1355 animation-duration: .3s;
1356 animation-fill-mode: both;
1357 transform-origin: 0 0;
1358 display: block !important;
1359 opacity: 1;
1360 animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
1361 animation-play-state: paused; }
1362
1363.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,
1364.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight,
1365.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,
1366.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight {
1367 animation-name: rcDropdownSlideUpIn;
1368 animation-play-state: running; }
1369
1370.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,
1371.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight,
1372.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,
1373.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight {
1374 animation-name: rcDropdownSlideDownIn;
1375 animation-play-state: running; }
1376
1377.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,
1378.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
1379 animation-name: rcDropdownSlideUpOut;
1380 animation-play-state: running; }
1381
1382.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,
1383.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
1384 animation-name: rcDropdownSlideDownOut;
1385 animation-play-state: running; }
1386
1387@keyframes rcDropdownSlideUpIn {
1388 0% {
1389 opacity: 0;
1390 transform-origin: 0% 0%;
1391 transform: scaleY(0); }
1392 100% {
1393 opacity: 1;
1394 transform-origin: 0% 0%;
1395 transform: scaleY(1); } }
1396
1397@keyframes rcDropdownSlideUpOut {
1398 0% {
1399 opacity: 1;
1400 transform-origin: 0% 0%;
1401 transform: scaleY(1); }
1402 100% {
1403 opacity: 0;
1404 transform-origin: 0% 0%;
1405 transform: scaleY(0); } }
1406
1407@keyframes rcDropdownSlideDownIn {
1408 0% {
1409 opacity: 0;
1410 transform-origin: 100% 100%;
1411 transform: scaleY(0); }
1412 100% {
1413 opacity: 1;
1414 transform-origin: 100% 100%;
1415 transform: scaleY(1); } }
1416
1417@keyframes rcDropdownSlideDownOut {
1418 0% {
1419 opacity: 1;
1420 transform-origin: 100% 100%;
1421 transform: scaleY(1); }
1422 100% {
1423 opacity: 0;
1424 transform-origin: 100% 100%;
1425 transform: scaleY(0); } }
1426
1427.rc-calendar {
1428 position: relative;
1429 outline: none;
1430 font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
1431 width: 253px;
1432 list-style: none;
1433 font-size: 12px;
1434 text-align: left;
1435 background-color: #fff;
1436 border-radius: 3px;
1437 box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 1px 0px rgba(9, 30, 66, 0.31);
1438 background-clip: padding-box;
1439 border: none;
1440 line-height: 1.5; }
1441
1442.rc-calendar-date-panel,
1443.rc-calendar-panel {
1444 position: relative;
1445 outline: none; }
1446
1447.rc-calendar-week-number {
1448 width: 286px; }
1449
1450.rc-calendar-week-number-cell {
1451 text-align: center; }
1452
1453.rc-calendar-header {
1454 padding: 0 10px;
1455 height: 34px;
1456 line-height: 30px;
1457 text-align: center;
1458 -moz-user-select: none;
1459 -ms-user-select: none;
1460 user-select: none;
1461 -webkit-user-select: none;
1462 border-bottom: 1px solid #DFE1E6; }
1463
1464.rc-calendar-header > a {
1465 font-weight: bold;
1466 display: inline-block;
1467 padding: 0px 5px;
1468 line-height: 34px;
1469 text-align: center;
1470 width: 30px; }
1471
1472.rc-calendar-header > a:hover {
1473 cursor: pointer;
1474 color: rgb(245, 60, 50); }
1475
1476.rc-calendar-header .rc-calendar-prev-month-btn {
1477 position: absolute;
1478 left: 25px; }
1479
1480.rc-calendar-header .rc-calendar-prev-month-btn:after {
1481 content: '\2039'; }
1482
1483.rc-calendar-header .rc-calendar-next-month-btn {
1484 position: absolute;
1485 right: 25px; }
1486
1487.rc-calendar-header .rc-calendar-next-month-btn:after {
1488 content: '\203A'; }
1489
1490.rc-calendar-year-select,
1491.rc-calendar-month-select,
1492.rc-calendar-day-select {
1493 display: inline-block;
1494 font-size: 12px;
1495 color: #212121;
1496 padding: 0 8px;
1497 line-height: 34px; }
1498
1499.rc-calendar-year-select:hover,
1500.rc-calendar-month-select:hover,
1501.rc-calendar-day-select:hover {
1502 cursor: pointer;
1503 color: rgb(230, 0, 18); }
1504
1505.rc-calendar-year-select.rc-calendar-time-status:hover,
1506.rc-calendar-month-select.rc-calendar-time-status:hover,
1507.rc-calendar-day-select.rc-calendar-time-status:hover {
1508 cursor: pointer;
1509 color: #212121; }
1510
1511.rc-calendar-month-panel-prev-year-btn,
1512.rc-calendar-month-panel-next-year-btn,
1513.rc-calendar-prev-month-btn,
1514.rc-calendar-next-month-btn,
1515.rc-calendar-prev-year-btn,
1516.rc-calendar-next-year-btn {
1517 position: absolute;
1518 top: 0;
1519 cursor: pointer;
1520 color: #505F79;
1521 font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
1522 padding: 0 5px;
1523 font-size: 16px;
1524 display: inline-block;
1525 line-height: 34px; }
1526
1527.rc-calendar-prev-month-btn:hover,
1528.rc-calendar-next-month-btn:hover,
1529.rc-calendar-prev-year-btn:hover,
1530.rc-calendar-next-year-btn:hover {
1531 color: rgb(230, 0, 18); }
1532
1533.rc-calendar-next-year-btn {
1534 right: 0; }
1535
1536.rc-calendar-next-year-btn:after {
1537 content: '\BB'; }
1538
1539.rc-calendar-prev-year-btn {
1540 left: 0; }
1541
1542.rc-calendar-prev-year-btn:after {
1543 content: '\AB'; }
1544
1545.rc-calendar-body {
1546 padding: 9px 10px 10px;
1547 height: 217px; }
1548
1549.rc-calendar table {
1550 border-collapse: collapse;
1551 max-width: 100%;
1552 background-color: transparent;
1553 width: 100%; }
1554
1555.rc-calendar table,
1556.rc-calendar td,
1557.rc-calendar th,
1558.rc-calendar td {
1559 border: none; }
1560
1561.rc-calendar .rc-calendar-today .rc-calendar-date {
1562 border: 1px solid rgb(245, 60, 50); }
1563
1564.rc-calendar-table {
1565 border-spacing: 0;
1566 margin-bottom: 0; }
1567
1568.rc-calendar-column-header {
1569 line-height: 18px;
1570 padding: 6px 0;
1571 width: 33px;
1572 text-align: center; }
1573
1574.rc-calendar-column-header .rc-calendar-column-header-inner {
1575 display: block;
1576 font-weight: normal; }
1577
1578.rc-calendar-week-number-header .rc-calendar-column-header-inner {
1579 display: none; }
1580
1581.rc-calendar-cell {
1582 padding: 1px 0; }
1583
1584.rc-calendar-date {
1585 display: block;
1586 margin: 0 auto;
1587 color: #212121;
1588 border-radius: 3px 3px;
1589 width: 26px;
1590 height: 26px;
1591 padding: 0;
1592 background: transparent;
1593 line-height: 26px;
1594 text-align: center; }
1595
1596.rc-calendar-date:hover {
1597 background: rgb(235, 236, 240);
1598 cursor: pointer; }
1599
1600.rc-calendar-selected-day:not(.rc-calendar-disabled-cell) .rc-calendar-date {
1601 background: rgb(245, 60, 50);
1602 color: #fff !important; }
1603
1604.rc-calendar-selected-date .rc-calendar-date {
1605 background: rgb(245, 60, 50);
1606 color: #fff !important; }
1607
1608.rc-calendar-selected-date .rc-calendar-date:hover {
1609 background: rgb(245, 60, 50); }
1610
1611.rc-calendar-disabled-cell .rc-calendar-date {
1612 cursor: not-allowed;
1613 color: #bcbcbc;
1614 background: #f3f3f3;
1615 border-radius: 0;
1616 width: auto; }
1617
1618.rc-calendar-disabled-cell.rc-calendar-selected-date .rc-calendar-date {
1619 color: #bcbcbc !important; }
1620
1621.rc-calendar-disabled-cell .rc-calendar-date:hover {
1622 background: #f3f3f3; }
1623
1624.rc-calendar-disabled-cell-first-of-row .rc-calendar-date {
1625 border-top-left-radius: 3px;
1626 border-bottom-left-radius: 3px; }
1627
1628.rc-calendar-disabled-cell-last-of-row .rc-calendar-date {
1629 border-top-right-radius: 3px;
1630 border-bottom-right-radius: 3px; }
1631
1632.rc-calendar-last-month-cell .rc-calendar-date,
1633.rc-calendar-next-month-btn-day .rc-calendar-date {
1634 color: #909090; }
1635
1636.rc-calendar-footer {
1637 border-top: 1px solid #DFE1E6;
1638 padding: 0 10px;
1639 line-height: 34px;
1640 position: relative; }
1641
1642.rc-calendar-footer .rc-time-picker {
1643 width: 90px; }
1644
1645.rc-calendar-footer .rc-time-picker-input {
1646 height: 24px; }
1647
1648.rc-calendar-footer-show-ok {
1649 text-align: right; }
1650
1651.rc-calendar-footer-show-ok .rc-calendar-footer-btn {
1652 padding-right: 0; }
1653
1654.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {
1655 margin-left: 0;
1656 padding: 0 12px; }
1657
1658.rc-calendar-footer-show-ok .rc-calendar-today-btn {
1659 float: left;
1660 padding-left: 0; }
1661
1662.rc-calendar-footer-show-ok .rc-calendar-footer-btn {
1663 text-align: right; }
1664
1665.rc-calendar-footer-btn {
1666 display: block;
1667 text-align: center; }
1668
1669.rc-calendar-footer-btn:after {
1670 content: '';
1671 display: block;
1672 width: 0;
1673 height: 0;
1674 visibility: hidden;
1675 clear: both; }
1676
1677.rc-calendar-footer-extra {
1678 text-align: left; }
1679
1680.rc-calendar-time-picker-btn {
1681 margin-left: 10px; }
1682
1683.rc-calendar-today-btn,
1684.rc-calendar-ok-btn,
1685.rc-calendar-time-picker-btn {
1686 display: inline-block;
1687 text-align: center;
1688 color: rgb(245, 60, 50); }
1689
1690.rc-calendar-today-btn:hover,
1691.rc-calendar-ok-btn:hover,
1692.rc-calendar-time-picker-btn:hover {
1693 cursor: pointer;
1694 color: rgb(230, 0, 18); }
1695
1696.rc-calendar-today-btn-disabled,
1697.rc-calendar-ok-btn-disabled,
1698.rc-calendar-time-picker-btn-disabled {
1699 color: #909090; }
1700
1701.rc-calendar-today-btn-disabled:hover,
1702.rc-calendar-ok-btn-disabled:hover,
1703.rc-calendar-time-picker-btn-disabled:hover {
1704 color: #909090; }
1705
1706.rc-calendar-today-btn {
1707 padding-left: 0; }
1708
1709.rc-calendar-time-input {
1710 height: 25px;
1711 position: relative;
1712 display: inline-block;
1713 margin: 0 0;
1714 padding: 4px 10px;
1715 border-radius: 6px 6px;
1716 border: 1px solid #d9d9d9;
1717 background-color: #ffffff;
1718 color: #212121;
1719 line-height: 1.5;
1720 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);
1721 width: 40px; }
1722
1723.rc-calendar-time-input:hover {
1724 border-color: rgb(245, 60, 50); }
1725
1726.rc-calendar-time-input:focus {
1727 border-color: rgb(245, 60, 50);
1728 box-shadow: 0 0 3px rgb(245, 60, 50); }
1729
1730.rc-calendar-time-panel {
1731 left: 0;
1732 top: 0;
1733 bottom: 0;
1734 right: 0;
1735 background: #ffffff;
1736 z-index: 10;
1737 position: absolute;
1738 outline: none; }
1739
1740.rc-calendar-time-panel-header {
1741 padding: 0 10px;
1742 height: 34px;
1743 line-height: 34px;
1744 position: relative;
1745 text-align: center;
1746 -moz-user-select: none;
1747 -ms-user-select: none;
1748 user-select: none;
1749 -webkit-user-select: none;
1750 border-bottom: 1px solid #DFE1E6; }
1751
1752.rc-calendar-time-panel-body {
1753 padding: 9px 10px 10px; }
1754
1755.rc-calendar-time-panel-title {
1756 width: 180px;
1757 font-weight: bold;
1758 display: inline-block;
1759 padding: 4px 5px;
1760 text-align: center;
1761 height: 30px;
1762 line-height: 22px;
1763 border-radius: 4px; }
1764
1765.rc-calendar-time-panel-table {
1766 table-layout: fixed;
1767 width: 100%;
1768 height: 255px;
1769 border-collapse: separate; }
1770
1771.rc-calendar-time-panel-cell {
1772 text-align: center;
1773 height: 42px;
1774 vertical-align: middle; }
1775
1776.rc-calendar-time-panel-time {
1777 line-height: 26px;
1778 display: block;
1779 border-radius: 4px;
1780 width: 26px;
1781 margin: 0 auto; }
1782
1783.rc-calendar-time-panel-time:hover {
1784 background: #ebfaff;
1785 cursor: pointer; }
1786
1787.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time {
1788 background: rgb(245, 60, 50);
1789 color: #fff; }
1790
1791.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
1792 background: rgb(245, 60, 50);
1793 color: #fff; }
1794
1795.rc-calendar-month-panel {
1796 left: 0;
1797 top: 0;
1798 bottom: 0;
1799 right: 0;
1800 background: #ffffff;
1801 z-index: 10;
1802 position: absolute;
1803 outline: none; }
1804
1805.rc-calendar-month-panel > div {
1806 height: 100%;
1807 display: -ms-flexbox;
1808 display: flex;
1809 -ms-flex-direction: column;
1810 flex-direction: column; }
1811
1812.rc-calendar-month-panel-hidden {
1813 display: none; }
1814
1815.rc-calendar-month-panel-header {
1816 padding: 0 10px;
1817 height: 34px;
1818 line-height: 30px;
1819 position: relative;
1820 text-align: center;
1821 -moz-user-select: none;
1822 -ms-user-select: none;
1823 user-select: none;
1824 -webkit-user-select: none;
1825 border-bottom: 1px solid #DFE1E6; }
1826
1827.rc-calendar-month-panel-header > a {
1828 display: inline-block;
1829 text-align: center;
1830 width: 30px; }
1831
1832.rc-calendar-month-panel-header > a:hover {
1833 cursor: pointer;
1834 color: rgb(230, 0, 18); }
1835
1836.rc-calendar-month-panel-prev-year-btn,
1837.rc-calendar-month-panel-next-year-btn {
1838 position: absolute;
1839 top: 0; }
1840
1841.rc-calendar-month-panel-next-year-btn:after {
1842 content: '\BB'; }
1843
1844.rc-calendar-month-panel-prev-year-btn {
1845 -webkit-user-select: none;
1846 -moz-user-select: none;
1847 -ms-user-select: none;
1848 user-select: none;
1849 left: 0; }
1850
1851.rc-calendar-month-panel-prev-year-btn:after {
1852 content: '\AB'; }
1853
1854.rc-calendar-month-panel .rc-calendar-month-panel-year-select {
1855 width: 180px; }
1856
1857.rc-calendar-month-panel-year-select-arrow {
1858 display: none; }
1859
1860.rc-calendar-month-panel-next-year-btn {
1861 -webkit-user-select: none;
1862 -moz-user-select: none;
1863 -ms-user-select: none;
1864 user-select: none;
1865 right: 0; }
1866
1867.rc-calendar-month-panel-body {
1868 -ms-flex: 1;
1869 flex: 1;
1870 padding: 9px 10px 10px; }
1871
1872.rc-calendar-month-panel-footer {
1873 border-top: 1px solid #DFE1E6;
1874 line-height: 38px; }
1875
1876.rc-calendar-month-panel-table {
1877 table-layout: fixed;
1878 width: 100%;
1879 height: 100%;
1880 border-collapse: separate; }
1881
1882.rc-calendar-month-panel-cell {
1883 text-align: center; }
1884
1885.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
1886 display: block;
1887 width: 46px;
1888 margin: 0 auto;
1889 color: #212121;
1890 border-radius: 3px 3px;
1891 height: 36px;
1892 padding: 0;
1893 background: transparent;
1894 line-height: 36px;
1895 text-align: center; }
1896
1897.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
1898 background: rgb(235, 236, 240);
1899 cursor: pointer; }
1900
1901.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
1902 color: #bfbfbf; }
1903
1904.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
1905 background: white;
1906 cursor: not-allowed; }
1907
1908.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
1909 background: rgb(245, 60, 50);
1910 color: #fff; }
1911
1912.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
1913 background: rgb(245, 60, 50);
1914 color: #fff; }
1915
1916.rc-calendar-month-header-wrap {
1917 position: relative;
1918 height: 308px; }
1919
1920.rc-calendar-year-panel {
1921 left: 0;
1922 top: 0;
1923 bottom: 0;
1924 right: 0;
1925 background: #ffffff;
1926 z-index: 10;
1927 position: absolute;
1928 outline: none; }
1929
1930.rc-calendar-year-panel > div {
1931 height: 100%;
1932 display: -ms-flexbox;
1933 display: flex;
1934 -ms-flex-direction: column;
1935 flex-direction: column; }
1936
1937.rc-calendar-year-panel-hidden {
1938 display: none; }
1939
1940.rc-calendar-year-panel-header {
1941 padding: 0 10px;
1942 height: 34px;
1943 line-height: 30px;
1944 position: relative;
1945 text-align: center;
1946 -moz-user-select: none;
1947 -ms-user-select: none;
1948 user-select: none;
1949 -webkit-user-select: none;
1950 border-bottom: 1px solid #DFE1E6; }
1951
1952.rc-calendar-year-panel-header > a {
1953 display: inline-block;
1954 padding: 1px 5px;
1955 text-align: center;
1956 width: 30px; }
1957
1958.rc-calendar-year-panel-header > a:hover {
1959 cursor: pointer;
1960 color: rgb(230, 0, 18); }
1961
1962.rc-calendar-year-panel-prev-decade-btn,
1963.rc-calendar-year-panel-next-decade-btn {
1964 position: absolute;
1965 top: 0; }
1966
1967.rc-calendar-year-panel-next-decade-btn:after {
1968 content: '\BB'; }
1969
1970.rc-calendar-year-panel-prev-decade-btn {
1971 -webkit-user-select: none;
1972 -moz-user-select: none;
1973 -ms-user-select: none;
1974 user-select: none;
1975 left: 0; }
1976
1977.rc-calendar-year-panel-prev-decade-btn:after {
1978 content: '\AB'; }
1979
1980.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
1981 width: 180px; }
1982
1983.rc-calendar-year-panel-decade-select-arrow {
1984 display: none; }
1985
1986.rc-calendar-year-panel-next-decade-btn {
1987 -webkit-user-select: none;
1988 -moz-user-select: none;
1989 -ms-user-select: none;
1990 user-select: none;
1991 right: 0; }
1992
1993.rc-calendar-year-panel-body {
1994 -ms-flex: 1;
1995 flex: 1;
1996 padding: 9px 10px 10px;
1997 min-height: 210px; }
1998
1999.rc-calendar-year-panel-footer {
2000 border-top: 1px solid #DFE1E6;
2001 line-height: 38px; }
2002
2003.rc-calendar-year-panel-table {
2004 table-layout: fixed;
2005 width: 100%;
2006 height: 100%;
2007 border-collapse: separate; }
2008
2009.rc-calendar-year-panel-cell {
2010 text-align: center; }
2011
2012.rc-calendar-year-panel-year {
2013 display: block;
2014 width: 46px;
2015 margin: 0 auto;
2016 color: #212121;
2017 border-radius: 3px 3px;
2018 height: 36px;
2019 padding: 0;
2020 background: transparent;
2021 line-height: 36px;
2022 text-align: center; }
2023
2024.rc-calendar-year-panel-year:hover {
2025 background: rgb(235, 236, 240);
2026 cursor: pointer; }
2027
2028.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
2029 background: rgb(245, 60, 50);
2030 color: #fff; }
2031
2032.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
2033 background: rgb(245, 60, 50);
2034 color: #fff; }
2035
2036.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,
2037.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
2038 -moz-user-select: none;
2039 -ms-user-select: none;
2040 user-select: none;
2041 -webkit-user-select: none;
2042 color: #909090; }
2043
2044.rc-calendar-decade-panel {
2045 left: 0;
2046 top: 0;
2047 bottom: 0;
2048 right: 0;
2049 background: #ffffff;
2050 z-index: 10;
2051 position: absolute;
2052 outline: none;
2053 display: -ms-flexbox;
2054 display: flex;
2055 -ms-flex-direction: column;
2056 flex-direction: column; }
2057
2058.rc-calendar-decade-panel-hidden {
2059 display: none; }
2060
2061.rc-calendar-decade-panel-header {
2062 padding: 0 10px;
2063 height: 34px;
2064 line-height: 34px;
2065 position: relative;
2066 text-align: center;
2067 -moz-user-select: none;
2068 -ms-user-select: none;
2069 user-select: none;
2070 -webkit-user-select: none;
2071 border-bottom: 1px solid #DFE1E6; }
2072
2073.rc-calendar-decade-panel-header > a {
2074 display: inline-block;
2075 padding: 0px 5px;
2076 text-align: center;
2077 width: 30px; }
2078
2079.rc-calendar-decade-panel-header > a:hover {
2080 cursor: pointer;
2081 color: rgb(245, 60, 50); }
2082
2083.rc-calendar-decade-panel-prev-century-btn,
2084.rc-calendar-decade-panel-next-century-btn {
2085 position: absolute;
2086 top: 0; }
2087
2088.rc-calendar-decade-panel-next-century-btn:after {
2089 content: '\BB'; }
2090
2091.rc-calendar-decade-panel-prev-century-btn {
2092 -webkit-user-select: none;
2093 -moz-user-select: none;
2094 -ms-user-select: none;
2095 user-select: none;
2096 left: 0; }
2097
2098.rc-calendar-decade-panel-prev-century-btn:after {
2099 content: '\AB'; }
2100
2101.rc-calendar-decade-panel-next-century-btn {
2102 -webkit-user-select: none;
2103 -moz-user-select: none;
2104 -ms-user-select: none;
2105 user-select: none;
2106 right: 0; }
2107
2108.rc-calendar-decade-panel-body {
2109 -ms-flex: 1;
2110 flex: 1;
2111 padding: 9px 10px 10px; }
2112
2113.rc-calendar-decade-panel-footer {
2114 border-top: 1px solid #DFE1E6;
2115 line-height: 38px; }
2116
2117.rc-calendar-decade-panel-table {
2118 table-layout: fixed;
2119 width: 100%;
2120 height: 100%;
2121 border-collapse: separate; }
2122
2123.rc-calendar-decade-panel-cell {
2124 text-align: center; }
2125
2126.rc-calendar-decade-panel-decade {
2127 display: block;
2128 margin: 0 auto;
2129 color: #212121;
2130 border-radius: 3px 3px;
2131 height: 36px;
2132 padding: 0;
2133 background: transparent;
2134 line-height: 36px;
2135 text-align: center; }
2136
2137.rc-calendar-decade-panel-decade:hover {
2138 background: rgb(235, 236, 240);
2139 cursor: pointer; }
2140
2141.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
2142 background: rgb(245, 60, 50);
2143 color: #fff; }
2144
2145.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
2146 background: rgb(245, 60, 50);
2147 color: #fff; }
2148
2149.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,
2150.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
2151 -moz-user-select: none;
2152 -ms-user-select: none;
2153 user-select: none;
2154 -webkit-user-select: none;
2155 color: #909090; }
2156
2157.rc-calendar-range {
2158 width: 502px;
2159 overflow: hidden; }
2160
2161.rc-calendar-range-part {
2162 width: 50%;
2163 position: relative; }
2164
2165.rc-calendar-range-part .rc-calendar-time-picker {
2166 top: 69px; }
2167 .rc-calendar-range-part .rc-calendar-time-picker .rc-calendar-time-picker-panel {
2168 margin-top: -35px;
2169 height: 218px;
2170 border-bottom: 1px solid #e9e9e9;
2171 background: #fff; }
2172
2173.rc-calendar-range-part .rc-calendar-time-picker-panel-select {
2174 width: 77px; }
2175
2176.rc-calendar-range-left {
2177 float: left; }
2178
2179.rc-calendar-show-time-picker .rc-calendar-range-left .rc-calendar-header {
2180 border-right: 1px solid #DFE1E6; }
2181
2182.rc-calendar-range-left .rc-calendar-time-picker-panel {
2183 border-right: 1px solid #DFE1E6; }
2184
2185.rc-calendar-range-right {
2186 float: right; }
2187
2188.rc-calendar-range-right .rc-calendar-time-picker-panel {
2189 border-left: 1px solid #DFE1E6; }
2190
2191.rc-calendar-show-time-picker .rc-calendar-range-right .rc-calendar-header {
2192 border-left: 1px solid #DFE1E6; }
2193
2194.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
2195 border-left: 1px solid #e9e9e9; }
2196
2197.rc-calendar-range-middle {
2198 position: absolute;
2199 margin-left: -10px;
2200 text-align: center;
2201 height: 35px;
2202 line-height: 35px; }
2203
2204.rc-calendar-range .rc-calendar-date-panel::after {
2205 content: ".";
2206 display: block;
2207 height: 0;
2208 clear: both;
2209 visibility: hidden; }
2210
2211.rc-calendar-range .rc-calendar-input-wrap {
2212 height: 35px; }
2213
2214.rc-calendar-range .rc-calendar-input,
2215.rc-calendar-range .rc-time-picker-input {
2216 padding: 1px 7px;
2217 height: 22px; }
2218
2219.rc-calendar-range .rc-calendar-body,
2220.rc-calendar-range .rc-calendar-decade-panel-body,
2221.rc-calendar-range .rc-calendar-year-panel-body,
2222.rc-calendar-range .rc-calendar-month-panel-body {
2223 border-bottom: 1px solid #e9e9e9;
2224 background: #fff; }
2225
2226.rc-calendar-range.rc-calendar-week-number {
2227 width: 574px; }
2228
2229.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {
2230 width: 286px; }
2231
2232.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {
2233 top: 69px; }
2234
2235.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
2236 width: 89px; }
2237
2238.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {
2239 left: 36px; }
2240
2241.rc-calendar-range .rc-calendar-year-panel,
2242.rc-calendar-range .rc-calendar-month-panel,
2243.rc-calendar-range .rc-calendar-decade-panel {
2244 top: 0; }
2245 .rc-calendar-range .rc-calendar-year-panel > .rc-calendar-decade-panel-header,
2246 .rc-calendar-range .rc-calendar-month-panel > .rc-calendar-decade-panel-header,
2247 .rc-calendar-range .rc-calendar-decade-panel > .rc-calendar-decade-panel-header {
2248 display: block; }
2249
2250.rc-calendar-range .rc-calendar-panel .rc-calendar-date-panel .rc-calendar-range-part .rc-calendar-range-out {
2251 position: relative; }
2252
2253.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {
2254 top: 0; }
2255
2256.rc-calendar-range .rc-calendar-decade-panel-table,
2257.rc-calendar-range .rc-calendar-year-panel-table,
2258.rc-calendar-range .rc-calendar-month-panel-table {
2259 height: 198px;
2260 background: #fff; }
2261
2262.rc-calendar-range .rc-calendar-in-range-cell {
2263 background: rgb(255, 247, 231);
2264 border-radius: 0; }
2265
2266.rc-calendar-range-bottom .rc-calendar-footer-btn {
2267 text-align: right; }
2268
2269.rc-calendar-range .rc-calendar-footer {
2270 border-top: none; }
2271
2272.rc-calendar-range .rc-calendar-footer-btn {
2273 padding: 8px 8px; }
2274
2275.rc-calendar-range .rc-calendar-ok-btn {
2276 position: static; }
2277
2278.rc-calendar-range .rc-calendar-today-btn {
2279 float: left; }
2280
2281.rc-calendar-full {
2282 width: 275px; }
2283
2284.rc-calendar-full-header {
2285 padding: 5px 10px;
2286 text-align: center;
2287 -moz-user-select: none;
2288 -ms-user-select: none;
2289 user-select: none;
2290 -webkit-user-select: none;
2291 border-bottom: 1px solid #DFE1E6;
2292 overflow: hidden; }
2293
2294.rc-calendar-full-header-month-select,
2295.rc-calendar-full-header-year-select {
2296 width: 70px;
2297 float: right;
2298 margin-right: 5px; }
2299
2300.rc-calendar-full-header-switcher {
2301 float: right;
2302 display: inline-block; }
2303
2304.rc-calendar-full-header-switcher-normal:hover {
2305 border-color: rgb(245, 60, 50);
2306 box-shadow: 0 0 2px rgb(245, 60, 50);
2307 cursor: pointer; }
2308
2309.rc-calendar-full-header-switcher-focus {
2310 border-color: rgb(245, 60, 50);
2311 background-color: rgb(245, 60, 50);
2312 color: #fff; }
2313
2314.rc-calendar-full-header-switcher > span {
2315 float: left;
2316 height: 28px;
2317 line-height: 24px;
2318 border: 1px solid #d9d9d9;
2319 padding: 0 10px;
2320 color: #212121; }
2321
2322.rc-calendar-full-header-switcher > span:first-child {
2323 border-top-left-radius: 4px;
2324 border-bottom-left-radius: 4px;
2325 border-right: none; }
2326
2327.rc-calendar-full-header-switcher > span:last-child {
2328 border-top-right-radius: 4px;
2329 border-bottom-right-radius: 4px;
2330 border-left: none; }
2331
2332.rc-calendar-fullscreen {
2333 width: auto; }
2334
2335.rc-calendar-fullscreen .rc-calendar-full-header {
2336 border-bottom: none; }
2337
2338.rc-calendar-fullscreen .rc-calendar-column-header {
2339 text-align: right;
2340 padding-right: 12px; }
2341
2342.rc-calendar-fullscreen .rc-calendar-cell {
2343 padding: 0; }
2344
2345.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,
2346.rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
2347 display: block;
2348 height: 116px;
2349 width: auto;
2350 border-radius: 0;
2351 margin: 0 4px;
2352 border: none;
2353 border-top: 2px solid #eee;
2354 text-align: right;
2355 padding-right: 8px; }
2356
2357.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date,
2358.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
2359 background-color: #ebfaff;
2360 color: #212121; }
2361
2362.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date,
2363.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
2364 border-top-color: #3FC7FA;
2365 color: #3FC7FA; }
2366
2367.rc-time-picker {
2368 display: inline-block;
2369 position: relative;
2370 box-sizing: border-box; }
2371
2372.rc-time-picker * {
2373 box-sizing: border-box; }
2374
2375.rc-time-picker-clear {
2376 position: absolute;
2377 right: 6px;
2378 cursor: pointer;
2379 overflow: hidden;
2380 width: 20px;
2381 height: 20px;
2382 text-align: center;
2383 line-height: 20px;
2384 top: 3px;
2385 margin: 0; }
2386
2387.rc-time-picker-clear-icon:after {
2388 content: "x";
2389 font-size: 12px;
2390 font-style: normal;
2391 color: #aaa;
2392 display: inline-block;
2393 line-height: 1;
2394 height: 20px;
2395 width: 20px;
2396 transition: color 0.3s ease; }
2397
2398.rc-time-picker-clear-icon:hover:after {
2399 color: #212121; }
2400
2401.rc-time-picker-input {
2402 width: 100%;
2403 position: relative;
2404 display: inline-block;
2405 padding: 4px 7px;
2406 height: 28px;
2407 cursor: text;
2408 font-size: 12px;
2409 line-height: 1.5;
2410 color: #212121;
2411 background-color: #fff;
2412 background-image: none;
2413 border: 1px solid #d9d9d9;
2414 border-radius: 4px;
2415 transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
2416
2417.rc-time-picker-input[disabled] {
2418 color: #ccc;
2419 background: #f7f7f7;
2420 cursor: not-allowed; }
2421
2422.rc-time-picker-panel {
2423 z-index: 1070;
2424 width: 170px;
2425 position: absolute;
2426 box-sizing: border-box; }
2427
2428.rc-time-picker-panel * {
2429 box-sizing: border-box; }
2430
2431.rc-time-picker-panel-inner {
2432 display: inline-block;
2433 position: relative;
2434 outline: none;
2435 list-style: none;
2436 font-size: 12px;
2437 text-align: left;
2438 background-color: #fff;
2439 border-radius: 4px;
2440 box-shadow: 0 1px 5px #ccc;
2441 background-clip: padding-box;
2442 border: 1px solid #DFE1E6;
2443 line-height: 1.5; }
2444
2445.rc-time-picker-panel-narrow {
2446 max-width: 113px; }
2447
2448.rc-time-picker-panel-input {
2449 margin: 0;
2450 padding: 0;
2451 width: 100%;
2452 cursor: auto;
2453 line-height: 1.5;
2454 outline: 0;
2455 border: 1px solid transparent; }
2456
2457.rc-time-picker-panel-input-wrap {
2458 box-sizing: border-box;
2459 position: relative;
2460 padding: 6px;
2461 border-bottom: 1px solid #e9e9e9; }
2462
2463.rc-time-picker-panel-input-invalid {
2464 border-color: red; }
2465
2466.rc-time-picker-panel-select {
2467 float: left;
2468 font-size: 12px;
2469 border: 1px solid #e9e9e9;
2470 border-width: 0 1px;
2471 margin-left: -1px;
2472 box-sizing: border-box;
2473 width: 56px;
2474 max-height: 144px;
2475 overflow-y: auto;
2476 position: relative; }
2477
2478.rc-time-picker-panel-select-active {
2479 overflow-y: auto; }
2480
2481.rc-time-picker-panel-select:first-child {
2482 border-left: 0;
2483 margin-left: 0; }
2484
2485.rc-time-picker-panel-select:last-child {
2486 border-right: 0; }
2487
2488.rc-time-picker-panel-select ul {
2489 list-style: none;
2490 box-sizing: border-box;
2491 margin: 0;
2492 padding: 0;
2493 width: 100%; }
2494
2495.rc-time-picker-panel-select li {
2496 list-style: none;
2497 margin: 0;
2498 padding: 0 0 0 16px;
2499 width: 100%;
2500 height: 24px;
2501 line-height: 24px;
2502 text-align: left;
2503 cursor: pointer;
2504 -webkit-user-select: none;
2505 -moz-user-select: none;
2506 -ms-user-select: none;
2507 user-select: none; }
2508
2509.rc-time-picker-panel-select li:hover {
2510 background: rgb(235, 236, 240); }
2511
2512li.rc-time-picker-panel-select-option-selected, li.rc-time-picker-panel-select-option-selected:hover {
2513 background: rgb(255, 247, 231);
2514 color: rgb(245, 60, 50); }
2515
2516li.rc-time-picker-panel-select-option-disabled {
2517 color: #909090; }
2518
2519li.rc-time-picker-panel-select-option-disabled:hover {
2520 background: transparent;
2521 cursor: not-allowed; }
2522
2523.calendar-picker.u-input-group .uf-close-c {
2524 color: #424242;
2525 opacity: .7; }
2526
2527.rc-calendar > .rc-calendar-year-panel {
2528 position: relative;
2529 border: 1px solid #DFE1E6;
2530 box-shadow: 0 1px 5px #ccc; }
2531
2532.datepicker-input-group.u-input-group {
2533 display: block;
2534 cursor: pointer; }
2535
2536.datepicker-input-group .u-input-group-btn .uf-close-c {
2537 color: #424242;
2538 opacity: .7; }
2539
2540.rc-calendar > .rc-calendar-year-panel .rc-calendar-decade-panel {
2541 color: #212121;
2542 top: 35px;
2543 border: 1px solid #DFE1E6; }
2544
2545.rc-calendar-month-calendar .rc-calendar-year-panel {
2546 position: relative; }
2547
2548.rc-calendar-month-calendar .rc-calendar-month-panel {
2549 position: relative; }
2550
2551.rc-calendar-month-calendar .rc-calendar-month-header-wrap .rc-calendar-header-btns {
2552 display: none; }
2553
2554.rc-calendar-month-header-wrap {
2555 position: relative;
2556 height: 280px; }
2557
2558.week-calendar-footer {
2559 text-align: center; }
2560
2561.week-calendar-footer-button {
2562 padding: 3px 20px;
2563 color: rgb(245, 60, 50);
2564 position: relative;
2565 display: inline-block;
2566 font-weight: 500;
2567 line-height: 1;
2568 letter-spacing: 0;
2569 overflow: hidden;
2570 will-change: box-shadow, transform;
2571 outline: none;
2572 cursor: pointer;
2573 text-decoration: none;
2574 text-align: center;
2575 vertical-align: middle;
2576 font-size: 12px;
2577 line-height: 32px; }
2578
2579.week-calendar .rc-calendar-tbody > tr:hover
2580.rc-calendar-date {
2581 background: #EBECF0; }
2582
2583.week-calendar .rc-calendar-tbody > tr:hover
2584.rc-calendar-selected-day .rc-calendar-date {
2585 background: rgb(245, 60, 50); }
2586
2587.week-calendar .rc-calendar-footer {
2588 padding: 0;
2589 height: 38px; }
2590
2591.rc-calendar-btn-ok {
2592 padding: 0;
2593 min-width: 40px;
2594 position: relative;
2595 top: -2px; }
2596
2597.datepicker-input-group.u-input-group:hover > input {
2598 border-color: #66afe9; }
2599
2600.datepicker-input-group.u-input-group:hover > .u-form-control[disabled] {
2601 border-color: #DFE1E6; }
2602
2603.calendar-picker.u-input-group:hover > input {
2604 border-color: #66afe9; }
2605
2606.calendar-picker.u-input-group:hover > .u-form-control[disabled] {
2607 border-color: #DFE1E6; }
2608
2609.u-table-tbody th.rc-calendar-column-header {
2610 padding: 6px 0;
2611 text-align: center; }
2612
2613.u-table-tbody td.rc-calendar-cell {
2614 padding: 1px 0; }
2615 .u-table-tbody td.rc-calendar-cell .rc-calendar-date {
2616 margin: 0 3.5px; }
2617
2618.u-table-tbody .rc-calendar-year-select, .u-table-tbody .rc-calendar-month-select, .u-table-tbody .rc-calendar-today-btn, .u-table-tbody .rc-calendar-next-month-btn, .u-table-tbody .rc-calendar-next-year-btn, .u-table-tbody .rc-calendar-prev-month-btn, .u-table-tbody .rc-calendar-prev-year-btn,
2619.u-table-tbody .rc-calendar-year-panel-decade-select, .u-table-tbody .rc-calendar-year-panel-prev-decade-btn, .u-table-tbody .rc-calendar-year-panel-next-decade-btn,
2620.u-table-tbody .rc-calendar-decade-panel-prev-century-btn, .u-table-tbody .rc-calendar-decade-panel-next-century-btn,
2621.u-table-tbody .rc-calendar-month-panel-year-select, .u-table-tbody .rc-calendar-month-panel-prev-year-btn, .u-table-tbody .rc-calendar-month-panel-next-year-btn {
2622 color: #212121; }
2623 .u-table-tbody .rc-calendar-year-select:hover, .u-table-tbody .rc-calendar-month-select:hover, .u-table-tbody .rc-calendar-today-btn:hover, .u-table-tbody .rc-calendar-next-month-btn:hover, .u-table-tbody .rc-calendar-next-year-btn:hover, .u-table-tbody .rc-calendar-prev-month-btn:hover, .u-table-tbody .rc-calendar-prev-year-btn:hover,
2624 .u-table-tbody .rc-calendar-year-panel-decade-select:hover, .u-table-tbody .rc-calendar-year-panel-prev-decade-btn:hover, .u-table-tbody .rc-calendar-year-panel-next-decade-btn:hover,
2625 .u-table-tbody .rc-calendar-decade-panel-prev-century-btn:hover, .u-table-tbody .rc-calendar-decade-panel-next-century-btn:hover,
2626 .u-table-tbody .rc-calendar-month-panel-year-select:hover, .u-table-tbody .rc-calendar-month-panel-prev-year-btn:hover, .u-table-tbody .rc-calendar-month-panel-next-year-btn:hover {
2627 color: #e60012; }
2628
2629.u-table-tbody .rc-calendar-year-panel-year, .u-table-tbody .rc-calendar-decade-panel-decade, .u-table-tbody .rc-calendar-month-panel-month {
2630 color: #212121; }
2631
2632.u-table-tbody .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year,
2633.u-table-tbody .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade,
2634.u-table-tbody .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
2635 color: #fff; }
2636
2637.u-table .u-table-scroll tr td.rc-calendar-cell:first-child, .u-table .u-table-scroll tr th.rc-calendar-column-header:first-child {
2638 padding-left: 0; }
2639
2640.u-table .rc-calendar-table thead tr:last-child {
2641 border-bottom: none; }